@charset "UTF-8";
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.visuallyhidden {
  border: 0;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  display: inline-block;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  -webkit-clip-path: none;
  clip-path: none;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important; /* Black prints faster:
   http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* ==========================================================================
   Abstracts
   ========================================================================== */
/* ==========================================================================
   Abstracts
   ========================================================================== */
/* ==========================================================================
// Outputs converted to rem value

// Use
//	font-size: pxrem( 20 );
//	line-height: pxrem( 32 );

// Vars
//	$num: the number you want to convert and output in rem
============================================================================= */
/* ==========================================================================
// Output correct font-weight property based on passed string

// Use
//	font-weight: weight( bold );

// Vars
//	$weight: matches the string and outputs the value matching the weight
========================================================================== */
/* ==========================================================================
// Output font-family property based on passed font name

// Use
//	font-family: fontfam("Open Sans");

// Vars
//	$font-name: font that's gonna be used in the browser
============================================================================= */
/* ==========================================================================
	Use
		@function is-set( $var, 10px, 0px )

	Vars
		$var: the variable you want to check
		$true-output: the value you want to set if the variable you check IS NOT ''
		$false-output: the value you want to set if the variable IS ''
	========================================================================== */
/* ==========================================================================
	Use
		@function ltr_rtl( 10px, -10px )

	Vars
		$ltr-output: the value you want to output if text direction is ltr
		$rtl-output: the value you want to output if text direction is rtl
	========================================================================== */
/*
 * Output properties for font
 *
 * Usage:
 * @include font( 20 );
 * @include font( 20, 28 );
 * @include font( 20, 28, semibold );
 * @include font( 20, 28, semibold, "Open Sans" );
 *
 * Result ( if all properties are given ):
 * font-size: 1.25rem;
 * line-height: 1.75rem;
 * font-weight: 500;
 * font-family: "Open Sans", Arial, Helvetica, Verdana, sans-serif;
 */
/* ==========================================================================
   Core
   ========================================================================== */
/* ==========================================================================
   Base
   ========================================================================== */
/* ==========================================================================
   Reset Document styles
   ========================================================================== */
/**
 * Force border box sizing
 */
*,
:before,
:after {
  box-sizing: border-box;
  border-width: 0; /* Safari has auto border widths everywhere like a jerk */
}

/**
 * Force FXCM darkest grey font color
 */
html,
body,
button,
input,
select,
textarea {
  color: #283545;
}

/**
 * Default body font, alignment and background color
 */
body {
  direction: ltr;
  text-align: left;
  font-size: 0.8125rem;
  line-height: 1.375rem;
  font-weight: 400;
  font-family: Verdana, sans-serif;
  background-color: white;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

/* ==========================================================================
   Reset Link styles
   ========================================================================== */
/**
 * Remove outlines from anything that gains focus
 */
*:focus {
  outline: none;
}

/**
 * Base link resets
 */
a,
.pseudo-link {
  color: #0c51a3;
  text-decoration: underline;
}
a:hover,
.pseudo-link:hover {
  text-decoration: none;
  outline: 0;
  cursor: pointer;
}
a:focus, a:visited,
.pseudo-link:focus,
.pseudo-link:visited {
  outline: none;
}
a:active,
.pseudo-link:active {
  outline: 0;
  cursor: pointer;
}

/**
 * Base general typography resets
 */
abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: 700;
}

mark {
  background: #f6f7f8;
  font-weight: 700;
}

/* Forms */
form {
  margin: 0;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=submit],
input[type=button],
input[type=reset],
select,
textarea,
button {
  box-shadow: none !important;
  border-radius: 0;
  background: none transparent;
}

input[type=button],
input[type=reset],
input[type=submit],
button {
  cursor: pointer;
}

button[disabled],
input[disabled] {
  cursor: default;
}

button {
  border: none;
}

/* ------- Reset for Apple browsers ------- */
body[data-os=ios] input[type=text], body[data-os=ios] input[type=text].invalid,
body[data-os=ios] input[type=email],
body[data-os=ios] input[type=email].invalid,
body[data-os=ios] input[type=tel],
body[data-os=ios] input[type=tel].invalid,
body[data-os=ios] input[type=submit],
body[data-os=ios] input[type=submit].invalid,
body[data-os=ios] input[type=button],
body[data-os=ios] input[type=button].invalid,
body[data-os=ios] input[type=reset],
body[data-os=ios] input[type=reset].invalid,
body[data-os=ios] select,
body[data-os=ios] select.invalid,
body[data-os=ios] textarea,
body[data-os=ios] textarea.invalid,
body[data-os=ios] button,
body[data-os=ios] button.invalid,
body[data-os=macintosh] input[type=text],
body[data-os=macintosh] input[type=text].invalid,
body[data-os=macintosh] input[type=email],
body[data-os=macintosh] input[type=email].invalid,
body[data-os=macintosh] input[type=tel],
body[data-os=macintosh] input[type=tel].invalid,
body[data-os=macintosh] input[type=submit],
body[data-os=macintosh] input[type=submit].invalid,
body[data-os=macintosh] input[type=button],
body[data-os=macintosh] input[type=button].invalid,
body[data-os=macintosh] input[type=reset],
body[data-os=macintosh] input[type=reset].invalid,
body[data-os=macintosh] select,
body[data-os=macintosh] select.invalid,
body[data-os=macintosh] textarea,
body[data-os=macintosh] textarea.invalid,
body[data-os=macintosh] button,
body[data-os=macintosh] button.invalid {
  -webkit-appearance: none;
}

/* Non-semantic helper classes
========================================================================== */
.visuallyhidden {
  position: absolute;
}

/**
* Enable fluid width images and video
*
* Note: Will cause issues with Google Map controls.  #map img { max-width: none; }
* Removed 'object' to work with Limelight videos. Might need to add back in future.
*/
img,
embed,
video {
  max-width: 100%;
  width: auto !important;
  height: auto !important;
}

/* ==========================================================================
   _typography.scss
   ========================================================================== */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: url("https://assets.fxcm.com/fonts/Open-Sans/OpenSans-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("https://assets.fxcm.com/fonts/Open-Sans/OpenSans-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("https://assets.fxcm.com/fonts/Open-Sans/OpenSans-Semibold.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("https://assets.fxcm.com/fonts/Open-Sans/OpenSans-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans Condensed";
  font-style: normal;
  font-weight: 300;
  src: url("https://assets.fxcm.com/fonts/Open-Sans-Condensed/OpenSansCondensed-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans Condensed";
  font-style: normal;
  font-weight: 700;
  src: url("https://assets.fxcm.com/fonts/Open-Sans-Condensed/OpenSansCondensed-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Soehne";
  font-style: normal;
  font-weight: 300;
  src: url("https://assets.fxcm.com/fonts/Soehne/Soehne-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Soehne";
  font-style: normal;
  font-weight: 400;
  src: url("https://assets.fxcm.com/fonts/Soehne/Soehne-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Soehne";
  font-style: normal;
  font-weight: 500;
  src: url("https://assets.fxcm.com/fonts/Soehne/Soehne-Semibold.woff2") format("woff2");
}
@font-face {
  font-family: "Blender";
  font-style: normal;
  font-weight: 500;
  src: url("https://assets.fxcm.com/fonts/Blender/Blender-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Blender";
  font-style: normal;
  font-weight: 700;
  src: url("https://assets.fxcm.com/fonts/Blender/Blender-Bold.woff2") format("woff2");
}
/* Default Text Styling
   ========================================================================== */
h1, .h1 {
  font-size: 2.6875rem;
  line-height: 3.5rem;
  font-weight: 600;
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 20px;
}

h2, .h2 {
  font-size: 1.5625rem;
  line-height: 2.375rem;
  font-weight: 400;
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 10px;
}

h3, .h3,
h4, .h4 {
  font-size: 0.9375rem;
  line-height: 1.625rem;
  font-weight: 700;
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
}

h4, .h4 {
  margin-bottom: 0;
}

h5, .h5 {
  font-size: 0.875rem;
  line-height: 1.4375rem;
  font-weight: 600;
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 10px;
}

p,
dl {
  margin-top: 0;
  margin-bottom: 20px;
  list-style: none;
}

p > img {
  margin-top: 5px;
}

p:empty {
  display: none;
}

/* Modifying classes */
.lead-in {
  font-size: 1rem;
  line-height: 1.8125rem;
  font-weight: 400;
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
  text-transform: none;
}
.lead-in a, .lead-in strong {
  font-weight: 600;
}

.note,
.note-wrap {
  font-size: 0.6875rem;
  line-height: 1.25rem;
  font-weight: 400;
  font-family: Verdana, sans-serif;
  text-transform: none;
}

sup.reference-num:first-child {
  line-height: inherit;
  float: left;
  padding-right: 7px;
}

/* Ordering tweaks */
h1:not([class^=h]) + .lead-in {
  margin-top: -12px;
}

h2 + h3, h2 + h4, .h2 + h3, .h2 + h4 {
  margin-top: 20px;
}

blockquote {
  font-size: 1.1875rem;
  line-height: 1.8125rem;
  font-weight: 400;
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
  color: #5b6a88;
  position: relative;
  margin: 30px 20px 25px 40px;
}
blockquote p {
  padding: 10px;
}
blockquote:before {
  color: #5b6a88;
  content: '"';
  font-size: 76px;
  line-height: 7px;
  margin-left: -40px;
  vertical-align: -30px;
  position: absolute;
  top: 20px;
}
blockquote:after {
  color: #5b6a88;
  content: '"';
  font-size: 76px;
  line-height: 7px;
  margin-right: 19px;
  vertical-align: -30px;
  position: absolute;
  right: -35px;
  bottom: -20px;
}

/* Links
   ========================================================================== */
/* main content links */
a, .pseudo-link {
  font-weight: 600;
  text-decoration: underline;
}

.highlight {
  background: #0c51a3;
  color: white;
  text-decoration: none;
  padding: 0 4px;
  border-bottom: 1px solid #093973;
}
.highlight:hover {
  background: #5b6a88;
  border-bottom: 1px solid #283545;
}

/* specialty use-case links */
a.reset {
  font-weight: 400;
  color: inherit;
  text-decoration: none;
}
a.invert {
  text-decoration: none;
}
a.invert:hover {
  text-decoration: underline;
}
a.back-to-top {
  position: relative;
  font-size: 0.6875rem;
  line-height: 1.25rem;
  font-weight: 700;
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
  text-transform: uppercase;
}
a.error {
  background-color: #ea0404;
  color: white;
}

/* Lists
   ========================================================================== */
ul,
ol {
  list-style: none;
  margin: 0 0 20px 20px;
  padding-left: 0;
  font-size: 0.8125rem;
  line-height: 1.375rem;
  font-weight: 400;
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin: 10px 0;
}
ul > li,
ol > li {
  position: relative;
  margin-left: 10px;
  padding-left: 15px;
  padding-bottom: 10px;
}
ul > li:last-child,
ol > li:last-child {
  padding-bottom: 0;
}

ul > li::before {
  content: "■";
  position: absolute;
  display: block;
  font-family: serif;
  font-size: 90%;
  top: 0px;
  right: 100%;
  text-shadow: none !important;
}
ul.list-icon-circle > li::before {
  content: "●";
}
ul.list-icon-grey > li::before {
  color: #b2bfd0;
}
ul.list-icon-grey-darkest > li::before {
  color: #283545;
}
ul.list-icon-grey-darker > li::before {
  color: #5b6a88;
}
ul.list-icon-grey-dark > li::before {
  color: #8799ae;
}
ul.list-icon-grey-light > li::before {
  color: #e0e4e9;
}
ul.list-icon-grey-lighter > li::before {
  color: #ebf0f4;
}
ul.list-icon-grey-lightest > li::before {
  color: #f6f7f8;
}
ul.list-icon-teal > li::before {
  color: #01acb6;
}
ul.list-icon-teal-dark > li::before {
  color: #0a8194;
}
ul.list-icon-teal-light > li::before {
  color: #18d5d2;
}
ul.list-icon-blue > li::before {
  color: #0c51a3;
}
ul.list-icon-blue-dark > li::before {
  color: #225592;
}
ul.list-icon-blue-light > li::before {
  color: #0e75bd;
}
ul.list-icon-blue-lighter > li::before {
  color: #4fc2ea;
}
ul.list-icon-mustard > li::before {
  color: #edda8e;
}
ul.list-icon-yellow > li::before {
  color: #f4ad03;
}
ul.list-icon-beige > li::before {
  color: #f6f4e1;
}
ul.list-icon-red > li::before {
  color: #ea0404;
}
ul.list-icon-green > li::before {
  color: #67b20b;
}
ul.list-icon-forest-green > li::before {
  color: #629083;
}
ul.list-icon-black > li::before {
  color: black;
}
ul.list-icon-white > li::before {
  color: white;
}
ul.has-ico > li::before {
  display: none;
}
ul.has-ico > li > .ico:first-child {
  position: absolute;
  right: 100%;
  top: 4px;
}
ul.list-inline-pipes {
  overflow: hidden;
  margin-left: 0;
  font-weight: 600;
}
ul.list-inline-pipes li {
  float: left;
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
}
ul.list-inline-pipes li::before {
  display: none;
}
ul.list-inline-pipes li::after {
  content: "    |    ";
  display: inline-block;
  padding: 0;
  top: -1px;
  position: relative;
  white-space: pre;
  font-weight: 700;
  transform: scaleY(0.925);
}
ul.list-inline-pipes li:last-child::after {
  display: none;
}
@media screen and ( max-width: 599px ) {
  ul.list-inline-pipes li {
    float: none;
    display: block;
  }
  ul.list-inline-pipes li::after {
    display: none;
  }
}
ul.reset {
  margin-left: 0;
}
ul.reset > li {
  margin: 0;
  padding: 0;
}
ul.reset > li::before {
  display: none;
}

ol {
  counter-reset: li;
}
ol > li::before {
  content: counter(li) ".";
  counter-increment: li;
  position: absolute;
  font-weight: 600;
  right: calc(100% - 5px);
}
ol.list-icon-square li, ol.list-icon-circle li {
  margin-bottom: 12px;
}
ol.list-icon-square li::before, ol.list-icon-circle li::before {
  content: counter(li);
  background-color: #283545;
  color: white;
  text-align: center;
  width: 22px;
  height: 22px;
}
ol.list-icon-circle > li::before {
  border-radius: 50%;
}
ol ol > li::before {
  content: counter(li, upper-alpha) ".";
}
ol ol ol > li::before {
  content: counter(li, lower-roman) ".";
}
ol ol ol ol > li::before {
  content: counter(li, lower-alpha) ".";
}
ol.list-icon-grey > li::before {
  background-color: #b2bfd0;
}
ol.list-icon-grey-darkest > li::before {
  background-color: #283545;
}
ol.list-icon-grey-darker > li::before {
  background-color: #5b6a88;
}
ol.list-icon-grey-dark > li::before {
  background-color: #8799ae;
}
ol.list-icon-grey-light > li::before {
  background-color: #e0e4e9;
}
ol.list-icon-grey-lighter > li::before {
  background-color: #ebf0f4;
}
ol.list-icon-grey-lightest > li::before {
  background-color: #f6f7f8;
}
ol.list-icon-teal > li::before {
  background-color: #01acb6;
}
ol.list-icon-teal-dark > li::before {
  background-color: #0a8194;
}
ol.list-icon-teal-light > li::before {
  background-color: #18d5d2;
}
ol.list-icon-blue > li::before {
  background-color: #0c51a3;
}
ol.list-icon-blue-dark > li::before {
  background-color: #225592;
}
ol.list-icon-blue-light > li::before {
  background-color: #0e75bd;
}
ol.list-icon-blue-lighter > li::before {
  background-color: #4fc2ea;
}
ol.list-icon-mustard > li::before {
  background-color: #edda8e;
}
ol.list-icon-yellow > li::before {
  background-color: #f4ad03;
}
ol.list-icon-beige > li::before {
  background-color: #f6f4e1;
}
ol.list-icon-red > li::before {
  background-color: #ea0404;
}
ol.list-icon-green > li::before {
  background-color: #67b20b;
}
ol.list-icon-forest-green > li::before {
  background-color: #629083;
}
ol.list-icon-black > li::before {
  background-color: black;
}
ol.list-icon-white > li::before {
  background-color: white;
}

ol[start="2"] {
  counter-reset: li 1;
}

ol[start="3"] {
  counter-reset: li 2;
}

ol[start="4"] {
  counter-reset: li 3;
}

ol[start="5"] {
  counter-reset: li 4;
}

ol[start="6"] {
  counter-reset: li 5;
}

ol[start="7"] {
  counter-reset: li 6;
}

ol[start="8"] {
  counter-reset: li 7;
}

ol[start="9"] {
  counter-reset: li 8;
}

ol[start="10"] {
  counter-reset: li 9;
}

ol[start="11"] {
  counter-reset: li 10;
}

ol[start="12"] {
  counter-reset: li 11;
}

ol[start="13"] {
  counter-reset: li 12;
}

ol[start="14"] {
  counter-reset: li 13;
}

ol[start="15"] {
  counter-reset: li 14;
}

.tab-title {
  font-size: 1rem;
  line-height: 1.6875rem;
  font-weight: 600;
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
  color: white;
  background-color: #283545;
  text-transform: uppercase;
  padding: 2px 20px;
  display: inline-block;
  margin: 0 0 10px 0;
}

.lp-heading {
  color: #0e75bd;
  font-size: 1.875rem;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/* ==========================================================================
   Responsive Styles
   ========================================================================== */
/* Mobile
   ========================================================================== */
@media screen and ( max-width: 599px ) {
  h1, .h1 {
    font-size: 1.75rem;
    line-height: 2.6875rem;
  }
  h2, .h2 {
    font-size: 1.25rem;
    line-height: 2.0625rem;
  }
  h3, .h3,
  h4, .h4 {
    font-weight: 600;
  }
  ul,
  ol {
    margin-left: 5px;
  }
  .lead-in {
    font-size: 0.9375rem;
    line-height: 1.75rem;
  }
}
/* Font family size classes
   ========================================================================== */
.txt-10 {
  font-size: 0.625rem !important;
  line-height: 1.1875rem !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-txt-10 {
    font-size: 0.625rem !important;
    line-height: 1.1875rem !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-txt-10 {
    font-size: 0.625rem !important;
    line-height: 1.1875rem !important;
  }
}
ul.txt-10 ul,
ul.txt-10 ol,
ol.txt-10 ul,
ol.txt-10 ol {
  margin-top: 10px;
  margin-bottom: 7px;
}
ul.txt-10 > li,
ol.txt-10 > li {
  margin-left: 7px;
  padding-left: 12px;
  padding-bottom: 7px;
}

ol.list-icon-circle.txt-10 > li::before,
ol.list-icon-square.txt-10 > li::before {
  width: 19px;
  height: 19px;
}

.txt-11 {
  font-size: 0.6875rem !important;
  line-height: 1.25rem !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-txt-11 {
    font-size: 0.6875rem !important;
    line-height: 1.25rem !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-txt-11 {
    font-size: 0.6875rem !important;
    line-height: 1.25rem !important;
  }
}
ul.txt-11 ul,
ul.txt-11 ol,
ol.txt-11 ul,
ol.txt-11 ol {
  margin-top: 11px;
  margin-bottom: 8px;
}
ul.txt-11 > li,
ol.txt-11 > li {
  margin-left: 8px;
  padding-left: 13px;
  padding-bottom: 8px;
}

ol.list-icon-circle.txt-11 > li::before,
ol.list-icon-square.txt-11 > li::before {
  width: 20px;
  height: 20px;
}

.txt-12 {
  font-size: 0.75rem !important;
  line-height: 1.3125rem !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-txt-12 {
    font-size: 0.75rem !important;
    line-height: 1.3125rem !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-txt-12 {
    font-size: 0.75rem !important;
    line-height: 1.3125rem !important;
  }
}
ul.txt-12 ul,
ul.txt-12 ol,
ol.txt-12 ul,
ol.txt-12 ol {
  margin-top: 12px;
  margin-bottom: 9px;
}
ul.txt-12 > li,
ol.txt-12 > li {
  margin-left: 9px;
  padding-left: 14px;
  padding-bottom: 9px;
}

ol.list-icon-circle.txt-12 > li::before,
ol.list-icon-square.txt-12 > li::before {
  width: 21px;
  height: 21px;
}

.txt-13 {
  font-size: 0.8125rem !important;
  line-height: 1.375rem !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-txt-13 {
    font-size: 0.8125rem !important;
    line-height: 1.375rem !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-txt-13 {
    font-size: 0.8125rem !important;
    line-height: 1.375rem !important;
  }
}
ul.txt-13 ul,
ul.txt-13 ol,
ol.txt-13 ul,
ol.txt-13 ol {
  margin-top: 13px;
  margin-bottom: 9px;
}
ul.txt-13 > li,
ol.txt-13 > li {
  margin-left: 10px;
  padding-left: 15px;
  padding-bottom: 10px;
}

ol.list-icon-circle.txt-13 > li::before,
ol.list-icon-square.txt-13 > li::before {
  width: 22px;
  height: 22px;
}

.txt-14 {
  font-size: 0.875rem !important;
  line-height: 1.4375rem !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-txt-14 {
    font-size: 0.875rem !important;
    line-height: 1.4375rem !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-txt-14 {
    font-size: 0.875rem !important;
    line-height: 1.4375rem !important;
  }
}
ul.txt-14 ul,
ul.txt-14 ol,
ol.txt-14 ul,
ol.txt-14 ol {
  margin-top: 14px;
  margin-bottom: 10px;
}
ul.txt-14 > li,
ol.txt-14 > li {
  margin-left: 11px;
  padding-left: 16px;
  padding-bottom: 11px;
}

ol.list-icon-circle.txt-14 > li::before,
ol.list-icon-square.txt-14 > li::before {
  width: 23px;
  height: 23px;
}

.txt-15 {
  font-size: 0.9375rem !important;
  line-height: 1.625rem !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-txt-15 {
    font-size: 0.9375rem !important;
    line-height: 1.625rem !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-txt-15 {
    font-size: 0.9375rem !important;
    line-height: 1.625rem !important;
  }
}
ul.txt-15 ul,
ul.txt-15 ol,
ol.txt-15 ul,
ol.txt-15 ol {
  margin-top: 15px;
  margin-bottom: 11px;
}
ul.txt-15 > li,
ol.txt-15 > li {
  margin-left: 12px;
  padding-left: 17px;
  padding-bottom: 12px;
}

ol.list-icon-circle.txt-15 > li::before,
ol.list-icon-square.txt-15 > li::before {
  width: 26px;
  height: 26px;
}

ul.has-ico.txt-15 > li > .ico:first-child {
  top: 5px;
}

.txt-16 {
  font-size: 1rem !important;
  line-height: 1.6875rem !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-txt-16 {
    font-size: 1rem !important;
    line-height: 1.6875rem !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-txt-16 {
    font-size: 1rem !important;
    line-height: 1.6875rem !important;
  }
}
ul.txt-16 ul,
ul.txt-16 ol,
ol.txt-16 ul,
ol.txt-16 ol {
  margin-top: 16px;
  margin-bottom: 11px;
}
ul.txt-16 > li,
ol.txt-16 > li {
  margin-left: 13px;
  padding-left: 18px;
  padding-bottom: 13px;
}

ol.list-icon-circle.txt-16 > li::before,
ol.list-icon-square.txt-16 > li::before {
  width: 27px;
  height: 27px;
}

ul.has-ico.txt-16 > li > .ico:first-child {
  top: 5px;
}

.txt-17 {
  font-size: 1.0625rem !important;
  line-height: 1.75rem !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-txt-17 {
    font-size: 1.0625rem !important;
    line-height: 1.75rem !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-txt-17 {
    font-size: 1.0625rem !important;
    line-height: 1.75rem !important;
  }
}
ul.txt-17 ul,
ul.txt-17 ol,
ol.txt-17 ul,
ol.txt-17 ol {
  margin-top: 17px;
  margin-bottom: 12px;
}
ul.txt-17 > li,
ol.txt-17 > li {
  margin-left: 14px;
  padding-left: 19px;
  padding-bottom: 14px;
}

ol.list-icon-circle.txt-17 > li::before,
ol.list-icon-square.txt-17 > li::before {
  width: 28px;
  height: 28px;
}

ul.has-ico.txt-17 > li > .ico:first-child {
  top: 5px;
}

.txt-18 {
  font-size: 1.125rem !important;
  line-height: 1.8125rem !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-txt-18 {
    font-size: 1.125rem !important;
    line-height: 1.8125rem !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-txt-18 {
    font-size: 1.125rem !important;
    line-height: 1.8125rem !important;
  }
}
ul.txt-18 ul,
ul.txt-18 ol,
ol.txt-18 ul,
ol.txt-18 ol {
  margin-top: 18px;
  margin-bottom: 13px;
}
ul.txt-18 > li,
ol.txt-18 > li {
  margin-left: 15px;
  padding-left: 20px;
  padding-bottom: 15px;
}

ol.list-icon-circle.txt-18 > li::before,
ol.list-icon-square.txt-18 > li::before {
  width: 29px;
  height: 29px;
}

ul.has-ico.txt-18 > li > .ico:first-child {
  top: 5px;
}

.txt-19 {
  font-size: 1.1875rem !important;
  line-height: 1.875rem !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-txt-19 {
    font-size: 1.1875rem !important;
    line-height: 1.875rem !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-txt-19 {
    font-size: 1.1875rem !important;
    line-height: 1.875rem !important;
  }
}
ul.txt-19 ul,
ul.txt-19 ol,
ol.txt-19 ul,
ol.txt-19 ol {
  margin-top: 19px;
  margin-bottom: 13px;
}
ul.txt-19 > li,
ol.txt-19 > li {
  margin-left: 16px;
  padding-left: 21px;
  padding-bottom: 16px;
}

ol.list-icon-circle.txt-19 > li::before,
ol.list-icon-square.txt-19 > li::before {
  width: 30px;
  height: 30px;
}

ul.has-ico.txt-19 > li > .ico:first-child {
  top: 5px;
}

.txt-20 {
  font-size: 1.25rem !important;
  line-height: 2.0625rem !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-txt-20 {
    font-size: 1.25rem !important;
    line-height: 2.0625rem !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-txt-20 {
    font-size: 1.25rem !important;
    line-height: 2.0625rem !important;
  }
}
ul.txt-20 ul,
ul.txt-20 ol,
ol.txt-20 ul,
ol.txt-20 ol {
  margin-top: 20px;
  margin-bottom: 14px;
}
ul.txt-20 > li,
ol.txt-20 > li {
  margin-left: 17px;
  padding-left: 22px;
  padding-bottom: 17px;
}

ol.list-icon-circle.txt-20 > li::before,
ol.list-icon-square.txt-20 > li::before {
  width: 33px;
  height: 33px;
}

ul.has-ico.txt-20 > li > .ico:first-child {
  top: 6px;
}

ul.txt-20 {
  font-weight: 600;
}

.txt-21 {
  font-size: 1.3125rem !important;
  line-height: 2.125rem !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-txt-21 {
    font-size: 1.3125rem !important;
    line-height: 2.125rem !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-txt-21 {
    font-size: 1.3125rem !important;
    line-height: 2.125rem !important;
  }
}
ul.txt-21 ul,
ul.txt-21 ol,
ol.txt-21 ul,
ol.txt-21 ol {
  margin-top: 21px;
  margin-bottom: 15px;
}
ul.txt-21 > li,
ol.txt-21 > li {
  margin-left: 18px;
  padding-left: 23px;
  padding-bottom: 18px;
}

ol.list-icon-circle.txt-21 > li::before,
ol.list-icon-square.txt-21 > li::before {
  width: 34px;
  height: 34px;
}

ul.has-ico.txt-21 > li > .ico:first-child {
  top: 6px;
}

ul.txt-21 {
  font-weight: 600;
}

.txt-25 {
  font-size: 1.5625rem !important;
  line-height: 2.375rem !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-txt-25 {
    font-size: 1.5625rem !important;
    line-height: 2.375rem !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-txt-25 {
    font-size: 1.5625rem !important;
    line-height: 2.375rem !important;
  }
}
ul.txt-25 ul,
ul.txt-25 ol,
ol.txt-25 ul,
ol.txt-25 ol {
  margin-top: 25px;
  margin-bottom: 17px;
}
ul.txt-25 > li,
ol.txt-25 > li {
  margin-left: 22px;
  padding-left: 27px;
  padding-bottom: 22px;
}

ol.list-icon-circle.txt-25 > li::before,
ol.list-icon-square.txt-25 > li::before {
  width: 38px;
  height: 38px;
}

ul.has-ico.txt-25 > li > .ico:first-child {
  top: 6px;
}

ul.txt-25 {
  font-weight: 600;
}

.txt-30 {
  font-size: 1.875rem !important;
  line-height: 2.6875rem !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-txt-30 {
    font-size: 1.875rem !important;
    line-height: 2.6875rem !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-txt-30 {
    font-size: 1.875rem !important;
    line-height: 2.6875rem !important;
  }
}
ul.txt-30 ul,
ul.txt-30 ol,
ol.txt-30 ul,
ol.txt-30 ol {
  margin-top: 30px;
  margin-bottom: 21px;
}
ul.txt-30 > li,
ol.txt-30 > li {
  margin-left: 27px;
  padding-left: 32px;
  padding-bottom: 27px;
}

ol.list-icon-circle.txt-30 > li::before,
ol.list-icon-square.txt-30 > li::before {
  width: 43px;
  height: 43px;
}

ul.has-ico.txt-30 > li > .ico:first-child {
  top: 6px;
}

ul.txt-30 {
  font-weight: 600;
}

.txt-grey {
  color: #b2bfd0  !important;
}

.txt-grey-darkest {
  color: #283545  !important;
}

.txt-grey-darker {
  color: #5b6a88  !important;
}

.txt-grey-dark {
  color: #8799ae  !important;
}

.txt-grey-light {
  color: #e0e4e9  !important;
}

.txt-grey-lighter {
  color: #ebf0f4  !important;
}

.txt-grey-lightest {
  color: #f6f7f8  !important;
}

.txt-teal {
  color: #01acb6  !important;
}

.txt-teal-dark {
  color: #0a8194  !important;
}

.txt-teal-light {
  color: #18d5d2  !important;
}

.txt-blue {
  color: #0c51a3  !important;
}

.txt-blue-dark {
  color: #225592  !important;
}

.txt-blue-light {
  color: #0e75bd  !important;
}

.txt-blue-lighter {
  color: #4fc2ea  !important;
}

.txt-mustard {
  color: #edda8e  !important;
}

.txt-yellow {
  color: #f4ad03  !important;
}

.txt-beige {
  color: #f6f4e1  !important;
}

.txt-red {
  color: #ea0404  !important;
}

.txt-green {
  color: #67b20b  !important;
}

.txt-forest-green {
  color: #629083  !important;
}

.txt-black {
  color: black  !important;
}

.txt-white {
  color: white  !important;
}

/* ==========================================================================
   _override.scss
   ========================================================================== */
/* Font family convenience classes
 * loop through available fonts and output txt-font-name classes with font-family and font-weight properties
   ========================================================================== */
.txt-arial-regular {
  font-family: Arial, Helvetica, Verdana, sans-serif !important;
  font-weight: 400 !important;
}

.txt-arial-bold {
  font-family: Arial, Helvetica, Verdana, sans-serif !important;
  font-weight: 700 !important;
}

.txt-arial {
  font-family: Arial, Helvetica, Verdana, sans-serif !important;
}

.txt-verdana-regular {
  font-family: Verdana, sans-serif !important;
  font-weight: 400 !important;
}

.txt-verdana-bold {
  font-family: Verdana, sans-serif !important;
  font-weight: 700 !important;
}

.txt-verdana {
  font-family: Verdana, sans-serif !important;
}

.txt-open-sans-light {
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif !important;
  font-weight: 300 !important;
}

.txt-open-sans-regular {
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif !important;
  font-weight: 400 !important;
}

.txt-open-sans-semibold {
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif !important;
  font-weight: 600 !important;
}

.txt-open-sans-bold {
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif !important;
  font-weight: 700 !important;
}

.txt-open-sans {
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif !important;
}

.txt-open-sans-condensed-light {
  font-family: Open Sans Condensed, Open Sans, Arial, Helvetica, Verdana, sans-serif !important;
  font-weight: 300 !important;
}

.txt-open-sans-condensed-bold {
  font-family: Open Sans Condensed, Open Sans, Arial, Helvetica, Verdana, sans-serif !important;
  font-weight: 700 !important;
}

.txt-open-sans-condensed {
  font-family: Open Sans Condensed, Open Sans, Arial, Helvetica, Verdana, sans-serif !important;
}

.txt-soehne-light {
  font-family: Soehne, Open Sans, Arial, Helvetica, Verdana, sans-serif !important;
  font-weight: 300 !important;
}

.txt-soehne-regular {
  font-family: Soehne, Open Sans, Arial, Helvetica, Verdana, sans-serif !important;
  font-weight: 400 !important;
}

.txt-soehne-medium {
  font-family: Soehne, Open Sans, Arial, Helvetica, Verdana, sans-serif !important;
  font-weight: 500 !important;
}

.txt-soehne-semibold {
  font-family: Soehne, Open Sans, Arial, Helvetica, Verdana, sans-serif !important;
  font-weight: 600 !important;
}

.txt-soehne {
  font-family: Soehne, Open Sans, Arial, Helvetica, Verdana, sans-serif !important;
}

.txt-blender-medium {
  font-family: Blender, Open Sans, Arial, Helvetica, Verdana, sans-serif !important;
  font-weight: 500 !important;
}

.txt-blender-bold {
  font-family: Blender, Open Sans, Arial, Helvetica, Verdana, sans-serif !important;
  font-weight: 700 !important;
}

.txt-blender {
  font-family: Blender, Open Sans, Arial, Helvetica, Verdana, sans-serif !important;
}

.txt-light {
  font-weight: 300 !important;
}

.txt-regular {
  font-weight: 400 !important;
}

.txt-medium {
  font-weight: 500 !important;
}

.txt-semibold {
  font-weight: 600 !important;
}

.txt-bold {
  font-weight: 700 !important;
}

.txt-auto-height {
  line-height: normal !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-txt-auto-height {
    line-height: normal !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-txt-auto-height {
    line-height: normal !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-txt-auto-height {
    line-height: normal !important;
  }
}
@media print {
  .print-txt-auto-height {
    line-height: normal !important;
  }
}
.txt-align-left {
  text-align: left !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-txt-align-left {
    text-align: left !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-txt-align-left {
    text-align: left !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-txt-align-left {
    text-align: left !important;
  }
}
@media print {
  .print-txt-align-left {
    text-align: left !important;
  }
}
.txt-align-right {
  text-align: right !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-txt-align-right {
    text-align: right !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-txt-align-right {
    text-align: right !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-txt-align-right {
    text-align: right !important;
  }
}
@media print {
  .print-txt-align-right {
    text-align: right !important;
  }
}
.txt-align-center {
  text-align: center !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-txt-align-center {
    text-align: center !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-txt-align-center {
    text-align: center !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-txt-align-center {
    text-align: center !important;
  }
}
@media print {
  .print-txt-align-center {
    text-align: center !important;
  }
}
.txt-no-wrap {
  white-space: nowrap !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-txt-no-wrap {
    white-space: nowrap !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-txt-no-wrap {
    white-space: nowrap !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-txt-no-wrap {
    white-space: nowrap !important;
  }
}
@media print {
  .print-txt-no-wrap {
    white-space: nowrap !important;
  }
}
/* font variant */
.txt-upper {
  text-transform: uppercase !important;
}

.txt-lower {
  text-transform: lowercase !important;
}

.txt-no-transform {
  text-transform: none !important;
}

.txt-underline {
  text-decoration: underline !important;
}

.txt-no-decoration {
  text-decoration: none !important;
}

.txt-rtl {
  direction: rtl;
  text-align: right;
}

.txt-ltr {
  direction: ltr;
  text-align: left;
}

/* Display overrides
   ========================================================================== */
/* hiders */
body[data-device=phone] .device-phone-hide,
body[data-device=tablet] .device-tablet-hide,
body[data-device=desktop] .device-desktop-hide,
body[data-istouch=true] .device-touch-hide,
body[data-device=unknown] .device-phone-hide {
  display: none !important;
}

*[v-cloak] {
  display: none !important;
}

.hide {
  display: none !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-hide {
    display: none !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-hide {
    display: none !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-hide {
    display: none !important;
  }
}
@media print {
  .print-hide {
    display: none !important;
  }
}
.display-inline {
  display: inline !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-display-inline {
    display: inline !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-display-inline {
    display: inline !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-display-inline {
    display: inline !important;
  }
}
@media print {
  .print-display-inline {
    display: inline !important;
  }
}
.display-inline-block {
  display: inline-block !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-display-inline-block {
    display: inline-block !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-display-inline-block {
    display: inline-block !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-display-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .print-display-inline-block {
    display: inline-block !important;
  }
}
.display-block {
  display: block !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-display-block {
    display: block !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-display-block {
    display: block !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-display-block {
    display: block !important;
  }
}
@media print {
  .print-display-block {
    display: block !important;
  }
}
.pos-relative {
  position: relative !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-pos-relative {
    position: relative !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-pos-relative {
    position: relative !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-pos-relative {
    position: relative !important;
  }
}
@media print {
  .print-pos-relative {
    position: relative !important;
  }
}
.pos-absolute {
  position: absolute !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-pos-absolute {
    position: absolute !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-pos-absolute {
    position: absolute !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-pos-absolute {
    position: absolute !important;
  }
}
@media print {
  .print-pos-absolute {
    position: absolute !important;
  }
}
.pos-fixed {
  position: fixed !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-pos-fixed {
    position: fixed !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-pos-fixed {
    position: fixed !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-pos-fixed {
    position: fixed !important;
  }
}
@media print {
  .print-pos-fixed {
    position: fixed !important;
  }
}
.pos-static {
  position: static !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-pos-static {
    position: static !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-pos-static {
    position: static !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-pos-static {
    position: static !important;
  }
}
@media print {
  .print-pos-static {
    position: static !important;
  }
}
/* Clears */
.clear-left {
  clear: left !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-clear-left {
    clear: left !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-clear-left {
    clear: left !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-clear-left {
    clear: left !important;
  }
}
@media print {
  .print-clear-left {
    clear: left !important;
  }
}
.clear-right {
  clear: right !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-clear-right {
    clear: right !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-clear-right {
    clear: right !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-clear-right {
    clear: right !important;
  }
}
@media print {
  .print-clear-right {
    clear: right !important;
  }
}
.clear-both {
  clear: both !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-clear-both {
    clear: both !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-clear-both {
    clear: both !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-clear-both {
    clear: both !important;
  }
}
@media print {
  .print-clear-both {
    clear: both !important;
  }
}
/* floats */
.floatL {
  float: left !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-floatL {
    float: left !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-floatL {
    float: left !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-floatL {
    float: left !important;
  }
}
@media print {
  .print-floatL {
    float: left !important;
  }
}
.float-left {
  float: left !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-float-left {
    float: left !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-float-left {
    float: left !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-float-left {
    float: left !important;
  }
}
@media print {
  .print-float-left {
    float: left !important;
  }
}
.floatR {
  float: right !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-floatR {
    float: right !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-floatR {
    float: right !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-floatR {
    float: right !important;
  }
}
@media print {
  .print-floatR {
    float: right !important;
  }
}
.float-right {
  float: right !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-float-right {
    float: right !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-float-right {
    float: right !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-float-right {
    float: right !important;
  }
}
@media print {
  .print-float-right {
    float: right !important;
  }
}
.float-none {
  float: none !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-float-none {
    float: none !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-float-none {
    float: none !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-float-none {
    float: none !important;
  }
}
@media print {
  .print-float-none {
    float: none !important;
  }
}
/* Margin/padding overrides
   ========================================================================== */
.padding-0 {
  padding: 0px 0px 0px 0px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-0 {
    padding: 0px 0px 0px 0px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-0 {
    padding: 0px 0px 0px 0px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-0 {
    padding: 0px 0px 0px 0px !important;
  }
}
@media print {
  .print-padding-0 {
    padding: 0px 0px 0px 0px !important;
  }
}
.margin-0 {
  margin: 0px 0px 0px 0px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-0 {
    margin: 0px 0px 0px 0px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-0 {
    margin: 0px 0px 0px 0px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-0 {
    margin: 0px 0px 0px 0px !important;
  }
}
@media print {
  .print-margin-0 {
    margin: 0px 0px 0px 0px !important;
  }
}
.padding-vertical-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-vertical-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-vertical-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-vertical-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media print {
  .print-padding-vertical-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
.margin-vertical-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-vertical-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-vertical-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-vertical-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}
@media print {
  .print-margin-vertical-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}
.padding-top-0 {
  padding-top: 0px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-top-0 {
    padding-top: 0px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-top-0 {
    padding-top: 0px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-top-0 {
    padding-top: 0px !important;
  }
}
@media print {
  .print-padding-top-0 {
    padding-top: 0px !important;
  }
}
.margin-top-0 {
  margin-top: 0px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-top-0 {
    margin-top: 0px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-top-0 {
    margin-top: 0px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-top-0 {
    margin-top: 0px !important;
  }
}
@media print {
  .print-margin-top-0 {
    margin-top: 0px !important;
  }
}
.padding-bottom-0 {
  padding-bottom: 0px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-bottom-0 {
    padding-bottom: 0px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-bottom-0 {
    padding-bottom: 0px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-bottom-0 {
    padding-bottom: 0px !important;
  }
}
@media print {
  .print-padding-bottom-0 {
    padding-bottom: 0px !important;
  }
}
.margin-bottom-0 {
  margin-bottom: 0px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-bottom-0 {
    margin-bottom: 0px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-bottom-0 {
    margin-bottom: 0px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-bottom-0 {
    margin-bottom: 0px !important;
  }
}
@media print {
  .print-margin-bottom-0 {
    margin-bottom: 0px !important;
  }
}
.padding-horizontal-0 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-horizontal-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-horizontal-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-horizontal-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}
@media print {
  .print-padding-horizontal-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}
.margin-horizontal-0 {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-horizontal-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-horizontal-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-horizontal-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
}
@media print {
  .print-margin-horizontal-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
}
.padding-right-0 {
  padding-right: 0px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-right-0 {
    padding-right: 0px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-right-0 {
    padding-right: 0px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-right-0 {
    padding-right: 0px !important;
  }
}
@media print {
  .print-padding-right-0 {
    padding-right: 0px !important;
  }
}
.margin-right-0 {
  margin-right: 0px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-right-0 {
    margin-right: 0px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-right-0 {
    margin-right: 0px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-right-0 {
    margin-right: 0px !important;
  }
}
@media print {
  .print-margin-right-0 {
    margin-right: 0px !important;
  }
}
.padding-left-0 {
  padding-left: 0px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-left-0 {
    padding-left: 0px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-left-0 {
    padding-left: 0px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-left-0 {
    padding-left: 0px !important;
  }
}
@media print {
  .print-padding-left-0 {
    padding-left: 0px !important;
  }
}
.margin-left-0 {
  margin-left: 0px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-left-0 {
    margin-left: 0px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-left-0 {
    margin-left: 0px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-left-0 {
    margin-left: 0px !important;
  }
}
@media print {
  .print-margin-left-0 {
    margin-left: 0px !important;
  }
}
.padding-5 {
  padding: 5px 5px 5px 5px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-5 {
    padding: 5px 5px 5px 5px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-5 {
    padding: 5px 5px 5px 5px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-5 {
    padding: 5px 5px 5px 5px !important;
  }
}
@media print {
  .print-padding-5 {
    padding: 5px 5px 5px 5px !important;
  }
}
.margin-5 {
  margin: 5px 5px 5px 5px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-5 {
    margin: 5px 5px 5px 5px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-5 {
    margin: 5px 5px 5px 5px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-5 {
    margin: 5px 5px 5px 5px !important;
  }
}
@media print {
  .print-margin-5 {
    margin: 5px 5px 5px 5px !important;
  }
}
.padding-vertical-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-vertical-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-vertical-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-vertical-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
@media print {
  .print-padding-vertical-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
.margin-vertical-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-vertical-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-vertical-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-vertical-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}
@media print {
  .print-margin-vertical-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}
.padding-top-5 {
  padding-top: 5px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-top-5 {
    padding-top: 5px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-top-5 {
    padding-top: 5px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-top-5 {
    padding-top: 5px !important;
  }
}
@media print {
  .print-padding-top-5 {
    padding-top: 5px !important;
  }
}
.margin-top-5 {
  margin-top: 5px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-top-5 {
    margin-top: 5px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-top-5 {
    margin-top: 5px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-top-5 {
    margin-top: 5px !important;
  }
}
@media print {
  .print-margin-top-5 {
    margin-top: 5px !important;
  }
}
.padding-bottom-5 {
  padding-bottom: 5px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-bottom-5 {
    padding-bottom: 5px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-bottom-5 {
    padding-bottom: 5px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-bottom-5 {
    padding-bottom: 5px !important;
  }
}
@media print {
  .print-padding-bottom-5 {
    padding-bottom: 5px !important;
  }
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-bottom-5 {
    margin-bottom: 5px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-bottom-5 {
    margin-bottom: 5px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-bottom-5 {
    margin-bottom: 5px !important;
  }
}
@media print {
  .print-margin-bottom-5 {
    margin-bottom: 5px !important;
  }
}
.padding-horizontal-5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-horizontal-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-horizontal-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-horizontal-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
}
@media print {
  .print-padding-horizontal-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
}
.margin-horizontal-5 {
  margin-right: 5px !important;
  margin-left: 5px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-horizontal-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-horizontal-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-horizontal-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
}
@media print {
  .print-margin-horizontal-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
}
.padding-right-5 {
  padding-right: 5px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-right-5 {
    padding-right: 5px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-right-5 {
    padding-right: 5px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-right-5 {
    padding-right: 5px !important;
  }
}
@media print {
  .print-padding-right-5 {
    padding-right: 5px !important;
  }
}
.margin-right-5 {
  margin-right: 5px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-right-5 {
    margin-right: 5px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-right-5 {
    margin-right: 5px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-right-5 {
    margin-right: 5px !important;
  }
}
@media print {
  .print-margin-right-5 {
    margin-right: 5px !important;
  }
}
.padding-left-5 {
  padding-left: 5px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-left-5 {
    padding-left: 5px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-left-5 {
    padding-left: 5px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-left-5 {
    padding-left: 5px !important;
  }
}
@media print {
  .print-padding-left-5 {
    padding-left: 5px !important;
  }
}
.margin-left-5 {
  margin-left: 5px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-left-5 {
    margin-left: 5px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-left-5 {
    margin-left: 5px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-left-5 {
    margin-left: 5px !important;
  }
}
@media print {
  .print-margin-left-5 {
    margin-left: 5px !important;
  }
}
.padding-10 {
  padding: 10px 10px 10px 10px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-10 {
    padding: 10px 10px 10px 10px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-10 {
    padding: 10px 10px 10px 10px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-10 {
    padding: 10px 10px 10px 10px !important;
  }
}
@media print {
  .print-padding-10 {
    padding: 10px 10px 10px 10px !important;
  }
}
.margin-10 {
  margin: 10px 10px 10px 10px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-10 {
    margin: 10px 10px 10px 10px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-10 {
    margin: 10px 10px 10px 10px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-10 {
    margin: 10px 10px 10px 10px !important;
  }
}
@media print {
  .print-margin-10 {
    margin: 10px 10px 10px 10px !important;
  }
}
.padding-vertical-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-vertical-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-vertical-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-vertical-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media print {
  .print-padding-vertical-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
.margin-vertical-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-vertical-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-vertical-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-vertical-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}
@media print {
  .print-margin-vertical-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}
.padding-top-10 {
  padding-top: 10px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-top-10 {
    padding-top: 10px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-top-10 {
    padding-top: 10px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-top-10 {
    padding-top: 10px !important;
  }
}
@media print {
  .print-padding-top-10 {
    padding-top: 10px !important;
  }
}
.margin-top-10 {
  margin-top: 10px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-top-10 {
    margin-top: 10px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-top-10 {
    margin-top: 10px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-top-10 {
    margin-top: 10px !important;
  }
}
@media print {
  .print-margin-top-10 {
    margin-top: 10px !important;
  }
}
.padding-bottom-10 {
  padding-bottom: 10px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-bottom-10 {
    padding-bottom: 10px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-bottom-10 {
    padding-bottom: 10px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-bottom-10 {
    padding-bottom: 10px !important;
  }
}
@media print {
  .print-padding-bottom-10 {
    padding-bottom: 10px !important;
  }
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-bottom-10 {
    margin-bottom: 10px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-bottom-10 {
    margin-bottom: 10px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-bottom-10 {
    margin-bottom: 10px !important;
  }
}
@media print {
  .print-margin-bottom-10 {
    margin-bottom: 10px !important;
  }
}
.padding-horizontal-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-horizontal-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-horizontal-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-horizontal-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}
@media print {
  .print-padding-horizontal-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}
.margin-horizontal-10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-horizontal-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-horizontal-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-horizontal-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
}
@media print {
  .print-margin-horizontal-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
}
.padding-right-10 {
  padding-right: 10px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-right-10 {
    padding-right: 10px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-right-10 {
    padding-right: 10px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-right-10 {
    padding-right: 10px !important;
  }
}
@media print {
  .print-padding-right-10 {
    padding-right: 10px !important;
  }
}
.margin-right-10 {
  margin-right: 10px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-right-10 {
    margin-right: 10px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-right-10 {
    margin-right: 10px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-right-10 {
    margin-right: 10px !important;
  }
}
@media print {
  .print-margin-right-10 {
    margin-right: 10px !important;
  }
}
.padding-left-10 {
  padding-left: 10px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-left-10 {
    padding-left: 10px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-left-10 {
    padding-left: 10px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-left-10 {
    padding-left: 10px !important;
  }
}
@media print {
  .print-padding-left-10 {
    padding-left: 10px !important;
  }
}
.margin-left-10 {
  margin-left: 10px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-left-10 {
    margin-left: 10px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-left-10 {
    margin-left: 10px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-left-10 {
    margin-left: 10px !important;
  }
}
@media print {
  .print-margin-left-10 {
    margin-left: 10px !important;
  }
}
.padding-15 {
  padding: 15px 15px 15px 15px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-15 {
    padding: 15px 15px 15px 15px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-15 {
    padding: 15px 15px 15px 15px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-15 {
    padding: 15px 15px 15px 15px !important;
  }
}
@media print {
  .print-padding-15 {
    padding: 15px 15px 15px 15px !important;
  }
}
.margin-15 {
  margin: 15px 15px 15px 15px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-15 {
    margin: 15px 15px 15px 15px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-15 {
    margin: 15px 15px 15px 15px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-15 {
    margin: 15px 15px 15px 15px !important;
  }
}
@media print {
  .print-margin-15 {
    margin: 15px 15px 15px 15px !important;
  }
}
.padding-vertical-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-vertical-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-vertical-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-vertical-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}
@media print {
  .print-padding-vertical-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}
.margin-vertical-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-vertical-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-vertical-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-vertical-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
}
@media print {
  .print-margin-vertical-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
}
.padding-top-15 {
  padding-top: 15px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-top-15 {
    padding-top: 15px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-top-15 {
    padding-top: 15px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-top-15 {
    padding-top: 15px !important;
  }
}
@media print {
  .print-padding-top-15 {
    padding-top: 15px !important;
  }
}
.margin-top-15 {
  margin-top: 15px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-top-15 {
    margin-top: 15px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-top-15 {
    margin-top: 15px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-top-15 {
    margin-top: 15px !important;
  }
}
@media print {
  .print-margin-top-15 {
    margin-top: 15px !important;
  }
}
.padding-bottom-15 {
  padding-bottom: 15px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-bottom-15 {
    padding-bottom: 15px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-bottom-15 {
    padding-bottom: 15px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-bottom-15 {
    padding-bottom: 15px !important;
  }
}
@media print {
  .print-padding-bottom-15 {
    padding-bottom: 15px !important;
  }
}
.margin-bottom-15 {
  margin-bottom: 15px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-bottom-15 {
    margin-bottom: 15px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-bottom-15 {
    margin-bottom: 15px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-bottom-15 {
    margin-bottom: 15px !important;
  }
}
@media print {
  .print-margin-bottom-15 {
    margin-bottom: 15px !important;
  }
}
.padding-horizontal-15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-horizontal-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-horizontal-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-horizontal-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}
@media print {
  .print-padding-horizontal-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}
.margin-horizontal-15 {
  margin-right: 15px !important;
  margin-left: 15px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-horizontal-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-horizontal-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-horizontal-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
}
@media print {
  .print-margin-horizontal-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
}
.padding-right-15 {
  padding-right: 15px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-right-15 {
    padding-right: 15px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-right-15 {
    padding-right: 15px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-right-15 {
    padding-right: 15px !important;
  }
}
@media print {
  .print-padding-right-15 {
    padding-right: 15px !important;
  }
}
.margin-right-15 {
  margin-right: 15px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-right-15 {
    margin-right: 15px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-right-15 {
    margin-right: 15px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-right-15 {
    margin-right: 15px !important;
  }
}
@media print {
  .print-margin-right-15 {
    margin-right: 15px !important;
  }
}
.padding-left-15 {
  padding-left: 15px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-left-15 {
    padding-left: 15px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-left-15 {
    padding-left: 15px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-left-15 {
    padding-left: 15px !important;
  }
}
@media print {
  .print-padding-left-15 {
    padding-left: 15px !important;
  }
}
.margin-left-15 {
  margin-left: 15px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-left-15 {
    margin-left: 15px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-left-15 {
    margin-left: 15px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-left-15 {
    margin-left: 15px !important;
  }
}
@media print {
  .print-margin-left-15 {
    margin-left: 15px !important;
  }
}
.padding-20 {
  padding: 20px 20px 20px 20px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-20 {
    padding: 20px 20px 20px 20px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-20 {
    padding: 20px 20px 20px 20px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-20 {
    padding: 20px 20px 20px 20px !important;
  }
}
@media print {
  .print-padding-20 {
    padding: 20px 20px 20px 20px !important;
  }
}
.margin-20 {
  margin: 20px 20px 20px 20px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-20 {
    margin: 20px 20px 20px 20px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-20 {
    margin: 20px 20px 20px 20px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-20 {
    margin: 20px 20px 20px 20px !important;
  }
}
@media print {
  .print-margin-20 {
    margin: 20px 20px 20px 20px !important;
  }
}
.padding-vertical-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-vertical-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-vertical-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-vertical-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media print {
  .print-padding-vertical-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
.margin-vertical-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-vertical-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-vertical-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-vertical-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}
@media print {
  .print-margin-vertical-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}
.padding-top-20 {
  padding-top: 20px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-top-20 {
    padding-top: 20px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-top-20 {
    padding-top: 20px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-top-20 {
    padding-top: 20px !important;
  }
}
@media print {
  .print-padding-top-20 {
    padding-top: 20px !important;
  }
}
.margin-top-20 {
  margin-top: 20px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-top-20 {
    margin-top: 20px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-top-20 {
    margin-top: 20px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-top-20 {
    margin-top: 20px !important;
  }
}
@media print {
  .print-margin-top-20 {
    margin-top: 20px !important;
  }
}
.padding-bottom-20 {
  padding-bottom: 20px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-bottom-20 {
    padding-bottom: 20px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-bottom-20 {
    padding-bottom: 20px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-bottom-20 {
    padding-bottom: 20px !important;
  }
}
@media print {
  .print-padding-bottom-20 {
    padding-bottom: 20px !important;
  }
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-bottom-20 {
    margin-bottom: 20px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-bottom-20 {
    margin-bottom: 20px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-bottom-20 {
    margin-bottom: 20px !important;
  }
}
@media print {
  .print-margin-bottom-20 {
    margin-bottom: 20px !important;
  }
}
.padding-horizontal-20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-horizontal-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-horizontal-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-horizontal-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}
@media print {
  .print-padding-horizontal-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}
.margin-horizontal-20 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-horizontal-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-horizontal-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-horizontal-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
}
@media print {
  .print-margin-horizontal-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
}
.padding-right-20 {
  padding-right: 20px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-right-20 {
    padding-right: 20px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-right-20 {
    padding-right: 20px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-right-20 {
    padding-right: 20px !important;
  }
}
@media print {
  .print-padding-right-20 {
    padding-right: 20px !important;
  }
}
.margin-right-20 {
  margin-right: 20px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-right-20 {
    margin-right: 20px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-right-20 {
    margin-right: 20px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-right-20 {
    margin-right: 20px !important;
  }
}
@media print {
  .print-margin-right-20 {
    margin-right: 20px !important;
  }
}
.padding-left-20 {
  padding-left: 20px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-left-20 {
    padding-left: 20px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-left-20 {
    padding-left: 20px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-left-20 {
    padding-left: 20px !important;
  }
}
@media print {
  .print-padding-left-20 {
    padding-left: 20px !important;
  }
}
.margin-left-20 {
  margin-left: 20px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-left-20 {
    margin-left: 20px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-left-20 {
    margin-left: 20px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-left-20 {
    margin-left: 20px !important;
  }
}
@media print {
  .print-margin-left-20 {
    margin-left: 20px !important;
  }
}
.padding-25 {
  padding: 25px 25px 25px 25px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-25 {
    padding: 25px 25px 25px 25px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-25 {
    padding: 25px 25px 25px 25px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-25 {
    padding: 25px 25px 25px 25px !important;
  }
}
@media print {
  .print-padding-25 {
    padding: 25px 25px 25px 25px !important;
  }
}
.margin-25 {
  margin: 25px 25px 25px 25px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-25 {
    margin: 25px 25px 25px 25px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-25 {
    margin: 25px 25px 25px 25px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-25 {
    margin: 25px 25px 25px 25px !important;
  }
}
@media print {
  .print-margin-25 {
    margin: 25px 25px 25px 25px !important;
  }
}
.padding-vertical-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-vertical-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-vertical-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-vertical-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}
@media print {
  .print-padding-vertical-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}
.margin-vertical-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-vertical-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-vertical-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-vertical-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
}
@media print {
  .print-margin-vertical-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
}
.padding-top-25 {
  padding-top: 25px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-top-25 {
    padding-top: 25px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-top-25 {
    padding-top: 25px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-top-25 {
    padding-top: 25px !important;
  }
}
@media print {
  .print-padding-top-25 {
    padding-top: 25px !important;
  }
}
.margin-top-25 {
  margin-top: 25px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-top-25 {
    margin-top: 25px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-top-25 {
    margin-top: 25px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-top-25 {
    margin-top: 25px !important;
  }
}
@media print {
  .print-margin-top-25 {
    margin-top: 25px !important;
  }
}
.padding-bottom-25 {
  padding-bottom: 25px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-bottom-25 {
    padding-bottom: 25px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-bottom-25 {
    padding-bottom: 25px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-bottom-25 {
    padding-bottom: 25px !important;
  }
}
@media print {
  .print-padding-bottom-25 {
    padding-bottom: 25px !important;
  }
}
.margin-bottom-25 {
  margin-bottom: 25px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-bottom-25 {
    margin-bottom: 25px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-bottom-25 {
    margin-bottom: 25px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-bottom-25 {
    margin-bottom: 25px !important;
  }
}
@media print {
  .print-margin-bottom-25 {
    margin-bottom: 25px !important;
  }
}
.padding-horizontal-25 {
  padding-right: 25px !important;
  padding-left: 25px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-horizontal-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-horizontal-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-horizontal-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
}
@media print {
  .print-padding-horizontal-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
}
.margin-horizontal-25 {
  margin-right: 25px !important;
  margin-left: 25px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-horizontal-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-horizontal-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-horizontal-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
}
@media print {
  .print-margin-horizontal-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
}
.padding-right-25 {
  padding-right: 25px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-right-25 {
    padding-right: 25px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-right-25 {
    padding-right: 25px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-right-25 {
    padding-right: 25px !important;
  }
}
@media print {
  .print-padding-right-25 {
    padding-right: 25px !important;
  }
}
.margin-right-25 {
  margin-right: 25px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-right-25 {
    margin-right: 25px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-right-25 {
    margin-right: 25px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-right-25 {
    margin-right: 25px !important;
  }
}
@media print {
  .print-margin-right-25 {
    margin-right: 25px !important;
  }
}
.padding-left-25 {
  padding-left: 25px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-left-25 {
    padding-left: 25px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-left-25 {
    padding-left: 25px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-left-25 {
    padding-left: 25px !important;
  }
}
@media print {
  .print-padding-left-25 {
    padding-left: 25px !important;
  }
}
.margin-left-25 {
  margin-left: 25px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-left-25 {
    margin-left: 25px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-left-25 {
    margin-left: 25px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-left-25 {
    margin-left: 25px !important;
  }
}
@media print {
  .print-margin-left-25 {
    margin-left: 25px !important;
  }
}
.padding-30 {
  padding: 30px 30px 30px 30px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-30 {
    padding: 30px 30px 30px 30px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-30 {
    padding: 30px 30px 30px 30px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-30 {
    padding: 30px 30px 30px 30px !important;
  }
}
@media print {
  .print-padding-30 {
    padding: 30px 30px 30px 30px !important;
  }
}
.margin-30 {
  margin: 30px 30px 30px 30px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-30 {
    margin: 30px 30px 30px 30px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-30 {
    margin: 30px 30px 30px 30px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-30 {
    margin: 30px 30px 30px 30px !important;
  }
}
@media print {
  .print-margin-30 {
    margin: 30px 30px 30px 30px !important;
  }
}
.padding-vertical-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-vertical-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-vertical-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-vertical-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
@media print {
  .print-padding-vertical-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
.margin-vertical-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-vertical-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-vertical-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-vertical-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}
@media print {
  .print-margin-vertical-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}
.padding-top-30 {
  padding-top: 30px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-top-30 {
    padding-top: 30px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-top-30 {
    padding-top: 30px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-top-30 {
    padding-top: 30px !important;
  }
}
@media print {
  .print-padding-top-30 {
    padding-top: 30px !important;
  }
}
.margin-top-30 {
  margin-top: 30px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-top-30 {
    margin-top: 30px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-top-30 {
    margin-top: 30px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-top-30 {
    margin-top: 30px !important;
  }
}
@media print {
  .print-margin-top-30 {
    margin-top: 30px !important;
  }
}
.padding-bottom-30 {
  padding-bottom: 30px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-bottom-30 {
    padding-bottom: 30px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-bottom-30 {
    padding-bottom: 30px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-bottom-30 {
    padding-bottom: 30px !important;
  }
}
@media print {
  .print-padding-bottom-30 {
    padding-bottom: 30px !important;
  }
}
.margin-bottom-30 {
  margin-bottom: 30px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-bottom-30 {
    margin-bottom: 30px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-bottom-30 {
    margin-bottom: 30px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-bottom-30 {
    margin-bottom: 30px !important;
  }
}
@media print {
  .print-margin-bottom-30 {
    margin-bottom: 30px !important;
  }
}
.padding-horizontal-30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-horizontal-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-horizontal-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-horizontal-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
}
@media print {
  .print-padding-horizontal-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
}
.margin-horizontal-30 {
  margin-right: 30px !important;
  margin-left: 30px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-horizontal-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-horizontal-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-horizontal-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
}
@media print {
  .print-margin-horizontal-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
}
.padding-right-30 {
  padding-right: 30px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-right-30 {
    padding-right: 30px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-right-30 {
    padding-right: 30px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-right-30 {
    padding-right: 30px !important;
  }
}
@media print {
  .print-padding-right-30 {
    padding-right: 30px !important;
  }
}
.margin-right-30 {
  margin-right: 30px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-right-30 {
    margin-right: 30px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-right-30 {
    margin-right: 30px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-right-30 {
    margin-right: 30px !important;
  }
}
@media print {
  .print-margin-right-30 {
    margin-right: 30px !important;
  }
}
.padding-left-30 {
  padding-left: 30px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-left-30 {
    padding-left: 30px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-left-30 {
    padding-left: 30px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-left-30 {
    padding-left: 30px !important;
  }
}
@media print {
  .print-padding-left-30 {
    padding-left: 30px !important;
  }
}
.margin-left-30 {
  margin-left: 30px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-left-30 {
    margin-left: 30px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-left-30 {
    margin-left: 30px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-left-30 {
    margin-left: 30px !important;
  }
}
@media print {
  .print-margin-left-30 {
    margin-left: 30px !important;
  }
}
.padding-35 {
  padding: 35px 35px 35px 35px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-35 {
    padding: 35px 35px 35px 35px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-35 {
    padding: 35px 35px 35px 35px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-35 {
    padding: 35px 35px 35px 35px !important;
  }
}
@media print {
  .print-padding-35 {
    padding: 35px 35px 35px 35px !important;
  }
}
.margin-35 {
  margin: 35px 35px 35px 35px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-35 {
    margin: 35px 35px 35px 35px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-35 {
    margin: 35px 35px 35px 35px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-35 {
    margin: 35px 35px 35px 35px !important;
  }
}
@media print {
  .print-margin-35 {
    margin: 35px 35px 35px 35px !important;
  }
}
.padding-vertical-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-vertical-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-vertical-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-vertical-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}
@media print {
  .print-padding-vertical-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}
.margin-vertical-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-vertical-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-vertical-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-vertical-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
}
@media print {
  .print-margin-vertical-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
}
.padding-top-35 {
  padding-top: 35px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-top-35 {
    padding-top: 35px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-top-35 {
    padding-top: 35px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-top-35 {
    padding-top: 35px !important;
  }
}
@media print {
  .print-padding-top-35 {
    padding-top: 35px !important;
  }
}
.margin-top-35 {
  margin-top: 35px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-top-35 {
    margin-top: 35px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-top-35 {
    margin-top: 35px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-top-35 {
    margin-top: 35px !important;
  }
}
@media print {
  .print-margin-top-35 {
    margin-top: 35px !important;
  }
}
.padding-bottom-35 {
  padding-bottom: 35px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-bottom-35 {
    padding-bottom: 35px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-bottom-35 {
    padding-bottom: 35px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-bottom-35 {
    padding-bottom: 35px !important;
  }
}
@media print {
  .print-padding-bottom-35 {
    padding-bottom: 35px !important;
  }
}
.margin-bottom-35 {
  margin-bottom: 35px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-bottom-35 {
    margin-bottom: 35px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-bottom-35 {
    margin-bottom: 35px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-bottom-35 {
    margin-bottom: 35px !important;
  }
}
@media print {
  .print-margin-bottom-35 {
    margin-bottom: 35px !important;
  }
}
.padding-horizontal-35 {
  padding-right: 35px !important;
  padding-left: 35px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-horizontal-35 {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-horizontal-35 {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-horizontal-35 {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
}
@media print {
  .print-padding-horizontal-35 {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
}
.margin-horizontal-35 {
  margin-right: 35px !important;
  margin-left: 35px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-horizontal-35 {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-horizontal-35 {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-horizontal-35 {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }
}
@media print {
  .print-margin-horizontal-35 {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }
}
.padding-right-35 {
  padding-right: 35px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-right-35 {
    padding-right: 35px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-right-35 {
    padding-right: 35px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-right-35 {
    padding-right: 35px !important;
  }
}
@media print {
  .print-padding-right-35 {
    padding-right: 35px !important;
  }
}
.margin-right-35 {
  margin-right: 35px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-right-35 {
    margin-right: 35px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-right-35 {
    margin-right: 35px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-right-35 {
    margin-right: 35px !important;
  }
}
@media print {
  .print-margin-right-35 {
    margin-right: 35px !important;
  }
}
.padding-left-35 {
  padding-left: 35px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-left-35 {
    padding-left: 35px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-left-35 {
    padding-left: 35px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-left-35 {
    padding-left: 35px !important;
  }
}
@media print {
  .print-padding-left-35 {
    padding-left: 35px !important;
  }
}
.margin-left-35 {
  margin-left: 35px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-left-35 {
    margin-left: 35px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-left-35 {
    margin-left: 35px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-left-35 {
    margin-left: 35px !important;
  }
}
@media print {
  .print-margin-left-35 {
    margin-left: 35px !important;
  }
}
.padding-40 {
  padding: 40px 40px 40px 40px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-40 {
    padding: 40px 40px 40px 40px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-40 {
    padding: 40px 40px 40px 40px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-40 {
    padding: 40px 40px 40px 40px !important;
  }
}
@media print {
  .print-padding-40 {
    padding: 40px 40px 40px 40px !important;
  }
}
.margin-40 {
  margin: 40px 40px 40px 40px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-40 {
    margin: 40px 40px 40px 40px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-40 {
    margin: 40px 40px 40px 40px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-40 {
    margin: 40px 40px 40px 40px !important;
  }
}
@media print {
  .print-margin-40 {
    margin: 40px 40px 40px 40px !important;
  }
}
.padding-vertical-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-vertical-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-vertical-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-vertical-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media print {
  .print-padding-vertical-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
.margin-vertical-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-vertical-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-vertical-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-vertical-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}
@media print {
  .print-margin-vertical-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}
.padding-top-40 {
  padding-top: 40px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-top-40 {
    padding-top: 40px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-top-40 {
    padding-top: 40px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-top-40 {
    padding-top: 40px !important;
  }
}
@media print {
  .print-padding-top-40 {
    padding-top: 40px !important;
  }
}
.margin-top-40 {
  margin-top: 40px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-top-40 {
    margin-top: 40px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-top-40 {
    margin-top: 40px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-top-40 {
    margin-top: 40px !important;
  }
}
@media print {
  .print-margin-top-40 {
    margin-top: 40px !important;
  }
}
.padding-bottom-40 {
  padding-bottom: 40px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-bottom-40 {
    padding-bottom: 40px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-bottom-40 {
    padding-bottom: 40px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-bottom-40 {
    padding-bottom: 40px !important;
  }
}
@media print {
  .print-padding-bottom-40 {
    padding-bottom: 40px !important;
  }
}
.margin-bottom-40 {
  margin-bottom: 40px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-bottom-40 {
    margin-bottom: 40px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-bottom-40 {
    margin-bottom: 40px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-bottom-40 {
    margin-bottom: 40px !important;
  }
}
@media print {
  .print-margin-bottom-40 {
    margin-bottom: 40px !important;
  }
}
.padding-horizontal-40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-horizontal-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-horizontal-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-horizontal-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
}
@media print {
  .print-padding-horizontal-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
}
.margin-horizontal-40 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-horizontal-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-horizontal-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-horizontal-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
}
@media print {
  .print-margin-horizontal-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
}
.padding-right-40 {
  padding-right: 40px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-right-40 {
    padding-right: 40px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-right-40 {
    padding-right: 40px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-right-40 {
    padding-right: 40px !important;
  }
}
@media print {
  .print-padding-right-40 {
    padding-right: 40px !important;
  }
}
.margin-right-40 {
  margin-right: 40px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-right-40 {
    margin-right: 40px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-right-40 {
    margin-right: 40px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-right-40 {
    margin-right: 40px !important;
  }
}
@media print {
  .print-margin-right-40 {
    margin-right: 40px !important;
  }
}
.padding-left-40 {
  padding-left: 40px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-left-40 {
    padding-left: 40px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-left-40 {
    padding-left: 40px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-left-40 {
    padding-left: 40px !important;
  }
}
@media print {
  .print-padding-left-40 {
    padding-left: 40px !important;
  }
}
.margin-left-40 {
  margin-left: 40px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-left-40 {
    margin-left: 40px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-left-40 {
    margin-left: 40px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-left-40 {
    margin-left: 40px !important;
  }
}
@media print {
  .print-margin-left-40 {
    margin-left: 40px !important;
  }
}
.padding-45 {
  padding: 45px 45px 45px 45px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-45 {
    padding: 45px 45px 45px 45px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-45 {
    padding: 45px 45px 45px 45px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-45 {
    padding: 45px 45px 45px 45px !important;
  }
}
@media print {
  .print-padding-45 {
    padding: 45px 45px 45px 45px !important;
  }
}
.margin-45 {
  margin: 45px 45px 45px 45px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-45 {
    margin: 45px 45px 45px 45px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-45 {
    margin: 45px 45px 45px 45px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-45 {
    margin: 45px 45px 45px 45px !important;
  }
}
@media print {
  .print-margin-45 {
    margin: 45px 45px 45px 45px !important;
  }
}
.padding-vertical-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-vertical-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-vertical-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-vertical-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}
@media print {
  .print-padding-vertical-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}
.margin-vertical-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-vertical-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-vertical-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-vertical-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
}
@media print {
  .print-margin-vertical-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
}
.padding-top-45 {
  padding-top: 45px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-top-45 {
    padding-top: 45px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-top-45 {
    padding-top: 45px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-top-45 {
    padding-top: 45px !important;
  }
}
@media print {
  .print-padding-top-45 {
    padding-top: 45px !important;
  }
}
.margin-top-45 {
  margin-top: 45px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-top-45 {
    margin-top: 45px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-top-45 {
    margin-top: 45px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-top-45 {
    margin-top: 45px !important;
  }
}
@media print {
  .print-margin-top-45 {
    margin-top: 45px !important;
  }
}
.padding-bottom-45 {
  padding-bottom: 45px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-bottom-45 {
    padding-bottom: 45px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-bottom-45 {
    padding-bottom: 45px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-bottom-45 {
    padding-bottom: 45px !important;
  }
}
@media print {
  .print-padding-bottom-45 {
    padding-bottom: 45px !important;
  }
}
.margin-bottom-45 {
  margin-bottom: 45px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-bottom-45 {
    margin-bottom: 45px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-bottom-45 {
    margin-bottom: 45px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-bottom-45 {
    margin-bottom: 45px !important;
  }
}
@media print {
  .print-margin-bottom-45 {
    margin-bottom: 45px !important;
  }
}
.padding-horizontal-45 {
  padding-right: 45px !important;
  padding-left: 45px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-horizontal-45 {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-horizontal-45 {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-horizontal-45 {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
}
@media print {
  .print-padding-horizontal-45 {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
}
.margin-horizontal-45 {
  margin-right: 45px !important;
  margin-left: 45px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-horizontal-45 {
    margin-right: 45px !important;
    margin-left: 45px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-horizontal-45 {
    margin-right: 45px !important;
    margin-left: 45px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-horizontal-45 {
    margin-right: 45px !important;
    margin-left: 45px !important;
  }
}
@media print {
  .print-margin-horizontal-45 {
    margin-right: 45px !important;
    margin-left: 45px !important;
  }
}
.padding-right-45 {
  padding-right: 45px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-right-45 {
    padding-right: 45px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-right-45 {
    padding-right: 45px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-right-45 {
    padding-right: 45px !important;
  }
}
@media print {
  .print-padding-right-45 {
    padding-right: 45px !important;
  }
}
.margin-right-45 {
  margin-right: 45px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-right-45 {
    margin-right: 45px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-right-45 {
    margin-right: 45px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-right-45 {
    margin-right: 45px !important;
  }
}
@media print {
  .print-margin-right-45 {
    margin-right: 45px !important;
  }
}
.padding-left-45 {
  padding-left: 45px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-left-45 {
    padding-left: 45px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-left-45 {
    padding-left: 45px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-left-45 {
    padding-left: 45px !important;
  }
}
@media print {
  .print-padding-left-45 {
    padding-left: 45px !important;
  }
}
.margin-left-45 {
  margin-left: 45px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-left-45 {
    margin-left: 45px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-left-45 {
    margin-left: 45px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-left-45 {
    margin-left: 45px !important;
  }
}
@media print {
  .print-margin-left-45 {
    margin-left: 45px !important;
  }
}
.padding-50 {
  padding: 50px 50px 50px 50px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-50 {
    padding: 50px 50px 50px 50px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-50 {
    padding: 50px 50px 50px 50px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-50 {
    padding: 50px 50px 50px 50px !important;
  }
}
@media print {
  .print-padding-50 {
    padding: 50px 50px 50px 50px !important;
  }
}
.margin-50 {
  margin: 50px 50px 50px 50px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-50 {
    margin: 50px 50px 50px 50px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-50 {
    margin: 50px 50px 50px 50px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-50 {
    margin: 50px 50px 50px 50px !important;
  }
}
@media print {
  .print-margin-50 {
    margin: 50px 50px 50px 50px !important;
  }
}
.padding-vertical-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-vertical-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-vertical-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-vertical-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
@media print {
  .print-padding-vertical-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
.margin-vertical-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-vertical-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-vertical-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-vertical-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}
@media print {
  .print-margin-vertical-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}
.padding-top-50 {
  padding-top: 50px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-top-50 {
    padding-top: 50px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-top-50 {
    padding-top: 50px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-top-50 {
    padding-top: 50px !important;
  }
}
@media print {
  .print-padding-top-50 {
    padding-top: 50px !important;
  }
}
.margin-top-50 {
  margin-top: 50px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-top-50 {
    margin-top: 50px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-top-50 {
    margin-top: 50px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-top-50 {
    margin-top: 50px !important;
  }
}
@media print {
  .print-margin-top-50 {
    margin-top: 50px !important;
  }
}
.padding-bottom-50 {
  padding-bottom: 50px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-bottom-50 {
    padding-bottom: 50px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-bottom-50 {
    padding-bottom: 50px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-bottom-50 {
    padding-bottom: 50px !important;
  }
}
@media print {
  .print-padding-bottom-50 {
    padding-bottom: 50px !important;
  }
}
.margin-bottom-50 {
  margin-bottom: 50px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-bottom-50 {
    margin-bottom: 50px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-bottom-50 {
    margin-bottom: 50px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-bottom-50 {
    margin-bottom: 50px !important;
  }
}
@media print {
  .print-margin-bottom-50 {
    margin-bottom: 50px !important;
  }
}
.padding-horizontal-50 {
  padding-right: 50px !important;
  padding-left: 50px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-horizontal-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-horizontal-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-horizontal-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
}
@media print {
  .print-padding-horizontal-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
}
.margin-horizontal-50 {
  margin-right: 50px !important;
  margin-left: 50px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-horizontal-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-horizontal-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-horizontal-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
}
@media print {
  .print-margin-horizontal-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
}
.padding-right-50 {
  padding-right: 50px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-right-50 {
    padding-right: 50px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-right-50 {
    padding-right: 50px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-right-50 {
    padding-right: 50px !important;
  }
}
@media print {
  .print-padding-right-50 {
    padding-right: 50px !important;
  }
}
.margin-right-50 {
  margin-right: 50px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-right-50 {
    margin-right: 50px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-right-50 {
    margin-right: 50px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-right-50 {
    margin-right: 50px !important;
  }
}
@media print {
  .print-margin-right-50 {
    margin-right: 50px !important;
  }
}
.padding-left-50 {
  padding-left: 50px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-padding-left-50 {
    padding-left: 50px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-padding-left-50 {
    padding-left: 50px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-padding-left-50 {
    padding-left: 50px !important;
  }
}
@media print {
  .print-padding-left-50 {
    padding-left: 50px !important;
  }
}
.margin-left-50 {
  margin-left: 50px !important;
}

@media screen and ( max-width: 599px ) {
  .mobile-margin-left-50 {
    margin-left: 50px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-margin-left-50 {
    margin-left: 50px !important;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-margin-left-50 {
    margin-left: 50px !important;
  }
}
@media print {
  .print-margin-left-50 {
    margin-left: 50px !important;
  }
}
/* Embedded charts
   ========================================================================== */
.tradingview-widget-container,
.embedded-chart {
  margin-bottom: 20px;
}

.embedded-chart, .embedded-chart div, .embedded-chart div > iframe {
  width: 100% !important;
}

/* UK override for Flag Icons
   ========================================================================== */
.flag-icon-uk {
  background-image: url(/wp-content/themes/fxcm-base/assets/vendor/flag-icon/flags/4x3/gb.svg);
}

.flag-icon-uk.flag-icon-squared {
  background-image: url(/wp-content/themes/fxcm-base/assets/vendor/flag-icon/flags/1x1/gb.svg);
}

/* ------- [ PRINT-SPECIFIC STYLES ] ------- */
@media print {
  .mobile-hide {
    display: none;
  }
}
/* ==========================================================================
   Components
   ========================================================================== */
/* ==========================================================================
   components/_awards.scss
   ========================================================================== */
#awards-row .header {
  height: 40px;
}
#awards-row .header h3.award-title {
  position: relative;
  z-index: 100;
  background-color: white;
  width: 136px;
  margin: 0 20px;
}
#awards-row .header h3 i {
  position: relative;
  top: -1px;
}
#awards-row .header hr {
  position: relative;
  top: -13px;
  margin: 0 20px;
}
#awards-row .v-aligner {
  align-items: center;
  justify-content: center;
  flex-flow: wrap;
}
#awards-row .v-aligner .v-align {
  margin: 0 auto;
  flex: 1 0 0;
}
#awards-row .award {
  padding: 0 20px;
}
#awards-row .award p {
  text-align: center;
}

/* ------- [ PHONE-SPECIFIC STYLES ] ------- */
@media screen and ( max-width: 599px ) {
  #awards-row .award {
    min-width: 50%;
  }
}
/* ------- [ TABLET-SPECIFIC STYLES ] ------- */
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  #awards-row .award {
    min-width: 33.333%;
  }
}
/* ------- [ DESKTOP-SPECIFIC STYLES ] ------- */
@media screen and ( min-width: 1100px ) {
  #awards-row .col-2 .award {
    min-width: 50%;
  }
  #awards-row .col-3 .award {
    min-width: 33.333%;
  }
  #awards-row .col-4 .award {
    min-width: 25%;
  }
  #awards-row .col-5 .award {
    min-width: 20%;
  }
}
/* ==========================================================================
   components/_background.scss
   ========================================================================== */
/* Parts
   ========================================================================== */
.has-bg {
  position: relative;
  overflow: hidden;
  padding-top: 20px;
  margin-bottom: 20px;
}

.bg-rounded,
.bg-rounded::before {
  border-radius: 3px;
}

.bg-bordered::before,
.bg-capped::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: 100;
}

.bg-bordered {
  bottom: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 1px #fff inset;
}

.bg-capped:before {
  height: 5px;
  box-shadow: 0 1px 0 #fff;
  background-color: rgba(40, 53, 69, 0.4);
}

.bg-grid {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc3REZEOUI5MUI0NDExRThCRkZEOTUyRTgwNDBGMUVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc3REZEOUJBMUI0NDExRThCRkZEOTUyRTgwNDBGMUVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzdERkQ5QjcxQjQ0MTFFOEJGRkQ5NTJFODA0MEYxRUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzdERkQ5QjgxQjQ0MTFFOEJGRkQ5NTJFODA0MEYxRUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5ZkTnOAAACFklEQVR42uzbQaqDQBBFUduVZWm6M3dmnOkgFBkUNPjOgUwf4cPlpwc1zssC/LT6E8B/gYymz964Zc/e1D3/QcBPLBAICAQEAgIBgYBAQCAgEEAgIBAQCAgEBAICAYHAa4zHTfretPm5Pkfjd7Rnb97eeVuaPlvjlj17U/f8xAJvEBAICAQEAgIBgYBAQCAgEEAgIBAQCAgEBAICAYGAQCCBm3R79ipu0u3Zc5MO3iAgEBAICAQEAgIBgYBAAIGAQEAgIBAQCAgEBAICAYFANjfp9uxV3KTbs+cmHbxBQCAgEBAICAQEAgIBgQACAYGAQEAgIBAQCAgEBAICgWxu0u3Zq7hJt2fPTTp4g4BAQCAgEBAICAQEAgIBBAICAYGAQEAgIBAQCAgEBALZ3KTbs1dxk27Pnpt08AYBgYBAQCAgEBAICAQEAggEBAICAYGAQEAgIBAQCAgEsrlJt2ev4ibdnj036eANAgIBgYBAQCAgEBAICAQQCAgEBAICAYGAQEAgIBAQCGRzk27PXsVNuj17btLBGwQEAgIBgYBAQCAgEBAIIBAQCAgEBAICAYGAQEAgIBDI5ibdnr2Km3R79tykgzcICAQEAgIBgYBAQCAgEEAgIBAQCAgEBAICAYGAQEAgkM1Nuj17FTfp9uy5SQdvEBAICAQEAgIBgYBAQCCAQEAgIBAQCAgEBAICAYGAQCDbV4ABANANwq3WaZNkAAAAAElFTkSuQmCC");
  background-position: center center;
}

/* background color overrides */
.bg-grey {
  background-color: #b2bfd0;
}

.bg-grey-darkest {
  background-color: #283545;
  color: white;
}

.bg-grey-darker {
  background-color: #5b6a88;
  color: white;
}

.bg-grey-dark {
  background-color: #8799ae;
}

.bg-grey-light {
  background-color: #e0e4e9;
  color: #5b6a88;
}

.bg-grey-lighter {
  background-color: #ebf0f4;
  color: #5b6a88;
}

.bg-grey-lightest {
  background-color: #f6f7f8;
  color: #5b6a88;
}

.bg-teal {
  background-color: #01acb6;
  color: white;
}

.bg-teal-dark {
  background-color: #0a8194;
  color: white;
}

.bg-teal-light {
  background-color: #18d5d2;
}

.bg-blue {
  background-color: #0c51a3;
  color: white;
}

.bg-blue-dark {
  background-color: #225592;
}

.bg-blue-light {
  background-color: #0e75bd;
}

.bg-blue-lighter {
  background-color: #4fc2ea;
}

.bg-mustard {
  background-color: #edda8e;
}

.bg-yellow {
  background-color: #f4ad03;
}

.bg-beige {
  background-color: #f6f4e1;
}

.bg-red {
  background-color: #ea0404;
  color: white;
}

.bg-green {
  background-color: #67b20b;
}

.bg-forest-green {
  background-color: #629083;
}

.bg-black {
  background-color: black;
  color: white;
}

.bg-white {
  background-color: white;
}

/* ==========================================================================
   Responsive Styles
   ========================================================================== */
/* Mobile
   ========================================================================== */
@media screen and ( max-width: 599px ) {
  .has-bg {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
  .bg-rounded,
  .bg-rounded:before {
    border-radius: 0;
  }
  .bg-bordered:before {
    content: "";
    box-shadow: none;
    border-left: none;
    border-right: none;
  }
}
/* ==========================================================================
   shortcodes/_bio.scss
   ========================================================================== */
/* ==========================================================================
   Bio Specific Styles
   ========================================================================== */
.bio {
  position: relative;
}
.bio h3 {
  margin-top: 0;
  margin-bottom: 10px;
  color: #8799ae;
  font-size: 1.125rem;
  font-weight: 600;
}
.bio img {
  margin-top: 6px;
}

/* ------- [ PHONE-SPECIFIC STYLES ] ------- */
@media screen and ( max-width: 599px ) {
  .bio img {
    max-width: 100px;
  }
  .bio h4 {
    margin-bottom: 20px;
  }
}
/* ==========================================================================
   components/_border.scss
   ========================================================================== */
/* Base
   ========================================================================== */
hr {
  padding: 0 !important;
  margin: 20px 0;
  border-bottom: 0 none !important;
  border-left: 0 none !important;
  border-right: 0 none !important;
  border-top: 1px solid #b2bfd0;
  height: 0;
  font-size: 0;
  clear: both;
}

.bdr-solid-grey {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #b2bfd0;
}

.bdr-solid-grey-darkest {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #283545;
}

.bdr-solid-grey-darker {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #5b6a88;
}

.bdr-solid-grey-dark {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #8799ae;
}

.bdr-solid-grey-light {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #e0e4e9;
}

.bdr-solid-grey-lighter {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #ebf0f4;
}

.bdr-solid-grey-lightest {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #f6f7f8;
}

.bdr-solid-teal {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #01acb6;
}

.bdr-solid-teal-dark {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #0a8194;
}

.bdr-solid-teal-light {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #18d5d2;
}

.bdr-solid-blue {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #0c51a3;
}

.bdr-solid-blue-dark {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #225592;
}

.bdr-solid-blue-light {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #0e75bd;
}

.bdr-solid-blue-lighter {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #4fc2ea;
}

.bdr-solid-mustard {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #edda8e;
}

.bdr-solid-yellow {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #f4ad03;
}

.bdr-solid-beige {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #f6f4e1;
}

.bdr-solid-red {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #ea0404;
}

.bdr-solid-green {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #67b20b;
}

.bdr-solid-forest-green {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #629083;
}

.bdr-solid-black {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: black;
}

.bdr-solid-white {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: white;
}

.bdr-top-solid-grey {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #b2bfd0  !important;
}

.bdr-top-solid-grey-darkest {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #283545  !important;
}

.bdr-top-solid-grey-darker {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #5b6a88  !important;
}

.bdr-top-solid-grey-dark {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #8799ae  !important;
}

.bdr-top-solid-grey-light {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #e0e4e9  !important;
}

.bdr-top-solid-grey-lighter {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #ebf0f4  !important;
}

.bdr-top-solid-grey-lightest {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #f6f7f8  !important;
}

.bdr-top-solid-teal {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #01acb6  !important;
}

.bdr-top-solid-teal-dark {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #0a8194  !important;
}

.bdr-top-solid-teal-light {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #18d5d2  !important;
}

.bdr-top-solid-blue {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #0c51a3  !important;
}

.bdr-top-solid-blue-dark {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #225592  !important;
}

.bdr-top-solid-blue-light {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #0e75bd  !important;
}

.bdr-top-solid-blue-lighter {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #4fc2ea  !important;
}

.bdr-top-solid-mustard {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #edda8e  !important;
}

.bdr-top-solid-yellow {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #f4ad03  !important;
}

.bdr-top-solid-beige {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #f6f4e1  !important;
}

.bdr-top-solid-red {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #ea0404  !important;
}

.bdr-top-solid-green {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #67b20b  !important;
}

.bdr-top-solid-forest-green {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #629083  !important;
}

.bdr-top-solid-black {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: black  !important;
}

.bdr-top-solid-white {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: white  !important;
}

.bdr-bottom-solid-grey {
  border-bottom: 1px solid;
  border-color: #b2bfd0  !important;
}

.bdr-bottom-solid-grey-darkest {
  border-bottom: 1px solid;
  border-color: #283545  !important;
}

.bdr-bottom-solid-grey-darker {
  border-bottom: 1px solid;
  border-color: #5b6a88  !important;
}

.bdr-bottom-solid-grey-dark {
  border-bottom: 1px solid;
  border-color: #8799ae  !important;
}

.bdr-bottom-solid-grey-light {
  border-bottom: 1px solid;
  border-color: #e0e4e9  !important;
}

.bdr-bottom-solid-grey-lighter {
  border-bottom: 1px solid;
  border-color: #ebf0f4  !important;
}

.bdr-bottom-solid-grey-lightest {
  border-bottom: 1px solid;
  border-color: #f6f7f8  !important;
}

.bdr-bottom-solid-teal {
  border-bottom: 1px solid;
  border-color: #01acb6  !important;
}

.bdr-bottom-solid-teal-dark {
  border-bottom: 1px solid;
  border-color: #0a8194  !important;
}

.bdr-bottom-solid-teal-light {
  border-bottom: 1px solid;
  border-color: #18d5d2  !important;
}

.bdr-bottom-solid-blue {
  border-bottom: 1px solid;
  border-color: #0c51a3  !important;
}

.bdr-bottom-solid-blue-dark {
  border-bottom: 1px solid;
  border-color: #225592  !important;
}

.bdr-bottom-solid-blue-light {
  border-bottom: 1px solid;
  border-color: #0e75bd  !important;
}

.bdr-bottom-solid-blue-lighter {
  border-bottom: 1px solid;
  border-color: #4fc2ea  !important;
}

.bdr-bottom-solid-mustard {
  border-bottom: 1px solid;
  border-color: #edda8e  !important;
}

.bdr-bottom-solid-yellow {
  border-bottom: 1px solid;
  border-color: #f4ad03  !important;
}

.bdr-bottom-solid-beige {
  border-bottom: 1px solid;
  border-color: #f6f4e1  !important;
}

.bdr-bottom-solid-red {
  border-bottom: 1px solid;
  border-color: #ea0404  !important;
}

.bdr-bottom-solid-green {
  border-bottom: 1px solid;
  border-color: #67b20b  !important;
}

.bdr-bottom-solid-forest-green {
  border-bottom: 1px solid;
  border-color: #629083  !important;
}

.bdr-bottom-solid-black {
  border-bottom: 1px solid;
  border-color: black  !important;
}

.bdr-bottom-solid-white {
  border-bottom: 1px solid;
  border-color: white  !important;
}

.bdr-right-solid-grey {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #b2bfd0  !important;
}

.bdr-right-solid-grey-darkest {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #283545  !important;
}

.bdr-right-solid-grey-darker {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #5b6a88  !important;
}

.bdr-right-solid-grey-dark {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #8799ae  !important;
}

.bdr-right-solid-grey-light {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #e0e4e9  !important;
}

.bdr-right-solid-grey-lighter {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #ebf0f4  !important;
}

.bdr-right-solid-grey-lightest {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #f6f7f8  !important;
}

.bdr-right-solid-teal {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #01acb6  !important;
}

.bdr-right-solid-teal-dark {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #0a8194  !important;
}

.bdr-right-solid-teal-light {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #18d5d2  !important;
}

.bdr-right-solid-blue {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #0c51a3  !important;
}

.bdr-right-solid-blue-dark {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #225592  !important;
}

.bdr-right-solid-blue-light {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #0e75bd  !important;
}

.bdr-right-solid-blue-lighter {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #4fc2ea  !important;
}

.bdr-right-solid-mustard {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #edda8e  !important;
}

.bdr-right-solid-yellow {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #f4ad03  !important;
}

.bdr-right-solid-beige {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #f6f4e1  !important;
}

.bdr-right-solid-red {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #ea0404  !important;
}

.bdr-right-solid-green {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #67b20b  !important;
}

.bdr-right-solid-forest-green {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #629083  !important;
}

.bdr-right-solid-black {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: black  !important;
}

.bdr-right-solid-white {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: white  !important;
}

.bdr-left-solid-grey {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #b2bfd0  !important;
}

.bdr-left-solid-grey-darkest {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #283545  !important;
}

.bdr-left-solid-grey-darker {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #5b6a88  !important;
}

.bdr-left-solid-grey-dark {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #8799ae  !important;
}

.bdr-left-solid-grey-light {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #e0e4e9  !important;
}

.bdr-left-solid-grey-lighter {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #ebf0f4  !important;
}

.bdr-left-solid-grey-lightest {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #f6f7f8  !important;
}

.bdr-left-solid-teal {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #01acb6  !important;
}

.bdr-left-solid-teal-dark {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #0a8194  !important;
}

.bdr-left-solid-teal-light {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #18d5d2  !important;
}

.bdr-left-solid-blue {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #0c51a3  !important;
}

.bdr-left-solid-blue-dark {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #225592  !important;
}

.bdr-left-solid-blue-light {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #0e75bd  !important;
}

.bdr-left-solid-blue-lighter {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #4fc2ea  !important;
}

.bdr-left-solid-mustard {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #edda8e  !important;
}

.bdr-left-solid-yellow {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #f4ad03  !important;
}

.bdr-left-solid-beige {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #f6f4e1  !important;
}

.bdr-left-solid-red {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #ea0404  !important;
}

.bdr-left-solid-green {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #67b20b  !important;
}

.bdr-left-solid-forest-green {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #629083  !important;
}

.bdr-left-solid-black {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: black  !important;
}

.bdr-left-solid-white {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: white  !important;
}

.bdr-dotted-grey {
  padding: 20px 20px 0;
  border: 1px dotted #b2bfd0;
}

.bdr-dotted-grey-light {
  padding: 20px 20px 0;
  border: 1px dotted #e0e4e9;
}

.bdr-dotted-grey-dark {
  padding: 20px 20px 0;
  border: 1px dotted #8799ae;
}

.bdr-dotted-grey-darker {
  padding: 20px 20px 0;
  border: 1px dotted #5b6a88;
}

.bdr-dotted-grey-darkest {
  padding: 20px 20px 0;
  border: 1px dotted #283545;
}

.bdr-top-dotted-grey {
  border-top: 1px dotted #b2bfd0;
  padding-top: 20px;
}

.bdr-top-dotted-grey-light {
  border-top: 1px dotted #e0e4e9;
  padding-top: 20px;
}

.bdr-top-dotted-grey-dark {
  border-top: 1px dotted #8799ae;
  padding-top: 20px;
}

.bdr-top-dotted-grey-darker {
  border-top: 1px dotted #5b6a88;
  padding-top: 20px;
}

.bdr-top-dotted-grey-darkest {
  border-top: 1px dotted #283545;
  padding-top: 20px;
}

.bdr-bottom-dotted-grey {
  border-bottom: 1px dotted #b2bfd0;
}

.bdr-bottom-dotted-grey-light {
  border-bottom: 1px dotted #e0e4e9;
}

.bdr-bottom-dotted-grey-dark {
  border-bottom: 1px dotted #8799ae;
}

.bdr-bottom-dotted-grey-darker {
  border-bottom: 1px dotted #5b6a88;
}

.bdr-bottom-dotted-grey-darkest {
  border-bottom: 1px dotted #283545;
}

.bdr-right-dotted-grey {
  border-right: 1px dotted #b2bfd0;
  padding-right: 20px;
}

.bdr-right-dotted-grey-light {
  border-right: 1px dotted #e0e4e9;
  padding-right: 20px;
}

.bdr-right-dotted-grey-dark {
  border-right: 1px dotted #8799ae;
  padding-right: 20px;
}

.bdr-right-dotted-grey-darker {
  border-right: 1px dotted #5b6a88;
  padding-right: 20px;
}

.bdr-right-dotted-grey-darkest {
  border-right: 1px dotted #283545;
  padding-right: 20px;
}

.bdr-left-dotted-grey {
  border-left: 1px dotted #b2bfd0;
  padding-left: 20px;
}

.bdr-left-dotted-grey-light {
  border-left: 1px dotted #e0e4e9;
  padding-left: 20px;
}

.bdr-left-dotted-grey-dark {
  border-left: 1px dotted #8799ae;
  padding-left: 20px;
}

.bdr-left-dotted-grey-darker {
  border-left: 1px dotted #5b6a88;
  padding-left: 20px;
}

.bdr-left-dotted-grey-darkest {
  border-left: 1px dotted #283545;
  padding-left: 20px;
}

.bdr-dotted-grey, .bdr-top-dotted-grey, .bdr-bottom-dotted-grey, .bdr-right-dotted-grey, .bdr-left-dotted-grey {
  -o-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc3MDk5NjVFQTU0MzExRTdBMUE1OUI3NDQ2ODc4NEEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc3MDk5NjVGQTU0MzExRTdBMUE1OUI3NDQ2ODc4NEEwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzcwOTk2NUNBNTQzMTFFN0ExQTU5Qjc0NDY4Nzg0QTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzcwOTk2NURBNTQzMTFFN0ExQTU5Qjc0NDY4Nzg0QTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7DQRPLAAAAQ0lEQVR42mLctP/CfwbiACOR6jDMY2KgAxi1hCTAQkKEjgbXMIt4agPG0TgZGhH/n4JifTRORmiO/z8aJ0PTEoAAAwBsLAZ7QwvtEgAAAABJRU5ErkJggg==") 5 repeat;
     border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc3MDk5NjVFQTU0MzExRTdBMUE1OUI3NDQ2ODc4NEEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc3MDk5NjVGQTU0MzExRTdBMUE1OUI3NDQ2ODc4NEEwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzcwOTk2NUNBNTQzMTFFN0ExQTU5Qjc0NDY4Nzg0QTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzcwOTk2NURBNTQzMTFFN0ExQTU5Qjc0NDY4Nzg0QTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7DQRPLAAAAQ0lEQVR42mLctP/CfwbiACOR6jDMY2KgAxi1hCTAQkKEjgbXMIt4agPG0TgZGhH/n4JifTRORmiO/z8aJ0PTEoAAAwBsLAZ7QwvtEgAAAABJRU5ErkJggg==") 5 repeat;
}

.bdr-dotted-grey-light, .bdr-top-dotted-grey-light, .bdr-bottom-dotted-grey-light, .bdr-right-dotted-grey-light, .bdr-left-dotted-grey-light {
  -o-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgzMDU2NURBQTU0MzExRTc5NTYzODlFOEE3MEVCQkJGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgzMDU2NURCQTU0MzExRTc5NTYzODlFOEE3MEVCQkJGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODMwNTY1RDhBNTQzMTFFNzk1NjM4OUU4QTcwRUJCQkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODMwNTY1RDlBNTQzMTFFNzk1NjM4OUU4QTcwRUJCQkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6JPIBUAAAAQ0lEQVR42mJ88OTlfwbiACOR6jDMY2KgAxi1hCTAQkKEjgbXMIt4agPG0TgZGhH/n4JifTRORmiO/z8aJ0PTEoAAAwCU4QbnAy1hEgAAAABJRU5ErkJggg==") 5 repeat;
     border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgzMDU2NURBQTU0MzExRTc5NTYzODlFOEE3MEVCQkJGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgzMDU2NURCQTU0MzExRTc5NTYzODlFOEE3MEVCQkJGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODMwNTY1RDhBNTQzMTFFNzk1NjM4OUU4QTcwRUJCQkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODMwNTY1RDlBNTQzMTFFNzk1NjM4OUU4QTcwRUJCQkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6JPIBUAAAAQ0lEQVR42mJ88OTlfwbiACOR6jDMY2KgAxi1hCTAQkKEjgbXMIt4agPG0TgZGhH/n4JifTRORmiO/z8aJ0PTEoAAAwCU4QbnAy1hEgAAAABJRU5ErkJggg==") 5 repeat;
}

.bdr-dotted-grey-dark, .bdr-top-dotted-grey-dark, .bdr-bottom-dotted-grey-dark, .bdr-right-dotted-grey-dark, .bdr-left-dotted-grey-dark {
  -o-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhCNDE5ODIyQTU0MzExRTdCODk3RjREQTBEQTQ0MTgyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhCNDE5ODIzQTU0MzExRTdCODk3RjREQTBEQTQ0MTgyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEI0MTk4MjBBNTQzMTFFN0I4OTdGNERBMERBNDQxODIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEI0MTk4MjFBNTQzMTFFN0I4OTdGNERBMERBNDQxODIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7awLIEAAAAQ0lEQVR42mJsn7nuPwNxgJFIdRjmMTHQAYxaQhJgISFCR4NrmEU8tQHjaJwMjYj/T0GxPhonIzTH/x+Nk6FpCUCAAQD+dwYI6ShgGAAAAABJRU5ErkJggg==") 5 repeat;
     border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhCNDE5ODIyQTU0MzExRTdCODk3RjREQTBEQTQ0MTgyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhCNDE5ODIzQTU0MzExRTdCODk3RjREQTBEQTQ0MTgyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEI0MTk4MjBBNTQzMTFFN0I4OTdGNERBMERBNDQxODIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEI0MTk4MjFBNTQzMTFFN0I4OTdGNERBMERBNDQxODIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7awLIEAAAAQ0lEQVR42mJsn7nuPwNxgJFIdRjmMTHQAYxaQhJgISFCR4NrmEU8tQHjaJwMjYj/T0GxPhonIzTH/x+Nk6FpCUCAAQD+dwYI6ShgGAAAAABJRU5ErkJggg==") 5 repeat;
}

.bdr-dotted-grey-darker, .bdr-top-dotted-grey-darker, .bdr-bottom-dotted-grey-darker, .bdr-right-dotted-grey-darker, .bdr-left-dotted-grey-darker {
  -o-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk4RjEzNjBGQTU0MzExRTdCNUMwQ0QzMTZBN0ZCREVGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk4RjEzNjEwQTU0MzExRTdCNUMwQ0QzMTZBN0ZCREVGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OThGMTM2MERBNTQzMTFFN0I1QzBDRDMxNkE3RkJERUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OThGMTM2MEVBNTQzMTFFN0I1QzBDRDMxNkE3RkJERUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4oXrVLAAAAQklEQVR42mKMzur4z0AcYCRSHYZ5TAx0AKOWkARYSIjQ0eAaZhFPbcA4GidDI+L/U1Csj8bJCM3x/0fjZGhaAhBgAAbaBYe18AYcAAAAAElFTkSuQmCC") 5 repeat;
     border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk4RjEzNjBGQTU0MzExRTdCNUMwQ0QzMTZBN0ZCREVGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk4RjEzNjEwQTU0MzExRTdCNUMwQ0QzMTZBN0ZCREVGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OThGMTM2MERBNTQzMTFFN0I1QzBDRDMxNkE3RkJERUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OThGMTM2MEVBNTQzMTFFN0I1QzBDRDMxNkE3RkJERUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4oXrVLAAAAQklEQVR42mKMzur4z0AcYCRSHYZ5TAx0AKOWkARYSIjQ0eAaZhFPbcA4GidDI+L/U1Csj8bJCM3x/0fjZGhaAhBgAAbaBYe18AYcAAAAAElFTkSuQmCC") 5 repeat;
}

.bdr-dotted-grey-darkest, .bdr-top-dotted-grey-darkest, .bdr-bottom-dotted-grey-darkest, .bdr-right-dotted-grey-darkest, .bdr-left-dotted-grey-darkest {
  -o-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkExMUZBQkZEQTU0MzExRTdBMjZDRDBCOTI0NTY2MzhGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkExMUZBQkZFQTU0MzExRTdBMjZDRDBCOTI0NTY2MzhGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTExRkFCRkJBNTQzMTFFN0EyNkNEMEI5MjQ1NjYzOEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTExRkFCRkNBNTQzMTFFN0EyNkNEMEI5MjQ1NjYzOEYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6dHaMoAAAAQklEQVR42mLUMHX9z0AcYCRSHYZ5TAx0AKOWkARYSIjQ0eAaZhFPbcA4GidDI+L/U1Csj8bJCM3x/0fjZGhaAhBgAHE4BNyuvwtjAAAAAElFTkSuQmCC") 5 repeat;
     border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkExMUZBQkZEQTU0MzExRTdBMjZDRDBCOTI0NTY2MzhGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkExMUZBQkZFQTU0MzExRTdBMjZDRDBCOTI0NTY2MzhGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTExRkFCRkJBNTQzMTFFN0EyNkNEMEI5MjQ1NjYzOEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTExRkFCRkNBNTQzMTFFN0EyNkNEMEI5MjQ1NjYzOEYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6dHaMoAAAAQklEQVR42mLUMHX9z0AcYCRSHYZ5TAx0AKOWkARYSIjQ0eAaZhFPbcA4GidDI+L/U1Csj8bJCM3x/0fjZGhaAhBgAHE4BNyuvwtjAAAAAElFTkSuQmCC") 5 repeat;
}

.bdr-dashed-grey {
  padding: 20px 20px 0;
  border: 1px dashed #b2bfd0;
}

.bdr-dashed-grey-light {
  padding: 20px 20px 0;
  border: 1px dashed #e0e4e9;
}

.bdr-dashed-grey-dark {
  padding: 20px 20px 0;
  border: 1px dashed #8799ae;
}

.bdr-dashed-grey-darker {
  padding: 20px 20px 0;
  border: 1px dashed #5b6a88;
}

.bdr-dashed-grey-darkest {
  padding: 20px 20px 0;
  border: 1px dashed #283545;
}

.bdr-top-dashed-grey {
  border-top: 1px dashed #b2bfd0;
  padding-top: 20px;
}

.bdr-top-dashed-grey-light {
  border-top: 1px dashed #e0e4e9;
  padding-top: 20px;
}

.bdr-top-dashed-grey-dark {
  border-top: 1px dashed #8799ae;
  padding-top: 20px;
}

.bdr-top-dashed-grey-darker {
  border-top: 1px dashed #5b6a88;
  padding-top: 20px;
}

.bdr-top-dashed-grey-darkest {
  border-top: 1px dashed #283545;
  padding-top: 20px;
}

.bdr-bottom-dashed-grey {
  border-bottom: 1px dashed #b2bfd0;
}

.bdr-bottom-dashed-grey-light {
  border-bottom: 1px dashed #e0e4e9;
}

.bdr-bottom-dashed-grey-dark {
  border-bottom: 1px dashed #8799ae;
}

.bdr-bottom-dashed-grey-darker {
  border-bottom: 1px dashed #5b6a88;
}

.bdr-bottom-dashed-grey-darkest {
  border-bottom: 1px dashed #283545;
}

.bdr-right-dashed-grey {
  border-right: 1px dashed #b2bfd0;
  padding-right: 20px;
}

.bdr-right-dashed-grey-light {
  border-right: 1px dashed #e0e4e9;
  padding-right: 20px;
}

.bdr-right-dashed-grey-dark {
  border-right: 1px dashed #8799ae;
  padding-right: 20px;
}

.bdr-right-dashed-grey-darker {
  border-right: 1px dashed #5b6a88;
  padding-right: 20px;
}

.bdr-right-dashed-grey-darkest {
  border-right: 1px dashed #283545;
  padding-right: 20px;
}

.bdr-left-dashed-grey {
  border-left: 1px dashed #b2bfd0;
  padding-left: 20px;
}

.bdr-left-dashed-grey-light {
  border-left: 1px dashed #e0e4e9;
  padding-left: 20px;
}

.bdr-left-dashed-grey-dark {
  border-left: 1px dashed #8799ae;
  padding-left: 20px;
}

.bdr-left-dashed-grey-darker {
  border-left: 1px dashed #5b6a88;
  padding-left: 20px;
}

.bdr-left-dashed-grey-darkest {
  border-left: 1px dashed #283545;
  padding-left: 20px;
}

.bdr-dashed-grey, .bdr-top-dashed-grey, .bdr-bottom-dashed-grey, .bdr-right-dashed-grey, .bdr-left-dashed-grey {
  -o-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJFNDUwNkZEQTNDQjExRTc5QkFEOUQyNERGMjQ3OEFFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJFNDUwNkZFQTNDQjExRTc5QkFEOUQyNERGMjQ3OEFFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkU0NTA2RkJBM0NCMTFFNzlCQUQ5RDI0REYyNDc4QUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkU0NTA2RkNBM0NCMTFFNzlCQUQ5RDI0REYyNDc4QUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6NyR8VAAABd0lEQVR42uzdMQ6FIBBAQTDe/zBewCt4ozX0WhghbnCmpPkJeQELsr9u+xFlvFq+ESW3afdlKSAshIWwoLc12UflLB/Hf9uXcGLhKkRYICyEhbBAWAgLYYGwEBbCAmEhLIQFwkJYCAthwQDtzbt34bxVnVi4ChEWCAthISwQFsJCWCAshIWwQFgIC2GBsBAWwkJYICyEhbBAWAgLYYGwEBbCAmGRXJs2ExfrJtDwhH9YxVWIsEBYCAthgbAQFsICYSEshAXCQlgIC4SFsBAWwrIFCAthISwQFsJCWCAshIWwQFgIC2GBsBAWwgJhISyEBcJCWPxJm/NupjtvVScWrkKEBcJCWAgLhIWwEBYIC2EhLBAWwkJYICyEhbAQFggLYSEsEBbCQlggLISFsEBYJNemzcTFugk0PBFOLFyFCAuEhbAQFggLYSEsEBbCQlggLISFsEBYCAthISwYYL1Zj86/89Ub+ki+/9PuixMLYSEshAX9nQIMAJ9jDnuXNQLFAAAAAElFTkSuQmCC") 5 repeat;
     border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJFNDUwNkZEQTNDQjExRTc5QkFEOUQyNERGMjQ3OEFFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJFNDUwNkZFQTNDQjExRTc5QkFEOUQyNERGMjQ3OEFFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkU0NTA2RkJBM0NCMTFFNzlCQUQ5RDI0REYyNDc4QUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkU0NTA2RkNBM0NCMTFFNzlCQUQ5RDI0REYyNDc4QUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6NyR8VAAABd0lEQVR42uzdMQ6FIBBAQTDe/zBewCt4ozX0WhghbnCmpPkJeQELsr9u+xFlvFq+ESW3afdlKSAshIWwoLc12UflLB/Hf9uXcGLhKkRYICyEhbBAWAgLYYGwEBbCAmEhLIQFwkJYCAthwQDtzbt34bxVnVi4ChEWCAthISwQFsJCWCAshIWwQFgIC2GBsBAWwkJYICyEhbBAWAgLYYGwEBbCAmGRXJs2ExfrJtDwhH9YxVWIsEBYCAthgbAQFsICYSEshAXCQlgIC4SFsBAWwrIFCAthISwQFsJCWCAshIWwQFgIC2GBsBAWwgJhISyEBcJCWPxJm/NupjtvVScWrkKEBcJCWAgLhIWwEBYIC2EhLBAWwkJYICyEhbAQFggLYSEsEBbCQlggLISFsEBYJNemzcTFugk0PBFOLFyFCAuEhbAQFggLYSEsEBbCQlggLISFsEBYCAthISwYYL1Zj86/89Ub+ki+/9PuixMLYSEshAX9nQIMAJ9jDnuXNQLFAAAAAElFTkSuQmCC") 5 repeat;
}

.bdr-dashed-grey-light, .bdr-top-dashed-grey-light, .bdr-bottom-dashed-grey-light, .bdr-right-dashed-grey-light, .bdr-left-dashed-grey-light {
  -o-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI2MEE1OUREQTNDRjExRTc4MEYyODkyMkJFMjE5Q0UwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI2MEE1OURFQTNDRjExRTc4MEYyODkyMkJFMjE5Q0UwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjYwQTU5REJBM0NGMTFFNzgwRjI4OTIyQkUyMTlDRTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjYwQTU5RENBM0NGMTFFNzgwRjI4OTIyQkUyMTlDRTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz61Mk6vAAABdklEQVR42uzdMQ6FIBBAQTDe/4wWNp5iDb0WRogbnClpfkJewILsr9t+RBmvlm9EyW3afVkKCAthISzobU32UTnLx/Hf9iWcWLgKERYIC2EhLBAWwkJYICyEhbBAWAgLYYGwEBbCQlgwQHvz7l04b1UnFq5ChAXCQlgIC4SFsBAWCAthISwQFsJCWCAshIWwEBYIC2EhLBAWwkJYICyEhbBAWCTXps3ExboJNDzhH1ZxFSIsEBbCQlggLISFsEBYCAthgbAQFsICYSEshIWwbAHCQlgIC4SFsBAWCAthISwQFsJCWCAshIWwQFgIC2GBsBAWf9LmvJvpzlvViYWrEGGBsBAWwgJhISyEBcJCWAgLhIWwEBYIC2EhLIQFwkJYCAuEhbAQFggLYSEsEBbJtWkzcbFuAg1PhBMLVyHCAmEhLIQFwkJYCAuEhbAQFggLYSEsEBbCQlgICwZYb9aj8+989YY+ku//tPvixEJYCAthQX+nAAMAN2MO58SoX2EAAAAASUVORK5CYII=") 5 repeat;
     border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI2MEE1OUREQTNDRjExRTc4MEYyODkyMkJFMjE5Q0UwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI2MEE1OURFQTNDRjExRTc4MEYyODkyMkJFMjE5Q0UwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjYwQTU5REJBM0NGMTFFNzgwRjI4OTIyQkUyMTlDRTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjYwQTU5RENBM0NGMTFFNzgwRjI4OTIyQkUyMTlDRTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz61Mk6vAAABdklEQVR42uzdMQ6FIBBAQTDe/4wWNp5iDb0WRogbnClpfkJewILsr9t+RBmvlm9EyW3afVkKCAthISzobU32UTnLx/Hf9iWcWLgKERYIC2EhLBAWwkJYICyEhbBAWAgLYYGwEBbCQlgwQHvz7l04b1UnFq5ChAXCQlgIC4SFsBAWCAthISwQFsJCWCAshIWwEBYIC2EhLBAWwkJYICyEhbBAWCTXps3ExboJNDzhH1ZxFSIsEBbCQlggLISFsEBYCAthgbAQFsICYSEshIWwbAHCQlgIC4SFsBAWCAthISwQFsJCWCAshIWwQFgIC2GBsBAWf9LmvJvpzlvViYWrEGGBsBAWwgJhISyEBcJCWAgLhIWwEBYIC2EhLIQFwkJYCAuEhbAQFggLYSEsEBbJtWkzcbFuAg1PhBMLVyHCAmEhLIQFwkJYCAuEhbAQFggLYSEsEBbCQlgICwZYb9aj8+989YY+ku//tPvixEJYCAthQX+nAAMAN2MO58SoX2EAAAAASUVORK5CYII=") 5 repeat;
}

.bdr-dashed-grey-dark, .bdr-top-dashed-grey-dark, .bdr-bottom-dashed-grey-dark, .bdr-right-dashed-grey-dark, .bdr-left-dashed-grey-dark {
  -o-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI2MjE4RUMwQTNEMTExRTc5ODM1QjlFODcxMUZGQ0VFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI2MjE4RUMxQTNEMTExRTc5ODM1QjlFODcxMUZGQ0VFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjYyMThFQkVBM0QxMTFFNzk4MzVCOUU4NzExRkZDRUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjYyMThFQkZBM0QxMTFFNzk4MzVCOUU4NzExRkZDRUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Z+2oTAAABdklEQVR42uzdMQ6FIBBAQTDe3TN4Ca+4hl4LI8QNzpQ0PyEvYEH2120/ooxXyzei5DbtviwFhIWwEBb0tib7qJzl4/hv+xJOLFyFCAuEhbAQFggLYSEsEBbCQlggLISFsEBYCAthISwYoL159y6ct6oTC1chwgJhISyEBcJCWAgLhIWwEBYIC2EhLBAWwkJYCAuEhbAQFggLYSEsEBbCQlggLJJr02biYt0EGp7wD6u4ChEWCAthISwQFsJCWCAshIWwQFgIC2GBsBAWwkJYtgBhISyEBcJCWAgLhIWwEBYIC2EhLBAWwkJYICyEhbBAWAiLP2lz3s10563qxMJViLBAWAgLYYGwEBbCAmEhLIQFwkJYCAuEhbAQFsICYSEshAXCQlgIC4SFsBAWCIvk2rSZuFg3gYYnwomFqxBhgbAQFsICYSEshAXCQlgIC4SFsBAWCAthISyEBQOsN+vR+Xe+ekMfyfd/2n1xYiEshIWwoL9TgAEAZewOCMTGC0QAAAAASUVORK5CYII=") 5 repeat;
     border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI2MjE4RUMwQTNEMTExRTc5ODM1QjlFODcxMUZGQ0VFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI2MjE4RUMxQTNEMTExRTc5ODM1QjlFODcxMUZGQ0VFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjYyMThFQkVBM0QxMTFFNzk4MzVCOUU4NzExRkZDRUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjYyMThFQkZBM0QxMTFFNzk4MzVCOUU4NzExRkZDRUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Z+2oTAAABdklEQVR42uzdMQ6FIBBAQTDe3TN4Ca+4hl4LI8QNzpQ0PyEvYEH2120/ooxXyzei5DbtviwFhIWwEBb0tib7qJzl4/hv+xJOLFyFCAuEhbAQFggLYSEsEBbCQlggLISFsEBYCAthISwYoL159y6ct6oTC1chwgJhISyEBcJCWAgLhIWwEBYIC2EhLBAWwkJYCAuEhbAQFggLYSEsEBbCQlggLJJr02biYt0EGp7wD6u4ChEWCAthISwQFsJCWCAshIWwQFgIC2GBsBAWwkJYtgBhISyEBcJCWAgLhIWwEBYIC2EhLBAWwkJYICyEhbBAWAiLP2lz3s10563qxMJViLBAWAgLYYGwEBbCAmEhLIQFwkJYCAuEhbAQFsICYSEshAXCQlgIC4SFsBAWCIvk2rSZuFg3gYYnwomFqxBhgbAQFsICYSEshAXCQlgIC4SFsBAWCAthISyEBQOsN+vR+Xe+ekMfyfd/2n1xYiEshIWwoL9TgAEAZewOCMTGC0QAAAAASUVORK5CYII=") 5 repeat;
}

.bdr-dashed-grey-darker, .bdr-top-dashed-grey-darker, .bdr-bottom-dashed-grey-darker, .bdr-right-dashed-grey-darker, .bdr-left-dashed-grey-darker {
  -o-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZFMkIyRDAyQTNEMTExRTc4RjY2REI1MEI0Qjk1RDE2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZFMkIyRDAzQTNEMTExRTc4RjY2REI1MEI0Qjk1RDE2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkUyQjJEMDBBM0QxMTFFNzhGNjZEQjUwQjRCOTVEMTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkUyQjJEMDFBM0QxMTFFNzhGNjZEQjUwQjRCOTVEMTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6IYly7AAABdklEQVR42uzdMQ6FIBBAQTDe0ht4Em+9hl4LI8QNzpQ0PyEvYEH2120/ooxXyzei5DbtviwFhIWwEBb0tib7qJzl4/hv+xJOLFyFCAuEhbAQFggLYSEsEBbCQlggLISFsEBYCAthISwYoL159y6ct6oTC1chwgJhISyEBcJCWAgLhIWwEBYIC2EhLBAWwkJYCAuEhbAQFggLYSEsEBbCQlggLJJr02biYt0EGp7wD6u4ChEWCAthISwQFsJCWCAshIWwQFgIC2GBsBAWwkJYtgBhISyEBcJCWAgLhIWwEBYIC2EhLBAWwkJYICyEhbBAWAiLP2lz3s10563qxMJViLBAWAgLYYGwEBbCAmEhLIQFwkJYCAuEhbAQFsICYSEshAXCQlgIC4SFsBAWCIvk2rSZuFg3gYYnwomFqxBhgbAQFsICYSEshAXCQlgIC4SFsBAWCAthISyEBQOsN+vR+Xe+ekMfyfd/2n1xYiEshIWwoL9TgAEA6VQNh5CS/WgAAAAASUVORK5CYII=") 5 repeat;
     border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZFMkIyRDAyQTNEMTExRTc4RjY2REI1MEI0Qjk1RDE2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZFMkIyRDAzQTNEMTExRTc4RjY2REI1MEI0Qjk1RDE2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkUyQjJEMDBBM0QxMTFFNzhGNjZEQjUwQjRCOTVEMTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkUyQjJEMDFBM0QxMTFFNzhGNjZEQjUwQjRCOTVEMTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6IYly7AAABdklEQVR42uzdMQ6FIBBAQTDe0ht4Em+9hl4LI8QNzpQ0PyEvYEH2120/ooxXyzei5DbtviwFhIWwEBb0tib7qJzl4/hv+xJOLFyFCAuEhbAQFggLYSEsEBbCQlggLISFsEBYCAthISwYoL159y6ct6oTC1chwgJhISyEBcJCWAgLhIWwEBYIC2EhLBAWwkJYCAuEhbAQFggLYSEsEBbCQlggLJJr02biYt0EGp7wD6u4ChEWCAthISwQFsJCWCAshIWwQFgIC2GBsBAWwkJYtgBhISyEBcJCWAgLhIWwEBYIC2EhLBAWwkJYICyEhbBAWAiLP2lz3s10563qxMJViLBAWAgLYYGwEBbCAmEhLIQFwkJYCAuEhbAQFsICYSEshAXCQlgIC4SFsBAWCIvk2rSZuFg3gYYnwomFqxBhgbAQFsICYSEshAXCQlgIC4SFsBAWCAthISyEBQOsN+vR+Xe+ekMfyfd/2n1xYiEshIWwoL9TgAEA6VQNh5CS/WgAAAAASUVORK5CYII=") 5 repeat;
}

.bdr-dashed-grey-darkest, .bdr-top-dashed-grey-darkest, .bdr-bottom-dashed-grey-darkest, .bdr-right-dashed-grey-darkest, .bdr-left-dashed-grey-darkest {
  -o-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJDOTg2N0YzQTNEMTExRTdBNTkwQTlBNDAxRjk4MzIyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJDOTg2N0Y0QTNEMTExRTdBNTkwQTlBNDAxRjk4MzIyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkM5ODY3RjFBM0QxMTFFN0E1OTBBOUE0MDFGOTgzMjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkM5ODY3RjJBM0QxMTFFN0E1OTBBOUE0MDFGOTgzMjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5N9BsgAAABd0lEQVR42uzdMQ6FIBBAQTAexgt4BO9/pDX0WhghbnCmpPkJeQELsr9u+xFlvFq+ESW3afdlKSAshIWwoLc12UflLB/Hf9uXcGLhKkRYICyEhbBAWAgLYYGwEBbCAmEhLIQFwkJYCAthwQDtzbt34bxVnVi4ChEWCAthISwQFsJCWCAshIWwQFgIC2GBsBAWwkJYICyEhbBAWAgLYYGwEBbCAmGRXJs2ExfrJtDwhH9YxVWIsEBYCAthgbAQFsICYSEshAXCQlgIC4SFsBAWwrIFCAthISwQFsJCWCAshIWwQFgIC2GBsBAWwgJhISyEBcJCWPxJm/NupjtvVScWrkKEBcJCWAgLhIWwEBYIC2EhLBAWwkJYICyEhbAQFggLYSEsEBbCQlggLISFsEBYJNemzcTFugk0PBFOLFyFCAuEhbAQFggLYSEsEBbCQlggLISFsEBYCAthISwYYL1Zj86/89Ub+ki+/9PuixMLYSEshAX9nQIMAKOTDNyXMv3YAAAAAElFTkSuQmCC") 5 repeat;
     border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJDOTg2N0YzQTNEMTExRTdBNTkwQTlBNDAxRjk4MzIyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJDOTg2N0Y0QTNEMTExRTdBNTkwQTlBNDAxRjk4MzIyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkM5ODY3RjFBM0QxMTFFN0E1OTBBOUE0MDFGOTgzMjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkM5ODY3RjJBM0QxMTFFN0E1OTBBOUE0MDFGOTgzMjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5N9BsgAAABd0lEQVR42uzdMQ6FIBBAQTAexgt4BO9/pDX0WhghbnCmpPkJeQELsr9u+xFlvFq+ESW3afdlKSAshIWwoLc12UflLB/Hf9uXcGLhKkRYICyEhbBAWAgLYYGwEBbCAmEhLIQFwkJYCAthwQDtzbt34bxVnVi4ChEWCAthISwQFsJCWCAshIWwQFgIC2GBsBAWwkJYICyEhbBAWAgLYYGwEBbCAmGRXJs2ExfrJtDwhH9YxVWIsEBYCAthgbAQFsICYSEshAXCQlgIC4SFsBAWwrIFCAthISwQFsJCWCAshIWwQFgIC2GBsBAWwgJhISyEBcJCWPxJm/NupjtvVScWrkKEBcJCWAgLhIWwEBYIC2EhLBAWwkJYICyEhbAQFggLYSEsEBbCQlggLISFsEBYJNemzcTFugk0PBFOLFyFCAuEhbAQFggLYSEsEBbCQlggLISFsEBYCAthISwYYL1Zj86/89Ub+ki+/9PuixMLYSEshAX9nQIMAKOTDNyXMv3YAAAAAElFTkSuQmCC") 5 repeat;
}

.bdr-2x {
  border-width: 2px;
}

.bdr-3x {
  border-width: 3px;
}

.bdr-4x {
  border-width: 4px;
}

.bdr-5x {
  border-width: 5px;
}

.bdr-none {
  border: 0 none;
}

@media screen and ( max-width: 599px ) {
  .mobile-bdr-none {
    border: 0 none;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-bdr-none {
    border: 0 none;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-bdr-none {
    border: 0 none;
  }
}
@media print {
  .print-bdr-none {
    border: 0 none;
  }
}
.bdr-top-2x {
  border-top-width: 2px;
}

.bdr-top-3x {
  border-top-width: 3px;
}

.bdr-top-4x {
  border-top-width: 4px;
}

.bdr-top-5x {
  border-top-width: 5px;
}

.bdr-top-none {
  border-top: 0 none;
}

@media screen and ( max-width: 599px ) {
  .mobile-bdr-top-none {
    border-top: 0 none;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-bdr-top-none {
    border-top: 0 none;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-bdr-top-none {
    border-top: 0 none;
  }
}
@media print {
  .print-bdr-top-none {
    border-top: 0 none;
  }
}
.bdr-bottom-2x {
  border-bottom-width: 2px;
}

.bdr-bottom-3x {
  border-bottom-width: 3px;
}

.bdr-bottom-4x {
  border-bottom-width: 4px;
}

.bdr-bottom-5x {
  border-bottom-width: 5px;
}

.bdr-bottom-none {
  border-bottom: 0 none;
}

@media screen and ( max-width: 599px ) {
  .mobile-bdr-bottom-none {
    border-bottom: 0 none;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-bdr-bottom-none {
    border-bottom: 0 none;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-bdr-bottom-none {
    border-bottom: 0 none;
  }
}
@media print {
  .print-bdr-bottom-none {
    border-bottom: 0 none;
  }
}
.bdr-right-2x {
  border-right-width: 2px;
}

.bdr-right-3x {
  border-right-width: 3px;
}

.bdr-right-4x {
  border-right-width: 4px;
}

.bdr-right-5x {
  border-right-width: 5px;
}

.bdr-right-none {
  border-right: 0 none;
}

@media screen and ( max-width: 599px ) {
  .mobile-bdr-right-none {
    border-right: 0 none;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-bdr-right-none {
    border-right: 0 none;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-bdr-right-none {
    border-right: 0 none;
  }
}
@media print {
  .print-bdr-right-none {
    border-right: 0 none;
  }
}
.bdr-left-2x {
  border-left-width: 2px;
}

.bdr-left-3x {
  border-left-width: 3px;
}

.bdr-left-4x {
  border-left-width: 4px;
}

.bdr-left-5x {
  border-left-width: 5px;
}

.bdr-left-none {
  border-left: 0 none;
}

@media screen and ( max-width: 599px ) {
  .mobile-bdr-left-none {
    border-left: 0 none;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-bdr-left-none {
    border-left: 0 none;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-bdr-left-none {
    border-left: 0 none;
  }
}
@media print {
  .print-bdr-left-none {
    border-left: 0 none;
  }
}
/* Inner Shadows
   ========================================================================== */
.inner-shadow-top {
  box-shadow: inset 0 16px 15px -16px rgba(91, 106, 136, 0.35);
  padding-top: 20px;
}

@media screen and ( max-width: 599px ) {
  .mobile-inner-shadow-top {
    box-shadow: inset 0 16px 15px -16px rgba(91, 106, 136, 0.35);
    padding-top: 20px;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-inner-shadow-top {
    box-shadow: inset 0 16px 15px -16px rgba(91, 106, 136, 0.35);
    padding-top: 20px;
  }
}
.inner-shadow-sm-top {
  box-shadow: inset 0 8px 7px -8px rgba(91, 106, 136, 0.35);
  padding-top: 20px;
}

@media screen and ( max-width: 599px ) {
  .mobile-inner-shadow-sm-top {
    box-shadow: inset 0 8px 7px -8px rgba(91, 106, 136, 0.35);
    padding-top: 20px;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-inner-shadow-sm-top {
    box-shadow: inset 0 8px 7px -8px rgba(91, 106, 136, 0.35);
    padding-top: 20px;
  }
}
.inner-shadow-bottom {
  box-shadow: inset 0 -16px 15px -16px rgba(91, 106, 136, 0.35);
}
.inner-shadow-bottom::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  clear: both;
}

@media screen and ( max-width: 599px ) {
  .mobile-inner-shadow-bottom {
    box-shadow: inset 0 -16px 15px -16px rgba(91, 106, 136, 0.35);
  }
  .mobile-inner-shadow-bottom::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    clear: both;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-inner-shadow-bottom {
    box-shadow: inset 0 -16px 15px -16px rgba(91, 106, 136, 0.35);
  }
  .tablet-inner-shadow-bottom::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    clear: both;
  }
}
.inner-shadow-sm-bottom {
  box-shadow: inset 0 -8px 7px -8px rgba(91, 106, 136, 0.35);
}
.inner-shadow-sm-bottom::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  clear: both;
}

@media screen and ( max-width: 599px ) {
  .mobile-inner-shadow-sm-bottom {
    box-shadow: inset 0 -8px 7px -8px rgba(91, 106, 136, 0.35);
  }
  .mobile-inner-shadow-sm-bottom::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    clear: both;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-inner-shadow-sm-bottom {
    box-shadow: inset 0 -8px 7px -8px rgba(91, 106, 136, 0.35);
  }
  .tablet-inner-shadow-sm-bottom::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    clear: both;
  }
}
.inner-shadow-right {
  box-shadow: inset -16px 0 15px -16px rgba(91, 106, 136, 0.35);
  padding-right: 20px;
}

@media screen and ( max-width: 599px ) {
  .mobile-inner-shadow-right {
    box-shadow: inset -16px 0 15px -16px rgba(91, 106, 136, 0.35);
    padding-right: 20px;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-inner-shadow-right {
    box-shadow: inset -16px 0 15px -16px rgba(91, 106, 136, 0.35);
    padding-right: 20px;
  }
}
.inner-shadow-sm-right {
  box-shadow: inset -8px 0 7px -8px rgba(91, 106, 136, 0.35);
  padding-right: 20px;
}

@media screen and ( max-width: 599px ) {
  .mobile-inner-shadow-sm-right {
    box-shadow: inset -8px 0 7px -8px rgba(91, 106, 136, 0.35);
    padding-right: 20px;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-inner-shadow-sm-right {
    box-shadow: inset -8px 0 7px -8px rgba(91, 106, 136, 0.35);
    padding-right: 20px;
  }
}
.inner-shadow-left {
  box-shadow: inset 16px 0 15px -16px rgba(91, 106, 136, 0.35);
  padding-left: 20px;
}

@media screen and ( max-width: 599px ) {
  .mobile-inner-shadow-left {
    box-shadow: inset 16px 0 15px -16px rgba(91, 106, 136, 0.35);
    padding-left: 20px;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-inner-shadow-left {
    box-shadow: inset 16px 0 15px -16px rgba(91, 106, 136, 0.35);
    padding-left: 20px;
  }
}
.inner-shadow-sm-left {
  box-shadow: inset 8px 0 7px -8px rgba(91, 106, 136, 0.35);
  padding-left: 20px;
}

@media screen and ( max-width: 599px ) {
  .mobile-inner-shadow-sm-left {
    box-shadow: inset 8px 0 7px -8px rgba(91, 106, 136, 0.35);
    padding-left: 20px;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-inner-shadow-sm-left {
    box-shadow: inset 8px 0 7px -8px rgba(91, 106, 136, 0.35);
    padding-left: 20px;
  }
}
.no-shadow {
  box-shadow: none;
}

@media screen and ( max-width: 599px ) {
  .mobile-no-shadow {
    box-shadow: none;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-no-shadow {
    box-shadow: none;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-no-shadow {
    box-shadow: none;
  }
}
@media print {
  .print-no-shadow {
    box-shadow: none;
  }
}
hr.inner-shadow-top, hr.inner-shadow-sm-top, hr.inner-shadow-bottom, hr.inner-shadow-sm-bottom, hr.inner-shadow-right, hr.inner-shadow-sm-right, hr.inner-shadow-left, hr.inner-shadow-sm-left {
  border-top: 0 none;
  height: 20px;
}

/* ==========================================================================
   components/_border.scss
   ========================================================================== */
/* Base
   ========================================================================== */
hr {
  padding: 0 !important;
  margin: 20px 0;
  border-bottom: 0 none !important;
  border-left: 0 none !important;
  border-right: 0 none !important;
  border-top: 1px solid #b2bfd0;
  height: 0;
  font-size: 0;
  clear: both;
}

.bdr-solid-grey {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #b2bfd0;
}

.bdr-solid-grey-darkest {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #283545;
}

.bdr-solid-grey-darker {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #5b6a88;
}

.bdr-solid-grey-dark {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #8799ae;
}

.bdr-solid-grey-light {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #e0e4e9;
}

.bdr-solid-grey-lighter {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #ebf0f4;
}

.bdr-solid-grey-lightest {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #f6f7f8;
}

.bdr-solid-teal {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #01acb6;
}

.bdr-solid-teal-dark {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #0a8194;
}

.bdr-solid-teal-light {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #18d5d2;
}

.bdr-solid-blue {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #0c51a3;
}

.bdr-solid-blue-dark {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #225592;
}

.bdr-solid-blue-light {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #0e75bd;
}

.bdr-solid-blue-lighter {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #4fc2ea;
}

.bdr-solid-mustard {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #edda8e;
}

.bdr-solid-yellow {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #f4ad03;
}

.bdr-solid-beige {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #f6f4e1;
}

.bdr-solid-red {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #ea0404;
}

.bdr-solid-green {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #67b20b;
}

.bdr-solid-forest-green {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: #629083;
}

.bdr-solid-black {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: black;
}

.bdr-solid-white {
  padding: 20px 20px 0;
  border: 1px solid;
  border-color: white;
}

.bdr-top-solid-grey {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #b2bfd0  !important;
}

.bdr-top-solid-grey-darkest {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #283545  !important;
}

.bdr-top-solid-grey-darker {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #5b6a88  !important;
}

.bdr-top-solid-grey-dark {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #8799ae  !important;
}

.bdr-top-solid-grey-light {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #e0e4e9  !important;
}

.bdr-top-solid-grey-lighter {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #ebf0f4  !important;
}

.bdr-top-solid-grey-lightest {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #f6f7f8  !important;
}

.bdr-top-solid-teal {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #01acb6  !important;
}

.bdr-top-solid-teal-dark {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #0a8194  !important;
}

.bdr-top-solid-teal-light {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #18d5d2  !important;
}

.bdr-top-solid-blue {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #0c51a3  !important;
}

.bdr-top-solid-blue-dark {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #225592  !important;
}

.bdr-top-solid-blue-light {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #0e75bd  !important;
}

.bdr-top-solid-blue-lighter {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #4fc2ea  !important;
}

.bdr-top-solid-mustard {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #edda8e  !important;
}

.bdr-top-solid-yellow {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #f4ad03  !important;
}

.bdr-top-solid-beige {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #f6f4e1  !important;
}

.bdr-top-solid-red {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #ea0404  !important;
}

.bdr-top-solid-green {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #67b20b  !important;
}

.bdr-top-solid-forest-green {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: #629083  !important;
}

.bdr-top-solid-black {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: black  !important;
}

.bdr-top-solid-white {
  border-top: 1px solid;
  padding-top: 20px;
  border-color: white  !important;
}

.bdr-bottom-solid-grey {
  border-bottom: 1px solid;
  border-color: #b2bfd0  !important;
}

.bdr-bottom-solid-grey-darkest {
  border-bottom: 1px solid;
  border-color: #283545  !important;
}

.bdr-bottom-solid-grey-darker {
  border-bottom: 1px solid;
  border-color: #5b6a88  !important;
}

.bdr-bottom-solid-grey-dark {
  border-bottom: 1px solid;
  border-color: #8799ae  !important;
}

.bdr-bottom-solid-grey-light {
  border-bottom: 1px solid;
  border-color: #e0e4e9  !important;
}

.bdr-bottom-solid-grey-lighter {
  border-bottom: 1px solid;
  border-color: #ebf0f4  !important;
}

.bdr-bottom-solid-grey-lightest {
  border-bottom: 1px solid;
  border-color: #f6f7f8  !important;
}

.bdr-bottom-solid-teal {
  border-bottom: 1px solid;
  border-color: #01acb6  !important;
}

.bdr-bottom-solid-teal-dark {
  border-bottom: 1px solid;
  border-color: #0a8194  !important;
}

.bdr-bottom-solid-teal-light {
  border-bottom: 1px solid;
  border-color: #18d5d2  !important;
}

.bdr-bottom-solid-blue {
  border-bottom: 1px solid;
  border-color: #0c51a3  !important;
}

.bdr-bottom-solid-blue-dark {
  border-bottom: 1px solid;
  border-color: #225592  !important;
}

.bdr-bottom-solid-blue-light {
  border-bottom: 1px solid;
  border-color: #0e75bd  !important;
}

.bdr-bottom-solid-blue-lighter {
  border-bottom: 1px solid;
  border-color: #4fc2ea  !important;
}

.bdr-bottom-solid-mustard {
  border-bottom: 1px solid;
  border-color: #edda8e  !important;
}

.bdr-bottom-solid-yellow {
  border-bottom: 1px solid;
  border-color: #f4ad03  !important;
}

.bdr-bottom-solid-beige {
  border-bottom: 1px solid;
  border-color: #f6f4e1  !important;
}

.bdr-bottom-solid-red {
  border-bottom: 1px solid;
  border-color: #ea0404  !important;
}

.bdr-bottom-solid-green {
  border-bottom: 1px solid;
  border-color: #67b20b  !important;
}

.bdr-bottom-solid-forest-green {
  border-bottom: 1px solid;
  border-color: #629083  !important;
}

.bdr-bottom-solid-black {
  border-bottom: 1px solid;
  border-color: black  !important;
}

.bdr-bottom-solid-white {
  border-bottom: 1px solid;
  border-color: white  !important;
}

.bdr-right-solid-grey {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #b2bfd0  !important;
}

.bdr-right-solid-grey-darkest {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #283545  !important;
}

.bdr-right-solid-grey-darker {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #5b6a88  !important;
}

.bdr-right-solid-grey-dark {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #8799ae  !important;
}

.bdr-right-solid-grey-light {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #e0e4e9  !important;
}

.bdr-right-solid-grey-lighter {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #ebf0f4  !important;
}

.bdr-right-solid-grey-lightest {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #f6f7f8  !important;
}

.bdr-right-solid-teal {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #01acb6  !important;
}

.bdr-right-solid-teal-dark {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #0a8194  !important;
}

.bdr-right-solid-teal-light {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #18d5d2  !important;
}

.bdr-right-solid-blue {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #0c51a3  !important;
}

.bdr-right-solid-blue-dark {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #225592  !important;
}

.bdr-right-solid-blue-light {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #0e75bd  !important;
}

.bdr-right-solid-blue-lighter {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #4fc2ea  !important;
}

.bdr-right-solid-mustard {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #edda8e  !important;
}

.bdr-right-solid-yellow {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #f4ad03  !important;
}

.bdr-right-solid-beige {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #f6f4e1  !important;
}

.bdr-right-solid-red {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #ea0404  !important;
}

.bdr-right-solid-green {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #67b20b  !important;
}

.bdr-right-solid-forest-green {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: #629083  !important;
}

.bdr-right-solid-black {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: black  !important;
}

.bdr-right-solid-white {
  border-right: 1px solid;
  padding-right: 20px;
  border-color: white  !important;
}

.bdr-left-solid-grey {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #b2bfd0  !important;
}

.bdr-left-solid-grey-darkest {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #283545  !important;
}

.bdr-left-solid-grey-darker {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #5b6a88  !important;
}

.bdr-left-solid-grey-dark {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #8799ae  !important;
}

.bdr-left-solid-grey-light {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #e0e4e9  !important;
}

.bdr-left-solid-grey-lighter {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #ebf0f4  !important;
}

.bdr-left-solid-grey-lightest {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #f6f7f8  !important;
}

.bdr-left-solid-teal {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #01acb6  !important;
}

.bdr-left-solid-teal-dark {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #0a8194  !important;
}

.bdr-left-solid-teal-light {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #18d5d2  !important;
}

.bdr-left-solid-blue {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #0c51a3  !important;
}

.bdr-left-solid-blue-dark {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #225592  !important;
}

.bdr-left-solid-blue-light {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #0e75bd  !important;
}

.bdr-left-solid-blue-lighter {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #4fc2ea  !important;
}

.bdr-left-solid-mustard {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #edda8e  !important;
}

.bdr-left-solid-yellow {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #f4ad03  !important;
}

.bdr-left-solid-beige {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #f6f4e1  !important;
}

.bdr-left-solid-red {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #ea0404  !important;
}

.bdr-left-solid-green {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #67b20b  !important;
}

.bdr-left-solid-forest-green {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: #629083  !important;
}

.bdr-left-solid-black {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: black  !important;
}

.bdr-left-solid-white {
  border-left: 1px solid;
  padding-left: 20px;
  border-color: white  !important;
}

.bdr-dotted-grey {
  padding: 20px 20px 0;
  border: 1px dotted #b2bfd0;
}

.bdr-dotted-grey-light {
  padding: 20px 20px 0;
  border: 1px dotted #e0e4e9;
}

.bdr-dotted-grey-dark {
  padding: 20px 20px 0;
  border: 1px dotted #8799ae;
}

.bdr-dotted-grey-darker {
  padding: 20px 20px 0;
  border: 1px dotted #5b6a88;
}

.bdr-dotted-grey-darkest {
  padding: 20px 20px 0;
  border: 1px dotted #283545;
}

.bdr-top-dotted-grey {
  border-top: 1px dotted #b2bfd0;
  padding-top: 20px;
}

.bdr-top-dotted-grey-light {
  border-top: 1px dotted #e0e4e9;
  padding-top: 20px;
}

.bdr-top-dotted-grey-dark {
  border-top: 1px dotted #8799ae;
  padding-top: 20px;
}

.bdr-top-dotted-grey-darker {
  border-top: 1px dotted #5b6a88;
  padding-top: 20px;
}

.bdr-top-dotted-grey-darkest {
  border-top: 1px dotted #283545;
  padding-top: 20px;
}

.bdr-bottom-dotted-grey {
  border-bottom: 1px dotted #b2bfd0;
}

.bdr-bottom-dotted-grey-light {
  border-bottom: 1px dotted #e0e4e9;
}

.bdr-bottom-dotted-grey-dark {
  border-bottom: 1px dotted #8799ae;
}

.bdr-bottom-dotted-grey-darker {
  border-bottom: 1px dotted #5b6a88;
}

.bdr-bottom-dotted-grey-darkest {
  border-bottom: 1px dotted #283545;
}

.bdr-right-dotted-grey {
  border-right: 1px dotted #b2bfd0;
  padding-right: 20px;
}

.bdr-right-dotted-grey-light {
  border-right: 1px dotted #e0e4e9;
  padding-right: 20px;
}

.bdr-right-dotted-grey-dark {
  border-right: 1px dotted #8799ae;
  padding-right: 20px;
}

.bdr-right-dotted-grey-darker {
  border-right: 1px dotted #5b6a88;
  padding-right: 20px;
}

.bdr-right-dotted-grey-darkest {
  border-right: 1px dotted #283545;
  padding-right: 20px;
}

.bdr-left-dotted-grey {
  border-left: 1px dotted #b2bfd0;
  padding-left: 20px;
}

.bdr-left-dotted-grey-light {
  border-left: 1px dotted #e0e4e9;
  padding-left: 20px;
}

.bdr-left-dotted-grey-dark {
  border-left: 1px dotted #8799ae;
  padding-left: 20px;
}

.bdr-left-dotted-grey-darker {
  border-left: 1px dotted #5b6a88;
  padding-left: 20px;
}

.bdr-left-dotted-grey-darkest {
  border-left: 1px dotted #283545;
  padding-left: 20px;
}

.bdr-dotted-grey, .bdr-top-dotted-grey, .bdr-bottom-dotted-grey, .bdr-right-dotted-grey, .bdr-left-dotted-grey {
  -o-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc3MDk5NjVFQTU0MzExRTdBMUE1OUI3NDQ2ODc4NEEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc3MDk5NjVGQTU0MzExRTdBMUE1OUI3NDQ2ODc4NEEwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzcwOTk2NUNBNTQzMTFFN0ExQTU5Qjc0NDY4Nzg0QTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzcwOTk2NURBNTQzMTFFN0ExQTU5Qjc0NDY4Nzg0QTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7DQRPLAAAAQ0lEQVR42mLctP/CfwbiACOR6jDMY2KgAxi1hCTAQkKEjgbXMIt4agPG0TgZGhH/n4JifTRORmiO/z8aJ0PTEoAAAwBsLAZ7QwvtEgAAAABJRU5ErkJggg==") 5 repeat;
     border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc3MDk5NjVFQTU0MzExRTdBMUE1OUI3NDQ2ODc4NEEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc3MDk5NjVGQTU0MzExRTdBMUE1OUI3NDQ2ODc4NEEwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzcwOTk2NUNBNTQzMTFFN0ExQTU5Qjc0NDY4Nzg0QTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzcwOTk2NURBNTQzMTFFN0ExQTU5Qjc0NDY4Nzg0QTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7DQRPLAAAAQ0lEQVR42mLctP/CfwbiACOR6jDMY2KgAxi1hCTAQkKEjgbXMIt4agPG0TgZGhH/n4JifTRORmiO/z8aJ0PTEoAAAwBsLAZ7QwvtEgAAAABJRU5ErkJggg==") 5 repeat;
}

.bdr-dotted-grey-light, .bdr-top-dotted-grey-light, .bdr-bottom-dotted-grey-light, .bdr-right-dotted-grey-light, .bdr-left-dotted-grey-light {
  -o-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgzMDU2NURBQTU0MzExRTc5NTYzODlFOEE3MEVCQkJGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgzMDU2NURCQTU0MzExRTc5NTYzODlFOEE3MEVCQkJGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODMwNTY1RDhBNTQzMTFFNzk1NjM4OUU4QTcwRUJCQkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODMwNTY1RDlBNTQzMTFFNzk1NjM4OUU4QTcwRUJCQkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6JPIBUAAAAQ0lEQVR42mJ88OTlfwbiACOR6jDMY2KgAxi1hCTAQkKEjgbXMIt4agPG0TgZGhH/n4JifTRORmiO/z8aJ0PTEoAAAwCU4QbnAy1hEgAAAABJRU5ErkJggg==") 5 repeat;
     border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgzMDU2NURBQTU0MzExRTc5NTYzODlFOEE3MEVCQkJGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgzMDU2NURCQTU0MzExRTc5NTYzODlFOEE3MEVCQkJGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODMwNTY1RDhBNTQzMTFFNzk1NjM4OUU4QTcwRUJCQkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODMwNTY1RDlBNTQzMTFFNzk1NjM4OUU4QTcwRUJCQkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6JPIBUAAAAQ0lEQVR42mJ88OTlfwbiACOR6jDMY2KgAxi1hCTAQkKEjgbXMIt4agPG0TgZGhH/n4JifTRORmiO/z8aJ0PTEoAAAwCU4QbnAy1hEgAAAABJRU5ErkJggg==") 5 repeat;
}

.bdr-dotted-grey-dark, .bdr-top-dotted-grey-dark, .bdr-bottom-dotted-grey-dark, .bdr-right-dotted-grey-dark, .bdr-left-dotted-grey-dark {
  -o-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhCNDE5ODIyQTU0MzExRTdCODk3RjREQTBEQTQ0MTgyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhCNDE5ODIzQTU0MzExRTdCODk3RjREQTBEQTQ0MTgyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEI0MTk4MjBBNTQzMTFFN0I4OTdGNERBMERBNDQxODIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEI0MTk4MjFBNTQzMTFFN0I4OTdGNERBMERBNDQxODIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7awLIEAAAAQ0lEQVR42mJsn7nuPwNxgJFIdRjmMTHQAYxaQhJgISFCR4NrmEU8tQHjaJwMjYj/T0GxPhonIzTH/x+Nk6FpCUCAAQD+dwYI6ShgGAAAAABJRU5ErkJggg==") 5 repeat;
     border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhCNDE5ODIyQTU0MzExRTdCODk3RjREQTBEQTQ0MTgyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhCNDE5ODIzQTU0MzExRTdCODk3RjREQTBEQTQ0MTgyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEI0MTk4MjBBNTQzMTFFN0I4OTdGNERBMERBNDQxODIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEI0MTk4MjFBNTQzMTFFN0I4OTdGNERBMERBNDQxODIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7awLIEAAAAQ0lEQVR42mJsn7nuPwNxgJFIdRjmMTHQAYxaQhJgISFCR4NrmEU8tQHjaJwMjYj/T0GxPhonIzTH/x+Nk6FpCUCAAQD+dwYI6ShgGAAAAABJRU5ErkJggg==") 5 repeat;
}

.bdr-dotted-grey-darker, .bdr-top-dotted-grey-darker, .bdr-bottom-dotted-grey-darker, .bdr-right-dotted-grey-darker, .bdr-left-dotted-grey-darker {
  -o-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk4RjEzNjBGQTU0MzExRTdCNUMwQ0QzMTZBN0ZCREVGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk4RjEzNjEwQTU0MzExRTdCNUMwQ0QzMTZBN0ZCREVGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OThGMTM2MERBNTQzMTFFN0I1QzBDRDMxNkE3RkJERUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OThGMTM2MEVBNTQzMTFFN0I1QzBDRDMxNkE3RkJERUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4oXrVLAAAAQklEQVR42mKMzur4z0AcYCRSHYZ5TAx0AKOWkARYSIjQ0eAaZhFPbcA4GidDI+L/U1Csj8bJCM3x/0fjZGhaAhBgAAbaBYe18AYcAAAAAElFTkSuQmCC") 5 repeat;
     border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk4RjEzNjBGQTU0MzExRTdCNUMwQ0QzMTZBN0ZCREVGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk4RjEzNjEwQTU0MzExRTdCNUMwQ0QzMTZBN0ZCREVGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OThGMTM2MERBNTQzMTFFN0I1QzBDRDMxNkE3RkJERUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OThGMTM2MEVBNTQzMTFFN0I1QzBDRDMxNkE3RkJERUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4oXrVLAAAAQklEQVR42mKMzur4z0AcYCRSHYZ5TAx0AKOWkARYSIjQ0eAaZhFPbcA4GidDI+L/U1Csj8bJCM3x/0fjZGhaAhBgAAbaBYe18AYcAAAAAElFTkSuQmCC") 5 repeat;
}

.bdr-dotted-grey-darkest, .bdr-top-dotted-grey-darkest, .bdr-bottom-dotted-grey-darkest, .bdr-right-dotted-grey-darkest, .bdr-left-dotted-grey-darkest {
  -o-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkExMUZBQkZEQTU0MzExRTdBMjZDRDBCOTI0NTY2MzhGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkExMUZBQkZFQTU0MzExRTdBMjZDRDBCOTI0NTY2MzhGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTExRkFCRkJBNTQzMTFFN0EyNkNEMEI5MjQ1NjYzOEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTExRkFCRkNBNTQzMTFFN0EyNkNEMEI5MjQ1NjYzOEYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6dHaMoAAAAQklEQVR42mLUMHX9z0AcYCRSHYZ5TAx0AKOWkARYSIjQ0eAaZhFPbcA4GidDI+L/U1Csj8bJCM3x/0fjZGhaAhBgAHE4BNyuvwtjAAAAAElFTkSuQmCC") 5 repeat;
     border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkExMUZBQkZEQTU0MzExRTdBMjZDRDBCOTI0NTY2MzhGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkExMUZBQkZFQTU0MzExRTdBMjZDRDBCOTI0NTY2MzhGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTExRkFCRkJBNTQzMTFFN0EyNkNEMEI5MjQ1NjYzOEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTExRkFCRkNBNTQzMTFFN0EyNkNEMEI5MjQ1NjYzOEYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6dHaMoAAAAQklEQVR42mLUMHX9z0AcYCRSHYZ5TAx0AKOWkARYSIjQ0eAaZhFPbcA4GidDI+L/U1Csj8bJCM3x/0fjZGhaAhBgAHE4BNyuvwtjAAAAAElFTkSuQmCC") 5 repeat;
}

.bdr-dashed-grey {
  padding: 20px 20px 0;
  border: 1px dashed #b2bfd0;
}

.bdr-dashed-grey-light {
  padding: 20px 20px 0;
  border: 1px dashed #e0e4e9;
}

.bdr-dashed-grey-dark {
  padding: 20px 20px 0;
  border: 1px dashed #8799ae;
}

.bdr-dashed-grey-darker {
  padding: 20px 20px 0;
  border: 1px dashed #5b6a88;
}

.bdr-dashed-grey-darkest {
  padding: 20px 20px 0;
  border: 1px dashed #283545;
}

.bdr-top-dashed-grey {
  border-top: 1px dashed #b2bfd0;
  padding-top: 20px;
}

.bdr-top-dashed-grey-light {
  border-top: 1px dashed #e0e4e9;
  padding-top: 20px;
}

.bdr-top-dashed-grey-dark {
  border-top: 1px dashed #8799ae;
  padding-top: 20px;
}

.bdr-top-dashed-grey-darker {
  border-top: 1px dashed #5b6a88;
  padding-top: 20px;
}

.bdr-top-dashed-grey-darkest {
  border-top: 1px dashed #283545;
  padding-top: 20px;
}

.bdr-bottom-dashed-grey {
  border-bottom: 1px dashed #b2bfd0;
}

.bdr-bottom-dashed-grey-light {
  border-bottom: 1px dashed #e0e4e9;
}

.bdr-bottom-dashed-grey-dark {
  border-bottom: 1px dashed #8799ae;
}

.bdr-bottom-dashed-grey-darker {
  border-bottom: 1px dashed #5b6a88;
}

.bdr-bottom-dashed-grey-darkest {
  border-bottom: 1px dashed #283545;
}

.bdr-right-dashed-grey {
  border-right: 1px dashed #b2bfd0;
  padding-right: 20px;
}

.bdr-right-dashed-grey-light {
  border-right: 1px dashed #e0e4e9;
  padding-right: 20px;
}

.bdr-right-dashed-grey-dark {
  border-right: 1px dashed #8799ae;
  padding-right: 20px;
}

.bdr-right-dashed-grey-darker {
  border-right: 1px dashed #5b6a88;
  padding-right: 20px;
}

.bdr-right-dashed-grey-darkest {
  border-right: 1px dashed #283545;
  padding-right: 20px;
}

.bdr-left-dashed-grey {
  border-left: 1px dashed #b2bfd0;
  padding-left: 20px;
}

.bdr-left-dashed-grey-light {
  border-left: 1px dashed #e0e4e9;
  padding-left: 20px;
}

.bdr-left-dashed-grey-dark {
  border-left: 1px dashed #8799ae;
  padding-left: 20px;
}

.bdr-left-dashed-grey-darker {
  border-left: 1px dashed #5b6a88;
  padding-left: 20px;
}

.bdr-left-dashed-grey-darkest {
  border-left: 1px dashed #283545;
  padding-left: 20px;
}

.bdr-dashed-grey, .bdr-top-dashed-grey, .bdr-bottom-dashed-grey, .bdr-right-dashed-grey, .bdr-left-dashed-grey {
  -o-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJFNDUwNkZEQTNDQjExRTc5QkFEOUQyNERGMjQ3OEFFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJFNDUwNkZFQTNDQjExRTc5QkFEOUQyNERGMjQ3OEFFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkU0NTA2RkJBM0NCMTFFNzlCQUQ5RDI0REYyNDc4QUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkU0NTA2RkNBM0NCMTFFNzlCQUQ5RDI0REYyNDc4QUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6NyR8VAAABd0lEQVR42uzdMQ6FIBBAQTDe/zBewCt4ozX0WhghbnCmpPkJeQELsr9u+xFlvFq+ESW3afdlKSAshIWwoLc12UflLB/Hf9uXcGLhKkRYICyEhbBAWAgLYYGwEBbCAmEhLIQFwkJYCAthwQDtzbt34bxVnVi4ChEWCAthISwQFsJCWCAshIWwQFgIC2GBsBAWwkJYICyEhbBAWAgLYYGwEBbCAmGRXJs2ExfrJtDwhH9YxVWIsEBYCAthgbAQFsICYSEshAXCQlgIC4SFsBAWwrIFCAthISwQFsJCWCAshIWwQFgIC2GBsBAWwgJhISyEBcJCWPxJm/NupjtvVScWrkKEBcJCWAgLhIWwEBYIC2EhLBAWwkJYICyEhbAQFggLYSEsEBbCQlggLISFsEBYJNemzcTFugk0PBFOLFyFCAuEhbAQFggLYSEsEBbCQlggLISFsEBYCAthISwYYL1Zj86/89Ub+ki+/9PuixMLYSEshAX9nQIMAJ9jDnuXNQLFAAAAAElFTkSuQmCC") 5 repeat;
     border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJFNDUwNkZEQTNDQjExRTc5QkFEOUQyNERGMjQ3OEFFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJFNDUwNkZFQTNDQjExRTc5QkFEOUQyNERGMjQ3OEFFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkU0NTA2RkJBM0NCMTFFNzlCQUQ5RDI0REYyNDc4QUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkU0NTA2RkNBM0NCMTFFNzlCQUQ5RDI0REYyNDc4QUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6NyR8VAAABd0lEQVR42uzdMQ6FIBBAQTDe/zBewCt4ozX0WhghbnCmpPkJeQELsr9u+xFlvFq+ESW3afdlKSAshIWwoLc12UflLB/Hf9uXcGLhKkRYICyEhbBAWAgLYYGwEBbCAmEhLIQFwkJYCAthwQDtzbt34bxVnVi4ChEWCAthISwQFsJCWCAshIWwQFgIC2GBsBAWwkJYICyEhbBAWAgLYYGwEBbCAmGRXJs2ExfrJtDwhH9YxVWIsEBYCAthgbAQFsICYSEshAXCQlgIC4SFsBAWwrIFCAthISwQFsJCWCAshIWwQFgIC2GBsBAWwgJhISyEBcJCWPxJm/NupjtvVScWrkKEBcJCWAgLhIWwEBYIC2EhLBAWwkJYICyEhbAQFggLYSEsEBbCQlggLISFsEBYJNemzcTFugk0PBFOLFyFCAuEhbAQFggLYSEsEBbCQlggLISFsEBYCAthISwYYL1Zj86/89Ub+ki+/9PuixMLYSEshAX9nQIMAJ9jDnuXNQLFAAAAAElFTkSuQmCC") 5 repeat;
}

.bdr-dashed-grey-light, .bdr-top-dashed-grey-light, .bdr-bottom-dashed-grey-light, .bdr-right-dashed-grey-light, .bdr-left-dashed-grey-light {
  -o-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI2MEE1OUREQTNDRjExRTc4MEYyODkyMkJFMjE5Q0UwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI2MEE1OURFQTNDRjExRTc4MEYyODkyMkJFMjE5Q0UwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjYwQTU5REJBM0NGMTFFNzgwRjI4OTIyQkUyMTlDRTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjYwQTU5RENBM0NGMTFFNzgwRjI4OTIyQkUyMTlDRTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz61Mk6vAAABdklEQVR42uzdMQ6FIBBAQTDe/4wWNp5iDb0WRogbnClpfkJewILsr9t+RBmvlm9EyW3afVkKCAthISzobU32UTnLx/Hf9iWcWLgKERYIC2EhLBAWwkJYICyEhbBAWAgLYYGwEBbCQlgwQHvz7l04b1UnFq5ChAXCQlgIC4SFsBAWCAthISwQFsJCWCAshIWwEBYIC2EhLBAWwkJYICyEhbBAWCTXps3ExboJNDzhH1ZxFSIsEBbCQlggLISFsEBYCAthgbAQFsICYSEshIWwbAHCQlgIC4SFsBAWCAthISwQFsJCWCAshIWwQFgIC2GBsBAWf9LmvJvpzlvViYWrEGGBsBAWwgJhISyEBcJCWAgLhIWwEBYIC2EhLIQFwkJYCAuEhbAQFggLYSEsEBbJtWkzcbFuAg1PhBMLVyHCAmEhLIQFwkJYCAuEhbAQFggLYSEsEBbCQlgICwZYb9aj8+989YY+ku//tPvixEJYCAthQX+nAAMAN2MO58SoX2EAAAAASUVORK5CYII=") 5 repeat;
     border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI2MEE1OUREQTNDRjExRTc4MEYyODkyMkJFMjE5Q0UwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI2MEE1OURFQTNDRjExRTc4MEYyODkyMkJFMjE5Q0UwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjYwQTU5REJBM0NGMTFFNzgwRjI4OTIyQkUyMTlDRTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjYwQTU5RENBM0NGMTFFNzgwRjI4OTIyQkUyMTlDRTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz61Mk6vAAABdklEQVR42uzdMQ6FIBBAQTDe/4wWNp5iDb0WRogbnClpfkJewILsr9t+RBmvlm9EyW3afVkKCAthISzobU32UTnLx/Hf9iWcWLgKERYIC2EhLBAWwkJYICyEhbBAWAgLYYGwEBbCQlgwQHvz7l04b1UnFq5ChAXCQlgIC4SFsBAWCAthISwQFsJCWCAshIWwEBYIC2EhLBAWwkJYICyEhbBAWCTXps3ExboJNDzhH1ZxFSIsEBbCQlggLISFsEBYCAthgbAQFsICYSEshIWwbAHCQlgIC4SFsBAWCAthISwQFsJCWCAshIWwQFgIC2GBsBAWf9LmvJvpzlvViYWrEGGBsBAWwgJhISyEBcJCWAgLhIWwEBYIC2EhLIQFwkJYCAuEhbAQFggLYSEsEBbJtWkzcbFuAg1PhBMLVyHCAmEhLIQFwkJYCAuEhbAQFggLYSEsEBbCQlgICwZYb9aj8+989YY+ku//tPvixEJYCAthQX+nAAMAN2MO58SoX2EAAAAASUVORK5CYII=") 5 repeat;
}

.bdr-dashed-grey-dark, .bdr-top-dashed-grey-dark, .bdr-bottom-dashed-grey-dark, .bdr-right-dashed-grey-dark, .bdr-left-dashed-grey-dark {
  -o-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI2MjE4RUMwQTNEMTExRTc5ODM1QjlFODcxMUZGQ0VFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI2MjE4RUMxQTNEMTExRTc5ODM1QjlFODcxMUZGQ0VFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjYyMThFQkVBM0QxMTFFNzk4MzVCOUU4NzExRkZDRUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjYyMThFQkZBM0QxMTFFNzk4MzVCOUU4NzExRkZDRUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Z+2oTAAABdklEQVR42uzdMQ6FIBBAQTDe3TN4Ca+4hl4LI8QNzpQ0PyEvYEH2120/ooxXyzei5DbtviwFhIWwEBb0tib7qJzl4/hv+xJOLFyFCAuEhbAQFggLYSEsEBbCQlggLISFsEBYCAthISwYoL159y6ct6oTC1chwgJhISyEBcJCWAgLhIWwEBYIC2EhLBAWwkJYCAuEhbAQFggLYSEsEBbCQlggLJJr02biYt0EGp7wD6u4ChEWCAthISwQFsJCWCAshIWwQFgIC2GBsBAWwkJYtgBhISyEBcJCWAgLhIWwEBYIC2EhLBAWwkJYICyEhbBAWAiLP2lz3s10563qxMJViLBAWAgLYYGwEBbCAmEhLIQFwkJYCAuEhbAQFsICYSEshAXCQlgIC4SFsBAWCIvk2rSZuFg3gYYnwomFqxBhgbAQFsICYSEshAXCQlgIC4SFsBAWCAthISyEBQOsN+vR+Xe+ekMfyfd/2n1xYiEshIWwoL9TgAEAZewOCMTGC0QAAAAASUVORK5CYII=") 5 repeat;
     border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI2MjE4RUMwQTNEMTExRTc5ODM1QjlFODcxMUZGQ0VFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI2MjE4RUMxQTNEMTExRTc5ODM1QjlFODcxMUZGQ0VFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjYyMThFQkVBM0QxMTFFNzk4MzVCOUU4NzExRkZDRUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjYyMThFQkZBM0QxMTFFNzk4MzVCOUU4NzExRkZDRUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Z+2oTAAABdklEQVR42uzdMQ6FIBBAQTDe3TN4Ca+4hl4LI8QNzpQ0PyEvYEH2120/ooxXyzei5DbtviwFhIWwEBb0tib7qJzl4/hv+xJOLFyFCAuEhbAQFggLYSEsEBbCQlggLISFsEBYCAthISwYoL159y6ct6oTC1chwgJhISyEBcJCWAgLhIWwEBYIC2EhLBAWwkJYCAuEhbAQFggLYSEsEBbCQlggLJJr02biYt0EGp7wD6u4ChEWCAthISwQFsJCWCAshIWwQFgIC2GBsBAWwkJYtgBhISyEBcJCWAgLhIWwEBYIC2EhLBAWwkJYICyEhbBAWAiLP2lz3s10563qxMJViLBAWAgLYYGwEBbCAmEhLIQFwkJYCAuEhbAQFsICYSEshAXCQlgIC4SFsBAWCIvk2rSZuFg3gYYnwomFqxBhgbAQFsICYSEshAXCQlgIC4SFsBAWCAthISyEBQOsN+vR+Xe+ekMfyfd/2n1xYiEshIWwoL9TgAEAZewOCMTGC0QAAAAASUVORK5CYII=") 5 repeat;
}

.bdr-dashed-grey-darker, .bdr-top-dashed-grey-darker, .bdr-bottom-dashed-grey-darker, .bdr-right-dashed-grey-darker, .bdr-left-dashed-grey-darker {
  -o-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZFMkIyRDAyQTNEMTExRTc4RjY2REI1MEI0Qjk1RDE2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZFMkIyRDAzQTNEMTExRTc4RjY2REI1MEI0Qjk1RDE2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkUyQjJEMDBBM0QxMTFFNzhGNjZEQjUwQjRCOTVEMTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkUyQjJEMDFBM0QxMTFFNzhGNjZEQjUwQjRCOTVEMTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6IYly7AAABdklEQVR42uzdMQ6FIBBAQTDe0ht4Em+9hl4LI8QNzpQ0PyEvYEH2120/ooxXyzei5DbtviwFhIWwEBb0tib7qJzl4/hv+xJOLFyFCAuEhbAQFggLYSEsEBbCQlggLISFsEBYCAthISwYoL159y6ct6oTC1chwgJhISyEBcJCWAgLhIWwEBYIC2EhLBAWwkJYCAuEhbAQFggLYSEsEBbCQlggLJJr02biYt0EGp7wD6u4ChEWCAthISwQFsJCWCAshIWwQFgIC2GBsBAWwkJYtgBhISyEBcJCWAgLhIWwEBYIC2EhLBAWwkJYICyEhbBAWAiLP2lz3s10563qxMJViLBAWAgLYYGwEBbCAmEhLIQFwkJYCAuEhbAQFsICYSEshAXCQlgIC4SFsBAWCIvk2rSZuFg3gYYnwomFqxBhgbAQFsICYSEshAXCQlgIC4SFsBAWCAthISyEBQOsN+vR+Xe+ekMfyfd/2n1xYiEshIWwoL9TgAEA6VQNh5CS/WgAAAAASUVORK5CYII=") 5 repeat;
     border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZFMkIyRDAyQTNEMTExRTc4RjY2REI1MEI0Qjk1RDE2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZFMkIyRDAzQTNEMTExRTc4RjY2REI1MEI0Qjk1RDE2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkUyQjJEMDBBM0QxMTFFNzhGNjZEQjUwQjRCOTVEMTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkUyQjJEMDFBM0QxMTFFNzhGNjZEQjUwQjRCOTVEMTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6IYly7AAABdklEQVR42uzdMQ6FIBBAQTDe0ht4Em+9hl4LI8QNzpQ0PyEvYEH2120/ooxXyzei5DbtviwFhIWwEBb0tib7qJzl4/hv+xJOLFyFCAuEhbAQFggLYSEsEBbCQlggLISFsEBYCAthISwYoL159y6ct6oTC1chwgJhISyEBcJCWAgLhIWwEBYIC2EhLBAWwkJYCAuEhbAQFggLYSEsEBbCQlggLJJr02biYt0EGp7wD6u4ChEWCAthISwQFsJCWCAshIWwQFgIC2GBsBAWwkJYtgBhISyEBcJCWAgLhIWwEBYIC2EhLBAWwkJYICyEhbBAWAiLP2lz3s10563qxMJViLBAWAgLYYGwEBbCAmEhLIQFwkJYCAuEhbAQFsICYSEshAXCQlgIC4SFsBAWCIvk2rSZuFg3gYYnwomFqxBhgbAQFsICYSEshAXCQlgIC4SFsBAWCAthISyEBQOsN+vR+Xe+ekMfyfd/2n1xYiEshIWwoL9TgAEA6VQNh5CS/WgAAAAASUVORK5CYII=") 5 repeat;
}

.bdr-dashed-grey-darkest, .bdr-top-dashed-grey-darkest, .bdr-bottom-dashed-grey-darkest, .bdr-right-dashed-grey-darkest, .bdr-left-dashed-grey-darkest {
  -o-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJDOTg2N0YzQTNEMTExRTdBNTkwQTlBNDAxRjk4MzIyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJDOTg2N0Y0QTNEMTExRTdBNTkwQTlBNDAxRjk4MzIyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkM5ODY3RjFBM0QxMTFFN0E1OTBBOUE0MDFGOTgzMjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkM5ODY3RjJBM0QxMTFFN0E1OTBBOUE0MDFGOTgzMjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5N9BsgAAABd0lEQVR42uzdMQ6FIBBAQTAexgt4BO9/pDX0WhghbnCmpPkJeQELsr9u+xFlvFq+ESW3afdlKSAshIWwoLc12UflLB/Hf9uXcGLhKkRYICyEhbBAWAgLYYGwEBbCAmEhLIQFwkJYCAthwQDtzbt34bxVnVi4ChEWCAthISwQFsJCWCAshIWwQFgIC2GBsBAWwkJYICyEhbBAWAgLYYGwEBbCAmGRXJs2ExfrJtDwhH9YxVWIsEBYCAthgbAQFsICYSEshAXCQlgIC4SFsBAWwrIFCAthISwQFsJCWCAshIWwQFgIC2GBsBAWwgJhISyEBcJCWPxJm/NupjtvVScWrkKEBcJCWAgLhIWwEBYIC2EhLBAWwkJYICyEhbAQFggLYSEsEBbCQlggLISFsEBYJNemzcTFugk0PBFOLFyFCAuEhbAQFggLYSEsEBbCQlggLISFsEBYCAthISwYYL1Zj86/89Ub+ki+/9PuixMLYSEshAX9nQIMAKOTDNyXMv3YAAAAAElFTkSuQmCC") 5 repeat;
     border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJDOTg2N0YzQTNEMTExRTdBNTkwQTlBNDAxRjk4MzIyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJDOTg2N0Y0QTNEMTExRTdBNTkwQTlBNDAxRjk4MzIyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkM5ODY3RjFBM0QxMTFFN0E1OTBBOUE0MDFGOTgzMjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkM5ODY3RjJBM0QxMTFFN0E1OTBBOUE0MDFGOTgzMjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5N9BsgAAABd0lEQVR42uzdMQ6FIBBAQTAexgt4BO9/pDX0WhghbnCmpPkJeQELsr9u+xFlvFq+ESW3afdlKSAshIWwoLc12UflLB/Hf9uXcGLhKkRYICyEhbBAWAgLYYGwEBbCAmEhLIQFwkJYCAthwQDtzbt34bxVnVi4ChEWCAthISwQFsJCWCAshIWwQFgIC2GBsBAWwkJYICyEhbBAWAgLYYGwEBbCAmGRXJs2ExfrJtDwhH9YxVWIsEBYCAthgbAQFsICYSEshAXCQlgIC4SFsBAWwrIFCAthISwQFsJCWCAshIWwQFgIC2GBsBAWwgJhISyEBcJCWPxJm/NupjtvVScWrkKEBcJCWAgLhIWwEBYIC2EhLBAWwkJYICyEhbAQFggLYSEsEBbCQlggLISFsEBYJNemzcTFugk0PBFOLFyFCAuEhbAQFggLYSEsEBbCQlggLISFsEBYCAthISwYYL1Zj86/89Ub+ki+/9PuixMLYSEshAX9nQIMAKOTDNyXMv3YAAAAAElFTkSuQmCC") 5 repeat;
}

.bdr-2x {
  border-width: 2px;
}

.bdr-3x {
  border-width: 3px;
}

.bdr-4x {
  border-width: 4px;
}

.bdr-5x {
  border-width: 5px;
}

.bdr-none {
  border: 0 none;
}

@media screen and ( max-width: 599px ) {
  .mobile-bdr-none {
    border: 0 none;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-bdr-none {
    border: 0 none;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-bdr-none {
    border: 0 none;
  }
}
@media print {
  .print-bdr-none {
    border: 0 none;
  }
}
.bdr-top-2x {
  border-top-width: 2px;
}

.bdr-top-3x {
  border-top-width: 3px;
}

.bdr-top-4x {
  border-top-width: 4px;
}

.bdr-top-5x {
  border-top-width: 5px;
}

.bdr-top-none {
  border-top: 0 none;
}

@media screen and ( max-width: 599px ) {
  .mobile-bdr-top-none {
    border-top: 0 none;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-bdr-top-none {
    border-top: 0 none;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-bdr-top-none {
    border-top: 0 none;
  }
}
@media print {
  .print-bdr-top-none {
    border-top: 0 none;
  }
}
.bdr-bottom-2x {
  border-bottom-width: 2px;
}

.bdr-bottom-3x {
  border-bottom-width: 3px;
}

.bdr-bottom-4x {
  border-bottom-width: 4px;
}

.bdr-bottom-5x {
  border-bottom-width: 5px;
}

.bdr-bottom-none {
  border-bottom: 0 none;
}

@media screen and ( max-width: 599px ) {
  .mobile-bdr-bottom-none {
    border-bottom: 0 none;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-bdr-bottom-none {
    border-bottom: 0 none;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-bdr-bottom-none {
    border-bottom: 0 none;
  }
}
@media print {
  .print-bdr-bottom-none {
    border-bottom: 0 none;
  }
}
.bdr-right-2x {
  border-right-width: 2px;
}

.bdr-right-3x {
  border-right-width: 3px;
}

.bdr-right-4x {
  border-right-width: 4px;
}

.bdr-right-5x {
  border-right-width: 5px;
}

.bdr-right-none {
  border-right: 0 none;
}

@media screen and ( max-width: 599px ) {
  .mobile-bdr-right-none {
    border-right: 0 none;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-bdr-right-none {
    border-right: 0 none;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-bdr-right-none {
    border-right: 0 none;
  }
}
@media print {
  .print-bdr-right-none {
    border-right: 0 none;
  }
}
.bdr-left-2x {
  border-left-width: 2px;
}

.bdr-left-3x {
  border-left-width: 3px;
}

.bdr-left-4x {
  border-left-width: 4px;
}

.bdr-left-5x {
  border-left-width: 5px;
}

.bdr-left-none {
  border-left: 0 none;
}

@media screen and ( max-width: 599px ) {
  .mobile-bdr-left-none {
    border-left: 0 none;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-bdr-left-none {
    border-left: 0 none;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-bdr-left-none {
    border-left: 0 none;
  }
}
@media print {
  .print-bdr-left-none {
    border-left: 0 none;
  }
}
/* Inner Shadows
   ========================================================================== */
.inner-shadow-top {
  box-shadow: inset 0 16px 15px -16px rgba(91, 106, 136, 0.35);
  padding-top: 20px;
}

@media screen and ( max-width: 599px ) {
  .mobile-inner-shadow-top {
    box-shadow: inset 0 16px 15px -16px rgba(91, 106, 136, 0.35);
    padding-top: 20px;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-inner-shadow-top {
    box-shadow: inset 0 16px 15px -16px rgba(91, 106, 136, 0.35);
    padding-top: 20px;
  }
}
.inner-shadow-sm-top {
  box-shadow: inset 0 8px 7px -8px rgba(91, 106, 136, 0.35);
  padding-top: 20px;
}

@media screen and ( max-width: 599px ) {
  .mobile-inner-shadow-sm-top {
    box-shadow: inset 0 8px 7px -8px rgba(91, 106, 136, 0.35);
    padding-top: 20px;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-inner-shadow-sm-top {
    box-shadow: inset 0 8px 7px -8px rgba(91, 106, 136, 0.35);
    padding-top: 20px;
  }
}
.inner-shadow-bottom {
  box-shadow: inset 0 -16px 15px -16px rgba(91, 106, 136, 0.35);
}
.inner-shadow-bottom::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  clear: both;
}

@media screen and ( max-width: 599px ) {
  .mobile-inner-shadow-bottom {
    box-shadow: inset 0 -16px 15px -16px rgba(91, 106, 136, 0.35);
  }
  .mobile-inner-shadow-bottom::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    clear: both;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-inner-shadow-bottom {
    box-shadow: inset 0 -16px 15px -16px rgba(91, 106, 136, 0.35);
  }
  .tablet-inner-shadow-bottom::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    clear: both;
  }
}
.inner-shadow-sm-bottom {
  box-shadow: inset 0 -8px 7px -8px rgba(91, 106, 136, 0.35);
}
.inner-shadow-sm-bottom::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  clear: both;
}

@media screen and ( max-width: 599px ) {
  .mobile-inner-shadow-sm-bottom {
    box-shadow: inset 0 -8px 7px -8px rgba(91, 106, 136, 0.35);
  }
  .mobile-inner-shadow-sm-bottom::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    clear: both;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-inner-shadow-sm-bottom {
    box-shadow: inset 0 -8px 7px -8px rgba(91, 106, 136, 0.35);
  }
  .tablet-inner-shadow-sm-bottom::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    clear: both;
  }
}
.inner-shadow-right {
  box-shadow: inset -16px 0 15px -16px rgba(91, 106, 136, 0.35);
  padding-right: 20px;
}

@media screen and ( max-width: 599px ) {
  .mobile-inner-shadow-right {
    box-shadow: inset -16px 0 15px -16px rgba(91, 106, 136, 0.35);
    padding-right: 20px;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-inner-shadow-right {
    box-shadow: inset -16px 0 15px -16px rgba(91, 106, 136, 0.35);
    padding-right: 20px;
  }
}
.inner-shadow-sm-right {
  box-shadow: inset -8px 0 7px -8px rgba(91, 106, 136, 0.35);
  padding-right: 20px;
}

@media screen and ( max-width: 599px ) {
  .mobile-inner-shadow-sm-right {
    box-shadow: inset -8px 0 7px -8px rgba(91, 106, 136, 0.35);
    padding-right: 20px;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-inner-shadow-sm-right {
    box-shadow: inset -8px 0 7px -8px rgba(91, 106, 136, 0.35);
    padding-right: 20px;
  }
}
.inner-shadow-left {
  box-shadow: inset 16px 0 15px -16px rgba(91, 106, 136, 0.35);
  padding-left: 20px;
}

@media screen and ( max-width: 599px ) {
  .mobile-inner-shadow-left {
    box-shadow: inset 16px 0 15px -16px rgba(91, 106, 136, 0.35);
    padding-left: 20px;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-inner-shadow-left {
    box-shadow: inset 16px 0 15px -16px rgba(91, 106, 136, 0.35);
    padding-left: 20px;
  }
}
.inner-shadow-sm-left {
  box-shadow: inset 8px 0 7px -8px rgba(91, 106, 136, 0.35);
  padding-left: 20px;
}

@media screen and ( max-width: 599px ) {
  .mobile-inner-shadow-sm-left {
    box-shadow: inset 8px 0 7px -8px rgba(91, 106, 136, 0.35);
    padding-left: 20px;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-inner-shadow-sm-left {
    box-shadow: inset 8px 0 7px -8px rgba(91, 106, 136, 0.35);
    padding-left: 20px;
  }
}
.no-shadow {
  box-shadow: none;
}

@media screen and ( max-width: 599px ) {
  .mobile-no-shadow {
    box-shadow: none;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-no-shadow {
    box-shadow: none;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-no-shadow {
    box-shadow: none;
  }
}
@media print {
  .print-no-shadow {
    box-shadow: none;
  }
}
hr.inner-shadow-top, hr.inner-shadow-sm-top, hr.inner-shadow-bottom, hr.inner-shadow-sm-bottom, hr.inner-shadow-right, hr.inner-shadow-sm-right, hr.inner-shadow-left, hr.inner-shadow-sm-left {
  border-top: 0 none;
  height: 20px;
}

/* ==========================================================================
   components/_button.scss
   ========================================================================== */
@keyframes btnLoadingSub {
  0%, 50% {
    opacity: 0;
    transform: scale(0) translateZ(0);
  }
  25% {
    opacity: 1;
    transform: scale(1) translateZ(0);
  }
}
/* FXCM Link General Styles
   ========================================================================== */
.fxcm-link.link-simple > .ico {
  margin-left: 10px;
}
.fxcm-link.link-simple > b.icon-balloon {
  margin-left: 10px;
}
.fxcm-link.no-label .ico {
  margin-left: 0;
}
.fxcm-link .ico {
  margin-left: 0;
}

/* Basic button
   ========================================================================== */
.btn {
  display: inline-block;
  position: relative;
  padding: 2px 55px 2px 10px;
  font-size: 0.75rem;
  line-height: 1.5625rem;
  font-weight: 700;
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 #151c25;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #283545;
  cursor: pointer;
  transition: all 0.25s ease 0s;
}
.btn .ico {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 14px;
  height: 14px;
  transition: all 0.25s ease 0s, background-color 0s linear 0s;
}
.btn .ico > svg {
  fill: white;
  transition: fill 0.25s ease 0s, opacity 0.25s ease 0.5s;
}
.btn.loading {
  cursor: default;
}
.btn.loading .ico, .btn.loading::before, .btn.loading::after {
  top: 50%;
  margin-top: -4px;
  border-radius: 50%;
  background-color: white;
  width: 8px;
  height: 8px;
  opacity: 0;
  animation-name: btnLoadingSub;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  animation-timing-function: linear;
}
.btn.loading .ico {
  right: 30px;
  background-color: white;
  animation-delay: 0s;
}
.btn.loading .ico > svg {
  opacity: 0;
}
.btn.loading::before, .btn.loading::after {
  content: "";
  position: absolute;
}
.btn.loading::before {
  right: 20px;
  animation-delay: 0.2s;
}
.btn.loading::after {
  right: 10px;
  animation-delay: 0.4s;
}
.btn:active, .btn:hover {
  background-color: #283545;
  color: #f4ad03;
  text-shadow: 0 1px 1px #151c25;
}
.btn:active .ico > svg, .btn:hover .ico > svg {
  fill: #f4ad03;
}
.btn[disabled], .btn.disabled {
  background-color: #b2bfd0 !important;
  color: #ebf0f4 !important;
  text-shadow: 0 1px 1px #92a5bd !important;
  cursor: default;
}
.btn[disabled] .ico > svg, .btn.disabled .ico > svg {
  fill: #ebf0f4 !important;
}

/* btn inline */
.btn-full,
.btn-fill {
  display: block;
  width: 100%;
}

/* Colors
   ========================================================================== */
.btn-blue {
  background-color: #0c51a3;
  color: white;
  text-shadow: 0 1px 1px #093973;
}

.btn-red {
  background-color: #ea0404;
  color: white;
  text-shadow: 0 1px 1px #b80303;
}

.btn-white {
  background-color: white;
  color: #283545;
  text-shadow: none;
}

.btn-yellow {
  background-color: #f4ad03;
  color: #283545;
  text-shadow: 0 1px 1px #fdcf60;
}
.btn-yellow .ico > svg {
  fill: #283545;
}
.btn-yellow.loading .ico, .btn-yellow.loading::before, .btn-yellow.loading::after {
  background-color: #283545;
}
.btn-yellow.loading .ico {
  background-color: #283545;
}

.btn-teal {
  background-color: #01acb6;
  color: white;
  text-shadow: 0 1px 1px #0a8194;
}

/* Sizes/types
   ========================================================================== */
/* small */
.btn-small,
.btn-sm {
  font-size: 0.6875rem;
  line-height: 1rem;
  text-shadow: none;
  padding-right: 40px;
}
.btn-small .ico,
.btn-sm .ico {
  width: 10px;
  height: 10px;
}

/* large */
.btn-large,
.btn-lg {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  padding: 5px 65px 5px 15px;
  border-top: 1px solid #3b4e65;
  border-bottom: 1px solid #151c25;
}
.btn-large .ico,
.btn-lg .ico {
  width: 17px;
  height: 17px;
  right: 15px;
}
.btn-large.btn-blue,
.btn-lg.btn-blue {
  border-top: 1px solid #0f69d3;
  border-bottom: 1px solid #093973;
}
.btn-large.btn-red,
.btn-lg.btn-red {
  border-top: 1px solid #fd7171;
  border-bottom: 1px solid #6d0202;
}
.btn-large.btn-white,
.btn-lg.btn-white {
  border-top: 1px solid white;
  border-bottom: 1px solid #bfbfbf;
}
.btn-large.btn-yellow,
.btn-lg.btn-yellow {
  border-top: 1px solid #fdc747;
  border-bottom: 1px solid #db9b03;
}
.btn-large.btn-teal,
.btn-lg.btn-teal {
  border-top: 1px solid #01ceda;
  border-bottom: 1px solid #018a92;
}
.btn-large.loading .ico,
.btn-lg.loading .ico {
  right: 35px;
}
.btn-large.loading::before,
.btn-lg.loading::before {
  right: 25px;
}
.btn-large.loading::after,
.btn-lg.loading::after {
  right: 15px;
}
.btn-large:active, .btn-large:hover,
.btn-lg:active,
.btn-lg:hover {
  border-top: 1px solid #3b4e65;
  border-bottom: 1px solid #151c25;
}
.btn-large[disabled], .btn-large.disabled,
.btn-lg[disabled],
.btn-lg.disabled {
  border-top: 1px solid #c2ccda !important;
  border-bottom: 1px solid #a2b2c6 !important;
}

/* full border with transparent bg */
.btn-material {
  background-color: rgba(40, 53, 69, 0.2);
  border: 1px solid white;
  text-shadow: none;
}
.btn-material:hover {
  text-shadow: none;
  color: #283545;
  background-color: white;
  border-color: #283545;
}
.btn-material:hover .ico > svg {
  fill: #283545;
}
.btn-material.btn-material-dark {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: #283545;
  color: #283545;
}
.btn-material.btn-material-dark .ico > svg {
  fill: #283545;
}
.btn-material.btn-material-dark:hover {
  border-color: #283545;
  background-color: #0c51a3;
  color: white;
}
.btn-material.btn-material-dark:hover .ico > svg {
  fill: white;
}

/* No border & text-shadow, has box-shadow  */
.btn-shadowed {
  border: none !important;
  text-shadow: none;
  box-shadow: 1px 1px 6px 2px rgba(0, 0, 0, 0.4);
}

/* btn round */
.btn-round {
  font-size: 1rem;
  line-height: 2.3125rem;
  font-weight: 700;
  padding: 0 67px 0 17px;
  border-radius: 25px;
  white-space: nowrap;
  overflow: hidden;
  background: linear-gradient(to bottom, #5b6a88, #283545);
}
.btn-round .ico {
  width: 17px;
  height: 17px;
  right: 17px;
}
.btn-round.btn-blue {
  background: linear-gradient(to bottom, #0e5dbb, #0a458b);
}
.btn-round.btn-white {
  background: linear-gradient(to bottom, white, #f2f2f2);
}
.btn-round.btn-yellow {
  background: linear-gradient(to bottom, #fcb814, #db9b03);
}
.btn-round.btn-teal {
  background: linear-gradient(to bottom, #01c4cf, #01949d);
}
.btn-round.loading .ico {
  right: 37px;
}
.btn-round.loading::before {
  right: 27px;
}
.btn-round.loading::after {
  right: 17px;
}
.btn-round:active, .btn-round:hover {
  background: linear-gradient(to bottom, #475269, #151c25);
}
.btn-round[disabled], .btn-round.disabled {
  background: linear-gradient(to bottom, #c2ccda, #a2b2c6) !important;
}

.btn-cta {
  display: block;
  border: 3px solid white;
  font-size: 1.375rem;
  line-height: 2.0625rem;
  font-weight: 600;
  text-align: center;
  padding: 8px 0;
  margin: 0 -3px;
  width: calc(100% + 6px);
}
.btn-cta .ico {
  display: none;
}
.btn-cta:active, .btn-cta:hover {
  border-color: white;
}

/* when bg is used, put borders inside content */
.has-bg .btn-cta {
  margin: 0;
  width: 100%;
}

/* ajax load more, i.e. on insights */
.ajax-load-more-wrap.blue button.btn-ajax-load-more {
  border-radius: 0;
  background-color: #283545;
  font-size: 1rem;
  font-weight: 400;
}
.ajax-load-more-wrap.blue button.btn-ajax-load-more:hover {
  background-color: #5b6a88;
}

ul.alm-paging li a {
  background: #f6f7f8 !important;
}
ul.alm-paging li a:hover {
  background: #e0e4e9 !important;
}

.ajax-load-more-wrap.paging-grey ul.alm-paging li.active a {
  background-color: #283545 !important;
  border-color: #283545 !important;
}

.alm-paging-wrap .alm-paging-loading {
  z-index: 100 !important;
}

@media screen and ( max-width: 599px ) {
  .btn-cta {
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
    font-size: 1.25rem;
    line-height: 1.9375rem;
  }
}
/* ==========================================================================
   components/_code.scss
   ========================================================================== */
.fxcm-code pre[class*=language-] > code {
  font-size: 17px;
  line-height: 38px;
  background-size: 4em 76px;
  margin-bottom: 20px;
  margin-left: 3px;
}

.fxcm-code pre[class*=language-]:before, pre[class*=language-]:after {
  box-shadow: none;
  display: none;
}

/* ==========================================================================
   components/_cta.scss
   ========================================================================== */
/* big CTA heading */
.cta-heading > h1:first-child, .cta-heading > h2:first-child, .cta-heading > h3:first-child, .cta-heading > h4:first-child {
  position: relative;
  display: inline-block;
  font-size: 1.5625rem;
  line-height: 2.125rem;
  font-weight: 600;
  text-transform: none;
  z-index: 10;
  padding-right: 10px;
  background-color: white;
}
.cta-heading > h1:first-child + h2, .cta-heading > h1:first-child + h3, .cta-heading > h1:first-child + h4, .cta-heading > h1:first-child + h5, .cta-heading > h1:first-child + .lead-in, .cta-heading > h2:first-child + h2, .cta-heading > h2:first-child + h3, .cta-heading > h2:first-child + h4, .cta-heading > h2:first-child + h5, .cta-heading > h2:first-child + .lead-in, .cta-heading > h3:first-child + h2, .cta-heading > h3:first-child + h3, .cta-heading > h3:first-child + h4, .cta-heading > h3:first-child + h5, .cta-heading > h3:first-child + .lead-in, .cta-heading > h4:first-child + h2, .cta-heading > h4:first-child + h3, .cta-heading > h4:first-child + h4, .cta-heading > h4:first-child + h5, .cta-heading > h4:first-child + .lead-in {
  font-size: 0.875rem;
  line-height: 1.4375rem;
  font-weight: 400;
  text-transform: none;
  margin-bottom: 20px;
}

.cta-heading,
.cta-expand-toggle {
  position: relative;
  overflow: hidden;
}
.cta-heading > .btn,
.cta-expand-toggle > .btn {
  border: none;
  border-left: 10px solid #fff;
  position: absolute;
  right: 0;
  top: 5px;
}
.cta-heading > hr,
.cta-expand-toggle > hr {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  margin: 0;
}

/* expandable form styles */
.cta-expand-toggle > .btn-toggle {
  overflow: hidden;
  display: block;
  width: 160px;
  height: 29px;
}
.cta-expand-toggle > .btn-toggle > span {
  display: block;
  transition: transform 0.4s ease 0s;
  transform: translateY(-100%);
}
.cta-expand-toggle > .btn-toggle::after {
  content: "+";
  display: block;
  position: absolute;
  top: 2px;
  right: 10px;
  font-size: 1.375rem;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  z-index: 10;
  transition: transform 0.4s ease 0s;
}
.cta-expand-toggle > .btn-toggle.open {
  color: white;
  background-color: #283545;
  text-shadow: 1px 1px 0 #151c25;
}
.cta-expand-toggle > .btn-toggle.open > span {
  transform: translateY(0);
}
.cta-expand-toggle > .btn-toggle.open::after {
  transform: rotate(-45deg);
}
.cta-expand-toggle > .btn-toggle.open:hover {
  color: #f4ad03;
}
.cta-expand-toggle .cta-expand-content {
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: opacity 0.6s ease 0s;
}
.cta-expand-toggle.open .cta-expand-content {
  height: auto;
  opacity: 1;
}

.shared-content.type-cta,
.post-cta-banner {
  margin-top: 50px;
  border-radius: 3px;
  color: #a8c0dd;
}
.shared-content.type-cta h2,
.post-cta-banner h2 {
  color: white;
  font-weight: 600;
  font-size: 1.75rem;
  line-height: 2.3125rem;
  margin-top: 0 !important;
}
.shared-content.type-cta h3,
.post-cta-banner h3 {
  color: #a8c0dd;
  font-size: 1.125rem;
  line-height: 2rem;
  font-weight: 400;
  margin-top: 15px;
}
.shared-content.type-cta p,
.post-cta-banner p {
  margin-top: 15px !important;
}
.shared-content.type-cta .btn,
.post-cta-banner .btn {
  text-transform: capitalize;
  margin-top: 35px;
  float: none;
  padding: 6px 12px;
}

.shared-content.type-cta {
  background: #2561a9;
  padding: 25px 30px;
}

.post-cta-banner {
  padding: 35px 30px;
  background: #203957;
}

/* ------- Mobile and Tablet ------- */
@media screen and ( max-width: 1099px ) {
  .cta-heading,
  .cta-expand-toggle {
    padding-bottom: 30px;
    margin-bottom: 20px;
  }
  .cta-heading .cta-heading,
  .cta-expand-toggle .cta-heading {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .cta-heading > .btn,
  .cta-expand-toggle > .btn {
    top: auto;
    bottom: 0;
  }
  .cta-heading > hr,
  .cta-expand-toggle > hr {
    top: auto;
    bottom: 14px;
  }
  .cta-expand-toggle {
    overflow: hidden;
    margin-bottom: 20px;
  }
  .cta-expand-toggle.open {
    padding-bottom: 20px;
  }
  .cta-expand-toggle:not(.open) > .form {
    margin-bottom: 0;
  }
  .post-cta-banner {
    padding: 25px 30px;
  }
}
/* ==========================================================================
   components/_esma-disclaimer.scss
   ========================================================================== */
.esma-disclaimer {
  position: relative;
  color: white;
  line-height: 1.125rem;
  text-align: center;
  z-index: 60;
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
  background-color: #1c242e;
  border-bottom: 2px solid white;
}
.esma-disclaimer p {
  margin-bottom: 5px;
}
.esma-disclaimer .esma-primary,
.esma-disclaimer .esma-related {
  overflow: hidden;
  padding: 3px 20px 0;
}
.esma-disclaimer .esma-related {
  background-color: rgba(40, 53, 69, 0.1);
}
.esma-disclaimer .esma-mobile-collapsed,
.esma-disclaimer #collapse-toggle {
  display: none;
}

.esma-disclaimer.esma-fixed {
  position: fixed;
  z-index: 2000;
  top: 0;
}
.esma-disclaimer.esma-spacer {
  position: relative;
  visibility: hidden;
}

/* ------- [ TABLET AND MOBILE-SPECIFIC STYLES ] ------- */
@media screen and ( max-width: 1099px ) {
  .esma-disclaimer .esma-primary,
  .esma-disclaimer .esma-related {
    padding-left: 10px;
    padding-right: 10px;
  }
}
/* ------- [ MOBILE-SPECIFIC STYLES ] ------- */
@media screen and ( max-width: 599px ) {
  .esma-disclaimer #collapse-toggle {
    display: block;
    background-color: #1c242e;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-left: 2px solid white;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 15px;
    cursor: pointer;
    padding: 0 15px;
  }
  .esma-disclaimer .toggle-arrow {
    transform: scaleY(0.6);
    display: block;
    margin-top: -7px;
  }
  .esma-disclaimer.collapsed .esma-desktop-expanded {
    display: none;
  }
  .esma-disclaimer.collapsed .esma-mobile-collapsed {
    display: block;
  }
  .esma-disclaimer.collapsed .toggle-arrow i {
    transform: rotate(180deg);
  }
}
/* ------- [ DESKTOP-SPECIFIC STYLES ] ------- */
@media screen and ( min-width: 1100px ) {
  .esma-disclaimer {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
/* ------- base expandable set ------- */
.faqs {
  /* ------- standard set ------- */
  /* ------- round-thumbnail set ------- */
}
.faqs dt {
  position: relative;
  display: block;
  cursor: pointer;
}
.faqs dt.open {
  font-weight: bold;
}
.faqs dd {
  display: block;
  height: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, height 0.4s ease 0s;
}
.faqs dd.open {
  height: auto;
  transform: translateY(0);
  opacity: 1;
}
.faqs .closeThis {
  display: none;
  position: absolute;
  right: 4px;
  bottom: -26px;
}
.faqs.standard dd.open {
  border: 3px solid #ebf0f4;
  margin: -10px 0 20px;
  padding: 20px 20px 0;
}
.faqs.standard dt {
  margin: 0 0 20px;
  z-index: 2;
}
.faqs.standard dt > h4 {
  font-size: 0.9375rem;
  line-height: 1.625rem;
  font-weight: 400;
  color: #0c51a3;
  margin-left: 36px;
  text-transform: none;
}
.faqs.standard dt > .ico {
  float: left;
  margin: 1px 10px 0 0;
  transition: transform 0.2s ease 0s;
}
.faqs.standard dt.open > h4 {
  color: #283545;
  font-weight: 600;
}
.faqs.standard dt.open > .ico {
  transition: transform 0.4s ease 0s;
  transform: rotate(45deg) scale(0.875);
}
.faqs.standard dt.open > .ico::after {
  background-color: #283545;
}
.faqs.standard .controlLinkWrap {
  height: 20px;
}
.faqs.standard .controlLinkWrap a {
  font-size: 0.6875rem;
  line-height: 1.25rem;
  font-weight: 700;
  font-family: Verdana, sans-serif;
  text-transform: uppercase;
  color: #f4ad03;
  float: right;
}
.faqs.round-thumbnail .expandable-pair {
  margin: 0 0 20px;
  border-radius: 5px;
  box-shadow: 1px 2px 12px -2px rgba(122, 122, 122, 0.15);
  background: white;
  overflow: hidden;
  transition: 0.2s box-shadow ease;
}
.faqs.round-thumbnail .expandable-pair dt.question {
  padding: 15px 65px 15px 25px;
  display: flex;
  align-items: center;
  position: relative;
}
.faqs.round-thumbnail .expandable-pair dt.question .question-thumbnail {
  margin-right: 20px;
  border-radius: 50%;
  overflow: hidden;
  flex: 0 0 55px;
}
.faqs.round-thumbnail .expandable-pair dt.question h4 {
  font-size: 1.125rem;
  line-height: 1.8125rem;
  font-weight: 600;
  text-transform: none;
}
.faqs.round-thumbnail .expandable-pair dt.question .toggle-set-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 45px;
}
.faqs.round-thumbnail .expandable-pair dt.question .toggle-set-icon:before, .faqs.round-thumbnail .expandable-pair dt.question .toggle-set-icon:after {
  content: "";
  position: absolute;
  width: 17px;
  height: 3px;
  background-color: #283545;
  transition: 0.2s ease-in-out;
}
.faqs.round-thumbnail .expandable-pair dt.question .toggle-set-icon:after {
  transform: rotate(90deg);
}
.faqs.round-thumbnail .expandable-pair dt.question.open .toggle-set-icon:before {
  opacity: 0;
}
.faqs.round-thumbnail .expandable-pair dt.question.open .toggle-set-icon:after {
  transform: rotate(0deg);
}
.faqs.round-thumbnail .expandable-pair dd.open {
  padding: 15px 25px 10px;
}
.faqs.round-thumbnail .expandable-pair:hover {
  box-shadow: 1px 4px 10px -2px rgba(122, 122, 122, 0.33);
}
.faqs.round-thumbnail .controlLinkWrap {
  margin-bottom: 15px;
  text-align: right;
}
.faqs.round-thumbnail .controlLinkWrap .controlThisSection {
  color: #283545;
  text-transform: uppercase;
  font-size: 0.875rem;
}
.faqs .open .closeThis {
  display: block;
}

/* ------- [ TABLET & PHONE-SPECIFIC STYLES ] ------- */
@media screen and ( max-width: 1099px ) {
  .faqs .open .closeThis {
    display: none;
  }
}
/* ------- [ PHONE-SPECIFIC STYLES ] ------- */
@media screen and ( max-width: 599px ) {
  .faqs.round-thumbnail .expandable-pair dt.question {
    padding: 15px 50px 15px 20px;
  }
  .faqs.round-thumbnail .expandable-pair dt.question .question-thumbnail {
    flex: 0 0 30px;
  }
  .faqs.round-thumbnail .expandable-pair dt.question h4 {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
  .faqs.round-thumbnail .expandable-pair dt.question .toggle-set-icon {
    right: 35px;
  }
  .faqs.round-thumbnail .expandable-pair dt.question .toggle-set-icon:before, .faqs.round-thumbnail .expandable-pair dt.question .toggle-set-icon:after {
    width: 12px;
    height: 2px;
  }
  .faqs.round-thumbnail .expandable-pair dt.question.open {
    border-bottom: 1px solid #f6f7f8;
  }
  .faqs.round-thumbnail .expandable-pair dd.open {
    padding: 15px 20px 10px;
  }
}
body.rtl .faqs.round-thumbnail .expandable-pair dt.question {
  padding: 15px 25px 15px 65px;
}
body.rtl .faqs.round-thumbnail .expandable-pair dt.question .question-thumbnail {
  margin-right: 20px;
  margin-left: 0;
}
body.rtl .faqs.round-thumbnail .expandable-pair dt.question .toggle-set-icon {
  right: 45px;
  left: auto;
}
@media screen and ( max-width: 599px ) {
  body.rtl .faqs.round-thumbnail .expandable-pair dt.question {
    padding: 15px 20px 15px 50px;
  }
  body.rtl .faqs.round-thumbnail .expandable-pair dt.question .toggle-set-icon {
    right: 35px;
    left: auto;
  }
}

/* ------- [ DEFAULT STYLES ] ------- */
/* ------- Flag base ------- */
.flag {
  position: relative;
  display: block;
  color: #fff;
  height: 33px;
  padding: 0 8px 0 28px;
  margin-left: 12px;
}

.flag:before, .flag:after {
  display: block;
  content: "&nbsp;";
  position: absolute;
  font-size: 0pt;
  height: 0;
  width: 0;
  border-style: solid;
  left: -12px;
  top: 0;
}

.flag:before {
  border-width: 33px 0 0 24px;
}

.flag:after {
  border-width: 0 0 33px 24px;
}

.flag-title {
  display: block;
  font-size: 1rem;
  line-height: 2.0625rem;
  font-weight: 700;
  float: left;
}

/* ------- Large flag variant ------- */
.flag-large {
  height: 70px;
  padding: 0 8px 0 25px;
  margin-left: 25px;
}

.flag-large:before {
  border-width: 70px 0 0 50px;
  left: -25px;
}

.flag-large:after {
  border-width: 0 0 70px 50px;
  left: -25px;
}

.flag-large .flag-title {
  font-size: 1.3125rem;
  line-height: 4.375rem;
  font-weight: 600;
}

/* ------- Flag fill ------- */
.flag-fill {
  width: auto;
}

.flag-quarter-fill {
  width: 25%;
}

.flag-half-fill {
  width: 50%;
}

.flag-inline {
  display: inline-block;
  width: auto;
  vertical-align: text-top;
  padding-right: 30px;
}

/* ------- Small Flag ------- */
.flag-sm {
  height: 15px;
  padding: 0 8px 0 0;
}

.flag-sm.flag:before {
  border-width: 15px 0 0 12px;
}

.flag-sm.flag:after {
  border-width: 0 0 15px 12px;
}

/* ------- Flag Flipped ------- */
.flag-flipped, .flag-flipped {
  margin-left: 0;
  margin-right: 20px;
  transform: rotate(180deg);
}

/* ------- Flag Inline ------- */
.flag-inline {
  vertical-align: middle;
  display: inline-block;
  top: -1px;
}

/* ------- Flag colors ------*/
.flag-dark-grey, .flag-dark-gray {
  background-color: #202d3d;
  text-shadow: 1px 1px 0 #0b131d;
}

.flag-dark-grey:before, .flag-dark-gray:before, .flag-dark-grey:after, .flag-dark-gray:after {
  border-color: #202d3d;
  border-left-color: transparent;
}

/* specific for table in flag */
.flag-dark-grey .table-simple-pairs th,
.flag-dark-gray .table-simple-pairs th {
  border-bottom: 1px solid #03080e;
  color: #8799ae;
}

.flag-dark-grey .table-simple-pairs td,
.flag-dark-gray .table-simple-pairs td {
  border-top: 1px solid #303a46;
  text-shadow: none;
}

.flag-blue {
  background-color: #0c51a3;
  text-shadow: 1px 1px 0 #202d3d;
}

.flag-blue:before, .flag-blue:after {
  border-color: #0c51a3;
  border-left-color: transparent;
}

/* specific for table in flag */
.flag-blue .table-simple-pairs th {
  border-bottom: 1px solid #073f81;
  color: #6697d2;
}

.flag-blue .table-simple-pairs td {
  border-top: 1px solid #2367b9;
  text-shadow: none;
}

.flag-yellow {
  background-color: #f4ad03;
  text-shadow: 1px 1px 0 #e28002;
}

.flag-yellow:before, .flag-yellow:after {
  border-color: #f4ad03;
  border-left-color: transparent;
}

/* specific for table in flag */
.flag-yellow .table-simple-pairs th {
  border-bottom: 1px solid #e49600;
  color: #f8e0a8;
}

.flag-yellow .table-simple-pairs td {
  border-top: 1px solid #f8d37a;
  text-shadow: none;
}

.flag-light-grey, .flag-light-gray {
  background-color: #8799ae;
  text-shadow: 1px 1px 0 #697a8d;
}

.flag-light-grey:before, .flag-light-gray:before, .flag-light-grey:after, .flag-light-gray:after {
  border-color: #8799ae;
  border-left-color: transparent;
}

/* specific for table in flag */
.flag-light-grey .table-simple-pairs th,
.flag-light-gray .table-simple-pairs th {
  border-bottom: 1px solid #637487;
  color: #d1d6db;
}

.flag-light-grey .table-simple-pairs td,
.flag-light-gray .table-simple-pairs td {
  border-top: 1px solid #b1bac3;
  text-shadow: none;
}

.flag-invert-grey, .flag-invert-gray {
  background-color: #e0e4e9;
  color: #0c51a3;
  text-shadow: 1px 1px 0 #fff;
}

.flag-invert-grey:before, .flag-invert-gray:before, .flag-invert-grey:after, .flag-invert-gray:after {
  border-color: #e0e4e9;
  border-left-color: transparent;
}

/* specific for table in flag */
.flag-invert-grey .table-simple-pairs th,
.flag-invert-gray .table-simple-pairs th {
  border-bottom: 1px solid #b9c3cd;
  color: #8799ae;
}

.flag-invert-grey .table-simple-pairs td,
.flag-invert-gray .table-simple-pairs td {
  border-top: 1px solid #fff;
  text-shadow: none;
}

.flag-green {
  background: #a3db0b;
}

.flag-green:before, .flag-green:after {
  border-color: #a3db0b #a3db0b #a3db0b transparent;
}

.flag-orange {
  background: #fcba0a;
}

.flag-orange:before, .flag-orange:after {
  border-color: #fcba0a #fcba0a #fcba0a transparent;
}

/* ------- [ PHONE-SPECIFIC STYLES ] ------- */
@media screen and ( max-width: 599px ) {
  .flag-title {
    white-space: nowrap;
  }
}
/* ==========================================================================
   components/_floated-nav.scss
   ========================================================================== */
/* Base
   ========================================================================== */
.floated-nav-wrapper {
  position: relative;
  padding: 40px 0;
}
.floated-nav-wrapper.floated-nav-custom-position {
  padding-top: 10px;
  padding-bottom: 20px;
}

#floated-nav {
  position: relative;
  clear: both;
  width: 100%;
  display: block;
  background: white;
  transition: box-shadow 0.2s ease 0s;
}
#floated-nav ul {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  font-weight: 600;
  text-transform: uppercase;
}
#floated-nav ul li {
  display: block;
}
#floated-nav ul li h4.floated-heading > a {
  text-decoration: none;
  color: #0e75bd;
  border-bottom: 2px solid transparent;
  padding: 15px 0 15px;
  font-size: 1.0625rem;
  transition: all 0.2s ease 0s;
  text-align: center;
  display: block;
}
#floated-nav ul li h4.floated-heading > a:hover, #floated-nav ul li h4.floated-heading > a.current {
  color: #225592;
  border-bottom-color: #225592;
}
#floated-nav .col-3 li {
  flex: 0 1 calc(33.33% - 15px);
}
#floated-nav .col-4 li {
  flex: 0 1 calc(25% - 15px);
}
#floated-nav .col-5 li {
  flex: 0 1 calc(20% - 15px);
}
#floated-nav .col-6 li {
  flex: 0 1 calc(16.66% - 15px);
}
#floated-nav.accent-blue-lighter ul li h4.floated-heading > a {
  color: #4fc2ea;
}
#floated-nav.accent-blue-lighter ul li h4.floated-heading > a:hover, #floated-nav.accent-blue-lighter ul li h4.floated-heading > a.current {
  color: #0e75bd;
  border-color: #0e75bd;
}
#floated-nav.accent-grey-darkest ul li h4.floated-heading > a {
  color: #283545;
}
#floated-nav.accent-grey-darkest ul li h4.floated-heading > a:hover, #floated-nav.accent-grey-darkest ul li h4.floated-heading > a.current {
  color: #5b6a88;
  border-color: #5b6a88;
}
#floated-nav.has-children ul.nav-list-items li.block ul {
  flex-direction: column;
  padding: 20px 15px 5px;
}
#floated-nav.has-children ul.nav-list-items li.block ul li {
  padding-left: 12px;
}
#floated-nav.has-children ul.nav-list-items li.block ul li a {
  color: #5b6a88;
  font-weight: 400;
  font-size: 0.875rem;
  text-decoration: none;
}
#floated-nav.has-children ul.nav-list-items li.block ul li a:hover {
  color: #0e75bd;
}
#floated-nav.has-children ul.nav-list-items li.block ul li .ico {
  top: 6px;
  width: 11px;
  height: 11px;
}

/* Stuck Navigation Styles
   ========================================================================== */
body.floated-nav-is-stuck #floated-nav {
  box-shadow: 0 10px 20px -15px rgba(40, 53, 69, 0.2);
}
body.floated-nav-is-stuck #floated-nav .col-3 li {
  flex: 0 1 33.33%;
}
body.floated-nav-is-stuck #floated-nav .col-4 li {
  flex: 0 1 25%;
}
body.floated-nav-is-stuck #floated-nav .col-5 li {
  flex: 0 1 20%;
}
body.floated-nav-is-stuck #floated-nav .col-6 li {
  flex: 0 1 16.66%;
}
body.floated-nav-is-stuck #floated-nav.has-children ul.nav-list-items > li.block {
  height: 100% !important;
}
body.floated-nav-is-stuck #floated-nav.has-children ul.nav-list-items > li.block > ul {
  position: absolute;
  overflow: hidden;
  padding: 0 20px;
  margin: 0;
  top: 100%;
  left: 0;
  right: 0;
  height: 0;
  background: white;
  box-shadow: 0 10px 20px -15px rgba(40, 53, 69, 0.2);
  opacity: 0;
  transform: translateY(-40px);
  transition: opacity 0.2s ease 0s, transform 0.2s ease 0s;
}
body.floated-nav-is-stuck #floated-nav.has-children ul.nav-list-items > li.block:hover ul {
  height: auto;
  padding-top: 15px;
  padding-bottom: 5px;
  opacity: 1;
  transform: translateY(0);
  border-top: 1px solid #f6f7f8;
}

/* Not stuck Navigation Styles
   ========================================================================== */
body:not(.floated-nav-is-stuck) #floated-nav.accent-blue-lighter ul li h4.floated-heading > a {
  border-color: #4fc2ea;
}
body:not(.floated-nav-is-stuck) #floated-nav.accent-blue-lighter ul li h4.floated-heading > a:hover, body:not(.floated-nav-is-stuck) #floated-nav.accent-blue-lighter ul li h4.floated-heading > a.current {
  color: #0e75bd;
  border-color: #0e75bd;
}
body:not(.floated-nav-is-stuck) #floated-nav.accent-grey-darkest ul li h4.floated-heading > a {
  border-color: #283545;
}
body:not(.floated-nav-is-stuck) #floated-nav.accent-grey-darkest ul li h4.floated-heading > a:hover, body:not(.floated-nav-is-stuck) #floated-nav.accent-grey-darkest ul li h4.floated-heading > a.current {
  color: #5b6a88;
  border-color: #5b6a88;
}
body:not(.floated-nav-is-stuck) #floated-nav ul li h4.floated-heading > a {
  border-bottom: 2px solid #0e75bd;
}
body:not(.floated-nav-is-stuck) #floated-nav ul li h4.floated-heading > a:hover {
  border-bottom-color: #225592;
  color: #225592;
}

a.floated-nav-error {
  background: #ea0404 !important;
  color: white !important;
}

/* ==========================================================================
   Responsive Styles
   ========================================================================== */
/* Mobile and Tablet
   ========================================================================== */
@media screen and ( max-width: 1099px ) {
  .floated-nav-wrapper,
  #floated-nav {
    display: none;
  }
}
/* ==========================================================================
   components/_form.scss
   ========================================================================== */
/* Base form and form container styles
   ========================================================================== */
.form {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
  /* ------- Base error highlighting ------- */
}
.form .field-name-favorite_color {
  display: none;
  opacity: 0;
}
.form .form-cell {
  position: relative;
  padding-top: 30px;
  padding-bottom: 15px;
}
.form .form-cell .validation-message,
.form .form-cell .field-description {
  display: block;
}
.form .form-cell .validation-message {
  color: #ea0404;
}
.form .form-cell.has-disclaimer {
  padding-right: 60px;
}
.form .form-cell.has-disclaimer .fxcm-link {
  position: absolute;
  right: 35px;
  top: 34px;
}
.form .form-cell.field-type-checkbox, .form .form-cell.field-type-radio, .form .form-cell.field-type-custom-html {
  padding-top: 0;
}
.form .form-cell.field-type-custom-html > *:last-child {
  margin-bottom: 0;
}
.form .form-cell.field-type-submit .preloader-wrapper {
  padding-top: 30px;
  padding-bottom: 30px;
  position: absolute;
  top: 5px;
  right: 15px;
}
.form .form-cell.field-type-submit .preloader-wrapper .circle {
  width: 25px;
  height: 25px;
  margin-left: 0;
  margin-right: 0;
}
.form .form-cell.field-type-submit:last-child {
  padding-bottom: 30px;
}
.form .form-cell.field-type-multicheckbox {
  padding-top: 3px;
}
.form .form-cell.field-type-tel {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form .form-cell.field-type-tel input[data-phone-code] {
  width: 17%;
}
.form .form-cell.field-type-tel input[data-phone-number] {
  width: 80%;
}
.form .form-cell.field-type-timepicker {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.form .form-cell.field-type-timepicker .hours-wrapper,
.form .form-cell.field-type-timepicker .minutes-wrapper {
  width: 20%;
  min-width: 120px;
}
.form .form-cell.field-type-timepicker .hours-wrapper {
  margin-right: 3%;
}
.form .form-cell.field-type-timepicker .field-description,
.form .form-cell.field-type-timepicker .validation-message {
  width: 100%;
}
.form .form-cell.required .field-label > span:first-child::after {
  content: "*";
  margin-left: 5px;
}
.form .form-cell.invalid input,
.form .form-cell.invalid select,
.form .form-cell.invalid textarea {
  background-color: #ffeeee !important;
  border: 1px solid #ae0303 !important;
  box-shadow: none !important;
}
.form label {
  display: block;
  padding: 0;
}
.form input[type=text], .form input[type=tel], .form input[type=number], .form input[type=email], .form input[type=date], .form select, .form textarea, .form input[type=time] {
  display: block;
  outline: none;
  width: 100%;
  height: 33px;
  padding: 7px 7px 6px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  font-family: Verdana, sans-serif;
  border: 1px solid #e0e4e9;
  background-color: #f6f7f8;
  transition: all 0.2s ease 0s;
}
.form input[type=text]:hover, .form input[type=tel]:hover, .form input[type=number]:hover, .form input[type=email]:hover, .form input[type=date]:hover, .form select:hover, .form textarea:hover, .form input[type=time]:hover {
  border-color: #b2bfd0;
}
.form input[type=text]:focus, .form input[type=tel]:focus, .form input[type=number]:focus, .form input[type=email]:focus, .form input[type=date]:focus, .form select:focus, .form textarea:focus, .form input[type=time]:focus {
  border-color: #8799ae;
}
.form input[type=text] ~ label, .form input[type=tel] ~ label, .form input[type=number] ~ label, .form input[type=email] ~ label, .form input[type=date] ~ label, .form select ~ label, .form textarea ~ label, .form input[type=time] ~ label {
  position: absolute;
  top: 8px;
  display: block;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  font-weight: 600;
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
  color: #5b6a88;
}
.form select {
  padding-right: 25px;
}
.form select > option {
  padding: 7px;
}
.form .textarea {
  height: 100px;
  line-height: 1.1875rem;
}
.form input[type=checkbox], .form input[type=radio] {
  display: block;
  margin: 10px 0;
  float: left;
  height: 13px;
  width: 13px;
  cursor: pointer;
}
.form input[type=checkbox] ~ label, .form input[type=radio] ~ label {
  margin-left: 25px;
  padding: 6px 0;
  font-size: 0.75rem;
  line-height: 1.3125rem;
  font-weight: 400;
  font-family: Verdana, sans-serif;
  color: #283545;
  cursor: pointer;
}
.form .form-cell.field-type-multicheckbox {
  margin-bottom: 0;
  padding-bottom: 0;
}
.form .form-cell.field-type-multicheckbox .col-2 {
  min-width: 50%;
}
.form .form-cell.field-type-multicheckbox .col-3 {
  min-width: 33.333%;
}
.form .form-cell.field-type-multicheckbox .col-4 {
  min-width: 25%;
}
.form .form-cell.field-type-multicheckbox .col-5 {
  min-width: 20%;
}
.form .form-cell.field-type-multicheckbox .v-aligner {
  align-items: center;
  justify-content: center;
  flex-flow: wrap;
}
.form .form-cell.field-type-multicheckbox .v-aligner .v-align {
  margin: 0 auto;
  flex: 1 0 0;
}
.form .form-cell.field-type-multicheckbox a {
  text-decoration: none;
}
.form .form-cell.field-type-multicheckbox ul {
  margin-top: 5px;
}
.form input[disabled] > label,
.form select[disabled] > label,
.form textarea[disabled] > label {
  color: #b2bfd0;
}
.form .instruction {
  display: block;
  position: relative;
  height: 0;
  left: 0;
  top: 2px;
  font-size: 0.625rem;
  line-height: 1.0625rem;
  font-weight: 400;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  color: #5b6a88;
}
.form .formBox:not(.cta-heading) > h3:first-child, .form .confBox .success:not(.cta-heading) > h3:first-child, .form .confBox .maint:not(.cta-heading) > h3:first-child {
  color: #283545;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
}
.form .formBox:not(.cta-heading) > h3:first-child + h4, .form .confBox .success:not(.cta-heading) > h3:first-child + h4, .form .confBox .maint:not(.cta-heading) > h3:first-child + h4 {
  font-size: 0.8125rem;
  line-height: 1.375rem;
  font-weight: 600;
  color: #5b6a88;
  margin-bottom: 20px;
  text-transform: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
}
.form.force-grid-100 .form-cell.field-type-checkbox.has-disclaimer > .fxcm-link, .form.force-grid-100 .form-cell.field-type-radio.has-disclaimer > .fxcm-link {
  top: 4px;
}
.form.force-grid-100 .form-cell.field-type-custom-html {
  padding-top: 5px !important;
}
.form.force-grid-100 .form-cell.field-type-submit {
  padding-top: 10px;
}
.form.force-grid-100 .formBox > h3:first-child + h4, .form.force-grid-100 .formBox > h3:first-child ~ form, .form.force-grid-100 .confBox .success > h3:first-child + h4, .form.force-grid-100 .confBox .success > h3:first-child ~ form, .form.force-grid-100 .confBox .maint > h3:first-child + h4, .form.force-grid-100 .confBox .maint > h3:first-child ~ form {
  margin-top: -15px;
}
.form .slider.noUi-target {
  width: calc(75% - 20px);
  float: left;
  margin-top: 10px;
  box-shadow: none;
  border-color: #e0e4e9;
  background-color: #f6f7f8;
  height: 13px;
  cursor: pointer;
  transition: border-color 0.2s ease 0s;
}
.form .slider.noUi-target .noUi-connects {
  border: 1px solid #f6f7f8;
}
.form .slider.noUi-target .noUi-connects .noUi-connect:nth-child(1) {
  background-color: #01acb6;
}
.form .slider.noUi-target .noUi-handle {
  width: 21px;
  height: 21px;
  top: -5px;
  right: -9px !important;
  border: 6px solid #5b6a88;
  border-radius: 50%;
  box-shadow: none;
  cursor: pointer;
  transition: all 0.2s ease 0s;
}
.form .slider.noUi-target .noUi-handle::before, .form .slider.noUi-target .noUi-handle::after {
  display: none;
}
.form .slider.noUi-target + input {
  max-width: 25%;
  float: right;
}
.form .slider.noUi-target:hover {
  border-color: #b2bfd0;
}
.form .slider.noUi-target:hover .noUi-handle {
  border-color: #0a8194;
}
.form .slider.noUi-target:active {
  border-color: #8799ae;
}
.form .std_error label.validate,
.form .std_error label.validate a {
  color: #ae0303 !important;
}
.form .std_error span.invalid {
  display: block;
  position: absolute;
  bottom: -3px;
  left: 20px;
  background-color: #ae0303;
  color: white;
  font-size: 0.625rem;
  line-height: 1.0625rem;
  font-weight: 400;
  font-family: Verdana, sans-serif;
  overflow: hidden;
  padding: 1px 7px;
  white-space: nowrap;
  z-index: 20;
}
.form .std_error span.invalid:empty {
  display: none !important;
}
.form .std_error .check-list span.invalid,
.form .std_error .radio-list span.invalid {
  float: left;
  position: static;
  margin: 8px 10px;
}
.form .std_error input[type=text].invalid, .form .std_error input[type=tel].invalid, .form .std_error input[type=number].invalid, .form .std_error input[type=email].invalid, .form .std_error input[type=date].invalid, .form .std_error select.invalid, .form .std_error textarea.invalid, .form .std_error input[type=time].invalid {
  background-color: #ffeeee !important;
  border: 1px solid #ae0303 !important;
  box-shadow: none !important;
}
.form .std_error input[type=checkbox] ~ span.invalid, .form .std_error input[type=radio] ~ span.invalid {
  left: 45px;
}
.form.has-bg input[type=text], .form.has-bg input[type=tel], .form.has-bg input[type=number], .form.has-bg input[type=email], .form.has-bg input[type=date], .form.has-bg select, .form.has-bg textarea, .form.has-bg input[type=time], .form.form-transparent input[type=text], .form.form-transparent input[type=tel], .form.form-transparent input[type=number], .form.form-transparent input[type=email], .form.form-transparent input[type=date], .form.form-transparent select, .form.form-transparent textarea, .form.form-transparent input[type=time] {
  background-color: white;
  border-color: #b2bfd0;
}

.csspointerevents .form .placeholder-labels .form-cell {
  padding-top: 10px;
}
.csspointerevents .form .placeholder-labels .form-cell.has-disclaimer .fxcm-link {
  top: 14px;
}
.csspointerevents .form .placeholder-labels .form-cell.has-disclaimer input[type=text] ~ label, .csspointerevents .form .placeholder-labels .form-cell.has-disclaimer input[type=tel] ~ label, .csspointerevents .form .placeholder-labels .form-cell.has-disclaimer input[type=number] ~ label, .csspointerevents .form .placeholder-labels .form-cell.has-disclaimer input[type=email] ~ label, .csspointerevents .form .placeholder-labels .form-cell.has-disclaimer input[type=date] ~ label, .csspointerevents .form .placeholder-labels .form-cell.has-disclaimer select ~ label, .csspointerevents .form .placeholder-labels .form-cell.has-disclaimer textarea ~ label, .csspointerevents .form .placeholder-labels .form-cell.has-disclaimer input[type=time] ~ label {
  right: 85px;
}
.csspointerevents .form .placeholder-labels input[type=text] ~ label, .csspointerevents .form .placeholder-labels input[type=tel] ~ label, .csspointerevents .form .placeholder-labels input[type=number] ~ label, .csspointerevents .form .placeholder-labels input[type=email] ~ label, .csspointerevents .form .placeholder-labels input[type=date] ~ label, .csspointerevents .form .placeholder-labels select ~ label, .csspointerevents .form .placeholder-labels textarea ~ label, .csspointerevents .form .placeholder-labels input[type=time] ~ label {
  pointer-events: none;
  position: absolute;
  z-index: 5;
  left: 21px;
  top: 11px;
  height: 31px;
  right: 45px;
  padding: 7px;
  background-color: #f6f7f8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.csspointerevents .form .placeholder-labels.std_error input[type=text] ~ label.validate, .csspointerevents .form .placeholder-labels.std_error input[type=tel] ~ label.validate, .csspointerevents .form .placeholder-labels.std_error input[type=number] ~ label.validate, .csspointerevents .form .placeholder-labels.std_error input[type=email] ~ label.validate, .csspointerevents .form .placeholder-labels.std_error input[type=date] ~ label.validate, .csspointerevents .form .placeholder-labels.std_error select ~ label.validate, .csspointerevents .form .placeholder-labels.std_error textarea ~ label.validate, .csspointerevents .form .placeholder-labels.std_error input[type=time] ~ label.validate {
  background-color: #ffeeee;
}
.csspointerevents .form.has-bg .placeholder-labels input[type=text] ~ label, .csspointerevents .form.has-bg .placeholder-labels input[type=tel] ~ label, .csspointerevents .form.has-bg .placeholder-labels input[type=number] ~ label, .csspointerevents .form.has-bg .placeholder-labels input[type=email] ~ label, .csspointerevents .form.has-bg .placeholder-labels input[type=date] ~ label, .csspointerevents .form.has-bg .placeholder-labels select ~ label, .csspointerevents .form.has-bg .placeholder-labels textarea ~ label, .csspointerevents .form.has-bg .placeholder-labels input[type=time] ~ label {
  background-color: white;
}

.scrollable {
  height: 260px;
  margin-top: 15px;
  padding: 10px;
  background-color: white;
  border: 1px solid #ebf0f4;
  position: relative;
}
.scrollable .inner-scroll {
  height: 230px;
  padding: 10px;
  overflow-x: hidden;
  overflow-y: scroll;
}

/* ------- Radio yesno set styles ------- */
.check-list,
.radio-list {
  margin-left: 0;
  padding: 0;
  position: relative;
}
.check-list li,
.radio-list li {
  margin: 0;
  overflow: hidden;
  transition: background-color 0.2s ease 0s;
}
.check-list li, .check-list li:last-child,
.radio-list li,
.radio-list li:last-child {
  padding: 10px 10px 10px 20px;
}
.check-list li::before,
.radio-list li::before {
  display: none;
}
.check-list li:nth-of-type(2n-1),
.radio-list li:nth-of-type(2n-1) {
  background-color: #f6f7f8;
}
.check-list li:hover,
.radio-list li:hover {
  background-color: #ebf0f4;
}
.check-list li > label ~ input[type=checkbox]:last-child, .check-list li > label ~ input[type=radio]:last-child,
.radio-list li > label ~ input[type=checkbox]:last-child,
.radio-list li > label ~ input[type=radio]:last-child {
  float: right;
}
.check-list li.has-disclaimer > label, .check-list li.has-ico > label, .check-list li > label:first-child,
.radio-list li.has-disclaimer > label,
.radio-list li.has-ico > label,
.radio-list li > label:first-child {
  float: left;
  margin: 5px 10% 5px 0;
}
.check-list li.has-disclaimer, .check-list li.has-ico,
.radio-list li.has-disclaimer,
.radio-list li.has-ico {
  padding-left: 50px;
}
.check-list li.has-disclaimer > a.fxcm-link, .check-list li.has-disclaimer > .icon-balloon, .check-list li.has-ico > a.fxcm-link, .check-list li.has-ico > .icon-balloon,
.radio-list li.has-disclaimer > a.fxcm-link,
.radio-list li.has-disclaimer > .icon-balloon,
.radio-list li.has-ico > a.fxcm-link,
.radio-list li.has-ico > .icon-balloon {
  position: absolute;
  left: 5px;
  top: 17px;
}
.check-list.yes-no,
.radio-list.yes-no {
  padding-top: 25px;
}
.check-list.yes-no::before, .check-list.yes-no::after,
.radio-list.yes-no::before,
.radio-list.yes-no::after {
  position: absolute;
  display: block;
  width: 4%;
  text-align: center;
  margin: 5px 10px;
  font-size: 0.6875rem;
  line-height: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  top: 0;
}
.check-list.yes-no::before,
.radio-list.yes-no::before {
  content: "No";
  right: 0;
  border-left: 1px solid #5b6a88;
}
.check-list.yes-no::after,
.radio-list.yes-no::after {
  content: "Yes";
  right: 4%;
  border-right: 1px solid #5b6a88;
}
.check-list.yes-no li input[type=checkbox]:nth-last-child(n-2), .check-list.yes-no li input[type=radio]:nth-last-child(n-2),
.radio-list.yes-no li input[type=checkbox]:nth-last-child(n-2),
.radio-list.yes-no li input[type=radio]:nth-last-child(n-2) {
  position: absolute;
  top: 10px;
  margin-right: 4px;
  margin-left: 0;
}
.check-list.yes-no li input[type=checkbox]:nth-last-child(1), .check-list.yes-no li input[type=radio]:nth-last-child(1),
.radio-list.yes-no li input[type=checkbox]:nth-last-child(1),
.radio-list.yes-no li input[type=radio]:nth-last-child(1) {
  right: 2%;
}
.check-list.yes-no li input[type=checkbox]:nth-last-child(2), .check-list.yes-no li input[type=radio]:nth-last-child(2),
.radio-list.yes-no li input[type=checkbox]:nth-last-child(2),
.radio-list.yes-no li input[type=radio]:nth-last-child(2) {
  right: 6%;
}

/* ------- Base confirmation styles ------- */
.confBox .maint,
.confBox .success,
.confBox .error {
  display: none;
}
.confBox .cred {
  background: #f6f7f8;
  border-bottom: 1px solid #ebf0f4;
  padding: 5px 10px;
  margin-bottom: 10px;
  overflow: hidden;
  font-size: 1rem;
  font-weight: 600;
  color: #0c51a3;
}

/* ------- Mobile and Tablet ------- */
@media screen and ( max-width: 1099px ) {
  .form .form-cell.field-type-submit {
    padding-top: 20px;
  }
  .form .form-cell.field-type-submit .preloader-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
    top: 6px;
  }
}
/* ------- Tablet and Desktop ------- */
@media screen and ( min-width: 600px ) {
  /* ------- Base side label styles ------- */
  .form.form-justified .form-cell {
    padding-left: 35%;
    padding-top: 10px;
  }
  .form.form-justified .form-cell.has-disclaimer .fxcm-link {
    top: 14px;
  }
  .form.form-justified .form-cell.field-type-custom-html, .form.form-justified .form-cell.field-type-checkbox, .form.form-justified .form-cell.field-type-radio {
    padding-left: 0;
  }
  .form.form-justified .form-cell.field-type-multicheckbox ul li {
    padding-bottom: 27px;
  }
  .form.form-justified .form-cell[class*=grid-]:not(.grid-100) {
    width: auto;
    padding-right: 40px;
  }
  .form.form-justified .form-cell[class*=grid-]:not(.grid-100) + [class*=grid-]:not(.grid-100) {
    padding-left: 20px;
  }
  .form.form-justified input[type=text] ~ label, .form.form-justified input[type=tel] ~ label, .form.form-justified input[type=number] ~ label, .form.form-justified input[type=email] ~ label, .form.form-justified input[type=date] ~ label, .form.form-justified select ~ label, .form.form-justified textarea ~ label, .form.form-justified input[type=time] ~ label {
    left: 0;
    top: 11px;
    padding: 7px 0;
  }
  .form.form-justified .std_error span.invalid {
    left: 35%;
  }
}
/* ------- [ PHONE-SPECIFIC STYLES ] ------- */
@media screen and ( max-width: 599px ) {
  .form .slider {
    width: calc(70% - 20px);
  }
  .form .slider + input {
    max-width: 30%;
  }
  .form .form-cell.field-type-checkbox, .form .form-cell.field-type-radio {
    padding-top: 10px;
  }
  .form .form-cell.field-type-tel input[data-phone-code] {
    width: 25%;
  }
  .form .form-cell.field-type-tel input[data-phone-number] {
    width: 70%;
  }
  .check-list li label:first-child,
  .radio-list li label:first-child {
    margin-right: 30%;
  }
  .check-list.yes-no::before, .check-list.yes-no::after,
  .radio-list.yes-no::before,
  .radio-list.yes-no::after {
    width: 12%;
  }
  .check-list.yes-no::after,
  .radio-list.yes-no::after {
    right: 12%;
  }
  .check-list.yes-no li input[type=checkbox]:nth-last-child(1), .check-list.yes-no li input[type=radio]:nth-last-child(1),
  .radio-list.yes-no li input[type=checkbox]:nth-last-child(1),
  .radio-list.yes-no li input[type=radio]:nth-last-child(1) {
    right: 6%;
  }
  .check-list.yes-no li input[type=checkbox]:nth-last-child(2), .check-list.yes-no li input[type=radio]:nth-last-child(2),
  .radio-list.yes-no li input[type=checkbox]:nth-last-child(2),
  .radio-list.yes-no li input[type=radio]:nth-last-child(2) {
    right: 18%;
  }
}
/* ------- [ TABLET-SPECIFIC STYLES ] ------- */
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .check-list li label:first-child,
  .radio-list li label:first-child {
    margin-right: 20%;
  }
  .check-list.yes-no::before, .check-list.yes-no::after,
  .radio-list.yes-no::before,
  .radio-list.yes-no::after {
    width: 8%;
  }
  .check-list.yes-no::after,
  .radio-list.yes-no::after {
    right: 8%;
  }
  .check-list.yes-no li input[type=checkbox]:nth-last-child(1), .check-list.yes-no li input[type=radio]:nth-last-child(1),
  .radio-list.yes-no li input[type=checkbox]:nth-last-child(1),
  .radio-list.yes-no li input[type=radio]:nth-last-child(1) {
    right: 4%;
  }
  .check-list.yes-no li input[type=checkbox]:nth-last-child(2), .check-list.yes-no li input[type=radio]:nth-last-child(2),
  .radio-list.yes-no li input[type=checkbox]:nth-last-child(2),
  .radio-list.yes-no li input[type=radio]:nth-last-child(2) {
    right: 12%;
  }
}
/* ==========================================================================
   components/_geo-popup.scss
   ========================================================================== */
/* Base
   ========================================================================== */
.geo-popup {
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
}
.geo-popup h2 {
  font-weight: 600;
  text-transform: uppercase !important;
}
.geo-popup .geo-logo {
  width: 160px;
  margin-bottom: 30px;
}

/* ------- [ DESKTOP & TABLET-SPECIFIC STYLES ] ------- */
@media screen and ( min-width: 600px ) {
  .geo-popup h2 {
    font-size: 1.375rem;
    margin-bottom: 20px;
  }
}
/* ------- [ MOBILE-SPECIFIC STYLES ] ------- */
@media screen and ( max-width: 599px ) {
  .geo-popup .geo-logo {
    margin-bottom: 25px;
  }
}
/* ==========================================================================
   Icons
   ========================================================================== */
/* Base Icon
   ========================================================================== */
.ico,
.icon-balloon,
.icon-balloon > span {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  font-style: normal;
  vertical-align: middle;
}

.ico > svg {
  width: 100%;
  height: 100%;
}

.has-ico:not(.btn) > .ico {
  margin-top: -2px;
}

/* SVG Icon Sizes and Weighting
   ========================================================================== */
/*
 * Icon Offset:
 * 1 - 20: each number (1%, 2%, 3%, 4%, 5%, ...)
 */
/*
 * Icon Sizing:
 * 10 - 25: each number (10, 11, 12, 13, 14, ...)
 * 26 - 40: every 2 digits (26, 28, 30, 32, 34, ...)
 * 40 - 80: every 5 digits (40, 45, 50, 55, 60, ...)
 * 80 - 150: every 10 digits (80, 90, 100, 110, ...)
 */
.ico-offset-x-1 > svg {
  transform: translateX(1%);
}

.ico-offset-x-n1 > svg {
  transform: translateX(-1%);
}

.ico-offset-y-1 > svg {
  transform: translateY(1%);
}

.ico-offset-y-n1 > svg {
  transform: translateY(-1%);
}

.ico-offset-x-2 > svg {
  transform: translateX(2%);
}

.ico-offset-x-n2 > svg {
  transform: translateX(-2%);
}

.ico-offset-y-2 > svg {
  transform: translateY(2%);
}

.ico-offset-y-n2 > svg {
  transform: translateY(-2%);
}

.ico-offset-x-3 > svg {
  transform: translateX(3%);
}

.ico-offset-x-n3 > svg {
  transform: translateX(-3%);
}

.ico-offset-y-3 > svg {
  transform: translateY(3%);
}

.ico-offset-y-n3 > svg {
  transform: translateY(-3%);
}

.ico-offset-x-4 > svg {
  transform: translateX(4%);
}

.ico-offset-x-n4 > svg {
  transform: translateX(-4%);
}

.ico-offset-y-4 > svg {
  transform: translateY(4%);
}

.ico-offset-y-n4 > svg {
  transform: translateY(-4%);
}

.ico-offset-x-5 > svg {
  transform: translateX(5%);
}

.ico-offset-x-n5 > svg {
  transform: translateX(-5%);
}

.ico-offset-y-5 > svg {
  transform: translateY(5%);
}

.ico-offset-y-n5 > svg {
  transform: translateY(-5%);
}

.ico-5 {
  width: 5px;
  height: 5px;
}

.ico-offset-x-6 > svg {
  transform: translateX(6%);
}

.ico-offset-x-n6 > svg {
  transform: translateX(-6%);
}

.ico-offset-y-6 > svg {
  transform: translateY(6%);
}

.ico-offset-y-n6 > svg {
  transform: translateY(-6%);
}

.ico-6 {
  width: 6px;
  height: 6px;
}

.ico-offset-x-7 > svg {
  transform: translateX(7%);
}

.ico-offset-x-n7 > svg {
  transform: translateX(-7%);
}

.ico-offset-y-7 > svg {
  transform: translateY(7%);
}

.ico-offset-y-n7 > svg {
  transform: translateY(-7%);
}

.ico-7 {
  width: 7px;
  height: 7px;
}

.ico-offset-x-8 > svg {
  transform: translateX(8%);
}

.ico-offset-x-n8 > svg {
  transform: translateX(-8%);
}

.ico-offset-y-8 > svg {
  transform: translateY(8%);
}

.ico-offset-y-n8 > svg {
  transform: translateY(-8%);
}

.ico-8 {
  width: 8px;
  height: 8px;
}

.ico-offset-x-9 > svg {
  transform: translateX(9%);
}

.ico-offset-x-n9 > svg {
  transform: translateX(-9%);
}

.ico-offset-y-9 > svg {
  transform: translateY(9%);
}

.ico-offset-y-n9 > svg {
  transform: translateY(-9%);
}

.ico-9 {
  width: 9px;
  height: 9px;
}

.ico-offset-x-10 > svg {
  transform: translateX(10%);
}

.ico-offset-x-n10 > svg {
  transform: translateX(-10%);
}

.ico-offset-y-10 > svg {
  transform: translateY(10%);
}

.ico-offset-y-n10 > svg {
  transform: translateY(-10%);
}

.ico-10 {
  width: 10px;
  height: 10px;
}

.ico-offset-x-11 > svg {
  transform: translateX(11%);
}

.ico-offset-x-n11 > svg {
  transform: translateX(-11%);
}

.ico-offset-y-11 > svg {
  transform: translateY(11%);
}

.ico-offset-y-n11 > svg {
  transform: translateY(-11%);
}

.ico-11 {
  width: 11px;
  height: 11px;
}

.ico-offset-x-12 > svg {
  transform: translateX(12%);
}

.ico-offset-x-n12 > svg {
  transform: translateX(-12%);
}

.ico-offset-y-12 > svg {
  transform: translateY(12%);
}

.ico-offset-y-n12 > svg {
  transform: translateY(-12%);
}

.ico-12 {
  width: 12px;
  height: 12px;
}

.ico-offset-x-13 > svg {
  transform: translateX(13%);
}

.ico-offset-x-n13 > svg {
  transform: translateX(-13%);
}

.ico-offset-y-13 > svg {
  transform: translateY(13%);
}

.ico-offset-y-n13 > svg {
  transform: translateY(-13%);
}

.ico-13 {
  width: 13px;
  height: 13px;
}

.ico-offset-x-14 > svg {
  transform: translateX(14%);
}

.ico-offset-x-n14 > svg {
  transform: translateX(-14%);
}

.ico-offset-y-14 > svg {
  transform: translateY(14%);
}

.ico-offset-y-n14 > svg {
  transform: translateY(-14%);
}

.ico-14 {
  width: 14px;
  height: 14px;
}

.ico-offset-x-15 > svg {
  transform: translateX(15%);
}

.ico-offset-x-n15 > svg {
  transform: translateX(-15%);
}

.ico-offset-y-15 > svg {
  transform: translateY(15%);
}

.ico-offset-y-n15 > svg {
  transform: translateY(-15%);
}

.ico-15 {
  width: 15px;
  height: 15px;
}

.ico-offset-x-16 > svg {
  transform: translateX(16%);
}

.ico-offset-x-n16 > svg {
  transform: translateX(-16%);
}

.ico-offset-y-16 > svg {
  transform: translateY(16%);
}

.ico-offset-y-n16 > svg {
  transform: translateY(-16%);
}

.ico-16 {
  width: 16px;
  height: 16px;
}

.ico-offset-x-17 > svg {
  transform: translateX(17%);
}

.ico-offset-x-n17 > svg {
  transform: translateX(-17%);
}

.ico-offset-y-17 > svg {
  transform: translateY(17%);
}

.ico-offset-y-n17 > svg {
  transform: translateY(-17%);
}

.ico-17 {
  width: 17px;
  height: 17px;
}

.ico-offset-x-18 > svg {
  transform: translateX(18%);
}

.ico-offset-x-n18 > svg {
  transform: translateX(-18%);
}

.ico-offset-y-18 > svg {
  transform: translateY(18%);
}

.ico-offset-y-n18 > svg {
  transform: translateY(-18%);
}

.ico-18 {
  width: 18px;
  height: 18px;
}

.ico-offset-x-19 > svg {
  transform: translateX(19%);
}

.ico-offset-x-n19 > svg {
  transform: translateX(-19%);
}

.ico-offset-y-19 > svg {
  transform: translateY(19%);
}

.ico-offset-y-n19 > svg {
  transform: translateY(-19%);
}

.ico-19 {
  width: 19px;
  height: 19px;
}

.ico-offset-x-20 > svg {
  transform: translateX(20%);
}

.ico-offset-x-n20 > svg {
  transform: translateX(-20%);
}

.ico-offset-y-20 > svg {
  transform: translateY(20%);
}

.ico-offset-y-n20 > svg {
  transform: translateY(-20%);
}

.ico-20 {
  width: 20px;
  height: 20px;
}

.ico-21 {
  width: 21px;
  height: 21px;
}

.ico-22 {
  width: 22px;
  height: 22px;
}

.ico-23 {
  width: 23px;
  height: 23px;
}

.ico-24 {
  width: 24px;
  height: 24px;
}

.ico-25 {
  width: 25px;
  height: 25px;
}

.ico-26 {
  width: 26px;
  height: 26px;
}

.ico-28 {
  width: 28px;
  height: 28px;
}

.ico-30 {
  width: 30px;
  height: 30px;
}

.ico-32 {
  width: 32px;
  height: 32px;
}

.ico-34 {
  width: 34px;
  height: 34px;
}

.ico-36 {
  width: 36px;
  height: 36px;
}

.ico-38 {
  width: 38px;
  height: 38px;
}

.ico-40 {
  width: 40px;
  height: 40px;
}

.ico-45 {
  width: 45px;
  height: 45px;
}

.ico-50 {
  width: 50px;
  height: 50px;
}

.ico-55 {
  width: 55px;
  height: 55px;
}

.ico-60 {
  width: 60px;
  height: 60px;
}

.ico-65 {
  width: 65px;
  height: 65px;
}

.ico-70 {
  width: 70px;
  height: 70px;
}

.ico-75 {
  width: 75px;
  height: 75px;
}

.ico-80 {
  width: 80px;
  height: 80px;
}

.ico-90 {
  width: 90px;
  height: 90px;
}

.ico-100 {
  width: 100px;
  height: 100px;
}

.ico-110 {
  width: 110px;
  height: 110px;
}

.ico-120 {
  width: 120px;
  height: 120px;
}

.ico-130 {
  width: 130px;
  height: 130px;
}

.ico-140 {
  width: 140px;
  height: 140px;
}

.ico-150 {
  width: 150px;
  height: 150px;
}

.ico-160 {
  width: 160px;
  height: 160px;
}

.ico-170 {
  width: 170px;
  height: 170px;
}

.ico-175 {
  width: 175px;
  height: 175px;
}

.ico-180 {
  width: 180px;
  height: 180px;
}

.ico-190 {
  width: 190px;
  height: 190px;
}

.ico-200 {
  width: 200px;
  height: 200px;
}

/* SVG Fill Colors
   ========================================================================== */
.ico-grey svg, .ico-hover-grey:hover svg {
  fill: #b2bfd0;
}

.ico-grey-darkest svg, .ico-hover-grey-darkest:hover svg {
  fill: #283545;
}

.ico-grey-darker svg, .ico-hover-grey-darker:hover svg {
  fill: #5b6a88;
}

.ico-grey-dark svg, .ico-hover-grey-dark:hover svg {
  fill: #8799ae;
}

.ico-grey-light svg, .ico-hover-grey-light:hover svg {
  fill: #e0e4e9;
}

.ico-grey-lighter svg, .ico-hover-grey-lighter:hover svg {
  fill: #ebf0f4;
}

.ico-grey-lightest svg, .ico-hover-grey-lightest:hover svg {
  fill: #f6f7f8;
}

.ico-teal svg, .ico-hover-teal:hover svg {
  fill: #01acb6;
}

.ico-teal-dark svg, .ico-hover-teal-dark:hover svg {
  fill: #0a8194;
}

.ico-teal-light svg, .ico-hover-teal-light:hover svg {
  fill: #18d5d2;
}

.ico-blue svg, .ico-hover-blue:hover svg {
  fill: #0c51a3;
}

.ico-blue-dark svg, .ico-hover-blue-dark:hover svg {
  fill: #225592;
}

.ico-blue-light svg, .ico-hover-blue-light:hover svg {
  fill: #0e75bd;
}

.ico-blue-lighter svg, .ico-hover-blue-lighter:hover svg {
  fill: #4fc2ea;
}

.ico-mustard svg, .ico-hover-mustard:hover svg {
  fill: #edda8e;
}

.ico-yellow svg, .ico-hover-yellow:hover svg {
  fill: #f4ad03;
}

.ico-beige svg, .ico-hover-beige:hover svg {
  fill: #f6f4e1;
}

.ico-red svg, .ico-hover-red:hover svg {
  fill: #ea0404;
}

.ico-green svg, .ico-hover-green:hover svg {
  fill: #67b20b;
}

.ico-forest-green svg, .ico-hover-forest-green:hover svg {
  fill: #629083;
}

.ico-black svg, .ico-hover-black:hover svg {
  fill: black;
}

.ico-white svg, .ico-hover-white:hover svg {
  fill: white;
}

/* SVG Background Colors
   ========================================================================== */
.ico-bg.ico-grey::after, .ico-bg.ico-hover-grey:hover::after {
  background-color: #b2bfd0;
}

.ico-bg.ico-grey-darkest::after, .ico-bg.ico-hover-grey-darkest:hover::after {
  background-color: #283545;
}

.ico-bg.ico-grey-darker::after, .ico-bg.ico-hover-grey-darker:hover::after {
  background-color: #5b6a88;
}

.ico-bg.ico-grey-dark::after, .ico-bg.ico-hover-grey-dark:hover::after {
  background-color: #8799ae;
}

.ico-bg.ico-grey-light::after, .ico-bg.ico-hover-grey-light:hover::after {
  background-color: #e0e4e9;
}

.ico-bg.ico-grey-lighter::after, .ico-bg.ico-hover-grey-lighter:hover::after {
  background-color: #ebf0f4;
}

.ico-bg.ico-grey-lightest::after, .ico-bg.ico-hover-grey-lightest:hover::after {
  background-color: #f6f7f8;
}

.ico-bg.ico-teal::after, .ico-bg.ico-hover-teal:hover::after {
  background-color: #01acb6;
}

.ico-bg.ico-teal-dark::after, .ico-bg.ico-hover-teal-dark:hover::after {
  background-color: #0a8194;
}

.ico-bg.ico-teal-light::after, .ico-bg.ico-hover-teal-light:hover::after {
  background-color: #18d5d2;
}

.ico-bg.ico-blue::after, .ico-bg.ico-hover-blue:hover::after {
  background-color: #0c51a3;
}

.ico-bg.ico-blue-dark::after, .ico-bg.ico-hover-blue-dark:hover::after {
  background-color: #225592;
}

.ico-bg.ico-blue-light::after, .ico-bg.ico-hover-blue-light:hover::after {
  background-color: #0e75bd;
}

.ico-bg.ico-blue-lighter::after, .ico-bg.ico-hover-blue-lighter:hover::after {
  background-color: #4fc2ea;
}

.ico-bg.ico-mustard::after, .ico-bg.ico-hover-mustard:hover::after {
  background-color: #edda8e;
}

.ico-bg.ico-yellow::after, .ico-bg.ico-hover-yellow:hover::after {
  background-color: #f4ad03;
}

.ico-bg.ico-beige::after, .ico-bg.ico-hover-beige:hover::after {
  background-color: #f6f4e1;
}

.ico-bg.ico-red::after, .ico-bg.ico-hover-red:hover::after {
  background-color: #ea0404;
}

.ico-bg.ico-green::after, .ico-bg.ico-hover-green:hover::after {
  background-color: #67b20b;
}

.ico-bg.ico-forest-green::after, .ico-bg.ico-hover-forest-green:hover::after {
  background-color: #629083;
}

.ico-bg.ico-black::after, .ico-bg.ico-hover-black:hover::after {
  background-color: black;
}

.ico-bg.ico-white::after, .ico-bg.ico-hover-white:hover::after {
  background-color: white;
}

.ico-bg.ico-white svg,
.ico-bg.ico-grey-lightest svg,
.ico-bg.ico-greay-lighter svg {
  fill: #283545;
}

/* SVG Background Shapes
   ========================================================================== */
.ico-bg {
  position: relative;
}
.ico-bg svg {
  padding: 20%;
  position: relative;
  z-index: 10;
  fill: white;
}
.ico-bg::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.ico-bg.ico-bg-pad-25 svg {
  padding: 25%;
}
.ico-bg.ico-bg-pad-30 svg {
  padding: 30%;
}

.ico-shadow::after {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
}

.ico-bg.ico-rounded::after {
  border-radius: 10%;
}

.ico-bg.ico-circle::after {
  border-radius: 50%;
}

/* Icon Balloon
   ========================================================================== */
.icon-balloon {
  position: relative;
  text-align: center;
}
.icon-balloon::after {
  content: "";
  position: absolute;
  bottom: 20%;
  left: 50%;
  background-color: #b2bfd0;
  padding: 50%;
  transform: skew(0, -35deg);
}
.icon-balloon > span {
  position: relative;
  z-index: 5;
  background-color: #b2bfd0;
  width: 200%;
  padding: 30% 0;
  margin-bottom: 50%;
  border-radius: 10%;
}
.icon-balloon svg {
  fill: white;
}

/* Google Play & AppStore Badge
   ========================================================================== */
.app-store-badge {
  height: 56px;
}

.icon-balloon.ico-grey::after, .icon-balloon.ico-grey > span {
  background-color: #b2bfd0;
}

.icon-balloon.ico-grey-darkest::after, .icon-balloon.ico-grey-darkest > span {
  background-color: #283545;
}

.icon-balloon.ico-grey-darker::after, .icon-balloon.ico-grey-darker > span {
  background-color: #5b6a88;
}

.icon-balloon.ico-grey-dark::after, .icon-balloon.ico-grey-dark > span {
  background-color: #8799ae;
}

.icon-balloon.ico-grey-light::after, .icon-balloon.ico-grey-light > span {
  background-color: #e0e4e9;
}

.icon-balloon.ico-grey-lighter::after, .icon-balloon.ico-grey-lighter > span {
  background-color: #ebf0f4;
}

.icon-balloon.ico-grey-lightest::after, .icon-balloon.ico-grey-lightest > span {
  background-color: #f6f7f8;
}

.icon-balloon.ico-teal::after, .icon-balloon.ico-teal > span {
  background-color: #01acb6;
}

.icon-balloon.ico-teal-dark::after, .icon-balloon.ico-teal-dark > span {
  background-color: #0a8194;
}

.icon-balloon.ico-teal-light::after, .icon-balloon.ico-teal-light > span {
  background-color: #18d5d2;
}

.icon-balloon.ico-blue::after, .icon-balloon.ico-blue > span {
  background-color: #0c51a3;
}

.icon-balloon.ico-blue-dark::after, .icon-balloon.ico-blue-dark > span {
  background-color: #225592;
}

.icon-balloon.ico-blue-light::after, .icon-balloon.ico-blue-light > span {
  background-color: #0e75bd;
}

.icon-balloon.ico-blue-lighter::after, .icon-balloon.ico-blue-lighter > span {
  background-color: #4fc2ea;
}

.icon-balloon.ico-mustard::after, .icon-balloon.ico-mustard > span {
  background-color: #edda8e;
}

.icon-balloon.ico-yellow::after, .icon-balloon.ico-yellow > span {
  background-color: #f4ad03;
}

.icon-balloon.ico-beige::after, .icon-balloon.ico-beige > span {
  background-color: #f6f4e1;
}

.icon-balloon.ico-red::after, .icon-balloon.ico-red > span {
  background-color: #ea0404;
}

.icon-balloon.ico-green::after, .icon-balloon.ico-green > span {
  background-color: #67b20b;
}

.icon-balloon.ico-forest-green::after, .icon-balloon.ico-forest-green > span {
  background-color: #629083;
}

.icon-balloon.ico-black::after, .icon-balloon.ico-black > span {
  background-color: black;
}

.icon-balloon.ico-white::after, .icon-balloon.ico-white > span {
  background-color: white;
}

/* ==========================================================================
   components/_insight-block.scss
   ========================================================================== */
/* Base
   ========================================================================== */
.insight-block,
.insights-block-feed .insight-block {
  display: block;
  overflow: hidden;
  position: relative;
  height: 410px;
  margin-bottom: 40px;
  border: 1px solid rgba(40, 53, 69, 0.2);
  border-bottom-width: 2px;
}
.insight-block header.post-header,
.insights-block-feed .insight-block header.post-header {
  position: relative;
  width: 100%;
  height: 180px;
  background-color: rgba(40, 53, 69, 0.8);
}
.insight-block header.post-header > a,
.insights-block-feed .insight-block header.post-header > a {
  display: block;
  position: relative;
  overflow: hidden;
  background-color: inherit;
  height: 100%;
  z-index: 10;
}
.insight-block header.post-header > a:hover .post-title,
.insights-block-feed .insight-block header.post-header > a:hover .post-title {
  background-color: rgba(40, 53, 69, 0.8);
}
.insight-block header.post-header > a:hover .featured-image > img,
.insights-block-feed .insight-block header.post-header > a:hover .featured-image > img {
  opacity: 0.5;
  transform: translate3d(-50%, -50%, 0) scale(0.95);
}
.insight-block header.post-header > a:hover .featured-image ~ .post-title,
.insights-block-feed .insight-block header.post-header > a:hover .featured-image ~ .post-title {
  background-color: inherit;
}
.insight-block .featured-image,
.insights-block-feed .insight-block .featured-image {
  width: 100%;
  position: absolute;
  height: 100%;
}
.insight-block .featured-image::after,
.insights-block-feed .insight-block .featured-image::after {
  content: "";
  display: block;
  position: absolute;
  background: linear-gradient(35deg, rgba(40, 53, 69, 0) 65%, rgba(40, 53, 69, 0.8) 100%);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.insight-block .featured-image > img,
.insights-block-feed .insight-block .featured-image > img {
  max-width: 120%;
  min-height: 100%;
  min-width: 100%;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate3d(-50%, -50%, 0);
  transition: all 0.25s ease 0s;
}
.insight-block .cat-icon-wrapper,
.insights-block-feed .insight-block .cat-icon-wrapper {
  position: absolute;
  right: 15px;
  top: 15px;
}
.insight-block .cat-icon-wrapper .cat-icon,
.insights-block-feed .insight-block .cat-icon-wrapper .cat-icon {
  background-color: transparent !important;
}
.insight-block .cat-icon-wrapper .cat-icon .ico,
.insights-block-feed .insight-block .cat-icon-wrapper .cat-icon .ico {
  width: 35px;
  height: 35px;
}
.insight-block .cat-icon-wrapper .cat-title,
.insights-block-feed .insight-block .cat-icon-wrapper .cat-title {
  display: none;
}
.insight-block .post-title,
.insights-block-feed .insight-block .post-title {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 10px 20px 11px;
  background-color: inherit;
  transition: background-color 0.25s ease 0s;
}
.insight-block .post-title h2,
.insights-block-feed .insight-block .post-title h2 {
  margin: 0;
  color: white;
  font-size: 1.1875rem;
  line-height: 1.875rem;
}
.insight-block .author,
.insights-block-feed .insight-block .author {
  float: right;
  padding: 5px 20px;
  font-size: 0.875rem;
  font-weight: 400;
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
  color: #8799ae;
  cursor: default;
}
.insight-block .author a,
.insights-block-feed .insight-block .author a {
  color: #5b6a88;
}
.insight-block .author .ico,
.insights-block-feed .insight-block .author .ico {
  margin-top: -2px;
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
}
.insight-block time,
.insights-block-feed .insight-block time {
  padding: 5px 20px;
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
  background-color: #f6f7f8;
  color: #5b6a88;
}
.insight-block .post-tags,
.insights-block-feed .insight-block .post-tags {
  position: absolute;
  overflow: hidden;
  margin-bottom: 0;
  padding: 10px 0;
  width: calc(100% - 40px);
  white-space: nowrap;
  font-size: 0.6875rem;
  line-height: 1.25rem;
  text-overflow: ellipsis;
  left: 20px;
  bottom: 10px;
  z-index: 10;
}
.insight-block .post-tags > li,
.insights-block-feed .insight-block .post-tags > li {
  display: inline-block;
  -webkit-margin-end: 1px;
          margin-inline-end: 1px;
}
.insight-block .post-tags > li > a,
.insights-block-feed .insight-block .post-tags > li > a {
  display: block;
  text-decoration: none;
  padding: 0 10px 1px;
  background-color: #5b6a88;
  color: white;
  border-radius: 12px;
  transition: background-color 0.2s ease 0s;
}
.insight-block .post-tags > li > a:hover,
.insights-block-feed .insight-block .post-tags > li > a:hover {
  background-color: #283545 !important;
}
.insight-block .post-content,
.insights-block-feed .insight-block .post-content {
  padding: 15px 20px 0;
  background-color: white;
  min-height: 100%;
  transition: all 0.25s ease 0s;
  font-family: Verdana, sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.375rem;
}
.insight-block:hover,
.insights-block-feed .insight-block:hover {
  border-color: rgba(40, 53, 69, 0.4);
  transition: border-color 0.25s ease 0s;
}
.insight-block:hover time,
.insights-block-feed .insight-block:hover time {
  background-color: #ebf0f4;
  color: #5b6a88;
  transition: background-color 0.25s ease 0s;
}
.insight-block:hover .author,
.insights-block-feed .insight-block:hover .author {
  background-color: #ebf0f4;
  color: #5b6a88;
  transition: background-color 0.25s ease 0s;
}
.insight-block:hover .post-content,
.insights-block-feed .insight-block:hover .post-content {
  background-color: #f6f7f8;
  transition: background-color 0.25s ease 0s;
}

/* ==========================================================================
   Responsive Styles
   ========================================================================== */
/* Mobile
   ========================================================================== */
@media screen and ( max-width: 599px ) {
  .insight-block {
    height: auto;
    margin-bottom: 20px;
  }
  .insight-block .cat-icon-wrapper {
    top: 10px;
    right: 10px;
  }
  .insight-block .cat-icon-wrapper .cat-icon .ico {
    width: 30px;
    height: 30px;
  }
  .insight-block header.post-header {
    height: auto;
  }
  .insight-block .post-title {
    position: relative;
    margin-top: 50px;
  }
  .insight-block .post-tags {
    position: relative;
    right: auto;
    bottom: auto;
    padding: 0;
    margin-bottom: 20px;
  }
}
.css-loader {
  position: relative;
  display: block;
  clear: both;
  width: 100%;
  text-align: center;
}
.css-loader p {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  color: #5b6a88;
}
.css-loader .circle {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  margin-right: 15px;
  border-radius: 100%;
  border: 4px solid #ebf0f4;
  border-top-color: #4fc2ea;
  animation: rotate360 1s infinite linear;
}

@keyframes rotate360 {
  100% {
    transform: rotate(360deg);
  }
}
.basicLightbox {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0.01;
  transition: opacity 0.4s ease;
  z-index: 1000;
  will-change: opacity;
}
.basicLightbox--visible {
  opacity: 1;
}
.basicLightbox__placeholder {
  max-width: 100%;
  transform: scale(0.9);
  transition: transform 0.4s ease;
  z-index: 1;
  will-change: transform;
}
.basicLightbox__placeholder > img:first-child:last-child,
.basicLightbox__placeholder > video:first-child:last-child,
.basicLightbox__placeholder > iframe:first-child:last-child {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 95%;
  max-height: 95%;
}
.basicLightbox__placeholder > video:first-child:last-child,
.basicLightbox__placeholder > iframe:first-child:last-child {
  pointer-events: auto;
}
.basicLightbox__placeholder > img:first-child:last-child,
.basicLightbox__placeholder > video:first-child:last-child {
  width: auto;
  height: auto;
}
.basicLightbox--img .basicLightbox__placeholder, .basicLightbox--video .basicLightbox__placeholder, .basicLightbox--iframe .basicLightbox__placeholder {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.basicLightbox--visible .basicLightbox__placeholder {
  transform: scale(1);
}

/* ==========================================================================
   Basic Lightbox overrides
   ========================================================================== */
.basicLightbox {
  background-color: rgba(40, 53, 69, 0.6) !important;
  z-index: 9999;
}
.basicLightbox__placeholder {
  max-width: calc(100% - 120px);
  width: 1280px;
}
.basicLightbox__placeholder .basic-lightbox-modal {
  padding: 20px 20px 0;
  margin: 0 auto;
  max-width: 1280px;
  max-height: calc(100vh - 120px);
  background: white;
  border-radius: 4px;
  box-shadow: 2px 5px 20px -5px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
}
.basicLightbox__placeholder .basic-lightbox-modal .confirmation-close {
  margin-right: 20px;
}
.basicLightbox__placeholder .basic-lightbox-modal .document-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  margin-bottom: 20px;
}
.basicLightbox__placeholder .basic-lightbox-modal .document-wrapper .rendered {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.basicLightbox__placeholder .basic-lightbox-modal .document-wrapper .document-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.basicLightbox__placeholder .basic-lightbox-modal::after {
  content: "";
  display: block;
  height: 1px;
  clear: both;
}
.basicLightbox.exit-intent-overlay .basicLightbox__placeholder {
  width: 960px;
}
.basicLightbox.exit-intent-overlay .basicLightbox__placeholder .basic-lightbox-modal {
  padding: 0 20px 0 0;
}
.basicLightbox.exit-intent-overlay .basicLightbox__placeholder .basic-lightbox-modal::after {
  height: 0;
}
.basicLightbox::before, .basicLightbox::after {
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  position: absolute;
  pointer-events: none;
}
.basicLightbox::before {
  content: "";
  border: 2px solid white;
  border-radius: 50%;
}
.basicLightbox::after {
  content: "+";
  color: white;
  font-size: 2.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
  transform: rotate(45deg);
  text-align: center;
}

/* ------- [ TABLET STYLES ] -------- */
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .basicLightbox__placeholder {
    max-width: 560px;
    width: 100%;
  }
  .basicLightbox__placeholder .basic-lightbox-modal {
    max-height: calc(100vh - 100px);
  }
}
/* ------- [ PHONE-SPECIFIC STYLES ] ------- */
@media screen and ( max-width: 599px ) {
  .basicLightbox__placeholder {
    max-width: calc(100% - 20px);
    width: 100%;
  }
  .basicLightbox__placeholder .basic-lightbox-modal {
    max-height: calc(100vh - 100px);
  }
  .basicLightbox::before, .basicLightbox::after {
    top: 10px;
    right: 10px;
  }
}
/* ==========================================================================
   Smart Tab Styles ( Grey is default )
   ========================================================================== */
.smart-toggle-tabs {
  position: relative;
  overflow: hidden;
  clear: both;
  margin-left: 0;
  /* ==========================================================================
  Smart Tab Line ( Default Grey )
  ========================================================================== */
  /* ==========================================================================
    Smart Tab Clean ( White Background )
    ========================================================================== */
}
.smart-toggle-tabs::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  clear: both;
  background-color: #8799ae;
}
.smart-toggle-tabs li {
  position: relative;
  float: left;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0;
  text-align: center;
  background-color: white;
}
.smart-toggle-tabs li::before {
  display: none;
}
.smart-toggle-tabs li > a.toggle {
  display: block;
  background-color: white;
  font-size: 0.875rem;
  color: #8799ae;
  font-weight: 600;
  padding: 14px 20px 15px;
  text-decoration: none;
  transition: color 0.3s ease 0s;
}
.smart-toggle-tabs li > a.toggle i {
  margin-right: 10px;
}
.smart-toggle-tabs li > a.toggle:hover {
  color: #5b6a88;
}
.smart-toggle-tabs li:first-child {
  padding-left: 0;
}
.smart-toggle-tabs li.open::before, .smart-toggle-tabs li.open::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  right: 0;
}
.smart-toggle-tabs li.open::before {
  z-index: 10;
  top: 0;
  bottom: 0;
  cursor: default;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.smart-toggle-tabs li.open::after {
  z-index: 5;
  bottom: -1px;
  left: 1px;
  height: 1px;
  width: calc(100% - 2px);
  background-color: white;
}
.smart-toggle-tabs li.open > a.toggle {
  color: #283545;
}
.smart-toggle-tabs li:not(.open)::after {
  height: 0;
}
.smart-toggle-tabs.tab-bg {
  margin-bottom: 0;
}
.smart-toggle-tabs.tab-bg.tab-bg-grey li > a.toggle, .smart-toggle-tabs.tab-bg.tab-bg-grey li::after {
  background-color: #f6f7f8;
}
.smart-toggle-tabs.tab-bg.tab-bg-grey li:not(.open) > a.toggle:hover {
  background-color: #b2bfd0;
  color: #f6f7f8;
  transition: background-color 0.5s, color 0.25s;
}
.smart-toggle-tabs.tab-bg.tab-bg-grey li:not(.open) > a.toggle:hover .ico svg {
  fill: #f6f7f8;
  transition: fill 0.25s;
}
.smart-toggle-tabs.tab-bg.tab-bg-grey li.open::after {
  background-color: #e0e4e9;
}
.smart-toggle-tabs.tab-bg.tab-bg-grey li > a.toggle.open {
  background-color: #e0e4e9;
}
.smart-toggle-tabs.tab-bg.tab-bg-grey li > a.toggle.open .ico svg {
  fill: #283545;
}
.smart-toggle-tabs.tab-bg.tab-bg-grey + .smart-tabs-group {
  padding: 30px;
}
.smart-toggle-tabs.tabs-lg li a {
  font-size: 1.125rem;
  text-transform: none;
  padding-top: 16px;
  padding-bottom: 18px;
}
.smart-toggle-tabs.tabs-lg li:first-child {
  padding-left: 1px;
}
.smart-toggle-tabs.clean li.open::before {
  border: 1px solid #8799ae;
  border-bottom: none;
}
.smart-toggle-tabs.clean li > a.toggle, .smart-toggle-tabs.clean li::after {
  background-color: white;
}
.smart-toggle-tabs.clean li:not(.open) > a.toggle:hover {
  background-color: #f6f7f8;
  color: #5b6a88;
  transition: background-color 0.5s, color 0.25s;
}
.smart-toggle-tabs.clean li:not(.open) > a.toggle:hover .ico svg {
  fill: #5b6a88;
  transition: fill 0.25s;
}
.smart-toggle-tabs.clean li > a.toggle.open {
  background-color: white;
}
.smart-toggle-tabs.clean li > a.toggle.open .ico svg {
  fill: #283545;
}

/* grouped content */
.smart-tabs-group {
  position: relative;
}
.smart-tabs-group .tab-cta {
  padding: 5px 15px;
  font-size: 0.875rem;
  position: absolute;
  top: -68px;
  right: 0;
}
.smart-tabs-group > div:not(.open) {
  display: none;
}
.smart-tabs-group hr {
  margin: 40px 0 !important;
}

/* Mobile
   ========================================================================== */
@media screen and ( max-width: 599px ) {
  .smart-toggle-tabs::after {
    position: relative;
    top: -1px;
  }
  .smart-toggle-tabs li {
    position: relative;
    z-index: 100;
    width: 32.3333333333%;
    margin: 0;
  }
  .smart-toggle-tabs li:first-of-type {
    margin-right: 1.5%;
  }
  .smart-toggle-tabs li:last-of-type {
    margin-left: 1.5%;
  }
  .smart-toggle-tabs li > a.toggle {
    text-align: center;
  }
  .smart-toggle-tabs li > a.toggle .ico {
    margin-right: 0;
  }
  .smart-toggle-tabs li > a.open .ico svg {
    fill: #283545;
  }
  .smart-toggle-tabs.tab-bg.tab-bg-grey li.open, .smart-toggle-tabs.tab-bg.tab-bg-grey li::after {
    background-color: white !important;
  }
  .smart-toggle-tabs.tab-bg.tab-bg-grey li.open {
    border-top: 1px solid #b2bfd0;
    border-right: 1px solid #b2bfd0;
    border-left: 1px solid #b2bfd0;
  }
  .smart-toggle-tabs.tab-bg.tab-bg-grey li > a.toggle.open, .smart-toggle-tabs.tab-bg.tab-bg-grey li > a.toggle::after {
    background-color: white;
  }
  .smart-tabs-group.tab-bg.tab-bg-grey .smart-tab {
    background-color: white;
  }
  /* ==========================================================================
    Smart Tab Clean ( White Background )
    ========================================================================== */
  .smart-toggle-tabs.clean li {
    border-bottom: 1px solid #8799ae;
  }
  .smart-toggle-tabs.clean.mobile-v-tabs li {
    display: block;
    text-align: center;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #f6f7f8;
  }
  .smart-toggle-tabs.clean.mobile-v-tabs li a.open {
    color: white;
    background-color: #283545;
  }
  .smart-toggle-tabs.clean.mobile-v-tabs li a.open.toggle .ico svg {
    fill: white;
  }
  .smart-toggle-tabs.clean.mobile-v-tabs li a.open:before {
    border: none;
  }
  .smart-toggle-tabs.clean.mobile-v-tabs:before {
    border: none;
  }
  .smart-toggle-tabs.clean.mobile-v-tabs:after {
    background-color: transparent;
  }
}
/* Tablet
   ========================================================================== */
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .smart-toggle-tabs li {
    margin-right: 0;
    float: left;
  }
  .smart-toggle-tabs li:nth-of-type(2) {
    margin: 0 11px;
  }
  .smart-toggle-tabs li > a.toggle {
    display: block;
    float: left;
    width: 100%;
    clear: both;
  }
  .smart-toggle-tabs li > a.toggle .ico {
    margin-right: 20px;
    display: block;
    float: left;
    position: relative;
    top: 3px;
  }
  .smart-toggle-tabs.clean li.open {
    background-color: transparent;
  }
  .smart-toggle-tabs.clean.tablet-v-tabs li {
    display: block;
    text-align: center;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #f6f7f8;
  }
  .smart-toggle-tabs.clean.tablet-v-tabs li a.open {
    color: white;
    background-color: #283545;
  }
  .smart-toggle-tabs.clean.tablet-v-tabs li a.open.toggle .ico svg {
    fill: white;
  }
  .smart-toggle-tabs.clean.tablet-v-tabs li a.open:before {
    border: none;
  }
  .smart-toggle-tabs.clean.tablet-v-tabs:before {
    border: none;
  }
  .smart-toggle-tabs.clean.tablet-v-tabs:after {
    background-color: transparent;
  }
}
/* Tablet / Desktop
   ========================================================================== */
@media screen and ( min-width: 600px ) {
  .smart-toggle-tabs.tab-bg-grey + .smart-tabs-group {
    background: #e0e4e9;
  }
}
/***** RTL STYLES *****/
body.rtl .smart-toggle-tabs {
  margin-left: 0;
  margin-right: unset;
}
body.rtl .smart-toggle-tabs li.open:after {
  left: 1px;
  right: auto;
}

/* ------- [ DEFAULT STYLES ] ------- */
/* ------- Base stem -------
Default implementation supports a 10px stem */
.has-stem {
  position: relative;
}
.has-stem::after {
  display: block;
  content: "";
  position: absolute;
  font-size: 0;
  height: 0;
  width: 0;
  border: 10px solid transparent;
}

.stem-grey::after {
  border-color: #b2bfd0;
}

.stem-grey-darkest::after {
  border-color: #283545;
}

.stem-grey-darker::after {
  border-color: #5b6a88;
}

.stem-grey-dark::after {
  border-color: #8799ae;
}

.stem-grey-light::after {
  border-color: #e0e4e9;
}

.stem-grey-lighter::after {
  border-color: #ebf0f4;
}

.stem-grey-lightest::after {
  border-color: #f6f7f8;
}

.stem-teal::after {
  border-color: #01acb6;
}

.stem-teal-dark::after {
  border-color: #0a8194;
}

.stem-teal-light::after {
  border-color: #18d5d2;
}

.stem-blue::after {
  border-color: #0c51a3;
}

.stem-blue-dark::after {
  border-color: #225592;
}

.stem-blue-light::after {
  border-color: #0e75bd;
}

.stem-blue-lighter::after {
  border-color: #4fc2ea;
}

.stem-mustard::after {
  border-color: #edda8e;
}

.stem-yellow::after {
  border-color: #f4ad03;
}

.stem-beige::after {
  border-color: #f6f4e1;
}

.stem-red::after {
  border-color: #ea0404;
}

.stem-green::after {
  border-color: #67b20b;
}

.stem-forest-green::after {
  border-color: #629083;
}

.stem-black::after {
  border-color: black;
}

.stem-white::after {
  border-color: white;
}

.stem-right::after,
.stem-right-top::after,
.stem-right-bottom::after {
  right: -20px;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.stem-right::after {
  top: 50%;
  transform: translateY(-50%);
}

.stem-right-top::after {
  top: 10px;
}

.stem-right-bottom::after {
  bottom: 10px;
}

.stem-top::after,
.stem-top-right::after,
.stem-top-left::after {
  top: -20px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}

.stem-top::after {
  left: 50%;
  transform: translateX(-50%);
}

.stem-top-right::after {
  right: 10px;
}

.stem-top-left::after {
  left: 10px;
}

.stem-left::after,
.stem-left-top::after,
.stem-left-bottom::after {
  left: -20px;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.stem-left::after {
  top: 50%;
  transform: translateY(-50%);
}

.stem-left-top::after {
  top: 10px;
}

.stem-left-bottom::after {
  bottom: 10px;
}

.stem-bottom::after,
.stem-bottom-right::after,
.stem-bottom-left::after {
  bottom: -20px;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}

.stem-bottom::after {
  left: 50%;
  transform: translateX(-50%);
}

.stem-bottom-right::after {
  right: 10px;
}

.stem-bottom-left::after {
  left: 10px;
}

/*=================================*/
/*========[ TABLE STYLES ]=========*/
/*=================================*/
.table-wrap {
  background-color: white;
  width: 100%;
  position: relative;
  text-align: center;
  margin: 0 0 40px;
  /*===[ TABLE SEAMLESS ]===*/
  /*===[ COL WIDTHS 2 - 6 ]===*/
  /*===[ COL GROUP 2 ]===*/
  /*===[ COL GROUP 3 ]===*/
  /*===[ ALTERNATING COLOR TITLES ]===*/
  /*===[ TABLE SIMPLE ( eg currency pairs modal ) ]===*/
  /*===[ BORDER REMOVAL OPTION ]===*/
  /*===[ TEXT EMPHASIZE ]===*/
}
.table-wrap + .table-wrap {
  margin-bottom: 40px;
}
.table-wrap > br {
  display: none;
}
.table-wrap table {
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
  color: #5b6a88;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 20px;
}
.table-wrap table thead {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-transform: uppercase;
}
.table-wrap table thead th {
  background-color: white;
  border: none;
  padding: 20px 10px 0;
}
.table-wrap table thead th.dark, .table-wrap table thead th.dark::after {
  color: #0c51a3;
  background-color: #f2f8fe;
}
.table-wrap table thead th.yellow, .table-wrap table thead th.yellow::after {
  color: #5b6a88;
  background-color: #f8f7e9;
}
.table-wrap table tbody td {
  vertical-align: middle;
  padding: 10px;
  margin: 0 auto;
  position: inherit; /* fixes colgroup2 rendering issue */
}
.table-wrap table tbody td > .ico {
  margin-top: -2px;
}
.table-wrap table tbody th {
  font-size: 0.8125rem;
  line-height: 1.375rem;
  font-weight: 400;
  position: relative;
  text-shadow: 1px 1px 0 white;
  vertical-align: top;
  white-space: nowrap;
  padding: 0 10px;
}
.table-wrap table tbody tr {
  /*===[ .section-title ]===*/
}
.table-wrap table tbody tr:nth-of-type(even) td.dark {
  background-color: #f2f8fe;
}
.table-wrap table tbody tr:nth-of-type(even) td.yellow {
  background-color: #f8f7e9;
}
.table-wrap table tbody tr:nth-of-type(odd) td {
  background-color: #ebf0f4;
}
.table-wrap table tbody tr:nth-of-type(odd) td.dark {
  background-color: #e4effd;
}
.table-wrap table tbody tr:nth-of-type(odd) td.yellow {
  background-color: #f6f4e1;
}
.table-wrap table tbody tr.section-title th {
  padding-top: 20px;
  position: relative;
}
.table-wrap table tbody tr.section-title th::after {
  content: "";
  height: 2px;
  display: block;
  position: relative;
  z-index: 2;
  margin: 15px -10px 0;
  background-color: #b2bfd0;
}
.table-wrap table tbody tr.section-title th h3 {
  font-size: 0.875rem;
  line-height: 2rem;
  color: #0c51a3;
  background-color: white;
  position: relative;
  z-index: 3;
  padding-right: 15px;
  margin: 0 0 0 -10px;
  float: left;
}
.table-wrap table tbody tr.section-title th.dark {
  background-color: #f2f8fe;
}
.table-wrap table tbody tr.section-title th.yellow {
  background-color: #f8f7e9;
}
.table-wrap table tbody tr.section-title.section-multi-title th {
  padding-top: 0;
}
.table-wrap table tbody:first-of-type tr.section-title th {
  padding-top: 0;
}
.table-wrap table tbody:last-child tr:nth-of-type(even):last-child td {
  border-bottom: 1px solid #b2bfd0;
  background-clip: padding-box;
  /* DO NOT REMOVE, fixes a rendering issue in FF, where the color of the td overwrites the border with border-collapse set on the table.  This clips the background so that it shows in FF.  https://bugzilla.mozilla.org/show_bug.cgi?id=688556 - 11012016 - Tal  */
}
.table-wrap a {
  font-weight: 400;
}
.table-wrap.col2 tr:not(.section-multi-title) th {
  width: 50%;
}
.table-wrap.col2-post-keys tr:not(.section-multi-title) th:nth-child(n+2) {
  width: 40%;
}
.table-wrap.col3 tr:not(.section-multi-title) th {
  width: 33.333%;
}
.table-wrap.col3-post-keys tr:not(.section-multi-title) th:nth-child(n+2) {
  width: 26.666%;
}
.table-wrap.col4 tr:not(.section-multi-title) th {
  width: 25%;
}
.table-wrap.col4-post-keys tr:not(.section-multi-title) th:nth-child(n+2) {
  width: 20%;
}
.table-wrap.col5 tr:not(.section-multi-title) th {
  width: 20%;
}
.table-wrap.col5-post-keys tr:not(.section-multi-title) th:nth-child(n+2) {
  width: 16%;
}
.table-wrap.col6 tr:not(.section-multi-title) th {
  width: 16.666%;
}
.table-wrap.col6-post-keys tr:not(.section-multi-title) th:nth-child(n+2) {
  width: 13.333%;
}
.table-wrap.col-group2 table tr th:nth-of-type(2),
.table-wrap.col-group2 table tr td:nth-of-type(2) {
  border-right: 40px solid white;
}
.table-wrap.col-group2 table tr th:nth-of-type(3),
.table-wrap.col-group2 table tr td:nth-of-type(3) {
  border-left: 40px solid white;
}
.table-wrap.col-group3 table tr th:nth-of-type(2),
.table-wrap.col-group3 table tr td:nth-of-type(2),
.table-wrap.col-group3 table tr th:nth-of-type(4),
.table-wrap.col-group3 table tr td:nth-of-type(4) {
  border-right: 40px solid white;
}
.table-wrap.col-group3 table tr th:nth-of-type(3),
.table-wrap.col-group3 table tr td:nth-of-type(3),
.table-wrap.col-group3 table tr th:nth-of-type(5),
.table-wrap.col-group3 table tr td:nth-of-type(5) {
  border-left: 40px solid white;
}
.table-wrap.col-group2 table thead th:nth-of-type(odd), .table-wrap.col-group3 table thead th:nth-of-type(odd) {
  color: #0c51a3;
}
.table-wrap.table-simple table tbody tr {
  font-size: 0.875rem;
  line-height: 1.5625rem;
}
.table-wrap.table-simple table tbody tr td {
  background-color: white;
  border-bottom: 1px solid #b2bfd0;
}
.table-wrap.table-simple table tbody tr td:first-of-type {
  padding-left: 10px;
}
.table-wrap.table-simple table tbody tr:last-child td {
  border-bottom: 1px solid #b2bfd0 !important;
}
.table-wrap:not(.no-row-keys) table tr:not(.section-title) th:first-of-type,
.table-wrap:not(.no-row-keys) table tr:not(.section-title) td:first-of-type {
  text-align: left;
  padding-left: 40px;
}
.table-wrap:not(.no-row-keys) table tbody tr:not(.section-title) td:first-of-type {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.4375rem;
}
.table-wrap:not(.no-row-keys).col-group2 table tr:not(.section-title) th:nth-of-type(3),
.table-wrap:not(.no-row-keys).col-group2 table tr:not(.section-title) td:nth-of-type(3), .table-wrap:not(.no-row-keys).col-group3 table tr:not(.section-title) th:nth-of-type(3),
.table-wrap:not(.no-row-keys).col-group3 table tr:not(.section-title) td:nth-of-type(3) {
  text-align: left;
  padding-left: 40px;
}
.table-wrap:not(.no-row-keys).col-group2 table tbody tr:not(.section-title) td:nth-of-type(3), .table-wrap:not(.no-row-keys).col-group3 table tbody tr:not(.section-title) td:nth-of-type(3) {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.4375rem;
}
.table-wrap:not(.no-row-keys).col-group3 table tr:not(.section-title) th:nth-of-type(5),
.table-wrap:not(.no-row-keys).col-group3 table tr:not(.section-title) td:nth-of-type(5) {
  text-align: left;
  padding-left: 40px;
}
.table-wrap:not(.no-row-keys).col-group3 table tbody tr:not(.section-title) td:nth-of-type(5) {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.4375rem;
}
.table-wrap.bdr-none table tr th,
.table-wrap.bdr-none table tr td,
.table-wrap table.bdr-none tr th,
.table-wrap table.bdr-none tr td,
.table-wrap table tr.bdr-none th,
.table-wrap table tr.bdr-none td {
  border: none !important;
}
.table-wrap.bdr-bottom-none table tr th,
.table-wrap.bdr-bottom-none table tr td,
.table-wrap table.bdr-bottom-none tr th,
.table-wrap table.bdr-bottom-none tr td,
.table-wrap table tr.bdr-bottom-none th,
.table-wrap table tr.bdr-bottom-none td {
  border-bottom: none !important;
}
.table-wrap span.txt-emphasize {
  padding: 2px 5px;
  font-weight: 600;
  background-color: #8799ae;
  color: white;
}

/* ------- [ MOBILE AND TABLET-SPECIFIC STYLES ] ------- */
@media screen and ( max-width: 1099px ) {
  .table-wrap:not(.no-row-keys) table tr:not(.section-title) th:first-of-type,
  .table-wrap:not(.no-row-keys) table tr:not(.section-title) td:first-of-type {
    padding-left: 20px;
  }
  .table-wrap:not(.no-row-keys).col-group2 table tr:not(.section-title) th:nth-of-type(3),
  .table-wrap:not(.no-row-keys).col-group2 table tr:not(.section-title) td:nth-of-type(3) {
    padding-left: 20px;
  }
  .table-wrap:not(.no-row-keys).col-group3 table tr th:nth-of-type(2),
  .table-wrap:not(.no-row-keys).col-group3 table tr td:nth-of-type(2),
  .table-wrap:not(.no-row-keys).col-group3 table tr th:nth-of-type(4),
  .table-wrap:not(.no-row-keys).col-group3 table tr td:nth-of-type(4) {
    border-right: 30px solid white;
  }
  .table-wrap:not(.no-row-keys).col-group3 table tr th:nth-of-type(3),
  .table-wrap:not(.no-row-keys).col-group3 table tr td:nth-of-type(3),
  .table-wrap:not(.no-row-keys).col-group3 table tr th:nth-of-type(5),
  .table-wrap:not(.no-row-keys).col-group3 table tr td:nth-of-type(5) {
    border-left: 30px solid white;
  }
}
/* ------- [ TABLET-SPECIFIC STYLES ] ------- */
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .table-wrap.tablet-small-titles table thead tr {
    font-size: 0.8125rem;
  }
  .table-wrap.tablet-small-titles table tbody tr.section-title th h3 {
    font-size: 0.8125rem;
  }
  .table-wrap.tablet-small-titles table tbody tr.section-title.section-multi-title th {
    font-size: 0.75rem;
  }
  .table-wrap.tablet-small-titles table tbody tr.section-title td:first-of-type {
    font-size: 0.8125rem;
    line-height: 1.375rem;
  }
}
/* ------- [ PHONE-SPECIFIC STYLES ] ------- */
/* ------- [ DESKTOP-SPECIFIC STYLES ] ------- */
@media screen and ( min-width: 1100px ) {
  .table-wrap span.txt-emphasize {
    font-size: 0.875rem;
  }
}
@media print {
  table {
    border: 1px solid #e0e4e9;
  }
  table thead tr {
    border: none !important;
  }
  table tbody tr:not(.section-title) {
    border: 1px solid #e0e4e9 !important;
  }
  table td,
  table th {
    border: none !important;
  }
}
/* ------- [ PHONE-SPECIFIC STYLES ] ------- */
@media screen and ( max-width: 599px ) {
  .table-wrap.mobile-cards {
    text-align: left;
  }
  .table-wrap.mobile-cards table tbody tr {
    display: block;
    margin-bottom: 20px;
  }
  .table-wrap.mobile-cards table tbody tr td {
    padding-left: 20px;
    padding-right: 20px;
    background-color: #f6f7f8;
  }
  .table-wrap.mobile-cards table tbody tr td[data-title]::before {
    content: attr(data-title) " ";
    display: inline;
    text-transform: uppercase;
    font-weight: 600;
  }
  .table-wrap.mobile-cards table tbody tr td > .ico {
    margin-left: 10px;
  }
  .table-wrap.mobile-cards table tbody tr td:empty {
    display: none;
  }
  .table-wrap.mobile-cards table tbody tr td,
  .table-wrap.mobile-cards table tbody tr th {
    display: block;
    width: 100% !important;
    border: none !important;
  }
  .table-wrap.mobile-cards table tbody tr.section-title {
    background-color: white;
    margin-top: 20px;
    margin-bottom: 0;
  }
  .table-wrap.mobile-cards table tbody tr.section-title th {
    background: none;
    overflow: hidden;
    padding-top: 0;
  }
  .table-wrap.mobile-cards table tbody tr.section-title th :after {
    background-color: #0c51a3;
  }
  .table-wrap.mobile-cards table tbody tr.section-title th h3 {
    margin-bottom: 10px;
  }
  .table-wrap.mobile-cards table tbody tr.section-title th:empty {
    display: none;
  }
  .table-wrap.mobile-cards table tbody tr:last-child {
    margin-bottom: 0;
  }
  .table-wrap.mobile-cards table tbody tr:after {
    content: "";
    clear: both;
    display: none;
  }
  .table-wrap.mobile-cards table tbody:first-of-type tr.section-title {
    margin-top: 0;
  }
  .table-wrap.mobile-cards table tbody:not(.section-title) td:empty {
    display: none;
  }
  .table-wrap.mobile-cards:not(.no-row-keys) table tr:not(.section-title) th:first-of-type,
  .table-wrap.mobile-cards:not(.no-row-keys) table tr:not(.section-title) td:first-of-type {
    padding-left: 20px;
  }
  .table-wrap.mobile-cards:not(.no-row-keys) table tbody tr:not(.section-title) td:first-of-type {
    background-color: #e0e4e9;
    color: #5b6a88;
    font-weight: 700;
    text-transform: uppercase;
  }
  .table-wrap.mobile-cards:not(.no-row-keys) table tbody tr:not(.section-title) td:first-of-type::before {
    display: none;
  }
  .table-wrap.mobile-cards:not(.no-row-keys).col-group2 table tr:not(.section-title) th:nth-of-type(3),
  .table-wrap.mobile-cards:not(.no-row-keys).col-group2 table tr:not(.section-title) td:nth-of-type(3), .table-wrap.mobile-cards:not(.no-row-keys).col-group3 table tr:not(.section-title) th:nth-of-type(3),
  .table-wrap.mobile-cards:not(.no-row-keys).col-group3 table tr:not(.section-title) td:nth-of-type(3) {
    padding-left: 20px;
  }
  .table-wrap.mobile-cards:not(.no-row-keys).col-group2 table tbody tr:not(.section-title) td:nth-of-type(3), .table-wrap.mobile-cards:not(.no-row-keys).col-group3 table tbody tr:not(.section-title) td:nth-of-type(3) {
    background-color: #e0e4e9;
    color: #5b6a88;
    font-weight: 700;
    text-transform: uppercase;
  }
  .table-wrap.mobile-cards:not(.no-row-keys).col-group2 table tbody tr:not(.section-title) td:nth-of-type(3)::before, .table-wrap.mobile-cards:not(.no-row-keys).col-group3 table tbody tr:not(.section-title) td:nth-of-type(3)::before {
    display: none;
  }
  .table-wrap.mobile-cards:not(.no-row-keys).col-group3 table tr:not(.section-title) th:nth-of-type(5),
  .table-wrap.mobile-cards:not(.no-row-keys).col-group3 table tr:not(.section-title) td:nth-of-type(5) {
    padding-left: 20px;
  }
  .table-wrap.mobile-cards:not(.no-row-keys).col-group3 table tbody tr:not(.section-title) td:nth-of-type(5) {
    background-color: #e0e4e9;
    color: #5b6a88;
    font-weight: 700;
    text-transform: uppercase;
  }
  .table-wrap.mobile-cards:not(.no-row-keys).col-group3 table tbody tr:not(.section-title) td:nth-of-type(5)::before {
    display: none;
  }
  .table-wrap.mobile-cards.col-group2 table tbody tr:not(.section-title) td:nth-of-type(even), .table-wrap.mobile-cards.col-group3 table tbody tr:not(.section-title) td:nth-of-type(even) {
    background-color: #ebf0f4;
    margin-bottom: 20px;
  }
  .table-wrap.mobile-cards table thead,
  .table-wrap.mobile-cards .section-multi-title th {
    display: none;
  }
  .table-wrap.mobile-cards.cards-flush table tbody tr,
  .table-wrap.mobile-cards.cards-flush table tbody tr td {
    margin-bottom: 0 !important;
  }
  .table-wrap.mobile-cards.mobile-section-title-hide .section-title {
    display: none;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .table-wrap.tablet-cards {
    text-align: left;
  }
  .table-wrap.tablet-cards table tbody tr {
    display: block;
    margin-bottom: 20px;
  }
  .table-wrap.tablet-cards table tbody tr td {
    padding-left: 20px;
    padding-right: 20px;
    background-color: #f6f7f8;
  }
  .table-wrap.tablet-cards table tbody tr td[data-title]::before {
    content: attr(data-title) " ";
    display: inline;
    text-transform: uppercase;
    font-weight: 600;
  }
  .table-wrap.tablet-cards table tbody tr td > .ico {
    margin-left: 10px;
  }
  .table-wrap.tablet-cards table tbody tr td:empty {
    display: none;
  }
  .table-wrap.tablet-cards table tbody tr td,
  .table-wrap.tablet-cards table tbody tr th {
    display: block;
    width: 100% !important;
    border: none !important;
  }
  .table-wrap.tablet-cards table tbody tr.section-title {
    background-color: white;
    margin-top: 20px;
    margin-bottom: 0;
  }
  .table-wrap.tablet-cards table tbody tr.section-title th {
    background: none;
    overflow: hidden;
    padding-top: 0;
  }
  .table-wrap.tablet-cards table tbody tr.section-title th :after {
    background-color: #0c51a3;
  }
  .table-wrap.tablet-cards table tbody tr.section-title th h3 {
    margin-bottom: 10px;
  }
  .table-wrap.tablet-cards table tbody tr.section-title th:empty {
    display: none;
  }
  .table-wrap.tablet-cards table tbody tr:last-child {
    margin-bottom: 0;
  }
  .table-wrap.tablet-cards table tbody tr:after {
    content: "";
    clear: both;
    display: none;
  }
  .table-wrap.tablet-cards table tbody:first-of-type tr.section-title {
    margin-top: 0;
  }
  .table-wrap.tablet-cards table tbody:not(.section-title) td:empty {
    display: none;
  }
  .table-wrap.tablet-cards:not(.no-row-keys) table tr:not(.section-title) th:first-of-type,
  .table-wrap.tablet-cards:not(.no-row-keys) table tr:not(.section-title) td:first-of-type {
    padding-left: 20px;
  }
  .table-wrap.tablet-cards:not(.no-row-keys) table tbody tr:not(.section-title) td:first-of-type {
    background-color: #e0e4e9;
    color: #5b6a88;
    font-weight: 700;
    text-transform: uppercase;
  }
  .table-wrap.tablet-cards:not(.no-row-keys) table tbody tr:not(.section-title) td:first-of-type::before {
    display: none;
  }
  .table-wrap.tablet-cards:not(.no-row-keys).col-group2 table tr:not(.section-title) th:nth-of-type(3),
  .table-wrap.tablet-cards:not(.no-row-keys).col-group2 table tr:not(.section-title) td:nth-of-type(3), .table-wrap.tablet-cards:not(.no-row-keys).col-group3 table tr:not(.section-title) th:nth-of-type(3),
  .table-wrap.tablet-cards:not(.no-row-keys).col-group3 table tr:not(.section-title) td:nth-of-type(3) {
    padding-left: 20px;
  }
  .table-wrap.tablet-cards:not(.no-row-keys).col-group2 table tbody tr:not(.section-title) td:nth-of-type(3), .table-wrap.tablet-cards:not(.no-row-keys).col-group3 table tbody tr:not(.section-title) td:nth-of-type(3) {
    background-color: #e0e4e9;
    color: #5b6a88;
    font-weight: 700;
    text-transform: uppercase;
  }
  .table-wrap.tablet-cards:not(.no-row-keys).col-group2 table tbody tr:not(.section-title) td:nth-of-type(3)::before, .table-wrap.tablet-cards:not(.no-row-keys).col-group3 table tbody tr:not(.section-title) td:nth-of-type(3)::before {
    display: none;
  }
  .table-wrap.tablet-cards:not(.no-row-keys).col-group3 table tr:not(.section-title) th:nth-of-type(5),
  .table-wrap.tablet-cards:not(.no-row-keys).col-group3 table tr:not(.section-title) td:nth-of-type(5) {
    padding-left: 20px;
  }
  .table-wrap.tablet-cards:not(.no-row-keys).col-group3 table tbody tr:not(.section-title) td:nth-of-type(5) {
    background-color: #e0e4e9;
    color: #5b6a88;
    font-weight: 700;
    text-transform: uppercase;
  }
  .table-wrap.tablet-cards:not(.no-row-keys).col-group3 table tbody tr:not(.section-title) td:nth-of-type(5)::before {
    display: none;
  }
  .table-wrap.tablet-cards.col-group2 table tbody tr:not(.section-title) td:nth-of-type(even), .table-wrap.tablet-cards.col-group3 table tbody tr:not(.section-title) td:nth-of-type(even) {
    background-color: #ebf0f4;
    margin-bottom: 20px;
  }
  .table-wrap.tablet-cards table thead,
  .table-wrap.tablet-cards .section-multi-title th {
    display: none;
  }
  .table-wrap.tablet-cards.cards-flush table tbody tr,
  .table-wrap.tablet-cards.cards-flush table tbody tr td {
    margin-bottom: 0 !important;
  }
  .table-wrap.tablet-cards.mobile-section-title-hide .section-title {
    display: none;
  }
}
@media screen and ( max-width: 599px ) {
  body.rtl .table-wrap.mobile-cards table tbody tr td[data-title]::before {
    content: "";
  }
  body.rtl .table-wrap.mobile-cards table tbody tr td[data-title]::after {
    content: attr(data-title) " ";
    display: inline;
    text-transform: uppercase;
    font-weight: 600;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  body.rtl .table-wrap.tablet-cards table tbody tr td[data-title]::before {
    content: "";
  }
  body.rtl .table-wrap.tablet-cards table tbody tr td[data-title]::after {
    content: attr(data-title) " ";
    display: inline;
    text-transform: uppercase;
    font-weight: 600;
  }
}

/* ==========================================================================
   Thumbnails
   ========================================================================== */
/* Base Styles
   ========================================================================== */
.thumbnail {
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.thumbnail::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 1px solid rgba(40, 53, 69, 0.2);
}
.thumbnail img {
  display: block;
  z-index: 1;
  color: #283545;
  cursor: pointer;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  width: auto;
}
.thumbnail .title {
  display: block;
  padding: 10px 100px 10px 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  color: white;
  font-size: 0.875rem;
  line-height: 1.4375rem;
  font-weight: 600;
  text-transform: uppercase;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background: linear-gradient(to right, rgba(40, 53, 69, 0.9) 0%, rgba(40, 53, 69, 0.4) 100%);
}
.thumbnail .caption {
  display: block;
  color: #0c51a3;
  font-size: 0.6875rem;
  font-weight: 400;
  font-family: Verdana, sans-serif;
  padding-top: 8px;
  text-transform: uppercase;
  width: 100%;
}
.thumbnail .time {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
  background: #283545;
  padding: 10px;
  font-size: 1rem;
  line-height: 1.4375rem;
  font-weight: 600;
  color: white;
  text-align: center;
}
.thumbnail.rendered {
  display: block;
}
.thumbnail.rendered,
.thumbnail.rendered .thumbnail-inner {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.thumbnail .thumbnail-icon-wrap {
  display: block;
  opacity: 0.75;
  position: absolute;
  z-index: 30;
  top: 50%;
  left: 50%;
  width: 20%;
  max-width: 90px;
  font-size: 0;
  line-height: 0;
  transform: translate(-50%, -50%);
  transition: opacity 0.2s ease 0s;
}
.thumbnail .thumbnail-icon-wrap::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.thumbnail .thumbnail-icon-wrap .ico {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.thumbnail.video {
  display: block;
  max-width: 100%;
  height: auto;
  text-decoration: none;
}
.thumbnail.video .thumbnail-inner {
  padding-top: 56.25%;
}
.thumbnail.video .thumbnail-icon-wrap {
  width: 25%;
}
.thumbnail.video img {
  position: absolute;
  width: 100% !important;
  top: 50%;
  transform: translateY(-50%);
}
.thumbnail.small .title {
  font-size: 0.75rem;
  padding: 5px 80px 5px 10px;
}
.thumbnail.small .time {
  width: 70px;
  padding: 5px;
  font-size: 0.875rem;
}
.thumbnail.time-hide .time {
  display: none;
}

a.thumbnail:hover::after {
  border-color: rgba(40, 53, 69, 0.35);
}
a.thumbnail:hover .title {
  background: linear-gradient(to right, rgba(12, 81, 163, 0.9) 0%, rgba(12, 81, 163, 0.4) 100%);
}
a.thumbnail:hover .thumbnail-icon-wrap {
  opacity: 1;
}

p > .thumbnail,
p > .youtube-iframe {
  margin-top: 5px;
}

body.rtl .thumbnail .title {
  padding-left: 75px;
  padding-right: 15px;
}

/* ------- [ DEFAULT STYLES ] ------- */
/* ------- Base tooltip------- */
.has-tooltip {
  cursor: pointer;
  position: relative;
}

.tooltip {
  display: none;
  z-index: 9999;
  position: absolute;
}

.tooltip-inner {
  position: relative;
}

.tooltip-instrument {
  white-space: nowrap;
  font-weight: 600;
  text-decoration: underline;
  color: #0a8194;
}

h1 .tooltip-instrument {
  color: inherit;
  text-decoration: inherit;
  font-weight: inherit;
}

h2 .tooltip-instrument {
  color: inherit;
  text-decoration: inherit;
  font-weight: inherit;
}

h3 .tooltip-instrument {
  color: inherit;
  text-decoration: inherit;
  font-weight: inherit;
}

h4 .tooltip-instrument {
  color: inherit;
  text-decoration: inherit;
  font-weight: inherit;
}

h5 .tooltip-instrument {
  color: inherit;
  text-decoration: inherit;
  font-weight: inherit;
}

h6 .tooltip-instrument {
  color: inherit;
  text-decoration: inherit;
  font-weight: inherit;
}

i .tooltip-instrument {
  color: inherit;
  text-decoration: inherit;
  font-weight: inherit;
}

.tooltip-container {
  position: absolute;
  width: 320px;
  height: auto;
  padding-bottom: 35px;
  padding-top: 35px;
  background: transparent;
  left: -9999px;
  top: 100vh;
  z-index: 9999;
}
.tooltip-container .tooltip-inner {
  background: white;
  padding: 10px;
  border-radius: 3px;
  box-shadow: 0 2px 16px -6px rgba(0, 0, 0, 0.45);
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
}
.tooltip-container .tooltip-inner .year-stats-line {
  width: 100%;
  height: 8px;
  background-color: #ebf0f4;
  position: relative;
  display: inline-block;
  margin: 35px 0 15px;
}
.tooltip-container .tooltip-inner .year-stats-line .color-range-fill {
  position: absolute;
  left: 0;
  height: 8px;
  background-color: #1960af;
  padding: 0;
}
.tooltip-container .tooltip-inner .year-stats-line .low,
.tooltip-container .tooltip-inner .year-stats-line .high {
  font-size: 0.6875rem;
  color: #8799ae;
  font-weight: 400;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.tooltip-container .tooltip-inner .year-stats-line .time-range {
  position: absolute;
  top: -35px;
  font-size: 0.75rem;
  font-weight: 600;
}
.tooltip-container .tooltip-inner .year-stats-line .current {
  position: absolute;
  transform: translate(-50%, -50%);
  top: -6px;
  padding: 0;
}
.tooltip-container .tooltip-inner .year-stats-line .low {
  position: absolute;
  left: 0;
  top: 6px;
}
.tooltip-container .tooltip-inner .year-stats-line .high {
  position: absolute;
  right: 0;
  top: 6px;
}
.tooltip-container .tooltip-inner.bottom::before {
  bottom: 100%;
  transform: rotate(180deg);
  margin-bottom: -2px;
}
.tooltip-container .tooltip-inner.bottom::after {
  bottom: calc(100% - 12px);
  transform: rotate(45deg);
}
.tooltip-container .tooltip-inner::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-color: white transparent;
  border-width: 15px 12px 0;
  left: var(--stem-offset);
  bottom: -14px;
  margin-left: -11px;
  z-index: 1;
}
.tooltip-container .tooltip-inner::after {
  content: "";
  position: absolute;
  display: block;
  left: var(--stem-offset);
  width: 20px;
  height: 20px;
  margin-left: -9px;
  margin-top: -3px;
  transform: rotate(45deg);
  box-shadow: 0 2px 16px -2px rgba(0, 0, 0, 0.45);
  z-index: -1;
}
.tooltip-container .tooltip-inner p {
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.875rem;
  font-weight: 600;
}
.tooltip-container .tooltip-inner .symbol-name {
  text-transform: none;
  font-size: 1.125rem;
  margin-bottom: 10px;
  border-bottom: 2px solid #283545;
}
.tooltip-container .tooltip-inner .symbol-ticker {
  font-size: 0.8125rem;
  color: #5b6a88;
}
.tooltip-container .tooltip-inner .symbol-exchange {
  font-weight: 600;
  color: #5b6a88;
}
.tooltip-container .tooltip-inner .symbol-price {
  text-transform: uppercase;
}
.tooltip-container .tooltip-inner .price-up {
  color: #67b20b;
  float: right;
}
.tooltip-container .tooltip-inner .price-down {
  color: #ea0404;
  float: right;
}
.tooltip-container .tooltip-inner .btn-container {
  margin-top: 10px;
}
.tooltip-container .tooltip-inner .btn-container .btn {
  border-radius: 3px;
}

/* ==========================================================================
   Video Specific Styles
   ========================================================================== */
.video-container {
  margin-bottom: 20px;
  position: relative;
}
.video-container .youtube-meta .video-title {
  margin-bottom: 5px;
}
.video-container .youtube-meta .published-date {
  position: relative;
  padding: 1px 10px;
  font-size: 0.625rem;
  line-height: 1.1875rem;
  font-weight: 600;
  background: #8799ae;
  color: #f6f7f8;
  display: inline-block;
  border-radius: 3px;
  margin-bottom: 5px;
}

/**
 * Needs to be outside video-container wrapper to work in lightbox
 */
.youtube-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  margin-bottom: 20px;
}
.youtube-wrapper .rendered {
  position: absolute !important;
  width: 100%;
  height: 100% !important;
  top: 0;
  left: 0;
}
.youtube-wrapper video {
  width: 100% !important;
  height: 100% !important;
}
.youtube-wrapper .youtube-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.youtube-wrapper .thumbnail.video img {
  top: 50%;
  transform: translateY(-50%);
}

/* ------- [ PHONE-SPECIFIC STYLES ] ------- */
/* ------- [ PHONE-SPECIFIC STYLES ] ------- */
/* ==========================================================================
   Layout
   ========================================================================== */
/**
 * FXCM Grid
 * Description: Modified version of the Unsemantic grid built by Nathan Smith
 * Documentation: http://proto.dev.fxcorp.prv/responsive/base/grid/
 */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.grid-container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  max-width: 1240px;
}
@media screen and ( max-width: 1099px ) {
  .grid-container {
    max-width: 600px;
  }
}

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

.grid-container::before, .grid-container::after,
.clearfix::before,
.clearfix::after,
.row::before,
.row::after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  clear: both;
  overflow: hidden;
}

.grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-33, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-66, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-100 {
  padding-left: 20px;
  padding-right: 20px;
  float: left;
  clear: none;
}

.push-10, .push-15, .push-20, .push-25, .push-30, .push-33, .push-35, .push-40, .push-45, .push-50, .push-55, .push-60, .push-65, .push-66, .push-70, .push-75, .push-80, .push-85, .push-90, .push-100,
.pull-10, .pull-15, .pull-20, .pull-25, .pull-30, .pull-33, .pull-35, .pull-40, .pull-45, .pull-50, .pull-55, .pull-60, .pull-65, .pull-66, .pull-70, .pull-75, .pull-80, .pull-85, .pull-90, .pull-100 {
  position: relative;
}

.grid-10 {
  width: 10%;
}

.push-10 {
  left: 10%;
}

.pull-10 {
  left: -10%;
}

.prefix-10 {
  margin-left: 10%;
}

.suffix-10 {
  margin-right: 10%;
}

.grid-15 {
  width: 15%;
}

.push-15 {
  left: 15%;
}

.pull-15 {
  left: -15%;
}

.prefix-15 {
  margin-left: 15%;
}

.suffix-15 {
  margin-right: 15%;
}

.grid-20 {
  width: 20%;
}

.push-20 {
  left: 20%;
}

.pull-20 {
  left: -20%;
}

.prefix-20 {
  margin-left: 20%;
}

.suffix-20 {
  margin-right: 20%;
}

.grid-25 {
  width: 25%;
}

.push-25 {
  left: 25%;
}

.pull-25 {
  left: -25%;
}

.prefix-25 {
  margin-left: 25%;
}

.suffix-25 {
  margin-right: 25%;
}

.grid-30 {
  width: 30%;
}

.push-30 {
  left: 30%;
}

.pull-30 {
  left: -30%;
}

.prefix-30 {
  margin-left: 30%;
}

.suffix-30 {
  margin-right: 30%;
}

.grid-33 {
  width: 33.3333%;
}

.push-33 {
  left: 33.3333%;
}

.pull-33 {
  left: -33.3333%;
}

.prefix-33 {
  margin-left: 33.3333%;
}

.suffix-33 {
  margin-right: 33.3333%;
}

.grid-35 {
  width: 35%;
}

.push-35 {
  left: 35%;
}

.pull-35 {
  left: -35%;
}

.prefix-35 {
  margin-left: 35%;
}

.suffix-35 {
  margin-right: 35%;
}

.grid-40 {
  width: 40%;
}

.push-40 {
  left: 40%;
}

.pull-40 {
  left: -40%;
}

.prefix-40 {
  margin-left: 40%;
}

.suffix-40 {
  margin-right: 40%;
}

.grid-45 {
  width: 45%;
}

.push-45 {
  left: 45%;
}

.pull-45 {
  left: -45%;
}

.prefix-45 {
  margin-left: 45%;
}

.suffix-45 {
  margin-right: 45%;
}

.grid-50 {
  width: 50%;
}

.push-50 {
  left: 50%;
}

.pull-50 {
  left: -50%;
}

.prefix-50 {
  margin-left: 50%;
}

.suffix-50 {
  margin-right: 50%;
}

.grid-55 {
  width: 55%;
}

.push-55 {
  left: 55%;
}

.pull-55 {
  left: -55%;
}

.prefix-55 {
  margin-left: 55%;
}

.suffix-55 {
  margin-right: 55%;
}

.grid-60 {
  width: 60%;
}

.push-60 {
  left: 60%;
}

.pull-60 {
  left: -60%;
}

.prefix-60 {
  margin-left: 60%;
}

.suffix-60 {
  margin-right: 60%;
}

.grid-65 {
  width: 65%;
}

.push-65 {
  left: 65%;
}

.pull-65 {
  left: -65%;
}

.prefix-65 {
  margin-left: 65%;
}

.suffix-65 {
  margin-right: 65%;
}

.grid-66 {
  width: 66.6666%;
}

.push-66 {
  left: 66.6666%;
}

.pull-66 {
  left: -66.6666%;
}

.prefix-66 {
  margin-left: 66.6666%;
}

.suffix-66 {
  margin-right: 66.6666%;
}

.grid-70 {
  width: 70%;
}

.push-70 {
  left: 70%;
}

.pull-70 {
  left: -70%;
}

.prefix-70 {
  margin-left: 70%;
}

.suffix-70 {
  margin-right: 70%;
}

.grid-75 {
  width: 75%;
}

.push-75 {
  left: 75%;
}

.pull-75 {
  left: -75%;
}

.prefix-75 {
  margin-left: 75%;
}

.suffix-75 {
  margin-right: 75%;
}

.grid-80 {
  width: 80%;
}

.push-80 {
  left: 80%;
}

.pull-80 {
  left: -80%;
}

.prefix-80 {
  margin-left: 80%;
}

.suffix-80 {
  margin-right: 80%;
}

.grid-85 {
  width: 85%;
}

.push-85 {
  left: 85%;
}

.pull-85 {
  left: -85%;
}

.prefix-85 {
  margin-left: 85%;
}

.suffix-85 {
  margin-right: 85%;
}

.grid-90 {
  width: 90%;
}

.push-90 {
  left: 90%;
}

.pull-90 {
  left: -90%;
}

.prefix-90 {
  margin-left: 90%;
}

.suffix-90 {
  margin-right: 90%;
}

/* Mobile Overrides
========================================================================== */
@media screen and ( max-width: 599px ) {
  .mobile-push-10, .mobile-push-15, .mobile-push-20, .mobile-push-25, .mobile-push-30, .mobile-push-33, .mobile-push-35, .mobile-push-40, .mobile-push-45, .mobile-push-50, .mobile-push-55, .mobile-push-60, .mobile-push-65, .mobile-push-66, .mobile-push-70, .mobile-push-75, .mobile-push-80, .mobile-push-85, .mobile-push-90, .mobile-push-100,
  .mobile-pull-10, .mobile-pull-15, .mobile-pull-20, .mobile-pull-25, .mobile-pull-30, .mobile-pull-33, .mobile-pull-35, .mobile-pull-40, .mobile-pull-45, .mobile-pull-50, .mobile-pull-55, .mobile-pull-60, .mobile-pull-65, .mobile-pull-66, .mobile-pull-70, .mobile-pull-75, .mobile-pull-80, .mobile-pull-85, .mobile-pull-90, .mobile-pull-100 {
    position: relative;
  }
  .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-33, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-66, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-100 {
    width: 100%;
    left: 0;
  }
  .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-33, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-66, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-100 {
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    clear: none;
  }
  .mobile-grid-30 {
    width: 30%;
  }
  .mobile-push-30 {
    left: 30%;
  }
  .mobile-pull-30 {
    left: -30%;
  }
  .mobile-prefix-30 {
    margin-left: 30%;
  }
  .mobile-suffix-30 {
    margin-right: 30%;
  }
  .mobile-grid-33 {
    width: 33.3333%;
  }
  .mobile-push-33 {
    left: 33.3333%;
  }
  .mobile-pull-33 {
    left: -33.3333%;
  }
  .mobile-prefix-33 {
    margin-left: 33.3333%;
  }
  .mobile-suffix-33 {
    margin-right: 33.3333%;
  }
  .mobile-grid-35 {
    width: 35%;
  }
  .mobile-push-35 {
    left: 35%;
  }
  .mobile-pull-35 {
    left: -35%;
  }
  .mobile-prefix-35 {
    margin-left: 35%;
  }
  .mobile-suffix-35 {
    margin-right: 35%;
  }
  .mobile-grid-40 {
    width: 40%;
  }
  .mobile-push-40 {
    left: 40%;
  }
  .mobile-pull-40 {
    left: -40%;
  }
  .mobile-prefix-40 {
    margin-left: 40%;
  }
  .mobile-suffix-40 {
    margin-right: 40%;
  }
  .mobile-grid-45 {
    width: 45%;
  }
  .mobile-push-45 {
    left: 45%;
  }
  .mobile-pull-45 {
    left: -45%;
  }
  .mobile-prefix-45 {
    margin-left: 45%;
  }
  .mobile-suffix-45 {
    margin-right: 45%;
  }
  .mobile-grid-50 {
    width: 50%;
  }
  .mobile-push-50 {
    left: 50%;
  }
  .mobile-pull-50 {
    left: -50%;
  }
  .mobile-prefix-50 {
    margin-left: 50%;
  }
  .mobile-suffix-50 {
    margin-right: 50%;
  }
  .mobile-grid-55 {
    width: 55%;
  }
  .mobile-push-55 {
    left: 55%;
  }
  .mobile-pull-55 {
    left: -55%;
  }
  .mobile-prefix-55 {
    margin-left: 55%;
  }
  .mobile-suffix-55 {
    margin-right: 55%;
  }
  .mobile-grid-60 {
    width: 60%;
  }
  .mobile-push-60 {
    left: 60%;
  }
  .mobile-pull-60 {
    left: -60%;
  }
  .mobile-prefix-60 {
    margin-left: 60%;
  }
  .mobile-suffix-60 {
    margin-right: 60%;
  }
  .mobile-grid-65 {
    width: 65%;
  }
  .mobile-push-65 {
    left: 65%;
  }
  .mobile-pull-65 {
    left: -65%;
  }
  .mobile-prefix-65 {
    margin-left: 65%;
  }
  .mobile-suffix-65 {
    margin-right: 65%;
  }
  .mobile-grid-66 {
    width: 66.6666%;
  }
  .mobile-push-66 {
    left: 66.6666%;
  }
  .mobile-pull-66 {
    left: -66.6666%;
  }
  .mobile-prefix-66 {
    margin-left: 66.6666%;
  }
  .mobile-suffix-66 {
    margin-right: 66.6666%;
  }
  .mobile-grid-70 {
    width: 70%;
  }
  .mobile-push-70 {
    left: 70%;
  }
  .mobile-pull-70 {
    left: -70%;
  }
  .mobile-prefix-70 {
    margin-left: 70%;
  }
  .mobile-suffix-70 {
    margin-right: 70%;
  }
  .mobile-full-bleed {
    border-left: none !important;
    border-right: none !important;
  }
}
/* Tablet overrides
========================================================================== */
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-push-10, .tablet-push-15, .tablet-push-20, .tablet-push-25, .tablet-push-30, .tablet-push-33, .tablet-push-35, .tablet-push-40, .tablet-push-45, .tablet-push-50, .tablet-push-55, .tablet-push-60, .tablet-push-65, .tablet-push-66, .tablet-push-70, .tablet-push-75, .tablet-push-80, .tablet-push-85, .tablet-push-90, .tablet-push-100,
  .tablet-pull-10, .tablet-pull-15, .tablet-pull-20, .tablet-pull-25, .tablet-pull-30, .tablet-pull-33, .tablet-pull-35, .tablet-pull-40, .tablet-pull-45, .tablet-pull-50, .tablet-pull-55, .tablet-pull-60, .tablet-pull-65, .tablet-pull-66, .tablet-pull-70, .tablet-pull-75, .tablet-pull-80, .tablet-pull-85, .tablet-pull-90, .tablet-pull-100 {
    position: relative;
  }
  .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-33, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-66, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-100 {
    width: 100%;
    left: 0;
  }
  .tablet-grid-10, .tablet-grid-15, .tablet-grid-20, .tablet-grid-25, .tablet-grid-30, .tablet-grid-33, .tablet-grid-35, .tablet-grid-40, .tablet-grid-45, .tablet-grid-50, .tablet-grid-55, .tablet-grid-60, .tablet-grid-65, .tablet-grid-66, .tablet-grid-70, .tablet-grid-75, .tablet-grid-80, .tablet-grid-85, .tablet-grid-90, .tablet-grid-100 {
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    clear: none;
  }
  .tablet-grid-15 {
    width: 15%;
  }
  .tablet-push-15 {
    left: 15%;
  }
  .tablet-pull-15 {
    left: -15%;
  }
  .tablet-prefix-15 {
    margin-left: 15%;
  }
  .tablet-suffix-15 {
    margin-right: 15%;
  }
  .tablet-grid-20 {
    width: 20%;
  }
  .tablet-push-20 {
    left: 20%;
  }
  .tablet-pull-20 {
    left: -20%;
  }
  .tablet-prefix-20 {
    margin-left: 20%;
  }
  .tablet-suffix-20 {
    margin-right: 20%;
  }
  .tablet-grid-25 {
    width: 25%;
  }
  .tablet-push-25 {
    left: 25%;
  }
  .tablet-pull-25 {
    left: -25%;
  }
  .tablet-prefix-25 {
    margin-left: 25%;
  }
  .tablet-suffix-25 {
    margin-right: 25%;
  }
  .tablet-grid-30 {
    width: 30%;
  }
  .tablet-push-30 {
    left: 30%;
  }
  .tablet-pull-30 {
    left: -30%;
  }
  .tablet-prefix-30 {
    margin-left: 30%;
  }
  .tablet-suffix-30 {
    margin-right: 30%;
  }
  .tablet-grid-33 {
    width: 33.3333%;
  }
  .tablet-push-33 {
    left: 33.3333%;
  }
  .tablet-pull-33 {
    left: -33.3333%;
  }
  .tablet-prefix-33 {
    margin-left: 33.3333%;
  }
  .tablet-suffix-33 {
    margin-right: 33.3333%;
  }
  .tablet-grid-35 {
    width: 35%;
  }
  .tablet-push-35 {
    left: 35%;
  }
  .tablet-pull-35 {
    left: -35%;
  }
  .tablet-prefix-35 {
    margin-left: 35%;
  }
  .tablet-suffix-35 {
    margin-right: 35%;
  }
  .tablet-grid-40 {
    width: 40%;
  }
  .tablet-push-40 {
    left: 40%;
  }
  .tablet-pull-40 {
    left: -40%;
  }
  .tablet-prefix-40 {
    margin-left: 40%;
  }
  .tablet-suffix-40 {
    margin-right: 40%;
  }
  .tablet-grid-45 {
    width: 45%;
  }
  .tablet-push-45 {
    left: 45%;
  }
  .tablet-pull-45 {
    left: -45%;
  }
  .tablet-prefix-45 {
    margin-left: 45%;
  }
  .tablet-suffix-45 {
    margin-right: 45%;
  }
  .tablet-grid-50 {
    width: 50%;
  }
  .tablet-push-50 {
    left: 50%;
  }
  .tablet-pull-50 {
    left: -50%;
  }
  .tablet-prefix-50 {
    margin-left: 50%;
  }
  .tablet-suffix-50 {
    margin-right: 50%;
  }
  .tablet-grid-55 {
    width: 55%;
  }
  .tablet-push-55 {
    left: 55%;
  }
  .tablet-pull-55 {
    left: -55%;
  }
  .tablet-prefix-55 {
    margin-left: 55%;
  }
  .tablet-suffix-55 {
    margin-right: 55%;
  }
  .tablet-grid-60 {
    width: 60%;
  }
  .tablet-push-60 {
    left: 60%;
  }
  .tablet-pull-60 {
    left: -60%;
  }
  .tablet-prefix-60 {
    margin-left: 60%;
  }
  .tablet-suffix-60 {
    margin-right: 60%;
  }
  .tablet-grid-65 {
    width: 65%;
  }
  .tablet-push-65 {
    left: 65%;
  }
  .tablet-pull-65 {
    left: -65%;
  }
  .tablet-prefix-65 {
    margin-left: 65%;
  }
  .tablet-suffix-65 {
    margin-right: 65%;
  }
  .tablet-grid-66 {
    width: 66.6666%;
  }
  .tablet-push-66 {
    left: 66.6666%;
  }
  .tablet-pull-66 {
    left: -66.6666%;
  }
  .tablet-prefix-66 {
    margin-left: 66.6666%;
  }
  .tablet-suffix-66 {
    margin-right: 66.6666%;
  }
  .tablet-grid-70 {
    width: 70%;
  }
  .tablet-push-70 {
    left: 70%;
  }
  .tablet-pull-70 {
    left: -70%;
  }
  .tablet-prefix-70 {
    margin-left: 70%;
  }
  .tablet-suffix-70 {
    margin-right: 70%;
  }
  .tablet-grid-75 {
    width: 75%;
  }
  .tablet-push-75 {
    left: 75%;
  }
  .tablet-pull-75 {
    left: -75%;
  }
  .tablet-prefix-75 {
    margin-left: 75%;
  }
  .tablet-suffix-75 {
    margin-right: 75%;
  }
  .tablet-grid-80 {
    width: 80%;
  }
  .tablet-push-80 {
    left: 80%;
  }
  .tablet-pull-80 {
    left: -80%;
  }
  .tablet-prefix-80 {
    margin-left: 80%;
  }
  .tablet-suffix-80 {
    margin-right: 80%;
  }
  .tablet-grid-85 {
    width: 85%;
  }
  .tablet-push-85 {
    left: 85%;
  }
  .tablet-pull-85 {
    left: -85%;
  }
  .tablet-prefix-85 {
    margin-left: 85%;
  }
  .tablet-suffix-85 {
    margin-right: 85%;
  }
}
/* grid-100 classes
========================================================================== */
.grid-100 {
  width: 100%;
  float: none;
  clear: both;
  left: 0;
}

@media screen and ( max-width: 599px ) {
  .mobile-grid-100 {
    width: 100%;
    float: none;
    clear: both;
    left: 0;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-grid-100 {
    width: 100%;
    float: none;
    clear: both;
    left: 0;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-grid-100 {
    width: 100%;
    float: none;
    clear: both;
    left: 0;
  }
}
@media print {
  .print-grid-100 {
    width: 100%;
    float: none;
    clear: both;
    left: 0;
  }
}
/* FXCM additional classes
========================================================================== */
.grid-center {
  margin-left: auto;
  margin-right: auto;
  display: block;
  float: none;
}

@media screen and ( max-width: 599px ) {
  .mobile-grid-center {
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-grid-center {
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-grid-center {
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
  }
}
@media print {
  .print-grid-center {
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
  }
}
.grid-flush {
  padding-left: 0;
  padding-right: 0;
}

@media screen and ( max-width: 599px ) {
  .mobile-grid-flush {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-grid-flush {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-grid-flush {
    padding-left: 0;
    padding-right: 0;
  }
}
@media print {
  .print-grid-flush {
    padding-left: 0;
    padding-right: 0;
  }
}
.full-bleed {
  margin-left: -20px;
  margin-right: -20px;
  width: auto;
  float: none;
}

@media screen and ( max-width: 599px ) {
  .mobile-full-bleed {
    margin-left: -20px;
    margin-right: -20px;
    width: auto;
    float: none;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .tablet-full-bleed {
    margin-left: -20px;
    margin-right: -20px;
    width: auto;
    float: none;
  }
}
@media screen and ( min-width: 1100px ) {
  .desktop-full-bleed {
    margin-left: -20px;
    margin-right: -20px;
    width: auto;
    float: none;
  }
}
@media print {
  .print-full-bleed {
    margin-left: -20px;
    margin-right: -20px;
    width: auto;
    float: none;
  }
}
/* ------- [ PRINT-SPECIFIC STYLES ] ------- */
@media print {
  .tablet-push-10, .tablet-push-15, .tablet-push-20, .tablet-push-25, .tablet-push-30, .tablet-push-33, .tablet-push-35, .tablet-push-40, .tablet-push-45, .tablet-push-50, .tablet-push-55, .tablet-push-60, .tablet-push-65, .tablet-push-66, .tablet-push-70, .tablet-push-75, .tablet-push-80, .tablet-push-85, .tablet-push-90, .tablet-push-100,
  .tablet-pull-10, .tablet-pull-15, .tablet-pull-20, .tablet-pull-25, .tablet-pull-30, .tablet-pull-33, .tablet-pull-35, .tablet-pull-40, .tablet-pull-45, .tablet-pull-50, .tablet-pull-55, .tablet-pull-60, .tablet-pull-65, .tablet-pull-66, .tablet-pull-70, .tablet-pull-75, .tablet-pull-80, .tablet-pull-85, .tablet-pull-90, .tablet-pull-100 {
    position: relative;
  }
  .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-33, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-66, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-100 {
    width: 100%;
    left: 0;
  }
  .tablet-grid-10, .tablet-grid-15, .tablet-grid-20, .tablet-grid-25, .tablet-grid-30, .tablet-grid-33, .tablet-grid-35, .tablet-grid-40, .tablet-grid-45, .tablet-grid-50, .tablet-grid-55, .tablet-grid-60, .tablet-grid-65, .tablet-grid-66, .tablet-grid-70, .tablet-grid-75, .tablet-grid-80, .tablet-grid-85, .tablet-grid-90, .tablet-grid-100 {
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    clear: none;
  }
}
/* ==========================================================================
   layout/_layout.scss
   ========================================================================== */
/* Template-agnostic content styles
   ========================================================================== */
#global-page-container {
  overflow: hidden;
  position: relative;
}

.async-hide,
.has-geo-blocked-redirect {
  opacity: 0 !important;
}

.flush-top #mc,
.flush-bottom #mc,
.chromeless #mc {
  padding-top: 0 !important;
}

#mc {
  padding: 40px 0;
}

.flush-bottom #mc {
  padding-bottom: 0;
}

/* vertical aligner */
.v-aligner {
  display: flex;
  align-items: center;
}
.v-aligner.align-top {
  align-items: normal;
}
.v-aligner.align-top .icon-wrapper {
  padding-top: 10px;
}
.v-aligner.align-bottom {
  align-items: flex-end;
}
.v-aligner .v-align {
  flex: 0 1 auto;
}

/* geo box content */
*[data-geo-target]:not(.show-geo-target),
*[data-geo-target-not]:not(.show-geo-target) {
  display: none;
}

.v-aligner.unalign {
  display: block;
}

@media screen and ( max-width: 599px ) {
  .v-aligner.mobile-unalign {
    display: block;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .v-aligner.tablet-unalign {
    display: block;
  }
}
@media screen and ( min-width: 1100px ) {
  .v-aligner.desktop-unalign {
    display: block;
  }
}
@media print {
  .v-aligner.print-unalign {
    display: block;
  }
}
/* content icon row */
.content-icon-row {
  margin: 20px 0;
}
.content-icon-row .icon-wrapper {
  margin: 5px 50px 20px 30px;
}
.content-icon-row .icon-wrapper > .ico {
  margin: 0 auto;
  display: block;
}

/* Lazy Loading
   ========================================================================== */
.preloader-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.load-via-ajax .shared-content {
  transition: all 0.25s ease 0.5s;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}
.load-via-ajax.ajax-loaded .shared-content {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.shared-content {
  /* Shared Content - CTA Specific Styles
        ========================================================================== */
}
.shared-content.type-embedded-chart, .shared-content.type-table,
.shared-content .load-via-ajax[data-content-type=embedded-chart]:not(.ajax-loaded) {
  margin-bottom: 20px;
}
.shared-content.type-exit-intent {
  overflow: hidden;
  margin-bottom: 20px;
}
.shared-content.type-exit-intent .bg-featured-image {
  position: absolute;
  height: 100%;
  max-width: 100%;
  top: 0;
}
.shared-content.type-exit-intent .bg-featured-image img {
  max-width: 900px;
}
.shared-content.type-exit-intent .content {
  position: relative;
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 2px 0px 20px 2px;
}

.scrollAnimationTrigger *[class*=onScrollFade] {
  opacity: 0;
}

/* Shared Content - CTA Block (used on archive and sidebar) specific styles
   ========================================================================== */
.sidebar .type-cta,
.cta-block .type-cta {
  max-width: 373px;
}
.sidebar .type-cta .content,
.cta-block .type-cta .content {
  padding-top: 40px;
  padding-bottom: 45px;
  height: 410px;
}
.sidebar .type-cta .content .p,
.cta-block .type-cta .content .p {
  font-size: 1.125rem;
  font-weight: 400;
}

/* Only within cta-block containers do we want some extra spacing on the sides. */
@media screen and ( min-width: 1100px ) {
  .cta-block .type-cta .content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* Since they don't look very good on mobile/tablet, let's just hide them for the time being... */
@media screen and ( max-width: 1099px ) {
  .cta-block .type-cta {
    display: none;
  }
  .shared-content.type-exit-intent .bg-featured-image {
    display: none;
  }
}
/* Additional Content Rows
   ========================================================================== */
.additional-content-rows {
  margin-top: 20px;
}
.additional-content-rows .additional-row {
  padding: 40px 0 20px;
}
.additional-content-rows .additional-row.section-background {
  overflow: hidden;
  position: relative;
}
.additional-content-rows .additional-row.section-background .section-bg-wrapper {
  position: absolute;
  height: 100%;
  top: 0;
  left: calc(50% + 100px);
  max-width: 100%;
  transform: translateX(-50%);
}
.additional-content-rows .additional-row.section-background .section-bg-wrapper img {
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  position: relative;
  left: 49%;
  transform: translateX(-52%);
}

/* Pagination Styles - Insights Categories & Tags specific styles
   ========================================================================== */
.wp-pagenavi {
  text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
  display: inline-block;
  padding: 8px 11px;
  border-radius: 2px;
  color: #5b6a88;
  border: 1px solid #f1f1f1;
  background: #f6f7f8;
  text-decoration: none;
  transition: all 0.15s ease;
  margin: 0 1px;
  font-family: "Open Sans", Arial, Helvetica, Verdana, sans-serif;
  font-size: 0.9375rem;
  line-height: 0.9375rem;
}
.wp-pagenavi a:hover, .wp-pagenavi span:hover {
  border-color: #e1e1e1;
  color: #283545;
  background: #e0e4e9;
}
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink, .wp-pagenavi span.previouspostslink, .wp-pagenavi span.nextpostslink {
  padding: 8px;
}
.wp-pagenavi a.current, .wp-pagenavi span.current {
  background-color: #283545;
  border-color: #283545;
  color: white;
}

/* Sidebar
   ========================================================================== */
aside.sidebar .widget:not(:empty) {
  margin: 10px 0 40px;
}

/* note wrap */
.note-wrap {
  padding-top: 0 !important;
  margin-top: 20px;
}
.note-wrap span.disclosure {
  font-size: 0.8125rem;
  line-height: 1.25rem;
  font-weight: 400;
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
  text-transform: uppercase;
  color: #5b6a88;
  background-color: white;
  display: inline-block;
  padding-right: 11px;
  position: relative;
  top: -11px;
  z-index: 5;
  right: 1px;
}
.note-wrap .disclaimer {
  position: relative;
}

body.rtl .note-wrap .disclaimer {
  font-size: 0.75rem;
  line-height: 1.375rem;
}

div.disclaimers:not(.note-wrap) span.disclosure {
  display: none;
}

/* Edit Post Link
   ========================================================================== */
.shared-content,
.video-thumb-wrapper {
  position: relative;
}

.edit-post {
  background-color: #931366;
  padding-right: 35px;
  font-weight: 400;
  font-size: 0.8125rem;
  text-transform: none;
  text-shadow: 1px 1px 0 #5a1d40;
}
.edit-post.edit-form {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 100;
  opacity: 0.3;
}
.edit-post.edit-form:hover {
  opacity: 1;
}
.edit-post.edit-shared-content, .edit-post.edit-video, .edit-post.edit-bio, .edit-post.edit-expert {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
  opacity: 0.3;
}
.edit-post.edit-shared-content:hover, .edit-post.edit-video:hover, .edit-post.edit-bio:hover, .edit-post.edit-expert:hover {
  opacity: 1;
}
.edit-post.edit-disclaimer {
  position: absolute;
  right: 0;
  bottom: -5px;
  z-index: 100;
  opacity: 0.3;
}
.edit-post.edit-disclaimer:hover {
  opacity: 1;
}
.edit-post.edit-journey {
  position: absolute;
  color: white;
  right: 0;
  top: 0;
  z-index: 100;
  opacity: 1;
}

/* Scroll to Top Button
   ========================================================================== */
#back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  border-radius: 4px;
  background-color: rgba(40, 53, 69, 0.6);
  width: 40px;
  height: 40px;
  padding: 14px;
  z-index: 999;
  transition: all 0.2s ease 0s;
}
#back-to-top span {
  position: relative;
  display: block;
  transform: rotate(45deg);
  height: 100%;
  top: 25%;
  overflow: hidden;
}
#back-to-top span::before, #back-to-top span::after {
  content: "";
  display: block;
  border-radius: 2px;
  position: absolute;
  background-color: white;
  top: 0;
  left: 0;
  transition: background-color 0.25s ease 0s;
}
#back-to-top span::before {
  width: 100%;
  height: 4px;
}
#back-to-top span::after {
  height: 100%;
  width: 4px;
}
#back-to-top:hover {
  background-color: #0c51a3;
  border-radius: 50%;
}

/* QR Code
   ========================================================================== */
.qr-code-container > svg path {
  fill: #283545;
}

/* Chromeless
   ========================================================================== */
/* ==========================================================================
   Responsive Styles
   ========================================================================== */
@media screen and ( max-width: 599px ) {
  /* ------- Content Icon Row ------- */
  .content-icon-row {
    margin: 0;
  }
  /* ------- Insights & Instruments Footnotes Wrap on mobile ------- */
  #footnotes table td a {
    overflow-wrap: anywhere;
  }
}
@media screen and ( max-width: 1099px ) {
  #mc {
    padding-top: 20px;
  }
}
/* ------- [ PRINT-SPECIFIC STYLES ] ------- */
@media print {
  aside {
    display: none;
  }
}
/* ==========================================================================
   layout/chrome.scss
   ========================================================================== */
/* Preheader content
   ========================================================================== */
.priority-message {
  padding: 5px 0;
}

a.priority-message {
  display: block;
  text-decoration: none;
  transition: background-color 0.2s ease 0s;
}
a.priority-message > span {
  display: block;
}
a.priority-message:hover {
  background-color: #0e75bd !important;
}

/* Download Our App Banner
   ========================================================================== */
#download-mobile-app-banner {
  background-color: #093973;
}
#download-mobile-app-banner .exit {
  position: absolute;
  right: 20px;
  top: -10px;
  color: white;
  font-size: 1.8125rem;
  font-weight: 600;
  text-decoration: none;
  transform: rotate(45deg);
}

/* Cookie Warning
   ========================================================================== */
#cookiebanner .cb-form button {
  font-weight: 600 !important;
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
}

/* ==========================================================================
   layout/_header.scss
   ========================================================================== */
/* Header
   ========================================================================== */
/* omni navigation (in line with logo) */
#omni-nav {
  display: block;
  position: relative;
  flex: 1 0 auto;
  padding: 0;
}
#omni-nav ul {
  overflow: hidden;
  margin: 0;
  font-size: 0;
  line-height: 0;
  text-transform: uppercase;
  text-align: right;
}
#omni-nav ul li {
  display: inline-block;
  position: relative;
  padding: 0 10px 0 11px;
  font-size: 0.8125rem;
  line-height: 1.5rem;
}
#omni-nav ul li a {
  display: block;
  font-weight: 400;
}
#omni-nav ul li a:hover {
  text-decoration: underline;
}
#omni-nav ul li:first-child::before, #omni-nav ul li.omni-open-account::before, #omni-nav ul li.omni-friedberg-direct::before {
  display: none;
}
#omni-nav ul li:last-child {
  padding-right: 0;
}
#omni-nav ul li:nth-last-child(2) {
  transition: padding 0.4s ease-in-out;
}

#login-nav {
  position: absolute;
  left: -9999px;
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
#login-nav ul {
  background: white;
  border-radius: 3px;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.001);
  max-width: 350px;
  width: 100%;
}
#login-nav ul li a {
  display: flex;
  align-items: center;
  text-shadow: none;
  padding: 20px 30px 0;
  text-decoration: none;
}
#login-nav ul li a .featured-icon {
  width: 35px;
  margin-right: 20px;
}
#login-nav ul li a .text-wrapper .primary {
  line-height: 1.25rem;
  text-transform: none;
  color: #283545;
}
#login-nav ul li a .text-wrapper .secondary {
  text-transform: none;
  font-size: 0.8125rem;
  color: #5b6a88;
  font-weight: 400;
  margin-bottom: 0;
}
#login-nav ul li:last-child a {
  padding-bottom: 20px;
}
#login-nav ul li:hover .primary {
  text-decoration: underline;
}
#login-nav:before {
  content: "";
  height: 20px;
  width: 100%;
  position: absolute;
  top: -20px;
}

/* search toggle button */
#global-header-search-toggle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 10;
}

/* global search form */
#global-header-search {
  position: relative;
  flex: 1 0;
  margin-right: 15px;
  transition: all 0.4s ease-in-out;
}
#global-header-search .search-form-wrapper {
  top: 0;
  left: 0;
  height: 31px;
  text-shadow: none;
  z-index: 50;
  border: 1px solid #b2bfd0;
  border-radius: 30px;
}
#global-header-search .search-form {
  position: relative;
  overflow: hidden;
  display: flex;
  height: 100%;
  padding: 0;
  margin: 0;
  border-radius: 16px;
  white-space: nowrap;
  z-index: 15;
}
#global-header-search .search-form .search-field {
  flex: 1 1 auto;
  font-size: 0.875rem;
  line-height: 1.9375rem;
  font-weight: 600;
  background: #f6f7f8;
  height: 31px;
  padding: 0 15px;
}
#global-header-search .search-form .search-field::-moz-placeholder {
  font-size: 0.75rem;
  line-height: 1.9375rem;
  font-weight: 400;
  color: #b2bfd0;
  opacity: 1;
}
#global-header-search .search-form .search-field::placeholder {
  font-size: 0.75rem;
  line-height: 1.9375rem;
  font-weight: 400;
  color: #b2bfd0;
  opacity: 1;
}
#global-header-search .search-form .btn-header-search {
  flex: 0 0 auto;
  background-color: white;
}
#global-header-search .search-form .btn-header-search .ico {
  margin: -2px 0 0 -1px;
}
#global-header-search .search-form .btn-header-search .ico > svg {
  fill: #5b6a88;
}
#global-header-search .search-form .btn-header-search:hover .ico > svg {
  fill: #283545;
}
#global-header-search .search-suggestions {
  flex: 0 0 auto;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background-color: #f6f7f8;
  font-size: 0.75rem;
  line-height: 1.9375rem;
  height: 31px;
  color: #5b6a88;
}
#global-header-search .search-suggestions li {
  position: relative;
  float: left;
  height: 100%;
  border-right: 1px solid #e0e4e9;
}
#global-header-search .search-suggestions li a {
  display: block;
  padding: 0 10px;
  color: #5b6a88;
  font-weight: 400;
  text-decoration: none;
}
#global-header-search .search-suggestions li a:hover {
  text-decoration: underline;
}
#global-header-search .search-suggestions li:first-child {
  padding: 0 10px 0 15px;
  background-color: #e0e4e9;
  font-weight: 600;
}

/* main navigation (initial list, not expanded part) */
#main-nav {
  position: relative;
  transition: height 0.4s ease 0s;
}
#main-nav ul {
  overflow: hidden;
  margin: 0 -20px 5px;
  padding: 0 20px;
  font-size: 1rem;
  line-height: 1.9375rem;
}
#main-nav ul li {
  display: block;
  position: relative;
  transition: all 0.4s ease-in-out;
}
#main-nav ul li a {
  display: block;
  padding: 0 10px;
  transition: all 0.2s ease 0s;
}

/* CTA Button */
#omni-nav ul li.omni-open-account a, #omni-nav ul li.omni-friedberg-direct a,
#main-nav ul li.omni-open-account a,
#main-nav ul li.omni-friedberg-direct a {
  background-color: #01acb6;
  color: white;
  font-size: 0.875rem;
  line-height: 1.4375rem;
  font-weight: 700;
  padding: 8px 23px;
  transition: all 0.2s ease 0s;
  text-transform: uppercase;
  text-shadow: none;
  text-align: center;
  min-width: 150px;
}
#omni-nav ul li.omni-open-account a:hover, #omni-nav ul li.omni-friedberg-direct a:hover,
#main-nav ul li.omni-open-account a:hover,
#main-nav ul li.omni-friedberg-direct a:hover {
  text-decoration: none;
  background-color: #0a8194;
  color: white;
}

#omni-nav ul li.omni-open-account a, #omni-nav ul li.omni-friedberg-direct a {
  transition: padding 0.4s ease-in-out, background 0.2s ease-in-out;
}

/* expanded main navigation */
#main-nav-groups {
  position: relative;
  overflow: hidden;
  height: 0;
  transition: height 0.4s ease 0s;
}
#main-nav-groups .nav-intro .heading {
  font-size: 1.3125rem;
  line-height: 2.5625rem;
  font-weight: 700;
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
  margin-bottom: 10px;
  text-transform: none;
  display: block;
}
#main-nav-groups .nav-group {
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
}
#main-nav-groups .nav-group-col .sub-heading {
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
  display: block;
}
#main-nav-groups .nav-group-col ul {
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
#main-nav-groups .nav-group-col ul li a {
  display: block;
  padding: 5px 10px;
  margin: 0 -10px;
  font-weight: 400;
  transition: all 0.2s ease 0s;
}
#main-nav-groups .nav-group-col ul li a:hover {
  background-color: #f6f7f8;
  color: #0e75bd;
}
#main-nav-groups .nav-group-col ul li .sub-heading a {
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 700;
}
#main-nav-groups .nav-group-col ul li .sub-heading a:hover {
  background-color: transparent;
}

/* foreground */
#header-foreground {
  position: relative;
  z-index: 20;
}

/* breadcrumbs nav (below header) */
#breadcrumbs-nav {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 40px;
  background-color: #f6f7f8;
  transition: all 0.4s ease 0s;
}
#breadcrumbs-nav ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  line-height: 2.5rem;
}
#breadcrumbs-nav ul > li {
  position: relative;
  flex: 0 0 auto;
  padding: 0 18px;
}
#breadcrumbs-nav ul > li a {
  position: relative;
  display: block;
  text-decoration: none;
  z-index: 10;
}
#breadcrumbs-nav ul > li a:hover {
  text-decoration: underline;
}
#breadcrumbs-nav ul > li.level-2, #breadcrumbs-nav ul > li.level-1 {
  margin-right: 10px;
  padding-right: 10px;
  position: relative;
}
#breadcrumbs-nav ul > li.level-2 a, #breadcrumbs-nav ul > li.level-1 a {
  color: #5b6a88;
  padding: 0;
}
#breadcrumbs-nav ul > li.level-2 + li, #breadcrumbs-nav ul > li.level-1 + li {
  padding-left: 20px;
}
#breadcrumbs-nav ul > li.level-2:before, #breadcrumbs-nav ul > li.level-2:after, #breadcrumbs-nav ul > li.level-1:before, #breadcrumbs-nav ul > li.level-1:after {
  border-right: 2px solid #8799ae;
  content: "";
  display: block;
  height: 6px;
  margin-top: -5px;
  position: absolute;
  right: -10px;
  top: 50%;
}
#breadcrumbs-nav ul > li.level-2:before, #breadcrumbs-nav ul > li.level-1:before {
  transform: rotate(135deg);
}
#breadcrumbs-nav ul > li.level-2:after, #breadcrumbs-nav ul > li.level-1:after {
  margin-top: -1px;
  transform: rotate(45deg);
}
#breadcrumbs-nav ul > li.level-2 {
  z-index: 20;
}
#breadcrumbs-nav ul > li.level-0:not(:last-child):after {
  content: "";
  display: block;
  height: 5px;
  width: 5px;
  background: #8799ae;
  margin-top: -5px;
  border-radius: 50%;
  position: absolute;
  right: -2px;
  top: 58%;
}
#breadcrumbs-nav ul > li.current a {
  color: #283545;
}
#breadcrumbs-nav ul > li:first-child {
  padding-left: 0;
}
#breadcrumbs-nav ul > li:last-child {
  padding-right: 0;
}

/* container for additional sticky items */
#additional-sticky-bin {
  position: absolute;
  width: 100%;
  height: 0;
}

/* main header container */
#global-header {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 998;
  transform: translateZ(0);
  background: white;
  border-bottom: 1px solid #ebf0f4;
}
#global-header .header-inner {
  position: relative;
  background-color: white;
  z-index: 50;
  transition: all 0.3s ease-in-out;
}
#global-header .header-inner a {
  color: #283545;
  text-decoration: none;
}
#global-header .header-pre-canvas,
#global-header .header-canvas {
  color: #283545;
  transition: all 0.4s ease-in-out;
}
#global-header .header-pre-canvas {
  overflow: hidden;
}
#global-header .header-persistent-wrapper {
  position: relative;
  margin: 20px 0 15px;
  z-index: 20;
  transition: margin 0.4s ease 0s;
}
#global-header .header-persistent-wrapper.new {
  margin: 20px 0;
}
#global-header .header-persistent-wrapper .header-persistent-inner {
  display: flex;
  align-items: center;
}
#global-header .btn-header-search {
  display: block;
  position: relative;
  width: 30px;
  height: 31px;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  line-height: 1.8125rem;
  text-align: center;
  transition: background-color 0.2s ease 0s;
}
#global-header .btn-header-search .ico > svg {
  transition: fill 0.2s ease 0s;
}

/* Logo */
#fxcm-logo, .logo-clone {
  position: relative;
  flex: 0 1 auto;
  margin-right: 20px;
  width: 160px;
  transform: translateZ(0);
  transition: margin-bottom 0.2s ease-in-out;
}
#fxcm-logo.logo-lg, .logo-clone.logo-lg {
  width: 190px;
}

/* elements before the header */
#global-pre-header {
  position: relative;
  z-index: 10;
}

/* overlay under the header and over page content */
#global-header-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #151c25;
  opacity: 0;
  z-index: 40;
  pointer-events: none;
  transition: opacity 0.4s ease 0s, height 0s linear 0.5s;
}

/* handle breadcrumbs when nav is stuck */
body.global-header-stuck #breadcrumbs-nav {
  box-shadow: 0 2px 10px rgba(21, 28, 37, 0.04);
}

/* overrides for when navigation is open */
body.main-nav-open #main-nav-groups .nav-group.current {
  position: relative;
  opacity: 1;
  z-index: 10;
  transition: all 0.4s ease 0s;
}
body.main-nav-open #main-nav-groups .nav-group.previous {
  z-index: 1;
  transition: all 0.2s ease 0s;
}
body.main-nav-open #global-header {
  box-shadow: 0 10px 20px rgba(21, 28, 37, 0.2);
}
body.main-nav-open #global-header-overlay {
  height: 100vh;
  opacity: 0.8;
  pointer-events: auto;
  transition: opacity 0.4s ease 0s, height 0s linear 0s;
}

/* overrides when header is minimized (scrolled down) */
body.global-header-minimized #breadcrumbs-nav {
  height: 0;
  box-shadow: none;
}

/* ==========================================================================
   Responsive Styles
   ========================================================================== */
/* ------- [ DESKTOP-SPECIFIC STYLES ] ------- */
@media screen and ( min-width: 1100px ) {
  /* Logo */
  #fxcm-logo {
    opacity: 0;
    position: absolute;
    pointer-events: none;
  }
  /* Omnibar */
  #omni-nav ul li.omni-open-account, #omni-nav ul li.omni-friedberg-direct {
    transition: all 0.3s ease-in-out, opacity 0ms;
    opacity: 0;
    max-width: 0;
  }
  #omni-nav ul li.omni-open-account a, #omni-nav ul li.omni-friedberg-direct a {
    padding: 0;
    white-space: nowrap;
  }
  /* Search */
  #global-header-search-toggle a {
    background-color: rgba(40, 53, 69, 0);
  }
  #global-header-search-toggle a:hover {
    background-color: rgba(21, 28, 37, 0.1);
  }
  #global-header-search .search-form-wrapper {
    width: 0;
    opacity: 0;
  }
  #global-header-search .search-form {
    background-color: #f6f7f8;
  }
  #global-header-search .search-form .search-field {
    color: #283545;
  }
  /* Pointer Line */
  #main-nav-pointer-wrapper {
    position: relative;
    overflow: hidden;
    height: 20px;
    top: -10px;
  }
  #main-nav-pointer {
    position: absolute;
    overflow: hidden;
    transform: translateZ(0);
    height: 0;
    left: calc(-100% - 150px);
    width: calc(200% + 200px);
    transition: height 0.2s ease 0s, left 0.2s ease 0.2s;
  }
  #main-nav-pointer .main-nav-pointer-line {
    position: absolute;
    width: 100%;
    height: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  #main-nav-pointer .main-nav-pointer-line::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #0e75bd;
    height: 2px;
    width: 40px;
    top: 0;
    left: calc(50% - 20px);
  }
  /* Main nav */
  #main-nav {
    height: 56px;
  }
  #main-nav ul {
    /**
     * Special cases for certain menu items.
     * WEB-1276 - Hide 'Contact' link on desktop only
     */
  }
  #main-nav ul li a:hover, #main-nav ul li.current a {
    color: #0e75bd;
  }
  #main-nav ul.main-nav-ul {
    display: flex;
    align-items: center;
    opacity: 1;
    height: 100%;
    transition: height, opacity 0.4s ease-in-out;
  }
  #main-nav ul.main-nav-ul .main-nav-ul-inner {
    display: flex;
    align-items: center;
    flex: 1 0 auto;
    justify-content: space-between;
    height: 61px;
  }
  #main-nav ul.main-nav-ul .main-nav-ul-inner .main-menu-primary {
    display: flex;
    align-items: center;
  }
  #main-nav ul li.menu-item-contact-client-support {
    display: none;
  }
  #main-nav ul li[data-nav-rel=login] {
    display: none !important;
  }
  #main-nav-groups .nav-group {
    padding: 30px 0;
    min-height: 340px;
    transform: translate3d(0, -20%, 0);
  }
  #main-nav-groups .nav-group .nav-group-col .sub-heading {
    margin: 33px 0 13px;
  }
  #main-nav-groups .nav-group .nav-group-col ul {
    margin: 0;
  }
  #main-nav-groups .nav-group .nav-group-col ul li {
    margin-bottom: 5px;
  }
  #main-nav-groups .nav-intro {
    padding: 20px 30px 10px;
    min-height: 280px;
    background-color: rgba(21, 28, 37, 0.03);
    font-size: 1rem;
    line-height: 1.9375rem;
    font-weight: 400;
    opacity: 0.8;
  }
  #global-header .header-inner {
    height: 475px;
  }
  body.main-nav-has-default #main-nav-pointer {
    height: 7px;
  }
  body.main-nav-open #main-nav-pointer {
    height: 20px;
    transition: all 0.3s ease 0s;
  }
  body.main-nav-open #main-nav-pointer .main-nav-pointer-line::after {
    width: 50%;
  }
  body.main-nav-open #main-nav-groups .nav-group.current {
    transform: translate3d(0, 0, 0);
  }
  body.main-nav-open #main-nav-groups .nav-group.previous {
    transform: translate3d(0, 20%, 0);
  }
  body.global-search-open #main-nav ul.main-nav-ul .main-nav-ul-inner .main-menu-primary {
    display: none;
  }
  body.global-search-open #main-nav-pointer {
    height: 0;
  }
  body.global-search-open #global-header-search .search-form-wrapper {
    width: 100%;
    opacity: 1;
    transition: opacity 0.2s cubic-bezier(0.42, 0.06, 0.93, 0.72) 0s;
  }
  body.global-search-open #global-header-search-toggle a {
    opacity: 0;
  }
  body:not(.main-nav-open) #global-header .header-inner {
    overflow: hidden;
    height: 140px;
  }
  body:not(.main-nav-open) #main-nav-groups {
    height: 0 !important;
  }
  body.global-header-minimized:not(.main-nav-open) #global-header .header-inner {
    height: 72px;
  }
  body.global-header-minimized:not(.main-nav-open) .header-canvas {
    transform: translateY(-63px);
  }
  body.global-header-minimized:not(.main-nav-open) .header-canvas .main-menu-primary > :not(.logo-menu),
  body.global-header-minimized:not(.main-nav-open) .header-canvas #global-header-search {
    opacity: 0;
    pointer-events: none;
  }
  body.global-header-minimized:not(.main-nav-open) .header-canvas #main-nav-pointer-wrapper {
    opacity: 0;
  }
  body.global-header-minimized:not(.main-nav-open) #omni-nav ul li.omni-open-account, body.global-header-minimized:not(.main-nav-open) #omni-nav ul li.omni-friedberg-direct {
    opacity: 1;
    max-width: 20%;
    transition: all 0.4s ease-in-out, opacity 0s ease 0.4s;
  }
  body.global-header-minimized:not(.main-nav-open) #omni-nav ul li.omni-open-account a, body.global-header-minimized:not(.main-nav-open) #omni-nav ul li.omni-friedberg-direct a {
    padding: 8px 23px;
  }
  body.global-header-minimized:not(.main-nav-open) #global-header #fxcm-logo {
    opacity: 1;
    width: 160px;
    transition: opacity 1s cubic-bezier(1, -0.3, 0.25, 1) 0s;
    z-index: 1;
    pointer-events: all;
  }
  body.global-header-minimized:not(.main-nav-open) #global-header #fxcm-logo.logo-lg {
    width: 190px;
  }
  body.global-header-minimized:not(.main-nav-open) #global-header .logo-clone {
    opacity: 0;
    transition: opacity 0.4s ease-in-out 0.5s;
  }
  body.global-header-minimized:not(.main-nav-open) #global-header .header-persistent-wrapper {
    margin: 15px 0;
  }
  body:not(.global-header-minimized) #omni-nav ul li:nth-last-child(2) {
    padding-right: 0;
  }
  body:not(.global-header-minimized) #omni-nav ul li:last-child {
    padding-left: 0;
  }
  body:not(.global-header-minimized) .logo-clone {
    margin-bottom: 5px;
  }
  body:not(.global-header-minimized):not(.main-nav-open) #global-header .header-canvas {
    padding-bottom: 25px;
  }
  body.global-header-stuck #global-header {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.0003);
  }
}
/* ------- [ TABLET AND MOBILE-SPECIFIC STYLES ] ------- */
@media screen and ( max-width: 1099px ) {
  .header-pre-canvas #omni-nav ul li,
  #main-nav-groups .nav-intro p,
  #main-nav-pointer-wrapper {
    display: none;
  }
  #omni-nav {
    padding: 4px 0;
  }
  #omni-nav ul li.omni-open-account, #omni-nav ul li.omni-friedberg-direct {
    display: inline-block;
  }
  #omni-nav ul li.omni-open-account a, #omni-nav ul li.omni-friedberg-direct a {
    padding: 7px 15px;
  }
  #global-header-search,
  #main-nav {
    width: 300px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    margin-right: -20px;
  }
  #global-header-search {
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 15px;
    z-index: 20;
  }
  #global-header-search .search-form {
    background-color: white;
  }
  #global-header-search .search-form .search-field {
    color: #283545;
  }
  #global-header-search .search-suggestions {
    display: none;
  }
  #main-nav-mobile-toggle {
    flex: 0 0 auto;
    margin-left: 20px;
  }
  #main-nav-mobile-toggle a {
    display: block;
    position: relative;
    overflow: hidden;
    height: 20px;
    width: 25px;
    margin: 6px 0;
    padding: 9px 0;
  }
  #main-nav-mobile-toggle a .ico-main-nav-hamburger {
    display: block;
    background-color: #8799ae;
    width: 100%;
    height: 2px;
    margin: 0 auto;
    transition: width 0.2s ease 0s;
  }
  #main-nav-mobile-toggle a .ico-main-nav-hamburger::before, #main-nav-mobile-toggle a .ico-main-nav-hamburger::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background-color: inherit;
    height: 2px;
    width: 100%;
    transition: all 0.2s ease 0s;
  }
  #main-nav-mobile-toggle a .ico-main-nav-hamburger::before {
    top: 0;
    transform-origin: left bottom;
  }
  #main-nav-mobile-toggle a .ico-main-nav-hamburger::after {
    bottom: 0;
    transform-origin: left top;
  }
  #main-nav::before {
    content: "";
    position: absolute;
    top: -999px;
    right: 0;
    width: 20px;
    height: 99999px;
    box-shadow: 10px 0 10px rgba(21, 28, 37, 0.1);
  }
  #main-nav ul {
    margin: 0 -20px;
  }
  #main-nav ul li {
    padding: 0;
  }
  #main-nav ul li a {
    padding: 10px 20px;
  }
  #main-nav ul li.current a {
    background-color: rgba(21, 28, 37, 0.02);
  }
  .main-nav-ul-inner {
    display: flex;
    flex-direction: column-reverse;
  }
  #main-nav-groups {
    position: absolute;
    overflow-y: scroll;
    width: 300px;
    height: 100vh;
    top: 0;
    left: 300px;
    background-color: #f6f7f8;
  }
  #main-nav-groups .nav-intro {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #main-nav-groups .nav-intro .nav-mobile-back {
    display: flex;
    align-items: center;
  }
  #main-nav-groups .nav-intro .nav-mobile-back i {
    margin-right: 15px;
    transform: rotate(0deg);
  }
  #main-nav-groups .nav-intro .heading {
    font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
    font-size: 1.5rem;
    margin-bottom: 0px;
    white-space: nowrap;
    display: block;
  }
  #main-nav-groups .nav-group {
    overflow: hidden;
    height: 0;
    transform: translate3d(-30%, 0, 0);
  }
  #main-nav-groups .nav-group.current {
    height: auto;
  }
  #main-nav-groups .nav-group-col ul {
    margin-bottom: 12px;
  }
  #main-nav-groups .nav-group-col ul li a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #main-nav-groups .nav-group-col .sub-heading {
    margin: 8px 0 5px;
  }
  #breadcrumbs-nav .breadcrumbs-inner {
    overflow: scroll;
  }
  #breadcrumbs-nav ul {
    flex-wrap: nowrap;
  }
  #breadcrumbs-nav ul li:last-child {
    padding-right: 40px;
  }
  #global-header .header-persistent-wrapper {
    overflow: hidden;
    margin: 20px 0;
  }
  #global-header .header-persistent-wrapper.new {
    margin: 10px 0;
  }
  #global-header .header-canvas {
    position: absolute;
    width: 0;
    height: 100vh;
    right: 0;
    background-color: white;
    overflow: hidden;
    transform: translateZ(0);
    transition: all 0.4s ease 0s;
  }
  #global-header .header-canvas #omni-nav ul {
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 15px;
    border-top: 1px solid #f6f7f8;
    text-align: left;
    white-space: nowrap;
  }
  #global-header .header-canvas #omni-nav ul li {
    display: block;
  }
  #global-header .header-canvas #omni-nav ul li a {
    padding: 10px 10px;
  }
  #global-header .header-canvas #omni-nav ul li.omni-open-account, #global-header .header-canvas #omni-nav ul li.omni-friedberg-direct, #global-header .header-canvas #omni-nav ul li.omni-menu-login {
    display: none;
  }
  #fxcm-logo {
    width: 135px;
  }
  body.main-nav-open #main-nav-mobile-toggle a .ico-main-nav-hamburger {
    width: 0;
  }
  body.main-nav-open #main-nav-mobile-toggle a .ico-main-nav-hamburger::before, body.main-nav-open #main-nav-mobile-toggle a .ico-main-nav-hamburger::after {
    left: 3px;
  }
  body.main-nav-open #main-nav-mobile-toggle a .ico-main-nav-hamburger::before {
    transform: rotate(45deg);
  }
  body.main-nav-open #main-nav-mobile-toggle a .ico-main-nav-hamburger::after {
    transform: rotate(-45deg);
  }
  body.main-nav-open #main-nav-groups .nav-group.current {
    transform: translate3d(0, 0, 0);
  }
  body.main-nav-open #global-header .header-canvas {
    box-shadow: -10px 20px 20px rgba(21, 28, 37, 0.2);
    width: 300px;
  }
  body.main-nav-open #breadcrumbs-nav .breadcrumbs-inner {
    overflow: hidden;
  }
  body.main-nav-open.main-nav-group-selected #global-header .header-canvas {
    width: 600px;
  }
}
/* ------- [ MOBILE-SPECIFIC STYLES ] ------- */
@media screen and ( max-width: 599px ) {
  #main-nav-mobile-back {
    position: absolute;
    overflow: hidden;
    top: 0;
    width: 100%;
    height: 0;
    background-color: rgba(255, 255, 255, 0.05);
    right: 0;
    z-index: 20;
    cursor: pointer;
    transform: translateZ(0);
    opacity: 0;
    transition: opacity 0.4s ease 0s, right 0.4s ease 0s;
  }
  #main-nav-mobile-back > span {
    display: block;
    position: absolute;
    left: 100%;
    top: 15px;
    padding: 0 20px;
    line-height: 1.9375rem;
    white-space: nowrap;
  }
  #breadcrumbs-nav ul > li.level-2 {
    display: none;
  }
  #breadcrumbs-nav ul > li.level-1 {
    padding-left: 0 !important;
  }
  body.main-nav-group-selected #main-nav-mobile-back {
    overflow: visible;
    height: 9999px;
    opacity: 1;
    right: 300px;
  }
  body.global-header-minimized #global-header .header-persistent-wrapper {
    margin: 10px 0;
  }
}
/* ==========================================================================
   layout/_footer.scss
   ========================================================================== */
/* Base
   ========================================================================== */
footer {
  color: white;
  background-color: #121d2b;
}
footer ul {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
}
footer ul li {
  padding-left: 0;
  margin-left: 0;
}
footer ul li::before {
  content: none;
}

footer a,
footer a:visited {
  color: white;
}

#vueCountrySelect .current-site-label {
  margin-left: 0;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: white;
  color: #283545;
}
#vueCountrySelect .current-site-label::before {
  content: "";
  position: absolute;
  top: 20px;
  right: 12px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #1d2937 transparent transparent transparent;
  z-index: 100;
}
#vueCountrySelect .current-site-label.expanded::before {
  transform: rotate(180deg);
  top: 14px;
}
#vueCountrySelect .current-site-label:hover {
  color: #5b6a88;
}
#vueCountrySelect #country-select-list {
  position: absolute;
  left: -9999px;
  z-index: 9999;
  transition: opacity 0.2s ease-in-out;
  background: white;
  border-radius: 3px;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.001);
  max-width: 350px;
  width: 100%;
  max-height: 450px;
  overflow-y: scroll;
  overflow-x: hidden;
}
#vueCountrySelect #country-select-list li a {
  padding: 10px 30px;
  text-decoration: none;
  color: #283545;
}
#vueCountrySelect #country-select-list li:hover, #vueCountrySelect #country-select-list li:hover a {
  background-color: #e0e4e9;
}

/* Sitemap
   ========================================================================== */
.footer-sitemap {
  background: #1d2937;
  border-bottom: 1px solid #03080e;
  padding: 18px 0 12px;
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
  font-weight: 600;
  font-size: 0.81rem;
  color: #abc0e3;
}
.footer-sitemap > .unit {
  padding-right: 40px;
}
.footer-sitemap * {
  font-size: 13px;
  font-size: 0.81rem;
}
.footer-sitemap h3 {
  margin-top: 11px;
  font-weight: 600;
  color: #abc0e3;
  position: relative;
  margin-bottom: 12px;
}
.footer-sitemap h3::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: #020508;
  border-bottom: 1px solid #3e4c5e;
}
.footer-sitemap li {
  margin-bottom: 3px;
  padding-bottom: 0;
}
.footer-sitemap li a {
  text-decoration: none;
  display: block;
  padding: 4px 10px;
  margin-left: -10px;
  margin-right: -10px;
  transition: background-color 0.2s ease 0s;
}
.footer-sitemap li .no-link {
  padding-bottom: 3px;
  padding-top: 2px;
  display: block;
}
.footer-sitemap li a:hover {
  background-color: #283545;
}
.footer-sitemap li.tradingview-link a {
  display: inline-block;
}
.footer-sitemap li.tradingview-link a:hover {
  background-color: transparent;
}
.footer-sitemap li.no-link > a {
  text-decoration: none;
  color: inherit;
  cursor: default;
}
.footer-sitemap li.no-link > a:hover {
  background: none;
}
.footer-sitemap li.menu-item-country-select #country-select {
  background: white;
  padding: 8px 10px;
  height: 38px;
  width: 99%;
  margin-top: 7px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 0.8125rem;
  font-weight: 400;
  position: relative;
}
.footer-sitemap li.menu-item-country-select #country-select option[selected] {
  font-size: 0.8125rem;
  font-weight: 700;
}
.footer-sitemap li.menu-item-country-select #country-select::-ms-expand {
  display: none;
}
.footer-sitemap .footer-social li {
  display: inline-block;
  margin: 5px 20px 5px 0;
}
.footer-sitemap .footer-social li > a {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.footer-sitemap .footer-social li > a .ico svg {
  transition: fill 0.2s ease 0s;
}
.footer-sitemap .footer-social li > a .ico::after {
  transition: background-color 0.2s ease 0s;
}
.footer-sitemap .footer-social li > a .ico-facebook svg {
  transform: translate(0, 0.5%);
}
.footer-sitemap .footer-social li > a .ico-twitter svg {
  transform: translate(2%, 1%);
}
.footer-sitemap .footer-social li > a .ico-google-plus svg {
  transform: translate(2%, 2%);
}
.footer-sitemap .footer-social li > a .ico-youtube svg {
  transform: translate(0, 0);
}
.footer-sitemap .footer-social li > a .ico-rss svg {
  transform: translate(0, 0);
}
.footer-sitemap .footer-social li > a:hover {
  background-color: transparent;
}
.footer-sitemap .footer-social li > a:hover .ico svg {
  fill: white;
}
.footer-sitemap .footer-social li > a:hover .ico-facebook::after {
  background-color: #3b5998;
}
.footer-sitemap .footer-social li > a:hover .ico-twitter::after {
  background-color: #00aced;
}
.footer-sitemap .footer-social li > a:hover .ico-x-twitter::after {
  background-color: black;
}
.footer-sitemap .footer-social li > a:hover .ico-google-plus::after {
  background-color: #dd4b39;
}
.footer-sitemap .footer-social li > a:hover .ico-youtube::after {
  background-color: #ff0000;
}
.footer-sitemap .footer-social li > a:hover .ico-rss::after {
  background-color: #EE802F;
}
.footer-sitemap .footer-social li > a:hover .ico-instagram::after {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

/* Disclaimer
   ========================================================================== */
.disclaimer-wrapper * {
  font-size: 11px;
  font-size: 0.68rem;
}

.footer-legal {
  padding: 40px 0 10px;
  border-top: 1px solid #303a46;
}

/* Copyright
   ========================================================================== */
.copyright {
  padding: 10px 0;
  border-top: 1px solid white;
}
.copyright p {
  margin-bottom: 0;
}
.copyright ul {
  list-style: none;
  display: inline;
}
.copyright li {
  padding-right: 5px;
  display: inline;
}

.address {
  padding-bottom: 30px;
}

.default-risk-disclaimer {
  background-color: white;
}

/* ==========================================================================
   Responsive Styles
   ========================================================================== */
/* ------- [ MOBILE-SPECIFIC STYLES ] ------- */
@media screen and ( max-width: 599px ) {
  .default-risk-disclaimer {
    background-color: #f6f7f8;
    border-top: 1px solid #ebf0f4;
    padding-top: 20px;
  }
  #vueCountrySelect #country-select-list {
    max-height: 350px;
  }
}
/* ------- [ PRINT-SPECIFIC STYLES ] ------- */
@media print {
  .footer-sitemap {
    display: none;
  }
}
/* ==========================================================================
   layout/_search.scss
   ========================================================================== */
/* form */
.search-results-content {
  margin-bottom: 0;
  /* search suggestions */
}
.search-results-content .search-form {
  position: relative;
  border: 3px solid #ebf0f4;
  transition: border-color 0.25s ease 0s;
  margin-bottom: 5px;
}
.search-results-content .search-form > .search-field {
  font-size: 1.125rem;
  line-height: 1.6875rem;
  font-weight: 600;
  color: #283545;
  border: none;
  background-color: white;
  height: 50px;
  width: calc(100% - 50px);
  padding: 1px 1px 3px 20px;
}
.search-results-content .search-form > .search-field::-moz-placeholder {
  color: #0c51a3;
  opacity: 1;
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
  font-weight: 400;
  -moz-transition: all 0.25s ease 0s;
  transition: all 0.25s ease 0s;
}
.search-results-content .search-form > .search-field::placeholder {
  color: #0c51a3;
  opacity: 1;
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
  font-weight: 400;
  transition: all 0.25s ease 0s;
}
.search-results-content .search-form > .search-field:focus::-moz-placeholder {
  color: #b2bfd0 !important;
  text-indent: 5px;
}
.search-results-content .search-form > .search-field:focus::placeholder {
  color: #b2bfd0 !important;
  text-indent: 5px;
}
.search-results-content .search-form.has-focus, .search-results-content .search-form.has-value {
  border-color: #0c51a3;
}
.search-results-content .results-found {
  margin-bottom: 40px;
  display: inline-block;
  font-size: 13px;
  padding-left: 22px;
}
.search-results-content .search-suggestions {
  display: none;
}

/* ==========================================================================
   Responsive Styles
   ========================================================================== */
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .smart-toggle-tabs.tab-bg li > a.toggle .ico {
    margin-right: 15px;
  }
}
@media screen and ( max-width: 599px ) {
  /* on-search-page form */
  #mc .search-form {
    border-width: 2px;
  }
  #mc .search-form > .search-field {
    font-size: 0.875rem;
    line-height: 1.4375rem;
    height: 40px;
    width: 100%;
    padding: 1px 1px 3px 10px;
  }
  #mc .search-form > .search-submit {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
  }
  #mc .search-form .results-found {
    margin-bottom: 30px;
  }
}
/* ==========================================================================
   spacious/_spacious.scss
   ========================================================================== */
.spacious #main-post-content, .spacious .additional-row {
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
  font-size: 1rem;
  line-height: 1.875rem;
}
.spacious #main-post-content h2, .spacious #main-post-content .h2, .spacious .additional-row h2, .spacious .additional-row .h2 {
  font-size: 3.125rem;
  line-height: 3.75rem;
  margin-bottom: 25px;
}
.spacious #main-post-content h3, .spacious .additional-row h3 {
  font-size: 1.3125rem;
  font-weight: 600;
  margin-bottom: 15px;
}
.spacious #main-post-content p.lead-in, .spacious .additional-row p.lead-in {
  font-size: 1.3125rem;
  line-height: 2.25rem;
}

/* Query Specific Styles
   ========================================================================== */
@media screen and ( min-width: 1100px ) {
  .spacious #main-post-content {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .spacious .additional-row {
    padding-top: 60px;
    padding-bottom: 40px;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .spacious #main-post-content h2, .spacious #main-post-content .h2, .spacious .additional-row h2, .spacious .additional-row .h2 {
    font-size: 2.5rem;
    line-height: 3.25rem;
    margin-bottom: 15px;
  }
  .spacious #main-post-content p.lead-in, .spacious .additional-row p.lead-in {
    font-size: 1.125rem;
  }
}
@media screen and ( max-width: 599px ) {
  .spacious #main-post-content {
    margin-top: -10px;
  }
  .spacious .additional-row {
    padding-top: 30px;
  }
  .spacious #main-post-content h2, .spacious #main-post-content .h2, .spacious .additional-row h2, .spacious .additional-row .h2 {
    font-size: 1.875rem;
    line-height: 2.5rem;
    margin-bottom: 15px;
  }
  .spacious #main-post-content h3, .spacious .additional-row h3 {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: 10px;
  }
  .spacious #main-post-content p.lead-in, .spacious .additional-row p.lead-in {
    font-size: 1rem;
    line-height: 1.875rem;
  }
}
/* ==========================================================================
   layout/_nav3-nav4.scss
   ========================================================================== */
/* NAV3
   ========================================================================== */
.grid-container .nav3 ul {
  margin-left: 0;
  margin-right: 0;
  /* NAV3 LEFT
  ========================================================================== */
}
.grid-container .nav3 ul li {
  margin: 0;
  padding: 0;
}
.grid-container .nav3 ul li::before {
  display: none;
}
.grid-container .nav3 ul li > a {
  display: block;
  text-decoration: none;
  transition: background-color 0.2s ease 0s;
}
.grid-container .nav3 ul.nav3-aside {
  border-bottom: 3px solid #b2bfd0;
}
.grid-container .nav3 ul.nav3-aside li {
  border-top: 1px solid #b2bfd0;
}
.grid-container .nav3 ul.nav3-aside li > a {
  padding: 14px 20px 15px 0;
  font-size: 0.875rem;
  font-weight: 600;
}
.grid-container .nav3 ul.nav3-aside li > a > .ico {
  position: absolute;
  left: 0;
  top: 20px;
}
.grid-container .nav3 ul.nav3-aside li > a > .ico > svg {
  fill: #0c51a3;
}
.grid-container .nav3 ul.nav3-aside li.menu-item-has-children > ul {
  display: none;
}
.grid-container .nav3 ul.nav3-aside li.current-menu-ancestor > ul {
  display: block;
}
.grid-container .nav3 ul.nav3-aside li.current-menu-item > a, .grid-container .nav3 ul.nav3-aside li > a:hover {
  color: #283545;
}
.grid-container .nav3 ul.nav3-aside li.current-menu-item > a > .ico > svg, .grid-container .nav3 ul.nav3-aside li > a:hover > .ico > svg {
  fill: #283545;
}
.grid-container .nav3 ul.nav3-aside li.current-menu-item:not(.menu-item-has-children) > a {
  font-weight: 700;
}
.grid-container .nav3 ul.nav3-aside .nav3-subnav {
  margin: 0;
}
.grid-container .nav3 ul.nav3-aside .nav3-subnav li > a {
  padding-left: 40px;
}
.grid-container .nav3 ul.nav3-aside .nav3-subnav li > a > .ico {
  left: 15px;
}

/* NAV4
   ========================================================================== */
.nav4 {
  /* NAV4 META
     ========================================================================== */
}
.nav4 ul {
  padding-left: 0;
  margin-left: 0;
}
.nav4 ul > li {
  margin: 0;
  padding: 0;
}
.nav4 ul > li::before {
  display: none;
}
.nav4 ul.nav4-resources {
  display: none;
}
.nav4 .nav4-meta {
  display: inline-block;
  background-color: #ebf0f4;
  margin-bottom: 20px;
  padding: 7px 10px;
  border-radius: 5px;
}
.nav4 .nav4-meta ul {
  display: flex;
  margin: 0;
}
.nav4 .nav4-meta ul > li {
  padding: 0 10px 1px;
  border-right: 1px solid #5b6a88;
  flex: 0 0 auto;
}
.nav4 .nav4-meta ul > li > a {
  display: block;
  color: #283545;
  font-size: 0.6875rem;
  line-height: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
}
.nav4 .nav4-meta ul > li > a:hover {
  color: #0c51a3;
  text-decoration: underline;
}
.nav4 .nav4-meta ul > li:first-child {
  padding-left: 0;
}
.nav4 .nav4-meta ul > li:last-child {
  padding-right: 0;
  border: none;
}

/* ==========================================================================
   Responsive Styles
   ========================================================================== */
@media screen and ( max-width: 1099px ) {
  .grid-container:not(.nanorep) .nav3 ul {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0 0 30px;
    border: none;
    background-color: #5b6a88;
  }
  .grid-container:not(.nanorep) .nav3 ul li {
    margin-top: -45px;
    width: 100%;
    padding: 0;
    border: none;
    transition: margin-top 0.375s ease 0s;
  }
  .grid-container:not(.nanorep) .nav3 ul li > a {
    color: white;
    background-color: transparent;
    font-size: 1rem;
    line-height: 1.5625rem;
    font-weight: 400;
    padding: 10px 10px 10px 45px;
    text-align: left;
    border: none;
  }
  .grid-container:not(.nanorep) .nav3 ul li > a > .ico {
    opacity: 0;
    transition: opacity 0.2s ease 0s;
  }
  .grid-container:not(.nanorep) .nav3 ul li > a:hover, .grid-container:not(.nanorep) .nav3 ul li > a:active {
    background-color: transparent;
    color: white;
  }
  .grid-container:not(.nanorep) .nav3 ul li.menu-item-has-children > ul {
    display: block;
  }
  .grid-container:not(.nanorep) .nav3 ul li.menu-item-has-children > a > .ico {
    left: 20px;
    top: 18px;
  }
  .grid-container:not(.nanorep) .nav3 ul li.menu-item-has-children > a > .ico > svg {
    fill: white;
  }
  .grid-container:not(.nanorep) .nav3 ul li.open {
    margin-top: 0;
  }
  .grid-container:not(.nanorep) .nav3 ul li.open > a > .ico {
    opacity: 1;
  }
  .grid-container:not(.nanorep) .nav3 ul li.current-menu-item, .grid-container:not(.nanorep) .nav3 ul li.current-menu-ancestor {
    z-index: 5;
  }
  .grid-container:not(.nanorep) .nav3 ul li.current-menu-item > a, .grid-container:not(.nanorep) .nav3 ul li.current-menu-ancestor > a {
    background-color: #283545;
    color: white;
    font-weight: 600 !important;
  }
  .grid-container:not(.nanorep) .nav3 ul li.nav3-selector {
    margin-top: 0;
  }
  .grid-container:not(.nanorep) .nav3 ul li.nav3-selector::before {
    content: "+";
    display: block;
    position: absolute;
    top: 6px;
    left: 9px;
    width: 30px;
    height: 30px;
    font-size: 1.875rem;
    line-height: 1.8125rem;
    font-weight: 600;
    color: white;
    text-align: center;
    z-index: 10;
    transition: all 0.4s ease 0s;
  }
  .grid-container:not(.nanorep) .nav3 ul li.nav3-selector::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
  }
  .grid-container:not(.nanorep) .nav3 ul li.nav3-selector > a {
    background-color: #b2bfd0;
    color: #5b6a88;
  }
  .grid-container:not(.nanorep) .nav3 ul li.nav3-selector.open::before {
    color: #5b6a88;
    transform: rotate(45deg);
  }
  .grid-container:not(.nanorep) .nav3 ul .nav3-subnav {
    background-color: #515e79;
    box-shadow: inset 0 4px 5px -4px rgba(0, 0, 0, 0.25);
  }
  .grid-container:not(.nanorep) .nav3 ul .nav3-subnav li > a {
    padding-left: 20px;
  }
  .grid-container:not(.nanorep) .nav3 ul .nav3-subnav.open li.current-menu-item > a {
    background-color: rgba(0, 0, 0, 0.1);
    padding-left: 45px;
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 400;
  }
  .grid-container.nanorep .nav3 ul {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0 0 30px;
    border: none;
    background-color: #5b6a88;
  }
  .grid-container.nanorep .nav3 ul li {
    margin-top: 0;
    width: 100%;
    padding: 0;
    border: none;
    transition: margin-top 0.375s ease 0s;
  }
  .grid-container.nanorep .nav3 ul li > a {
    color: white;
    background-color: transparent;
    font-size: 1rem;
    line-height: 1.5625rem;
    font-weight: 400;
    padding: 10px 10px 10px 45px;
    text-align: left;
    border: none;
  }
  .grid-container.nanorep .nav3 ul li > a > .ico {
    opacity: 0;
    transition: opacity 0.2s ease 0s;
  }
  .grid-container.nanorep .nav3 ul li > a:hover, .grid-container.nanorep .nav3 ul li > a:active {
    background-color: transparent;
    color: white;
  }
  .grid-container.nanorep .nav3 ul li.menu-item-has-children > ul {
    display: block;
  }
  .grid-container.nanorep .nav3 ul li.menu-item-has-children > a > .ico {
    left: 20px;
    top: 18px;
  }
  .grid-container.nanorep .nav3 ul li.menu-item-has-children > a > .ico > svg {
    fill: white;
  }
  .grid-container.nanorep .nav3 ul li.open {
    margin-top: 0;
  }
  .grid-container.nanorep .nav3 ul li.open > a > .ico {
    opacity: 1;
  }
  .grid-container.nanorep .nav3 ul li.current-menu-item, .grid-container.nanorep .nav3 ul li.current-menu-ancestor {
    z-index: 5;
  }
  .grid-container.nanorep .nav3 ul li.current-menu-item > a, .grid-container.nanorep .nav3 ul li.current-menu-ancestor > a {
    background-color: #283545;
    color: white;
    font-weight: 600 !important;
  }
  .grid-container.nanorep .nav3 ul li.nav3-link {
    display: none;
  }
  .grid-container.nanorep .nav3 ul li.nav3-link.open {
    display: block;
  }
  .grid-container.nanorep .nav3 ul li.nav3-selector {
    margin-top: 0;
  }
  .grid-container.nanorep .nav3 ul li.nav3-selector::before {
    content: "+";
    display: block;
    position: absolute;
    top: 7px;
    left: 10px;
    width: 30px;
    height: 30px;
    font-size: 1.875rem;
    line-height: 1.8125rem;
    font-weight: 600;
    color: white;
    text-align: center;
    z-index: 10;
    transition: all 0.4s ease 0s;
  }
  .grid-container.nanorep .nav3 ul li.nav3-selector::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
  }
  .grid-container.nanorep .nav3 ul li.nav3-selector > a {
    background-color: #b2bfd0;
    color: white;
  }
  .grid-container.nanorep .nav3 ul li.nav3-selector.open::before {
    color: white;
    transform: rotate(45deg);
  }
  .grid-container.nanorep .nav3 ul .nav3-subnav {
    background-color: #515e79;
    box-shadow: inset 0 4px 5px -4px rgba(0, 0, 0, 0.25);
    display: none;
    margin: 0;
  }
  .grid-container.nanorep .nav3 ul .nav3-subnav li > a {
    padding-left: 20px;
  }
  .grid-container.nanorep .nav3 ul .nav3-subnav.open {
    display: block;
    margin: 0 0 30px;
  }
  .grid-container.nanorep .nav3 ul .nav3-subnav.open li {
    margin-top: 0;
    display: block;
  }
  .grid-container.nanorep .nav3 ul .nav3-subnav.open li.current-menu-item > a {
    background-color: rgba(0, 0, 0, 0.1);
    padding-left: 45px;
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 400;
  }
  /* NAV4
    ========================================================================== */
  .nav4 {
    /* NAV4 MORE RESOURCES
      ========================================================================== */
  }
  .nav4 ul.nav4-resources {
    display: block;
    margin-left: 0;
    padding: 0;
    border-top: 1px solid #0c51a3;
  }
  .nav4 ul.nav4-resources li {
    margin-top: -45px;
    padding: 0;
    border-bottom: 1px solid #0c51a3;
    opacity: 0;
    transition: all 0.375s ease 0s;
  }
  .nav4 ul.nav4-resources li::before {
    display: none;
  }
  .nav4 ul.nav4-resources li a {
    font-size: 0.9375rem;
    line-height: 1.25rem;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    padding: 12px 15px 12px 60px;
    display: block;
  }
  .nav4 ul.nav4-resources li:first-child {
    margin-top: 0;
    background-color: white;
    opacity: 1;
    z-index: 5;
  }
  .nav4 ul.nav4-resources li:first-child::before {
    content: "";
    background-color: #0c51a3;
    width: 45px;
    height: 45px;
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
  }
  .nav4 ul.nav4-resources li:first-child a {
    font-weight: 600;
  }
  .nav4 ul.nav4-resources li:first-child a::before {
    content: "+";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    font-size: 1.875rem;
    line-height: 2.5625rem;
    font-weight: 600;
    color: white;
    text-align: center;
    z-index: 10;
    transition: all 0.4s ease 0s;
  }
  .nav4 ul.nav4-resources li:first-child a.open::before {
    opacity: 0.5;
    transform: rotate(45deg);
  }
  .nav4 ul.nav4-resources.open li {
    margin-top: 0;
    opacity: 1;
  }
}
/* ==========================================================================
   Page Templates
   ========================================================================== */
/* ==========================================================================
   templates/_article.scss
   ========================================================================== */
article .pagination {
  padding-top: 30px;
  text-align: right;
  font-size: 11px;
}
article .pagination a {
  padding: 0 2px;
  color: #283545;
  text-transform: uppercase;
}
article .pagination .link {
  display: inline-block;
  margin-left: 6px;
  padding-left: 10px;
  min-height: 1px;
  padding-right: 0;
}
article .pagination .link:first-child {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}
article .pagination.has-border .next {
  border-left: 1px solid black;
}

/* ==========================================================================
   Responsive Styles
   ========================================================================== */
/* Mobile/Tablet
   ========================================================================== */
@media screen and ( max-width: 1099px ) {
  article .pagination {
    padding-top: 0;
    margin-top: 15px;
  }
  article .pagination span a {
    padding: 0;
    display: block;
  }
  article .pagination span.previous {
    text-align: left;
  }
  article .pagination span.next {
    text-align: right;
  }
  article .pagination span:first-child.next {
    text-align: left;
  }
  article .pagination .link {
    margin-left: 0;
    border-left: none;
  }
}
/* ==========================================================================
   Experts Page Specific Styles
   ========================================================================== */
/* Default Styles
   ========================================================================== */
.single-expert .mainContent {
  padding-top: 0 !important;
}
.single-expert .mainContent .expert-hero {
  background-color: #5b6a88;
  color: white;
  font-size: 1rem;
  line-height: 1.6875rem;
  font-weight: 400;
  padding: 40px 0;
}
.single-expert .mainContent .expert-hero .hero-content-wrapper {
  min-height: calc(200px - 75px);
}
.single-expert .mainContent .expert-hero h1 {
  font-size: 3.125rem;
  line-height: 4.5rem;
  text-shadow: 0 1px 1px rgba(40, 53, 69, 0.5);
  margin-bottom: 5px;
}
.single-expert .mainContent .expert-hero .lead-in {
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
  text-shadow: 0 1px 1px rgba(40, 53, 69, 0.5);
  margin-bottom: 0;
}
.single-expert .mainContent .expert-hero .social-links > a {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.single-expert .mainContent .expert-hero .social-links > a .ico svg {
  position: relative;
  transition: fill 0.2s ease 0s;
}
.single-expert .mainContent .expert-hero .social-links > a .ico::after {
  transition: background-color 0.2s ease 0s;
}
.single-expert .mainContent .expert-hero .social-links > a .ico-facebook svg {
  transform: translate(0, 0.5%);
}
.single-expert .mainContent .expert-hero .social-links > a .ico-twitter svg {
  transform: translate(2%, 1%);
}
.single-expert .mainContent .expert-hero .social-links > a .ico-youtube svg {
  transform: translate(0, 0);
}
.single-expert .mainContent .expert-hero .social-links > a:hover {
  background-color: transparent;
}
.single-expert .mainContent .expert-hero .social-links > a:hover .ico svg {
  fill: white;
}
.single-expert .mainContent .expert-hero .social-links > a:hover .ico-facebook::after {
  background-color: #3b5998;
}
.single-expert .mainContent .expert-hero .social-links > a:hover .ico-twitter::after {
  background-color: #00aced;
}
.single-expert .mainContent .expert-hero .social-links > a:hover .ico-youtube::after {
  background-color: #ff0000;
}
.single-expert .mainContent .expert-hero + .hero-spacer {
  height: 40px;
}

/* ==========================================================================
   Insight Specific Styles
   ========================================================================== */
/* New Styles
   ========================================================================== */
.single-insight .single-insight-content p, .single-insight .single-insight-content h1, .single-insight .single-insight-content h2, .single-insight .single-insight-content h3, .single-insight .single-insight-content h4, .single-insight .single-insight-content h5, .single-insight .single-insight-content h6, .single-insight .single-insight-content ul, .single-insight .single-insight-content ol, .single-insight .single-insight-content table, .single-insight .single-insight-content .embedded-chart {
  margin-bottom: 0;
  text-transform: none;
}
.single-insight .single-insight-content,
.single-insight .single-insight-content ul li,
.single-insight .single-insight-content ol li {
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
}
.single-insight .single-insight-content .insight-main-content,
.single-insight .single-insight-content .insight-main-content ul li,
.single-insight .single-insight-content .insight-main-content ol li {
  font-size: 1.125rem;
  line-height: 2rem;
}
.single-insight .single-insight-content .insight-main-content p,
.single-insight .single-insight-content .insight-main-content ul,
.single-insight .single-insight-content .insight-main-content ol,
.single-insight .single-insight-content .insight-main-content table,
.single-insight .single-insight-content .insight-main-content .embedded-chart {
  margin-top: 30px;
}
.single-insight .single-insight-content .insight-main-content h2 + p,
.single-insight .single-insight-content .insight-main-content h3 + p {
  margin-top: 20px;
}
.single-insight .single-insight-content .insight-main-content p + h2,
.single-insight .single-insight-content .insight-main-content ul + h2,
.single-insight .single-insight-content .insight-main-content ol + h2,
.single-insight .single-insight-content .insight-main-content .embedded-chart + h2 {
  margin-top: 65px;
}
.single-insight .single-insight-content .insight-main-content p + h3,
.single-insight .single-insight-content .insight-main-content ul + h3,
.single-insight .single-insight-content .insight-main-content ol + h3 {
  margin-top: 35px;
}
.single-insight .single-insight-content .insight-main-content h1 {
  font-size: 2.75rem;
  line-height: 3.375rem;
  margin-top: 10px;
}
.single-insight .single-insight-content .insight-main-content h2 {
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.625rem;
  margin-top: 20px;
}
.single-insight .single-insight-content .insight-main-content h3 {
  font-weight: 600;
  font-size: 1.5625rem;
  line-height: 2.3125rem;
  margin-top: 20px;
  text-transform: none;
}
.single-insight .insight-top-content .insight-category {
  display: inline-block;
  font-size: 0.9375rem;
  font-weight: 700;
  color: fxcm-color-v2("coral");
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
}
.single-insight .insight-top-content .author {
  font-size: 0.9375rem;
  color: fxcm-color-v2("grey");
  display: flex;
  align-items: center;
  margin-top: 25px;
}
.single-insight .insight-top-content .author .author-link {
  -webkit-margin-end: 15px;
          margin-inline-end: 15px;
  flex: 0 0 auto;
}
.single-insight .insight-top-content .author .author-avatar {
  border-radius: 50%;
}
.single-insight .insight-top-content .author a {
  color: fxcm-color-v2("dark");
  text-decoration: none;
}
.single-insight .insight-top-content .author a:hover {
  text-decoration: underline;
}
.single-insight .insight-top-content .author .dash-divider {
  margin: 0 7px;
}
.single-insight .insight-top-content .author time {
  font-size: 0.8125rem;
  text-transform: uppercase;
  font-weight: 600;
}
.single-insight .insight-top-content .author time svg {
  width: 13px;
  fill: fxcm-color-v2("grey");
  margin: 0px 2px 0px 3px;
}
.single-insight .insight-top-content .post-tags {
  display: flex;
}
.single-insight .insight-top-content .post-tags li a, .single-insight .insight-top-content .post-tags li span {
  font-size: 0.6875rem;
  color: fxcm-color-v2("blue");
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 3px;
  border: 1px solid;
  padding: 3px 10px;
  letter-spacing: 0.5px;
  transition: all 0.2s ease-in-out;
}
.single-insight .insight-top-content .post-tags li a:hover, .single-insight .insight-top-content .post-tags li span:hover {
  color: fxcm-color-v2("coral");
}
.single-insight .insight-top-content .post-tags li:not(:first-child) {
  margin-left: 15px;
}
.single-insight .insight-top-content .featured-img-wrapper {
  margin-top: 30px;
}
.single-insight .insight-top-content .featured-img-wrapper img {
  border-radius: 4px;
}
.single-insight .insight-body-content {
  margin-top: 40px;
}
.single-insight .insight-body-content #table-of-contents h4 {
  font-size: 1.5rem;
  font-weight: 600;
  text-transform: none;
  margin: 0;
}
.single-insight .insight-body-content #table-of-contents ul {
  margin-top: 15px;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.single-insight .insight-body-content #table-of-contents ul li {
  padding-bottom: 5px;
  -webkit-padding-start: 10px;
          padding-inline-start: 10px;
}
.single-insight .insight-body-content #table-of-contents ul li a {
  font-size: 1rem;
  color: #283545;
  text-decoration: underline;
}
.single-insight .insight-body-content #table-of-contents ul li a:hover {
  text-decoration: none;
}
.single-insight .insight-body-content #table-of-contents ul li:before {
  content: "●";
  font-size: 80%;
}
.single-insight .insight-body-content #table-of-contents ul ul {
  margin-top: 10px;
}
.single-insight .insight-body-content .share-this-post {
  margin-top: 50px;
}
.single-insight .insight-body-content .social-sharing a.ss-button-facebook,
.single-insight .insight-body-content .social-sharing a.ss-button-twitter,
.single-insight .insight-body-content .social-sharing a.ss-button-linkedin,
.single-insight .insight-body-content .social-sharing a.ss-button-pinterest,
.single-insight .insight-body-content .social-sharing a.ss-button-xing,
.single-insight .insight-body-content .social-sharing a.ss-button-reddit {
  background-image: url(https://media.fxcm.com/fxpress/fxcmcom/base/insight/socialshare-fxcm.png);
  transition: all 0.2s;
  border-radius: 3px;
  width: 100%;
  max-width: 240px;
  height: 40px;
}
.single-insight .insight-body-content .social-sharing a.ss-button-facebook:hover,
.single-insight .insight-body-content .social-sharing a.ss-button-twitter:hover,
.single-insight .insight-body-content .social-sharing a.ss-button-linkedin:hover,
.single-insight .insight-body-content .social-sharing a.ss-button-pinterest:hover,
.single-insight .insight-body-content .social-sharing a.ss-button-xing:hover,
.single-insight .insight-body-content .social-sharing a.ss-button-reddit:hover {
  opacity: 0.8;
}
.single-insight .insight-body-content .social-sharing a.ss-button-facebook {
  background-color: #1a6dd4;
  background-position: 75px 10px;
}
.single-insight .insight-body-content .social-sharing a.ss-button-twitter {
  background-color: #55acef;
  background-position: 75px -46px;
}
.single-insight .insight-body-content .social-sharing a.ss-button-linkedin {
  background-color: #006699;
  background-position: 78px -108px;
}
.single-insight .insight-body-content .bio-block {
  display: flex;
  position: relative;
  font-size: 1rem;
  line-height: 1.8125rem;
  border-radius: 6px;
  margin-top: 65px;
  background: fxcm-color-v2("grey-lighter");
  padding: 40px 35px 30px;
}
.single-insight .insight-body-content .bio-block .bio-avatar-wrapper {
  width: 100%;
  -webkit-margin-end: 35px;
          margin-inline-end: 35px;
  max-width: 80px;
}
.single-insight .insight-body-content .bio-block .bio-avatar-wrapper .bio-avatar {
  border-radius: 50%;
  padding: 4px;
  max-width: 80px;
  border: 3px solid fxcm-color-v2("coral");
}
.single-insight .insight-body-content .bio-block h4 {
  font-size: 1.375rem;
  line-height: 1.75rem;
  font-weight: 600;
}
.single-insight .insight-body-content .bio-block h4 a {
  color: fxcm-color-v2("coral");
  text-decoration: none;
}
.single-insight .insight-body-content .bio-block h5 {
  color: fxcm-color-v2("grey");
  margin-top: 5px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.single-insight .insight-body-content .bio-block .bio-description {
  margin-top: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: 5.8em;
  -webkit-line-clamp: 3;
}
.single-insight .insight-body-content .bio-block p {
  margin-top: 0px;
}
.single-insight .insight-body-content .bio-block .view-profile {
  display: block;
  margin-top: 10px;
  font-size: 0.875rem;
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.single-insight .insight-body-content #footnotes {
  margin-top: 70px;
}
.single-insight .insight-body-content #footnotes table, .single-insight .insight-body-content #footnotes p {
  margin-top: 10px;
  font-size: 1rem;
  line-height: 1.8125rem;
}
.single-insight .insight-sidebar-content .insight-category-tag-recent-featured-articles .sidebar-heading {
  font-size: 1.125rem;
  color: fxcm-color-v2("blue");
  text-transform: uppercase;
  letter-spacing: 1px;
}
.single-insight .insight-sidebar-content .insight-category-tag-recent-featured-articles .sidebar-list li {
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: flex;
  padding-top: 20px;
}
.single-insight .insight-sidebar-content .insight-category-tag-recent-featured-articles .sidebar-list li:not(:first-child) {
  margin-top: 5px;
}
.single-insight .insight-sidebar-content .insight-category-tag-recent-featured-articles .sidebar-list li .related-info {
  width: 100%;
}
.single-insight .insight-sidebar-content .insight-category-tag-recent-featured-articles .sidebar-list li .primary-info {
  display: flex;
  align-items: center;
}
.single-insight .insight-sidebar-content .insight-category-tag-recent-featured-articles .sidebar-list li .primary-info .title {
  color: fxcm-color-v2("dark");
  text-decoration: none;
  font-weight: 700;
  display: block;
}
.single-insight .insight-sidebar-content .insight-category-tag-recent-featured-articles .sidebar-list li .primary-info .thumbnail {
  flex: 0 0 auto;
  border-radius: 2px;
  -webkit-margin-start: 10px;
          margin-inline-start: 10px;
}
.single-insight .insight-sidebar-content .insight-category-tag-recent-featured-articles .sidebar-list li .secondary-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  color: fxcm-color-v2("coral");
}
.single-insight .insight-sidebar-content .insight-category-tag-recent-featured-articles .sidebar-list li .secondary-info .related-category {
  font-size: 0.8125rem;
  line-height: 1.25rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.single-insight .insight-sidebar-content .insight-category-tag-recent-featured-articles .sidebar-list li .secondary-info .post-date {
  color: fxcm-color-v2("grey");
  font-weight: 600;
}
.single-insight .insight-sidebar-content .sidebar-video-block {
  margin-top: 70px;
  font-size: 1rem;
  line-height: 1.6875rem;
  background: fxcm-color-v2("grey-lighter");
  border-radius: 3px;
  overflow: hidden;
}
.single-insight .insight-sidebar-content .sidebar-video-block .youtube-wrapper {
  margin-top: -5px;
}
.single-insight .insight-sidebar-content .sidebar-video-block .content {
  padding: 15px 30px 25px;
}
.single-insight .insight-sidebar-content .sidebar-video-block time {
  display: block;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: fxcm-color-v2("coral");
  text-transform: uppercase;
}
.single-insight .insight-sidebar-content .sidebar-video-block .title {
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 2rem;
  margin-top: 5px;
}
.single-insight .insight-sidebar-content .sidebar-video-block .description {
  margin-top: 10px;
}
.single-insight #popular-articles {
  padding-top: 60px;
  padding-bottom: 60px;
}
.single-insight #popular-articles .popular-article {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  margin-top: 35px;
  background: fxcm-color-v2("grey-lighter");
  padding: 25px 25px 25px;
  border-radius: 6px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  transition: all 0.2s;
}
.single-insight #popular-articles .popular-article:hover {
  transform: translateY(-8px);
  box-shadow: 0 4.5px 3.6px rgba(0, 0, 0, 0.007), 0 12.5px 10px rgba(0, 0, 0, 0.01), 0 30.1px 24.1px rgba(0, 0, 0, 0.013), 0 100px 80px rgba(0, 0, 0, 0.02);
}
.single-insight #popular-articles .popular-article .category {
  font-size: 0.8125rem;
  line-height: 1.25rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: fxcm-color-v2("coral");
}
.single-insight #popular-articles .popular-article .title {
  font-size: 1.1875rem;
  line-height: 1.75rem;
  margin-top: 10px;
  font-weight: 700;
}
.single-insight #popular-articles .popular-article .excerpt {
  margin-top: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: 5em;
  -webkit-line-clamp: 3;
}
.single-insight #popular-articles .popular-article .article-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.single-insight #popular-articles .popular-article .article-info .author {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.single-insight #popular-articles .popular-article .article-info .author .avatar {
  border-radius: 50%;
}
.single-insight #popular-articles .popular-article .article-info .author .author-name {
  font-size: 0.875rem;
  -webkit-margin-start: 12px;
          margin-inline-start: 12px;
  font-weight: 600;
}
.single-insight #popular-articles .popular-article .article-info time {
  text-transform: uppercase;
  font-weight: 700;
  color: fxcm-color-v2("grey");
  font-size: 0.875rem;
}
.single-insight .fxcm-carousel .glide__track {
  box-shadow: none;
}
.single-insight .fxcm-carousel .glide__arrow {
  height: 42px;
}
.single-insight .fxcm-carousel .glide__arrow:before, .single-insight .fxcm-carousel .glide__arrow:after {
  width: 3px;
  height: 48%;
}
.single-insight .fxcm-carousel .glide__bullets {
  padding-top: 40px;
}

@media screen and ( min-width: 1100px ) {
  .single-insight .insight-top-content .author .name-time {
    display: flex;
  }
  .single-insight .insight-sidebar-content {
    position: relative;
    left: 5%;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .single-insight .single-insight-content .insight-main-content h1 {
    font-size: 2.4375rem;
    line-height: 3.125rem;
  }
}
@media screen and ( max-width: 599px ) {
  .single-insight .single-insight-content .insight-main-content h1 {
    font-size: 2.125rem;
    line-height: 2.625rem;
  }
  .single-insight .single-insight-content .insight-main-content p,
  .single-insight .single-insight-content .insight-main-content ul,
  .single-insight .single-insight-content .insight-main-content ol,
  .single-insight .single-insight-content .insight-main-content table {
    margin-top: 20px;
  }
  .single-insight .single-insight-content .insight-main-content p + h2,
  .single-insight .single-insight-content .insight-main-content ul + h2,
  .single-insight .single-insight-content .insight-main-content ol + h2 {
    margin-top: 40px;
  }
  .single-insight .insight-body-content .bio-block {
    display: block;
    font-size: 1rem;
    line-height: 1.8125rem;
    padding: 30px 30px;
  }
  .single-insight .insight-body-content .bio-block h4 {
    margin-top: 20px;
  }
  .single-insight .insight-body-content .bio-block .bio-description {
    height: 13em;
    -webkit-line-clamp: 7;
  }
  .single-insight .insight-body-content .bio-block p {
    margin-top: 0;
  }
  .single-insight .insight-body-content .bio-block .view-profile {
    margin-top: 20px;
  }
}
@media screen and ( max-width: 1099px ) {
  .single-insight .insight-top-content .author .names {
    line-height: 1.5625rem;
  }
  .single-insight .insight-body-content .social-sharing {
    margin-top: 50px;
  }
  .single-insight .insight-body-content .social-sharing a.ss-button-facebook,
  .single-insight .insight-body-content .social-sharing a.ss-button-twitter,
  .single-insight .insight-body-content .social-sharing a.ss-button-linkedin,
  .single-insight .insight-body-content .social-sharing a.ss-button-pinterest,
  .single-insight .insight-body-content .social-sharing a.ss-button-xing,
  .single-insight .insight-body-content .social-sharing a.ss-button-reddit {
    max-width: 50px;
    -webkit-margin-end: 10px;
            margin-inline-end: 10px;
  }
  .single-insight .insight-body-content .social-sharing a.ss-button-facebook {
    background-position: 20px -184px;
  }
  .single-insight .insight-body-content .social-sharing a.ss-button-twitter {
    background-position: 18px -228px;
  }
  .single-insight .insight-body-content .social-sharing a.ss-button-linkedin {
    background-position: 18px -272px;
  }
  .single-insight .insight-sidebar-content {
    margin-top: 50px;
  }
}
/* Default Styles
   ========================================================================== */
.page-template-template-top-banner .insights-hero {
  background-color: #5b6a88;
  color: white;
  font-size: 1rem;
  line-height: 1.6875rem;
  font-weight: 400;
}
.page-template-template-top-banner .insights-hero .hero-bg-wrapper {
  width: 100%;
}
.page-template-template-top-banner .insights-hero .hero-bg-wrapper img {
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  opacity: 0.5;
}
.page-template-template-top-banner .insights-hero .hero-bg-wrapper:not(.hero-img-no-blur) img {
  filter: blur(8px);
}
.page-template-template-top-banner .insights-hero .hero-content-wrapper {
  min-height: calc(200px - 75px);
}
.page-template-template-top-banner .insights-hero .cat-icon-wrapper {
  float: right;
  width: 120px;
  margin: 10px -15px 20px 0;
}
.page-template-template-top-banner .insights-hero .cat-icon-wrapper span {
  display: block;
}
.page-template-template-top-banner .insights-hero .cat-icon-wrapper .cat-icon {
  margin: 0 auto 10px;
  border: 3px solid white;
  border-radius: 50%;
  width: 86px;
  height: 86px;
  padding: 15px;
  background-color: #5b6a88;
}
.page-template-template-top-banner .insights-hero .cat-icon-wrapper .cat-title {
  font-size: 1rem;
  line-height: 1.3125rem;
  font-weight: 600;
  text-align: center;
}
.page-template-template-top-banner .insights-hero .featured-prefix {
  display: block;
  font-size: 1.1875rem;
  font-weight: 400;
  opacity: 0.9;
  margin: 0;
  text-transform: uppercase;
}
.page-template-template-top-banner .insights-hero h1 {
  font-size: 3.125rem;
  line-height: 3.9375rem;
  text-shadow: 0 1px 1px rgba(40, 53, 69, 0.5);
  margin-bottom: 10px;
}
.page-template-template-top-banner .insights-hero p {
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
  text-shadow: 0 1px 1px rgba(40, 53, 69, 0.5);
}
.page-template-template-top-banner .insights-hero p time {
  white-space: nowrap;
}
.page-template-template-top-banner .insights-hero .post-tags {
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.75rem;
  line-height: 1.375rem;
  text-overflow: ellipsis;
  margin-bottom: 40px;
}
.page-template-template-top-banner .insights-hero .post-tags > li {
  display: inline-block;
  margin-right: 5px;
}
.page-template-template-top-banner .insights-hero .post-tags > li > .post-tag-link {
  display: block;
  text-decoration: none;
  padding: 2px 12px;
  background-color: #ebf0f4;
  color: #5b6a88;
  border-radius: 15px;
  transition: all 0.2s ease 0s;
}
.page-template-template-top-banner .insights-hero .post-tags > li > .post-tag-link:hover {
  background-color: white;
  color: #0c51a3;
}
.page-template-template-top-banner .insights-hero .post-tags > li > .post-tag-link.no-tags {
  opacity: 0.6;
}
.page-template-template-top-banner .insights-hero .post-tags > li > .post-tag-link.no-tags:hover {
  background-color: #f6f7f8;
  color: #5b6a88;
}
.page-template-template-top-banner .insights-hero.article-has-img {
  padding-bottom: 120px;
}
.page-template-template-top-banner.has-breadcrumbs .insight-hero .hero-content-wrapper {
  min-height: calc(200px - 115px);
}
.page-template-template-top-banner.single-insight_tag .insights-hero .cat-icon-wrapper .cat-icon, .page-template-template-top-banner.single-insight_category .insights-hero .cat-icon-wrapper .cat-icon {
  margin-bottom: 0;
}
.page-template-template-top-banner.single-insight_tag .insights-hero .cat-icon-wrapper .cat-title, .page-template-template-top-banner.single-insight_category .insights-hero .cat-icon-wrapper .cat-title {
  display: none;
}
.page-template-template-top-banner .insights-page-feed {
  padding-top: 80px;
}
.page-template-template-top-banner.single-insight_category .notification-wrapper, .page-template-template-top-banner.single-insight_tag .notification-wrapper {
  opacity: 0;
  width: 400px;
  max-width: 90vw;
  position: fixed;
  bottom: 50px;
  left: 50%;
  transform: translateY(100px) translateX(-50%);
  transition: all 0.2s ease;
  padding: 15px 30px;
  background-color: #67b20b;
  border-radius: 3px;
  z-index: 10;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.4375rem;
  font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;
}
.page-template-template-top-banner.single-insight_category .notification-wrapper.display-notification, .page-template-template-top-banner.single-insight_tag .notification-wrapper.display-notification {
  opacity: 1;
  transform: translateY(0) translateX(-50%);
}
.page-template-template-top-banner.single-insight_category .notification-wrapper .notification-message a, .page-template-template-top-banner.single-insight_tag .notification-wrapper .notification-message a {
  color: white;
  text-decoration: none;
}
.page-template-template-top-banner.single-insight_category .notification-wrapper .notification-message a:hover, .page-template-template-top-banner.single-insight_tag .notification-wrapper .notification-message a:hover {
  text-decoration: underline;
}

.single-insight article.C .featured-image {
  border: 5px solid white;
  background-color: white;
  min-height: 125px;
  margin: -140px -5px 20px;
}
.single-insight aside.sidebar .widget:not(:empty):first-child {
  margin-top: 0;
}

@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .page-template-template-top-banner .insights-hero .hero-content-wrapper {
    min-height: calc(200px - 75px);
  }
  .page-template-template-top-banner .insights-hero .post-tags {
    margin-bottom: 20px;
    max-width: calc(100% - 120px);
  }
  .page-template-template-top-banner .insights-hero.is-single .cat-icon-wrapper, .page-template-template-top-banner .insights-hero.is-feature .cat-icon-wrapper {
    width: 100px;
  }
  .page-template-template-top-banner .insights-hero.is-single .cat-icon-wrapper .cat-icon, .page-template-template-top-banner .insights-hero.is-feature .cat-icon-wrapper .cat-icon {
    width: 70px;
    height: 70px;
    padding: 12px;
  }
  .page-template-template-top-banner .insights-hero.is-single .cat-icon-wrapper .cat-icon .ico, .page-template-template-top-banner .insights-hero.is-feature .cat-icon-wrapper .cat-icon .ico {
    width: 40px;
    height: 40px;
  }
  .page-template-template-top-banner .insights-hero.is-single .cat-icon-wrapper .cat-title, .page-template-template-top-banner .insights-hero.is-feature .cat-icon-wrapper .cat-title {
    display: none;
  }
  .page-template-template-top-banner.has-breadcrumbs .insight-hero .hero-content-wrapper {
    min-height: calc(200px - 115px);
  }
}
@media screen and ( max-width: 599px ) {
  .page-template-template-top-banner .insights-hero {
    font-size: 0.9375rem;
    line-height: 1.5rem;
  }
  .page-template-template-top-banner .insights-hero .featured-prefix {
    font-size: 1.3125rem;
    line-height: 1.875rem;
  }
  .page-template-template-top-banner .insights-hero h1 {
    font-size: 1.9375rem;
    line-height: 2.5rem;
    text-shadow: 2px 2px 0px rgba(40, 53, 69, 0.5);
  }
  .page-template-template-top-banner .insights-hero .post-tags {
    margin-bottom: 25px;
    font-size: 0.6875rem;
  }
  .page-template-template-top-banner .insights-hero .post-tags li .post-tag-link {
    padding: 0 10px;
  }
  .page-template-template-top-banner .insights-hero.is-single .cat-icon-wrapper, .page-template-template-top-banner .insights-hero.is-feature .cat-icon-wrapper {
    display: none;
  }
}
/* ==========================================================================
   Single Instrument Template Styles
   ========================================================================== */
/* ==========================================================================
   RTL Styles
   ========================================================================== */
/* ==========================================================================
   Abstracts
   ========================================================================== */
/* ==========================================================================
// Outputs converted to rem value

// Use
//	font-size: pxrem( 20 );
//	line-height: pxrem( 32 );

// Vars
//	$num: the number you want to convert and output in rem
============================================================================= */
/* ==========================================================================
// Output correct font-weight property based on passed string

// Use
//	font-weight: weight( bold );

// Vars
//	$weight: matches the string and outputs the value matching the weight
========================================================================== */
/* ==========================================================================
// Output font-family property based on passed font name

// Use
//	font-family: Cairo, Open Sans, Arial, Helvetica, Verdana, sans-serif;

// Vars
//	$font-name: font that's gonna be used in the browser
============================================================================= */
/* ==========================================================================
	Use
		@function is-set( $var, 10px, 0px )

	Vars
		$var: the variable you want to check
		$true-output: the value you want to set if the variable you check IS NOT ''
		$false-output: the value you want to set if the variable IS ''
	========================================================================== */
/* ==========================================================================
	Use
		@function ltr_rtl( 10px, -10px )

	Vars
		$ltr-output: the value you want to output if text direction is ltr
		$rtl-output: the value you want to output if text direction is rtl
	========================================================================== */
/*
 * Output properties for font
 *
 * Usage:
 * @include font( 20 );
 * @include font( 20, 28 );
 * @include font( 20, 28, semibold );
 * @include font( 20, 28, semibold, "Open Sans" );
 *
 * Result ( if all properties are given ):
 * font-size: 1.25rem;
 * line-height: 1.75rem;
 * font-weight: 500;
 * font-family: "Open Sans", Arial, Helvetica, Verdana, sans-serif;
 */
/* Default Styles
   ========================================================================== */
.single-instrument #instrument-header {
  position: relative;
  z-index: 50;
}
.single-instrument #instrument-header h1 {
  color: #0c51a3;
}
.single-instrument #instrument-header h1 .ticker {
  font-size: 1.125rem;
  line-height: 1.5625rem;
  font-weight: 600;
  font-family: Cairo, Open Sans, Arial, Helvetica, Verdana, sans-serif;
  color: #0e75bd;
}
.single-instrument #instrument-header .instrument-meta {
  margin-bottom: 30px;
  position: relative;
  min-height: 40px;
}
.single-instrument #instrument-header .market-info .exchange-market-hours {
  font-size: 1rem;
  line-height: 2.3125rem;
  font-weight: 600;
  font-family: Cairo, Open Sans, Arial, Helvetica, Verdana, sans-serif;
}
.single-instrument .tradingview-widget-container {
  min-height: 500px;
}
.single-instrument .tabs-wrapper {
  position: relative;
  z-index: 10;
}

@media screen and ( min-width: 1100px ) {
  /* Use these styles only for non RTL */
  body:not(.rtl) .market-info {
    position: absolute;
    right: 0;
    bottom: -70px;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .single-instrument h1 {
    font-size: 2.5rem;
  }
}
@media screen and ( max-width: 599px ) {
  .single-instrument h1 {
    margin-bottom: 10px;
  }
  .single-instrument .exchange-market-hours {
    font-size: 1rem;
    line-height: 1.875rem;
    font-weight: 600;
    font-family: Cairo, Open Sans, Arial, Helvetica, Verdana, sans-serif;
  }
  .single-instrument #instrument-toggle-tabs {
    display: flex;
    flex-flow: row;
  }
  .single-instrument #instrument-toggle-tabs > li {
    width: 100%;
    margin: 0;
  }
  .single-instrument #instrument-toggle-tabs > li > a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .single-instrument #instrument-toggle-tabs:after {
    display: none;
  }
}
/* ==========================================================================
   templates/_overview.scss
   ========================================================================== */
/* Overview Hero Block
   ========================================================================== */
.overview-hero {
  position: relative;
  overflow: hidden;
  height: 360px;
  padding-top: 360px;
  background-color: #283545;
  background-color: rgba(40, 53, 69, 0.8);
  color: white;
  text-shadow: 0 1px 1px rgba(31, 41, 53, 0.8);
}
.overview-hero > img {
  position: absolute;
  top: 0;
  right: 50%;
  max-width: none;
  min-width: 100%;
  min-height: 100%;
  transform: translateX(50%);
}
.overview-hero .intro {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 160px;
  background-color: inherit;
  padding: 15px 20px 0;
  transform: translateY(-100%);
  z-index: 5;
}
.overview-hero .intro > * {
  max-width: 560px;
  margin-right: auto;
  margin-left: auto;
}
.overview-hero .intro h1 {
  margin-bottom: 5px;
}
.overview-hero .intro h2 {
  font-size: 1.125rem;
  line-height: 1.9375rem;
}

/* Feature Boxes
   ========================================================================== */
.section-overview .feature-box {
  position: relative;
  padding: 20px 20px 0;
}
.section-overview .feature-box h3 {
  margin-bottom: 10px;
}
.section-overview .feature-box h3 > .ico {
  opacity: 0.8;
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  float: left;
  transition: opacity 0.2s ease 0s;
}
.section-overview .feature-box p {
  font-size: 0.875rem;
  line-height: 1.5625rem;
  font-weight: 400;
  color: #283545;
}
.section-overview a.feature-box {
  text-decoration: none;
  display: block;
  transition: all 0.2s ease 0s;
}
.section-overview a.feature-box h3 {
  color: #0c51a3;
}
.section-overview a.feature-box:hover {
  background-color: #f6f7f8;
  z-index: 10;
}
.section-overview a.feature-box:hover h3 > .ico {
  opacity: 1;
}

/* Primary Feature Boxes */
.overview-primary .feature-box {
  min-height: 160px;
  margin-bottom: 40px;
  border: 1px solid #b2bfd0;
  overflow: hidden;
}
.overview-primary .feature-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 5;
  border: 1px solid white;
}
.overview-primary .feature-box p {
  font-size: 0.9375rem;
  line-height: 1.75rem;
  font-weight: 400;
  margin-bottom: 15px;
}
.overview-primary .feature-box .text-wrapper {
  position: relative;
  z-index: 10;
}
.overview-primary .feature-box .icon-wrapper {
  position: absolute;
  top: 0;
  left: 0;
}

/* Secondary Feature Boxes */
.overview-secondary .feature-box::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1px;
  width: 1px;
  background-color: #b2bfd0;
  transition: background-color 0.2s ease 0s;
}
.overview-secondary .feature-box:last-child::after {
  display: none;
}
.overview-secondary a.feature-box:hover::after {
  background-color: #f6f7f8;
}

/* ==========================================================================
   Responsive Styles
   ========================================================================== */
/* Mobile
   ========================================================================== */
@media screen and ( max-width: 599px ) {
  .overview-hero .intro h2 {
    font-size: 1rem;
    line-height: 1.6875rem;
  }
  .section-overview .feature-box h3 > .ico {
    width: 15px;
    height: 15px;
    margin-top: 4px;
  }
  .overview-primary .feature-box {
    margin-bottom: 20px;
  }
  .overview-secondary .feature-box::after {
    top: auto;
    bottom: -1px;
    left: 0;
    height: 1px;
    width: 100%;
  }
}
/* Tablet
   ========================================================================== */
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .overview-primary .feature-box {
    margin-bottom: 30px;
  }
  .overview-secondary .feature-box::after {
    display: none;
  }
}
/* ==========================================================================
   templates/product.scss
   ========================================================================== */
/* ------- [ DEFAULT STYLES ] ------- */
/* ------- Product base layout ------- */
.product-overview-header {
  overflow: hidden;
  margin-bottom: 20px;
}
.product-overview-header + .video-link-wrapper {
  margin-top: -20px;
}
.product-overview-header + .video-link-wrapper a {
  position: relative;
  text-decoration: none;
}
.product-overview-header + .video-link-wrapper a .vid-title {
  text-decoration: underline;
}

/* ------- Product feature boxes ------- */
.product-feature-boxes .feature-box {
  display: block;
  padding-top: 20px;
  transition: background-color 0.2s ease 0s;
}
.product-feature-boxes .feature-box h3 {
  color: #0c51a3;
}
.product-feature-boxes .feature-box h3 > .ico {
  float: left;
  opacity: 0.5;
  transition: opacity 0.2s ease 0s;
}
.product-feature-boxes .feature-box .text-wrapper {
  min-height: 100px;
}
.product-feature-boxes .feature-box .icon-wrapper > .ico {
  margin: 0 0 20px 20px;
}
.product-feature-boxes .feature-box:hover {
  background-color: #f6f7f8;
}
.product-feature-boxes .feature-box:hover h3 > .ico {
  opacity: 1;
}
.product-feature-boxes .feature-box:hover .icon-wrapper > .ico > svg {
  fill: #0c51a3;
}
.product-feature-boxes .feature-box:hover .icon-wrapper > .ico-circle::after {
  background-color: #0c51a3;
}
.product-feature-boxes .feature-box:hover .icon-wrapper > .ico-circle > svg {
  fill: white;
}

/* ==========================================================================
   templates/_proto.scss
   ========================================================================== */
/*  Proto
   ========================================================================== */
body.proto-template-default #global-page-container,
body.alias-proto #global-page-container {
  overflow: initial;
}
body.proto-template-default #proto-header,
body.alias-proto #proto-header {
  border-bottom: 3px solid #f6f7f8;
}
body.proto-template-default #proto-header .proto-logo-container,
body.alias-proto #proto-header .proto-logo-container {
  display: flex;
  align-items: flex-end;
  padding-top: 20px;
  padding-bottom: 20px;
}
body.proto-template-default #proto-nav,
body.alias-proto #proto-nav {
  margin-bottom: 20px;
}
body.proto-template-default #proto-nav ul li h6.has-link a,
body.proto-template-default #proto-nav ul li h6:not(.has-link),
body.proto-template-default #proto-nav ul li.proto-second-level-menu-item a,
body.alias-proto #proto-nav ul li h6.has-link a,
body.alias-proto #proto-nav ul li h6:not(.has-link),
body.alias-proto #proto-nav ul li.proto-second-level-menu-item a {
  padding: 8px 13px;
  line-height: 1.875rem;
  border-radius: 3px;
  text-decoration: none;
  display: block;
  margin-bottom: 5px;
}
body.proto-template-default #proto-nav ul li.proto-first-level-menu-item h6,
body.alias-proto #proto-nav ul li.proto-first-level-menu-item h6 {
  font-size: 1.0625rem;
  font-weight: 600;
  text-transform: uppercase;
}
body.proto-template-default #proto-nav ul li.proto-first-level-menu-item h6 a,
body.alias-proto #proto-nav ul li.proto-first-level-menu-item h6 a {
  color: #283545;
}
body.proto-template-default #proto-nav ul li.proto-second-level-menu-item a,
body.alias-proto #proto-nav ul li.proto-second-level-menu-item a {
  font-size: 1.0625rem;
  font-weight: 400;
  color: #283545;
  transition: 0.25s cubic-bezier(0.52, 0.01, 0.16, 1);
}
body.proto-template-default #proto-nav ul li.proto-second-level-menu-item a:hover,
body.alias-proto #proto-nav ul li.proto-second-level-menu-item a:hover {
  background: rgba(79, 194, 234, 0.1);
}
body.proto-template-default #proto-nav ul:not(:last-child),
body.alias-proto #proto-nav ul:not(:last-child) {
  border-bottom: 1px solid #ebf0f4;
}
body.proto-template-default #proto-nav .current,
body.alias-proto #proto-nav .current {
  background: #e8f9ff;
}
body.proto-template-default .grid-container,
body.alias-proto .grid-container {
  max-width: 1700px;
}
body.proto-template-default .additional-row,
body.alias-proto .additional-row {
  padding-top: 20px;
}
body.proto-template-default .additional-row .content,
body.alias-proto .additional-row .content {
  padding-left: 0;
  padding-right: 0;
}
body.proto-template-default #proto-content,
body.alias-proto #proto-content {
  font-size: 1rem;
  line-height: 1.75rem;
  font-family: Cairo, Open Sans, Arial, Helvetica, Verdana, sans-serif;
  /*p.lead-in {
  	font-size: pxrem(18);
  	line-height: pxrem(31);
  }*/
}
body.proto-template-default #proto-content > .title,
body.alias-proto #proto-content > .title {
  padding-bottom: 20px;
  border-bottom: 1px solid #f6f7f8;
  font-weight: 300;
}
body.proto-template-default #proto-content h2:not(.default),
body.alias-proto #proto-content h2:not(.default) {
  margin-bottom: 15px;
  font-weight: 600;
}
body.proto-template-default #proto-content h2:not(.default):not(:first-of-type),
body.alias-proto #proto-content h2:not(.default):not(:first-of-type) {
  padding-top: 15px;
}
body.proto-template-default #proto-content code:not([class]),
body.alias-proto #proto-content code:not([class]) {
  display: inline-block;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  margin-right: 0.2em;
  padding: 0.2em 0.28em 0.2em 0.25em;
  font: 1em "Droid Sans Mono", "Courier New", Courier, monospace;
  white-space: nowrap;
  background: #f6f7f8;
  border: 1px solid #ebf0f4;
  border-radius: 6px;
}
body.proto-template-default #proto-content .fxcm-code pre[class*=language-] > code,
body.alias-proto #proto-content .fxcm-code pre[class*=language-] > code {
  font-size: 1rem;
  line-height: 2rem;
  background-size: 4em 64px;
  border-left-width: 5px;
}
body.proto-template-default #proto-content .table-of-contents ul,
body.alias-proto #proto-content .table-of-contents ul {
  margin-left: 0;
  margin-top: 5px;
}
body.proto-template-default #proto-content .table-of-contents ul li,
body.alias-proto #proto-content .table-of-contents ul li {
  padding-bottom: 2px;
  padding-left: 0;
  margin-left: 0;
}
body.proto-template-default #proto-content .table-of-contents ul li a,
body.alias-proto #proto-content .table-of-contents ul li a {
  text-decoration: none;
  font-size: 14px;
  padding: 8px 14px;
  display: block;
  border-radius: 3px;
  transition: all 0.2s ease;
  color: #283545;
}
body.proto-template-default #proto-content .table-of-contents ul li:before,
body.alias-proto #proto-content .table-of-contents ul li:before {
  content: "";
}
body.proto-template-default #proto-content .table-of-contents ul.level-one > li,
body.alias-proto #proto-content .table-of-contents ul.level-one > li {
  margin-bottom: 2px;
}
body.proto-template-default #proto-content .table-of-contents ul.level-one > li > a,
body.alias-proto #proto-content .table-of-contents ul.level-one > li > a {
  background: rgba(224, 228, 233, 0.5);
}
body.proto-template-default #proto-content .table-of-contents ul.level-one > li > a:hover,
body.alias-proto #proto-content .table-of-contents ul.level-one > li > a:hover {
  background: rgba(235, 240, 244, 0.2);
}
body.proto-template-default #proto-content .table-of-contents ul.level-two > li > a,
body.alias-proto #proto-content .table-of-contents ul.level-two > li > a {
  background: #f6f7f8;
  font-weight: 400;
}
body.proto-template-default #proto-content .table-of-contents ul.level-two > li > a:hover,
body.alias-proto #proto-content .table-of-contents ul.level-two > li > a:hover {
  background: rgba(246, 247, 248, 0.5);
}
body.proto-template-default #proto-content #palette a,
body.alias-proto #proto-content #palette a {
  color: white;
  text-decoration: none;
  display: block;
  padding: 10px 14px;
  border-radius: 4px;
  font-size: 1.1875rem;
  text-align: center;
  flex: 1 1 0;
}
body.proto-template-default #proto-content #palette a:not(:first-child),
body.alias-proto #proto-content #palette a:not(:first-child) {
  margin-left: 25px;
}
body.proto-template-default #proto-content .color-card,
body.alias-proto #proto-content .color-card {
  box-shadow: 0 4px 8px -2px rgba(178, 178, 178, 0.0021);
}
body.proto-template-default #proto-content .color-card .color-block,
body.alias-proto #proto-content .color-card .color-block {
  height: 135px;
  border-radius: 5px 5px 0 0;
}
body.proto-template-default #proto-content .color-card .color-details,
body.alias-proto #proto-content .color-card .color-details {
  padding: 15px 15px 5px;
}
body.proto-template-default #proto-content .color-card .color-details .title,
body.alias-proto #proto-content .color-card .color-details .title {
  font-size: 1.1875rem;
  line-height: 2.125rem;
  font-weight: 600;
  margin-bottom: 5px;
  text-transform: none;
}
body.proto-template-default #proto-content .color-card .color-details h5,
body.alias-proto #proto-content .color-card .color-details h5 {
  color: #5b6a88;
  font-size: 1.1875rem;
  line-height: 1.875rem;
  font-weight: 300;
  font-family: monospace, monospace;
}
body.proto-template-default #proto-content .color-card .color-details h5.hex-code,
body.alias-proto #proto-content .color-card .color-details h5.hex-code {
  margin-bottom: 5px;
}
body.proto-template-default #proto-content .grid-example,
body.alias-proto #proto-content .grid-example {
  padding: 30px 0 10px;
  background: #f3fbfe;
}
body.proto-template-default #proto-content .grid-example .block,
body.alias-proto #proto-content .grid-example .block {
  margin-bottom: 20px;
}
body.proto-template-default #proto-content .grid-example .block .row,
body.alias-proto #proto-content .grid-example .block .row {
  background: #c1e9f8;
}
body.proto-template-default #proto-content .grid-example .block .width,
body.alias-proto #proto-content .grid-example .block .width {
  background: #d8f1fa;
  font-family: monospace, monospace;
  padding: 9px 0;
  margin: 20px 0;
  text-align: center;
  display: block;
}
body.proto-template-default #proto-content .click-to-copy,
body.alias-proto #proto-content .click-to-copy {
  cursor: pointer;
  position: relative;
  display: inline-block;
}
body.proto-template-default #proto-content .click-to-copy:before,
body.alias-proto #proto-content .click-to-copy:before {
  margin-top: 5px;
  top: 100%;
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 6px solid rgba(0, 0, 0, 0.9);
}
body.proto-template-default #proto-content .click-to-copy:after,
body.alias-proto #proto-content .click-to-copy:after {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  min-height: 100%;
  background: rgba(0, 0, 0, 0.9);
  color: white;
  font-family: monospace, monospace;
  border-radius: 4px;
  content: attr(data-balloon);
  padding: 5px 14px;
  white-space: nowrap;
  margin-top: 11px;
  top: 100%;
}
body.proto-template-default #proto-content .click-to-copy:before, body.proto-template-default #proto-content .click-to-copy:after,
body.alias-proto #proto-content .click-to-copy:before,
body.alias-proto #proto-content .click-to-copy:after {
  opacity: 0;
  left: 50%;
  transform: translate(-50%, -10px);
  position: absolute;
  z-index: 99;
  pointer-events: none;
  transition: all 0.18s ease-out 0.18s;
}
body.proto-template-default #proto-content .click-to-copy:hover:before, body.proto-template-default #proto-content .click-to-copy:hover:after, body.proto-template-default #proto-content .click-to-copy.bounceIn:before, body.proto-template-default #proto-content .click-to-copy.bounceIn:after,
body.alias-proto #proto-content .click-to-copy:hover:before,
body.alias-proto #proto-content .click-to-copy:hover:after,
body.alias-proto #proto-content .click-to-copy.bounceIn:before,
body.alias-proto #proto-content .click-to-copy.bounceIn:after {
  opacity: 1;
  display: block;
  transform: translate(-50%, 0);
}
body.proto-template-default #proto-content .bounceIn,
body.alias-proto #proto-content .bounceIn {
  animation-duration: 1s;
  animation-name: bounceIn;
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    transform: scale3d(0.3, 0.3, 0.3) translate3d(0, 0, 0);
    z-index: 99;
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    z-index: 99;
  }
}

/* ------- [ DESKTOP-SPECIFIC STYLES ] ------- */
@media screen and ( min-width: 1100px ) {
  body.proto-template-default aside,
  body.alias-proto aside {
    position: sticky;
    top: 20px;
  }
  body.proto-template-default.admin-bar aside,
  body.alias-proto.admin-bar aside {
    top: 45px;
  }
  body.proto-template-default #proto-content #palette,
  body.alias-proto #proto-content #palette {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
/* ==========================================================================
   templates/_top-banner.scss
   ========================================================================== */
/* Top Banner Template
   ========================================================================== */
.page-template-template-top-banner,
.page-template-template-smart-tabs-banner,
.landing-page-only-logo {
  /* add 40px when breadcrumbs are visible */
}
.page-template-template-top-banner .hero-wrapper,
.page-template-template-smart-tabs-banner .hero-wrapper,
.landing-page-only-logo .hero-wrapper {
  overflow: hidden;
  position: relative;
  padding-bottom: 35px;
  padding-top: 40px;
}
.page-template-template-top-banner .hero-wrapper + .hero-spacer,
.page-template-template-smart-tabs-banner .hero-wrapper + .hero-spacer,
.landing-page-only-logo .hero-wrapper + .hero-spacer {
  height: 40px;
}
.page-template-template-top-banner .hero-wrapper + .hero-spacer + .additional-content-rows,
.page-template-template-smart-tabs-banner .hero-wrapper + .hero-spacer + .additional-content-rows,
.landing-page-only-logo .hero-wrapper + .hero-spacer + .additional-content-rows {
  margin-top: -40px;
}
.page-template-template-top-banner .hero-bg-wrapper,
.page-template-template-smart-tabs-banner .hero-bg-wrapper,
.landing-page-only-logo .hero-bg-wrapper {
  position: absolute;
  height: 100%;
  max-width: 100%;
  top: 0;
}
.page-template-template-top-banner .hero-content-wrapper,
.page-template-template-smart-tabs-banner .hero-content-wrapper,
.landing-page-only-logo .hero-content-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  min-height: calc(425px - 75px);
  z-index: 5;
}
.page-template-template-top-banner.has-breadcrumbs .hero-wrapper,
.page-template-template-smart-tabs-banner.has-breadcrumbs .hero-wrapper,
.landing-page-only-logo.has-breadcrumbs .hero-wrapper {
  padding-top: 80px;
}
.page-template-template-top-banner.has-breadcrumbs .hero-content-wrapper,
.page-template-template-smart-tabs-banner.has-breadcrumbs .hero-content-wrapper,
.landing-page-only-logo.has-breadcrumbs .hero-content-wrapper {
  min-height: calc(425px - 115px);
}

.landing-page-only-logo #site-logo {
  width: 135px;
}
.landing-page-only-logo .hero-wrapper {
  padding-top: 40px !important;
}

@media screen and ( max-width: 1099px ) {
  .page-template-template-top-banner .hero-spacer,
  .page-template-template-smart-tabs-banner .hero-spacer,
  .landing-page-only-logo .hero-spacer {
    height: 40px;
  }
  .page-template-template-top-banner .hero-spacer + .additional-content-rows,
  .page-template-template-smart-tabs-banner .hero-spacer + .additional-content-rows,
  .landing-page-only-logo .hero-spacer + .additional-content-rows {
    margin-top: -40px;
  }
  .landing-page-only-logo #site-logo {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and ( max-width: 599px ) {
  .page-template-template-top-banner .hero-content-wrapper,
  .page-template-template-smart-tabs-banner .hero-content-wrapper,
  .landing-page-only-logo .hero-content-wrapper {
    min-height: 0 !important;
  }
  .landing-page-only-logo .hero-wrapper {
    padding-top: 25px !important;
  }
}
@media screen and ( min-width: 600px ) and ( max-width: 1099px ) {
  .page-template-template-top-banner,
  .page-template-template-smart-tabs-banner,
  .landing-page-only-logo {
    /* add 40px when breadcrumbs are visible */
  }
  .page-template-template-top-banner .hero-content-wrapper,
  .page-template-template-smart-tabs-banner .hero-content-wrapper,
  .landing-page-only-logo .hero-content-wrapper {
    min-height: calc(320px - 75px);
  }
  .page-template-template-top-banner.has-breadcrumbs .hero-content-wrapper,
  .page-template-template-smart-tabs-banner.has-breadcrumbs .hero-content-wrapper,
  .landing-page-only-logo.has-breadcrumbs .hero-content-wrapper {
    min-height: calc(320px - 115px);
  }
}
@media print {
  .hero-wrapper .hero-bg-wrapper img {
    display: none;
  }
}
/*# sourceMappingURL=main.css.map */
