/**
 * Title:
 *   New Site stylesheet
 * Description:
 *   The main application styslesheet for the New Site website.
 * Sections:
 *   - $. Config
 *   - $. Vendor
 *   - $. Legacy
 *   - $. Base
 *   - $. Components
 *   - $. Pages
 *
 * ================================================== */
/**
 * $. Config - Variables and mixins
 * -------------------------------------------------- */
/**
 * $. Vendor - External libraries
 * -------------------------------------------------- */
/*! 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; }

/*

    VARIABLES

*/
/*

  DEBUG CHILDREN
  Docs: http://tachyons.io/docs/debug/

  Just add the debug class to any element to see outlines on its
  children.

*/
.debug * {
  outline: 1px solid gold; }

.debug-white * {
  outline: 1px solid white; }

.debug-black * {
  outline: 1px solid black; }

/*

   DEBUG GRID
   http://tachyons.io/docs/debug-grid/

   Can be useful for debugging layout issues
   or helping to make sure things line up perfectly.
   Just tack one of these classes onto a parent element.

*/
.debug-grid {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTRDOTY4N0U2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTRDOTY4N0Q2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3NjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3NzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsBS+GMAAAAjSURBVHjaYvz//z8DLsD4gcGXiYEAGBIKGBne//fFpwAgwAB98AaF2pjlUQAAAABJRU5ErkJggg==) repeat top left; }

.debug-grid-16 {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODYyRjhERDU2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODYyRjhERDQ2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QTY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3QjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvCS01IAAABMSURBVHjaYmR4/5+BFPBfAMFm/MBgx8RAGWCn1AAmSg34Q6kBDKMGMDCwICeMIemF/5QawEipAWwUhwEjMDvbAWlWkvVBwu8vQIABAEwBCph8U6c0AAAAAElFTkSuQmCC) repeat top left; }

.debug-grid-8-solid {
  background: white url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAAAAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzExMSA3OS4xNTgzMjUsIDIwMTUvMDkvMTAtMDE6MTA6MjAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIxMjI0OTczNjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIxMjI0OTc0NjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjEyMjQ5NzE2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjEyMjQ5NzI2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAbGhopHSlBJiZBQi8vL0JHPz4+P0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHAR0pKTQmND8oKD9HPzU/R0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAAIAAgDASIAAhEBAxEB/8QAWQABAQAAAAAAAAAAAAAAAAAAAAYBAQEAAAAAAAAAAAAAAAAAAAIEEAEBAAMBAAAAAAAAAAAAAAABADECA0ERAAEDBQAAAAAAAAAAAAAAAAARITFBUWESIv/aAAwDAQACEQMRAD8AoOnTV1QTD7JJshP3vSM3P//Z) repeat top left; }

.debug-grid-16-solid {
  background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzY3MkJEN0U2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzY3MkJEN0Y2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3RDY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pve6J3kAAAAzSURBVHjaYvz//z8D0UDsMwMjSRoYP5Gq4SPNbRjVMEQ1fCRDg+in/6+J1AJUxsgAEGAA31BAJMS0GYEAAAAASUVORK5CYII=) repeat top left; }

/*

  BOX SIZING

*/
html,
body,
div,
article,
section,
main,
footer,
header,
form,
fieldset,
legend,
pre,
code,
a,
h1, h2, h3, h4, h5, h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
textarea,
table,
td,
th,
tr,
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
input[type="url"],
.border-box {
  box-sizing: border-box; }

/*

   ASPECT RATIOS

*/
/* This is for fluid media that is embedded from third party sites like youtube, vimeo etc.
 * Wrap the outer element in aspect-ratio and then extend it with the desired ratio i.e
 * Make sure there are no height and width attributes on the embedded media.
 * Adapted from: https://github.com/suitcss/components-flex-embed
 *
 * Example:
 *
 * <div class="aspect-ratio aspect-ratio--16x9">
 *  <iframe class="aspect-ratio--object"></iframe>
 * </div>
 *
 * */
.aspect-ratio {
  height: 0;
  position: relative; }

.aspect-ratio--16x9 {
  padding-bottom: 56.25%; }

.aspect-ratio--9x16 {
  padding-bottom: 177.77%; }

.aspect-ratio--4x3 {
  padding-bottom: 75%; }

.aspect-ratio--3x4 {
  padding-bottom: 133.33%; }

.aspect-ratio--6x4 {
  padding-bottom: 66.6%; }

.aspect-ratio--4x6 {
  padding-bottom: 150%; }

.aspect-ratio--8x5 {
  padding-bottom: 62.5%; }

.aspect-ratio--5x8 {
  padding-bottom: 160%; }

.aspect-ratio--7x5 {
  padding-bottom: 71.42%; }

.aspect-ratio--5x7 {
  padding-bottom: 140%; }

.aspect-ratio--1x1 {
  padding-bottom: 100%; }

.aspect-ratio--object {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100; }

@media screen and (min-width: 35em) {
  .aspect-ratio-ns {
    height: 0;
    position: relative; }
  .aspect-ratio--16x9-ns {
    padding-bottom: 56.25%; }
  .aspect-ratio--9x16-ns {
    padding-bottom: 177.77%; }
  .aspect-ratio--4x3-ns {
    padding-bottom: 75%; }
  .aspect-ratio--3x4-ns {
    padding-bottom: 133.33%; }
  .aspect-ratio--6x4-ns {
    padding-bottom: 66.6%; }
  .aspect-ratio--4x6-ns {
    padding-bottom: 150%; }
  .aspect-ratio--8x5-ns {
    padding-bottom: 62.5%; }
  .aspect-ratio--5x8-ns {
    padding-bottom: 160%; }
  .aspect-ratio--7x5-ns {
    padding-bottom: 71.42%; }
  .aspect-ratio--5x7-ns {
    padding-bottom: 140%; }
  .aspect-ratio--1x1-ns {
    padding-bottom: 100%; }
  .aspect-ratio--object-ns {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .aspect-ratio-m {
    height: 0;
    position: relative; }
  .aspect-ratio--16x9-m {
    padding-bottom: 56.25%; }
  .aspect-ratio--9x16-m {
    padding-bottom: 177.77%; }
  .aspect-ratio--4x3-m {
    padding-bottom: 75%; }
  .aspect-ratio--3x4-m {
    padding-bottom: 133.33%; }
  .aspect-ratio--6x4-m {
    padding-bottom: 66.6%; }
  .aspect-ratio--4x6-m {
    padding-bottom: 150%; }
  .aspect-ratio--8x5-m {
    padding-bottom: 62.5%; }
  .aspect-ratio--5x8-m {
    padding-bottom: 160%; }
  .aspect-ratio--7x5-m {
    padding-bottom: 71.42%; }
  .aspect-ratio--5x7-m {
    padding-bottom: 140%; }
  .aspect-ratio--1x1-m {
    padding-bottom: 100%; }
  .aspect-ratio--object-m {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100; } }

@media screen and (min-width: 45em) {
  .aspect-ratio-l {
    height: 0;
    position: relative; }
  .aspect-ratio--16x9-l {
    padding-bottom: 56.25%; }
  .aspect-ratio--9x16-l {
    padding-bottom: 177.77%; }
  .aspect-ratio--4x3-l {
    padding-bottom: 75%; }
  .aspect-ratio--3x4-l {
    padding-bottom: 133.33%; }
  .aspect-ratio--6x4-l {
    padding-bottom: 66.6%; }
  .aspect-ratio--4x6-l {
    padding-bottom: 150%; }
  .aspect-ratio--8x5-l {
    padding-bottom: 62.5%; }
  .aspect-ratio--5x8-l {
    padding-bottom: 160%; }
  .aspect-ratio--7x5-l {
    padding-bottom: 71.42%; }
  .aspect-ratio--5x7-l {
    padding-bottom: 140%; }
  .aspect-ratio--1x1-l {
    padding-bottom: 100%; }
  .aspect-ratio--object-l {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100; } }

/*

   IMAGES
   Docs: http://tachyons.io/docs/elements/images/

*/
/* Responsive images! */
img {
  max-width: 100%; }

/*

   BACKGROUND SIZE
   Docs: http://tachyons.io/docs/themes/background-size/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/*
  Often used in combination with background image set as an inline style
  on an html element.
*/
.cover {
  background-size: cover !important; }

.contain {
  background-size: contain !important; }

@media screen and (min-width: 35em) {
  .cover-ns {
    background-size: cover !important; }
  .contain-ns {
    background-size: contain !important; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .cover-m {
    background-size: cover !important; }
  .contain-m {
    background-size: contain !important; } }

@media screen and (min-width: 45em) {
  .cover-l {
    background-size: cover !important; }
  .contain-l {
    background-size: contain !important; } }

/*

    BACKGROUND POSITION

    Base:
    bg = background

    Modifiers:
    -center = center center
    -top = top center
    -right = center right
    -bottom = bottom center
    -left = center left

    Media Query Extensions:
      -ns = not-small
      -m  = medium
      -l  = large

 */
.bg-center {
  background-repeat: no-repeat;
  background-position: center center; }

.bg-top {
  background-repeat: no-repeat;
  background-position: top center; }

.bg-right {
  background-repeat: no-repeat;
  background-position: center right; }

.bg-bottom {
  background-repeat: no-repeat;
  background-position: bottom center; }

.bg-left {
  background-repeat: no-repeat;
  background-position: center left; }

@media screen and (min-width: 35em) {
  .bg-center-ns {
    background-repeat: no-repeat;
    background-position: center center; }
  .bg-top-ns {
    background-repeat: no-repeat;
    background-position: top center; }
  .bg-right-ns {
    background-repeat: no-repeat;
    background-position: center right; }
  .bg-bottom-ns {
    background-repeat: no-repeat;
    background-position: bottom center; }
  .bg-left-ns {
    background-repeat: no-repeat;
    background-position: center left; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .bg-center-m {
    background-repeat: no-repeat;
    background-position: center center; }
  .bg-top-m {
    background-repeat: no-repeat;
    background-position: top center; }
  .bg-right-m {
    background-repeat: no-repeat;
    background-position: center right; }
  .bg-bottom-m {
    background-repeat: no-repeat;
    background-position: bottom center; }
  .bg-left-m {
    background-repeat: no-repeat;
    background-position: center left; } }

@media screen and (min-width: 45em) {
  .bg-center-l {
    background-repeat: no-repeat;
    background-position: center center; }
  .bg-top-l {
    background-repeat: no-repeat;
    background-position: top center; }
  .bg-right-l {
    background-repeat: no-repeat;
    background-position: center right; }
  .bg-bottom-l {
    background-repeat: no-repeat;
    background-position: bottom center; }
  .bg-left-l {
    background-repeat: no-repeat;
    background-position: center left; } }

/*

   OUTLINES

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.outline {
  outline: 1px solid; }

.outline-transparent {
  outline: 1px solid transparent; }

.outline-0 {
  outline: 0; }

@media screen and (min-width: 35em) {
  .outline-ns {
    outline: 1px solid; }
  .outline-transparent-ns {
    outline: 1px solid transparent; }
  .outline-0-ns {
    outline: 0; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .outline-m {
    outline: 1px solid; }
  .outline-transparent-m {
    outline: 1px solid transparent; }
  .outline-0-m {
    outline: 0; } }

@media screen and (min-width: 45em) {
  .outline-l {
    outline: 1px solid; }
  .outline-transparent-l {
    outline: 1px solid transparent; }
  .outline-0-l {
    outline: 0; } }

/*

    BORDERS
    Docs: http://tachyons.io/docs/themes/borders/

    Base:
      b = border

    Modifiers:
      a = all
      t = top
      r = right
      b = bottom
      l = left
      n = none

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.ba {
  border-style: solid;
  border-width: 1px; }

.bt {
  border-top-style: solid;
  border-top-width: 1px; }

.br {
  border-right-style: solid;
  border-right-width: 1px; }

.bb {
  border-bottom-style: solid;
  border-bottom-width: 1px; }

.bl {
  border-left-style: solid;
  border-left-width: 1px; }

.bn {
  border-style: none;
  border-width: 0; }

@media screen and (min-width: 35em) {
  .ba-ns {
    border-style: solid;
    border-width: 1px; }
  .bt-ns {
    border-top-style: solid;
    border-top-width: 1px; }
  .br-ns {
    border-right-style: solid;
    border-right-width: 1px; }
  .bb-ns {
    border-bottom-style: solid;
    border-bottom-width: 1px; }
  .bl-ns {
    border-left-style: solid;
    border-left-width: 1px; }
  .bn-ns {
    border-style: none;
    border-width: 0; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .ba-m {
    border-style: solid;
    border-width: 1px; }
  .bt-m {
    border-top-style: solid;
    border-top-width: 1px; }
  .br-m {
    border-right-style: solid;
    border-right-width: 1px; }
  .bb-m {
    border-bottom-style: solid;
    border-bottom-width: 1px; }
  .bl-m {
    border-left-style: solid;
    border-left-width: 1px; }
  .bn-m {
    border-style: none;
    border-width: 0; } }

@media screen and (min-width: 45em) {
  .ba-l {
    border-style: solid;
    border-width: 1px; }
  .bt-l {
    border-top-style: solid;
    border-top-width: 1px; }
  .br-l {
    border-right-style: solid;
    border-right-width: 1px; }
  .bb-l {
    border-bottom-style: solid;
    border-bottom-width: 1px; }
  .bl-l {
    border-left-style: solid;
    border-left-width: 1px; }
  .bn-l {
    border-style: none;
    border-width: 0; } }

/*

   BORDER COLORS
   Docs: http://tachyons.io/docs/themes/borders/

   Border colors can be used to extend the base
   border classes ba,bt,bb,br,bl found in the _borders.css file.

   The base border class by default will set the color of the border
   to that of the current text color. These classes are for the cases
   where you desire for the text and border colors to be different.

   Base:
     b = border

   Modifiers:
   --color-name = each color variable name is also a border color name

*/
.b--black {
  border-color: #000; }

.b--near-black {
  border-color: #111; }

.b--dark-gray {
  border-color: #333; }

.b--mid-gray {
  border-color: #555; }

.b--gray {
  border-color: #777; }

.b--silver {
  border-color: #999; }

.b--light-silver {
  border-color: #aaa; }

.b--moon-gray {
  border-color: #ccc; }

.b--light-gray {
  border-color: #eee; }

.b--near-white {
  border-color: #f4f4f4; }

.b--white {
  border-color: #fff; }

.b--white-90 {
  border-color: rgba(255, 255, 255, 0.9); }

.b--white-80 {
  border-color: rgba(255, 255, 255, 0.8); }

.b--white-70 {
  border-color: rgba(255, 255, 255, 0.7); }

.b--white-60 {
  border-color: rgba(255, 255, 255, 0.6); }

.b--white-50 {
  border-color: rgba(255, 255, 255, 0.5); }

.b--white-40 {
  border-color: rgba(255, 255, 255, 0.4); }

.b--white-30 {
  border-color: rgba(255, 255, 255, 0.3); }

.b--white-20 {
  border-color: rgba(255, 255, 255, 0.2); }

.b--white-10 {
  border-color: rgba(255, 255, 255, 0.1); }

.b--white-05 {
  border-color: rgba(255, 255, 255, 0.05); }

.b--white-025 {
  border-color: rgba(255, 255, 255, 0.025); }

.b--white-0125 {
  border-color: rgba(255, 255, 255, 0.0125); }

.b--black-90 {
  border-color: rgba(0, 0, 0, 0.9); }

.b--black-80 {
  border-color: rgba(0, 0, 0, 0.8); }

.b--black-70 {
  border-color: rgba(0, 0, 0, 0.7); }

.b--black-60 {
  border-color: rgba(0, 0, 0, 0.6); }

.b--black-50 {
  border-color: rgba(0, 0, 0, 0.5); }

.b--black-40 {
  border-color: rgba(0, 0, 0, 0.4); }

.b--black-30 {
  border-color: rgba(0, 0, 0, 0.3); }

.b--black-20 {
  border-color: rgba(0, 0, 0, 0.2); }

.b--black-10 {
  border-color: rgba(0, 0, 0, 0.1); }

.b--black-05 {
  border-color: rgba(0, 0, 0, 0.05); }

.b--black-025 {
  border-color: rgba(0, 0, 0, 0.025); }

.b--black-0125 {
  border-color: rgba(0, 0, 0, 0.0125); }

.b--dark-red {
  border-color: #e7040f; }

.b--red {
  border-color: #ff4136; }

.b--light-red {
  border-color: #ff725c; }

.b--orange {
  border-color: #ff6300; }

.b--gold {
  border-color: #ffb700; }

.b--yellow {
  border-color: #ffd700; }

.b--light-yellow {
  border-color: #fbf1a9; }

.b--purple {
  border-color: #5e2ca5; }

.b--light-purple {
  border-color: #a463f2; }

.b--dark-pink {
  border-color: #d5008f; }

.b--hot-pink {
  border-color: #ff41b4; }

.b--pink {
  border-color: #ff80cc; }

.b--light-pink {
  border-color: #ffa3d7; }

.b--dark-green {
  border-color: #137752; }

.b--green {
  border-color: #19a974; }

.b--light-green {
  border-color: #9eebcf; }

.b--navy {
  border-color: #001b44; }

.b--dark-blue {
  border-color: #00449e; }

.b--blue {
  border-color: #408BC9; }

.b--light-blue {
  border-color: #96ccff; }

.b--lightest-blue {
  border-color: #cdecff; }

.b--washed-blue {
  border-color: #f6fffe; }

.b--washed-green {
  border-color: #e8fdf5; }

.b--washed-yellow {
  border-color: #fffceb; }

.b--washed-red {
  border-color: #ffdfdf; }

.b--transparent {
  border-color: transparent; }

.b--inherit {
  border-color: inherit; }

/*

   BORDER RADIUS
   Docs: http://tachyons.io/docs/themes/border-radius/

   Base:
     br   = border-radius

   Modifiers:
     0    = 0/none
     1    = 1st step in scale
     2    = 2nd step in scale
     3    = 3rd step in scale
     4    = 4th step in scale

   Literal values:
     -100 = 100%
     -pill = 9999px

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.br0 {
  border-radius: 0; }

.br1 {
  border-radius: 0.125rem; }

.br2 {
  border-radius: 0.25rem; }

.br3 {
  border-radius: 0.5rem; }

.br4 {
  border-radius: 1rem; }

.br-100 {
  border-radius: 100%; }

.br-pill {
  border-radius: 9999px; }

.br--bottom {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.br--top {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.br--right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.br--left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

@media screen and (min-width: 35em) {
  .br0-ns {
    border-radius: 0; }
  .br1-ns {
    border-radius: 0.125rem; }
  .br2-ns {
    border-radius: 0.25rem; }
  .br3-ns {
    border-radius: 0.5rem; }
  .br4-ns {
    border-radius: 1rem; }
  .br-100-ns {
    border-radius: 100%; }
  .br-pill-ns {
    border-radius: 9999px; }
  .br--bottom-ns {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .br--top-ns {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .br--right-ns {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .br--left-ns {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .br0-m {
    border-radius: 0; }
  .br1-m {
    border-radius: 0.125rem; }
  .br2-m {
    border-radius: 0.25rem; }
  .br3-m {
    border-radius: 0.5rem; }
  .br4-m {
    border-radius: 1rem; }
  .br-100-m {
    border-radius: 100%; }
  .br-pill-m {
    border-radius: 9999px; }
  .br--bottom-m {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .br--top-m {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .br--right-m {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .br--left-m {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; } }

@media screen and (min-width: 45em) {
  .br0-l {
    border-radius: 0; }
  .br1-l {
    border-radius: 0.125rem; }
  .br2-l {
    border-radius: 0.25rem; }
  .br3-l {
    border-radius: 0.5rem; }
  .br4-l {
    border-radius: 1rem; }
  .br-100-l {
    border-radius: 100%; }
  .br-pill-l {
    border-radius: 9999px; }
  .br--bottom-l {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .br--top-l {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .br--right-l {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .br--left-l {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; } }

/*

   BORDER STYLES
   Docs: http://tachyons.io/docs/themes/borders/

   Depends on base border module in _borders.css

   Base:
     b = border-style

   Modifiers:
     --none   = none
     --dotted = dotted
     --dashed = dashed
     --solid  = solid

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

 */
.b--dotted {
  border-style: dotted; }

.b--dashed {
  border-style: dashed; }

.b--solid {
  border-style: solid; }

.b--none {
  border-style: none; }

@media screen and (min-width: 35em) {
  .b--dotted-ns {
    border-style: dotted; }
  .b--dashed-ns {
    border-style: dashed; }
  .b--solid-ns {
    border-style: solid; }
  .b--none-ns {
    border-style: none; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .b--dotted-m {
    border-style: dotted; }
  .b--dashed-m {
    border-style: dashed; }
  .b--solid-m {
    border-style: solid; }
  .b--none-m {
    border-style: none; } }

@media screen and (min-width: 45em) {
  .b--dotted-l {
    border-style: dotted; }
  .b--dashed-l {
    border-style: dashed; }
  .b--solid-l {
    border-style: solid; }
  .b--none-l {
    border-style: none; } }

/*

   BORDER WIDTHS
   Docs: http://tachyons.io/docs/themes/borders/

   Base:
     bw = border-width

   Modifiers:
     0 = 0 width border
     1 = 1st step in border-width scale
     2 = 2nd step in border-width scale
     3 = 3rd step in border-width scale
     4 = 4th step in border-width scale
     5 = 5th step in border-width scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.bw0 {
  border-width: 0; }

.bw1 {
  border-width: 0.125rem; }

.bw2 {
  border-width: 0.25rem; }

.bw3 {
  border-width: 0.5rem; }

.bw4 {
  border-width: 1rem; }

.bw5 {
  border-width: 2rem; }

/* Resets */
.bt-0 {
  border-top-width: 0; }

.br-0 {
  border-right-width: 0; }

.bb-0 {
  border-bottom-width: 0; }

.bl-0 {
  border-left-width: 0; }

@media screen and (min-width: 35em) {
  .bw0-ns {
    border-width: 0; }
  .bw1-ns {
    border-width: 0.125rem; }
  .bw2-ns {
    border-width: 0.25rem; }
  .bw3-ns {
    border-width: 0.5rem; }
  .bw4-ns {
    border-width: 1rem; }
  .bw5-ns {
    border-width: 2rem; }
  .bt-0-ns {
    border-top-width: 0; }
  .br-0-ns {
    border-right-width: 0; }
  .bb-0-ns {
    border-bottom-width: 0; }
  .bl-0-ns {
    border-left-width: 0; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .bw0-m {
    border-width: 0; }
  .bw1-m {
    border-width: 0.125rem; }
  .bw2-m {
    border-width: 0.25rem; }
  .bw3-m {
    border-width: 0.5rem; }
  .bw4-m {
    border-width: 1rem; }
  .bw5-m {
    border-width: 2rem; }
  .bt-0-m {
    border-top-width: 0; }
  .br-0-m {
    border-right-width: 0; }
  .bb-0-m {
    border-bottom-width: 0; }
  .bl-0-m {
    border-left-width: 0; } }

@media screen and (min-width: 45em) {
  .bw0-l {
    border-width: 0; }
  .bw1-l {
    border-width: 0.125rem; }
  .bw2-l {
    border-width: 0.25rem; }
  .bw3-l {
    border-width: 0.5rem; }
  .bw4-l {
    border-width: 1rem; }
  .bw5-l {
    border-width: 2rem; }
  .bt-0-l {
    border-top-width: 0; }
  .br-0-l {
    border-right-width: 0; }
  .bb-0-l {
    border-bottom-width: 0; }
  .bl-0-l {
    border-left-width: 0; } }

/*

  BOX-SHADOW
  Docs: http://tachyons.io/docs/themes/box-shadow/

  Media Query Extensions:
   -ns = not-small
   -m  = medium
   -l  = large

 */
.shadow-1 {
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2); }

.shadow-2 {
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2); }

.shadow-3 {
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2); }

.shadow-4 {
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); }

.shadow-5 {
  box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2); }

@media screen and (min-width: 35em) {
  .shadow-1-ns {
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2); }
  .shadow-2-ns {
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2); }
  .shadow-3-ns {
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2); }
  .shadow-4-ns {
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); }
  .shadow-5-ns {
    box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2); } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .shadow-1-m {
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2); }
  .shadow-2-m {
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2); }
  .shadow-3-m {
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2); }
  .shadow-4-m {
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); }
  .shadow-5-m {
    box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2); } }

@media screen and (min-width: 45em) {
  .shadow-1-l {
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2); }
  .shadow-2-l {
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2); }
  .shadow-3-l {
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2); }
  .shadow-4-l {
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); }
  .shadow-5-l {
    box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2); } }

/*

   CODE

*/
.pre {
  overflow-x: auto;
  overflow-y: hidden;
  overflow: scroll; }

/*

   COORDINATES
   Docs: http://tachyons.io/docs/layout/position/

   Use in combination with the position module.

   Base:
     top
     bottom
     right
     left

   Modifiers:
     -0  = literal value 0
     -1  = literal value 1
     -2  = literal value 2
     --1 = literal value -1
     --2 = literal value -2

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.top-0 {
  top: 0; }

.right-0 {
  right: 0; }

.bottom-0 {
  bottom: 0; }

.left-0 {
  left: 0; }

.top-1 {
  top: 1rem; }

.right-1 {
  right: 1rem; }

.bottom-1 {
  bottom: 1rem; }

.left-1 {
  left: 1rem; }

.top-2 {
  top: 2rem; }

.right-2 {
  right: 2rem; }

.bottom-2 {
  bottom: 2rem; }

.left-2 {
  left: 2rem; }

.top--1 {
  top: -1rem; }

.right--1 {
  right: -1rem; }

.bottom--1 {
  bottom: -1rem; }

.left--1 {
  left: -1rem; }

.top--2 {
  top: -2rem; }

.right--2 {
  right: -2rem; }

.bottom--2 {
  bottom: -2rem; }

.left--2 {
  left: -2rem; }

.absolute--fill {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

@media screen and (min-width: 35em) {
  .top-0-ns {
    top: 0; }
  .left-0-ns {
    left: 0; }
  .right-0-ns {
    right: 0; }
  .bottom-0-ns {
    bottom: 0; }
  .top-1-ns {
    top: 1rem; }
  .left-1-ns {
    left: 1rem; }
  .right-1-ns {
    right: 1rem; }
  .bottom-1-ns {
    bottom: 1rem; }
  .top-2-ns {
    top: 2rem; }
  .left-2-ns {
    left: 2rem; }
  .right-2-ns {
    right: 2rem; }
  .bottom-2-ns {
    bottom: 2rem; }
  .top--1-ns {
    top: -1rem; }
  .right--1-ns {
    right: -1rem; }
  .bottom--1-ns {
    bottom: -1rem; }
  .left--1-ns {
    left: -1rem; }
  .top--2-ns {
    top: -2rem; }
  .right--2-ns {
    right: -2rem; }
  .bottom--2-ns {
    bottom: -2rem; }
  .left--2-ns {
    left: -2rem; }
  .absolute--fill-ns {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .top-0-m {
    top: 0; }
  .left-0-m {
    left: 0; }
  .right-0-m {
    right: 0; }
  .bottom-0-m {
    bottom: 0; }
  .top-1-m {
    top: 1rem; }
  .left-1-m {
    left: 1rem; }
  .right-1-m {
    right: 1rem; }
  .bottom-1-m {
    bottom: 1rem; }
  .top-2-m {
    top: 2rem; }
  .left-2-m {
    left: 2rem; }
  .right-2-m {
    right: 2rem; }
  .bottom-2-m {
    bottom: 2rem; }
  .top--1-m {
    top: -1rem; }
  .right--1-m {
    right: -1rem; }
  .bottom--1-m {
    bottom: -1rem; }
  .left--1-m {
    left: -1rem; }
  .top--2-m {
    top: -2rem; }
  .right--2-m {
    right: -2rem; }
  .bottom--2-m {
    bottom: -2rem; }
  .left--2-m {
    left: -2rem; }
  .absolute--fill-m {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; } }

@media screen and (min-width: 45em) {
  .top-0-l {
    top: 0; }
  .left-0-l {
    left: 0; }
  .right-0-l {
    right: 0; }
  .bottom-0-l {
    bottom: 0; }
  .top-1-l {
    top: 1rem; }
  .left-1-l {
    left: 1rem; }
  .right-1-l {
    right: 1rem; }
  .bottom-1-l {
    bottom: 1rem; }
  .top-2-l {
    top: 2rem; }
  .left-2-l {
    left: 2rem; }
  .right-2-l {
    right: 2rem; }
  .bottom-2-l {
    bottom: 2rem; }
  .top--1-l {
    top: -1rem; }
  .right--1-l {
    right: -1rem; }
  .bottom--1-l {
    bottom: -1rem; }
  .left--1-l {
    left: -1rem; }
  .top--2-l {
    top: -2rem; }
  .right--2-l {
    right: -2rem; }
  .bottom--2-l {
    bottom: -2rem; }
  .left--2-l {
    left: -2rem; }
  .absolute--fill-l {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; } }

/*

   CLEARFIX
   http://tachyons.io/docs/layout/clearfix/

*/
/* Nicolas Gallaghers Clearfix solution
   Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before,
.cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

.cf {
  *zoom: 1; }

.cl {
  clear: left; }

.cr {
  clear: right; }

.cb {
  clear: both; }

.cn {
  clear: none; }

@media screen and (min-width: 35em) {
  .cl-ns {
    clear: left; }
  .cr-ns {
    clear: right; }
  .cb-ns {
    clear: both; }
  .cn-ns {
    clear: none; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .cl-m {
    clear: left; }
  .cr-m {
    clear: right; }
  .cb-m {
    clear: both; }
  .cn-m {
    clear: none; } }

@media screen and (min-width: 45em) {
  .cl-l {
    clear: left; }
  .cr-l {
    clear: right; }
  .cb-l {
    clear: both; }
  .cn-l {
    clear: none; } }

/*

   DISPLAY
   Docs: http://tachyons.io/docs/layout/display

   Base:
    d = display

   Modifiers:
    n     = none
    b     = block
    ib    = inline-block
    it    = inline-table
    t     = table
    tc    = table-cell
    tr    = table-row
    tcol  = table-column
    tcolg = table-column-group

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.dn {
  display: none; }

.di {
  display: inline; }

.db {
  display: block; }

.dib {
  display: inline-block; }

.dit {
  display: inline-table; }

.dt {
  display: table; }

.dtc {
  display: table-cell; }

.dt-row {
  display: table-row; }

.dt-row-group {
  display: table-row-group; }

.dt-column {
  display: table-column; }

.dt-column-group {
  display: table-column-group; }

/*
  This will set table to full width and then
  all cells will be equal width
*/
.dt--fixed {
  table-layout: fixed;
  width: 100%; }

@media screen and (min-width: 35em) {
  .dn-ns {
    display: none; }
  .di-ns {
    display: inline; }
  .db-ns {
    display: block; }
  .dib-ns {
    display: inline-block; }
  .dit-ns {
    display: inline-table; }
  .dt-ns {
    display: table; }
  .dtc-ns {
    display: table-cell; }
  .dt-row-ns {
    display: table-row; }
  .dt-row-group-ns {
    display: table-row-group; }
  .dt-column-ns {
    display: table-column; }
  .dt-column-group-ns {
    display: table-column-group; }
  .dt--fixed-ns {
    table-layout: fixed;
    width: 100%; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .dn-m {
    display: none; }
  .di-m {
    display: inline; }
  .db-m {
    display: block; }
  .dib-m {
    display: inline-block; }
  .dit-m {
    display: inline-table; }
  .dt-m {
    display: table; }
  .dtc-m {
    display: table-cell; }
  .dt-row-m {
    display: table-row; }
  .dt-row-group-m {
    display: table-row-group; }
  .dt-column-m {
    display: table-column; }
  .dt-column-group-m {
    display: table-column-group; }
  .dt--fixed-m {
    table-layout: fixed;
    width: 100%; } }

@media screen and (min-width: 45em) {
  .dn-l {
    display: none; }
  .di-l {
    display: inline; }
  .db-l {
    display: block; }
  .dib-l {
    display: inline-block; }
  .dit-l {
    display: inline-table; }
  .dt-l {
    display: table; }
  .dtc-l {
    display: table-cell; }
  .dt-row-l {
    display: table-row; }
  .dt-row-group-l {
    display: table-row-group; }
  .dt-column-l {
    display: table-column; }
  .dt-column-group-l {
    display: table-column-group; }
  .dt--fixed-l {
    table-layout: fixed;
    width: 100%; } }

/*

  FLEXBOX

  Media Query Extensions:
   -ns = not-small
   -m  = medium
   -l  = large

*/
.flex {
  display: flex; }

.inline-flex {
  display: inline-flex; }

/* 1. Fix for Chrome 44 bug.
 * https://code.google.com/p/chromium/issues/detail?id=506893 */
.flex-auto {
  flex: 1 1 auto;
  min-width: 0;
  /* 1 */
  min-height: 0;
  /* 1 */ }

.flex-none {
  flex: none; }

.flex-column {
  flex-direction: column; }

.flex-row {
  flex-direction: row; }

.flex-wrap {
  flex-wrap: wrap; }

.flex-nowrap {
  flex-wrap: nowrap; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse; }

.flex-column-reverse {
  flex-direction: column-reverse; }

.flex-row-reverse {
  flex-direction: row-reverse; }

.items-start {
  align-items: flex-start; }

.items-end {
  align-items: flex-end; }

.items-center {
  align-items: center; }

.items-baseline {
  align-items: baseline; }

.items-stretch {
  align-items: stretch; }

.self-start {
  align-self: flex-start; }

.self-end {
  align-self: flex-end; }

.self-center {
  align-self: center; }

.self-baseline {
  align-self: baseline; }

.self-stretch {
  align-self: stretch; }

.justify-start {
  justify-content: flex-start; }

.justify-end {
  justify-content: flex-end; }

.justify-center {
  justify-content: center; }

.justify-between {
  justify-content: space-between; }

.justify-around {
  justify-content: space-around; }

.content-start {
  align-content: flex-start; }

.content-end {
  align-content: flex-end; }

.content-center {
  align-content: center; }

.content-between {
  align-content: space-between; }

.content-around {
  align-content: space-around; }

.content-stretch {
  align-content: stretch; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-last {
  order: 99999; }

.flex-grow-0 {
  flex-grow: 0; }

.flex-grow-1 {
  flex-grow: 1; }

.flex-shrink-0 {
  flex-shrink: 0; }

.flex-shrink-1 {
  flex-shrink: 1; }

@media screen and (min-width: 35em) {
  .flex-ns {
    display: flex; }
  .inline-flex-ns {
    display: inline-flex; }
  .flex-auto-ns {
    flex: 1 1 auto;
    min-width: 0;
    /* 1 */
    min-height: 0;
    /* 1 */ }
  .flex-none-ns {
    flex: none; }
  .flex-column-ns {
    flex-direction: column; }
  .flex-row-ns {
    flex-direction: row; }
  .flex-wrap-ns {
    flex-wrap: wrap; }
  .flex-nowrap-ns {
    flex-wrap: nowrap; }
  .flex-wrap-reverse-ns {
    flex-wrap: wrap-reverse; }
  .flex-column-reverse-ns {
    flex-direction: column-reverse; }
  .flex-row-reverse-ns {
    flex-direction: row-reverse; }
  .items-start-ns {
    align-items: flex-start; }
  .items-end-ns {
    align-items: flex-end; }
  .items-center-ns {
    align-items: center; }
  .items-baseline-ns {
    align-items: baseline; }
  .items-stretch-ns {
    align-items: stretch; }
  .self-start-ns {
    align-self: flex-start; }
  .self-end-ns {
    align-self: flex-end; }
  .self-center-ns {
    align-self: center; }
  .self-baseline-ns {
    align-self: baseline; }
  .self-stretch-ns {
    align-self: stretch; }
  .justify-start-ns {
    justify-content: flex-start; }
  .justify-end-ns {
    justify-content: flex-end; }
  .justify-center-ns {
    justify-content: center; }
  .justify-between-ns {
    justify-content: space-between; }
  .justify-around-ns {
    justify-content: space-around; }
  .content-start-ns {
    align-content: flex-start; }
  .content-end-ns {
    align-content: flex-end; }
  .content-center-ns {
    align-content: center; }
  .content-between-ns {
    align-content: space-between; }
  .content-around-ns {
    align-content: space-around; }
  .content-stretch-ns {
    align-content: stretch; }
  .order-0-ns {
    order: 0; }
  .order-1-ns {
    order: 1; }
  .order-2-ns {
    order: 2; }
  .order-3-ns {
    order: 3; }
  .order-4-ns {
    order: 4; }
  .order-5-ns {
    order: 5; }
  .order-6-ns {
    order: 6; }
  .order-7-ns {
    order: 7; }
  .order-8-ns {
    order: 8; }
  .order-last-ns {
    order: 99999; }
  .flex-grow-0-ns {
    flex-grow: 0; }
  .flex-grow-1-ns {
    flex-grow: 1; }
  .flex-shrink-0-ns {
    flex-shrink: 0; }
  .flex-shrink-1-ns {
    flex-shrink: 1; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .flex-m {
    display: flex; }
  .inline-flex-m {
    display: inline-flex; }
  .flex-auto-m {
    flex: 1 1 auto;
    min-width: 0;
    /* 1 */
    min-height: 0;
    /* 1 */ }
  .flex-none-m {
    flex: none; }
  .flex-column-m {
    flex-direction: column; }
  .flex-row-m {
    flex-direction: row; }
  .flex-wrap-m {
    flex-wrap: wrap; }
  .flex-nowrap-m {
    flex-wrap: nowrap; }
  .flex-wrap-reverse-m {
    flex-wrap: wrap-reverse; }
  .flex-column-reverse-m {
    flex-direction: column-reverse; }
  .flex-row-reverse-m {
    flex-direction: row-reverse; }
  .items-start-m {
    align-items: flex-start; }
  .items-end-m {
    align-items: flex-end; }
  .items-center-m {
    align-items: center; }
  .items-baseline-m {
    align-items: baseline; }
  .items-stretch-m {
    align-items: stretch; }
  .self-start-m {
    align-self: flex-start; }
  .self-end-m {
    align-self: flex-end; }
  .self-center-m {
    align-self: center; }
  .self-baseline-m {
    align-self: baseline; }
  .self-stretch-m {
    align-self: stretch; }
  .justify-start-m {
    justify-content: flex-start; }
  .justify-end-m {
    justify-content: flex-end; }
  .justify-center-m {
    justify-content: center; }
  .justify-between-m {
    justify-content: space-between; }
  .justify-around-m {
    justify-content: space-around; }
  .content-start-m {
    align-content: flex-start; }
  .content-end-m {
    align-content: flex-end; }
  .content-center-m {
    align-content: center; }
  .content-between-m {
    align-content: space-between; }
  .content-around-m {
    align-content: space-around; }
  .content-stretch-m {
    align-content: stretch; }
  .order-0-m {
    order: 0; }
  .order-1-m {
    order: 1; }
  .order-2-m {
    order: 2; }
  .order-3-m {
    order: 3; }
  .order-4-m {
    order: 4; }
  .order-5-m {
    order: 5; }
  .order-6-m {
    order: 6; }
  .order-7-m {
    order: 7; }
  .order-8-m {
    order: 8; }
  .order-last-m {
    order: 99999; }
  .flex-grow-0-m {
    flex-grow: 0; }
  .flex-grow-1-m {
    flex-grow: 1; }
  .flex-shrink-0-m {
    flex-shrink: 0; }
  .flex-shrink-1-m {
    flex-shrink: 1; } }

@media screen and (min-width: 45em) {
  .flex-l {
    display: flex; }
  .inline-flex-l {
    display: inline-flex; }
  .flex-auto-l {
    flex: 1 1 auto;
    min-width: 0;
    /* 1 */
    min-height: 0;
    /* 1 */ }
  .flex-none-l {
    flex: none; }
  .flex-column-l {
    flex-direction: column; }
  .flex-row-l {
    flex-direction: row; }
  .flex-wrap-l {
    flex-wrap: wrap; }
  .flex-nowrap-l {
    flex-wrap: nowrap; }
  .flex-wrap-reverse-l {
    flex-wrap: wrap-reverse; }
  .flex-column-reverse-l {
    flex-direction: column-reverse; }
  .flex-row-reverse-l {
    flex-direction: row-reverse; }
  .items-start-l {
    align-items: flex-start; }
  .items-end-l {
    align-items: flex-end; }
  .items-center-l {
    align-items: center; }
  .items-baseline-l {
    align-items: baseline; }
  .items-stretch-l {
    align-items: stretch; }
  .self-start-l {
    align-self: flex-start; }
  .self-end-l {
    align-self: flex-end; }
  .self-center-l {
    align-self: center; }
  .self-baseline-l {
    align-self: baseline; }
  .self-stretch-l {
    align-self: stretch; }
  .justify-start-l {
    justify-content: flex-start; }
  .justify-end-l {
    justify-content: flex-end; }
  .justify-center-l {
    justify-content: center; }
  .justify-between-l {
    justify-content: space-between; }
  .justify-around-l {
    justify-content: space-around; }
  .content-start-l {
    align-content: flex-start; }
  .content-end-l {
    align-content: flex-end; }
  .content-center-l {
    align-content: center; }
  .content-between-l {
    align-content: space-between; }
  .content-around-l {
    align-content: space-around; }
  .content-stretch-l {
    align-content: stretch; }
  .order-0-l {
    order: 0; }
  .order-1-l {
    order: 1; }
  .order-2-l {
    order: 2; }
  .order-3-l {
    order: 3; }
  .order-4-l {
    order: 4; }
  .order-5-l {
    order: 5; }
  .order-6-l {
    order: 6; }
  .order-7-l {
    order: 7; }
  .order-8-l {
    order: 8; }
  .order-last-l {
    order: 99999; }
  .flex-grow-0-l {
    flex-grow: 0; }
  .flex-grow-1-l {
    flex-grow: 1; }
  .flex-shrink-0-l {
    flex-shrink: 0; }
  .flex-shrink-1-l {
    flex-shrink: 1; } }

/*

   FLOATS
   http://tachyons.io/docs/layout/floats/

   1. Floated elements are automatically rendered as block level elements.
      Setting floats to display inline will fix the double margin bug in
      ie6. You know... just in case.

   2. Don't forget to clearfix your floats with .cf

   Base:
     f = float

   Modifiers:
     l = left
     r = right
     n = none

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.fl {
  float: left;
  _display: inline; }

.fr {
  float: right;
  _display: inline; }

.fn {
  float: none; }

@media screen and (min-width: 35em) {
  .fl-ns {
    float: left;
    _display: inline; }
  .fr-ns {
    float: right;
    _display: inline; }
  .fn-ns {
    float: none; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .fl-m {
    float: left;
    _display: inline; }
  .fr-m {
    float: right;
    _display: inline; }
  .fn-m {
    float: none; } }

@media screen and (min-width: 45em) {
  .fl-l {
    float: left;
    _display: inline; }
  .fr-l {
    float: right;
    _display: inline; }
  .fn-l {
    float: none; } }

/*

   FONT FAMILY GROUPS
   Docs: http://tachyons.io/docs/typography/font-family/

*/
.sans-serif, .c-widget-body .testimonial_author {
  font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, helvetica, "helvetica neue", ubuntu, roboto, noto, "segoe ui", arial, sans-serif; }

.serif {
  font-family: georgia, serif; }

.system-sans-serif {
  font-family: sans-serif; }

.system-serif {
  font-family: serif; }

/* Monospaced Typefaces (for code) */
/* From http://cssfontstack.com */
code, .code {
  font-family: Consolas, monaco, monospace; }

.courier {
  font-family: 'Courier Next', courier, monospace; }

/* Sans-Serif Typefaces */
.helvetica {
  font-family: 'helvetica neue', helvetica, sans-serif; }

.avenir {
  font-family: 'avenir next', avenir, sans-serif; }

/* Serif Typefaces */
.athelas {
  font-family: athelas, georgia, serif; }

.georgia, .c-cms blockquote, .c-cms-sm blockquote, .c-widget-body blockquote, .c-cms-lg blockquote, .c-cms blockquote p, .c-cms-sm blockquote p, .c-widget-body blockquote p, .c-cms-lg blockquote p {
  font-family: georgia, serif; }

.times {
  font-family: times, serif; }

.bodoni {
  font-family: "Bodoni MT", serif; }

.calisto {
  font-family: "Calisto MT", serif; }

.garamond {
  font-family: garamond, serif; }

.baskerville {
  font-family: baskerville, serif; }

/*

   FONT STYLE
   Docs: http://tachyons.io/docs/typography/font-style/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.i, .c-cms blockquote, .c-cms-sm blockquote, .c-widget-body blockquote, .c-cms-lg blockquote, .c-cms blockquote p, .c-cms-sm blockquote p, .c-widget-body blockquote p, .c-cms-lg blockquote p, .c-cms i, .c-cms-sm i, .c-widget-body i, .c-cms-lg i, .c-cms em, .c-cms-sm em, .c-widget-body em, .c-cms-lg em {
  font-style: italic; }

.fs-normal {
  font-style: normal; }

@media screen and (min-width: 35em) {
  .i-ns {
    font-style: italic; }
  .fs-normal-ns {
    font-style: normal; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .i-m {
    font-style: italic; }
  .fs-normal-m {
    font-style: normal; } }

@media screen and (min-width: 45em) {
  .i-l {
    font-style: italic; }
  .fs-normal-l {
    font-style: normal; } }

/*

   FONT WEIGHT
   Docs: http://tachyons.io/docs/typography/font-weight/

   Base
     fw = font-weight

   Modifiers:
     1 = literal value 100
     2 = literal value 200
     3 = literal value 300
     4 = literal value 400
     5 = literal value 500
     6 = literal value 600
     7 = literal value 700
     8 = literal value 800
     9 = literal value 900

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.normal {
  font-weight: normal; }

.b {
  font-weight: bold; }

.fw1 {
  font-weight: 100; }

.fw2 {
  font-weight: 200; }

.fw3, .c-cms p, .c-cms-sm p, .c-widget-body p, .c-cms-lg p, .c-cms ul, .c-cms-sm ul, .c-widget-body ul, .c-cms-lg ul, .c-cms ol, .c-cms-sm ol, .c-widget-body ol, .c-cms-lg ol, .c-cms blockquote, .c-cms-sm blockquote, .c-widget-body blockquote, .c-cms-lg blockquote, .c-cms-customer-review p {
  font-weight: 300; }

.fw4 {
  font-weight: 400; }

.fw5 {
  font-weight: 500; }

.fw6 {
  font-weight: 600; }

.fw7, .c-cms h1, .c-cms-sm h1, .c-widget-body h1, .c-cms-lg h1, .c-cms h2, .c-cms-sm h2, .c-widget-body h2, .c-cms-lg h2, .c-cms h3, .c-cms-sm h3, .c-widget-body h3, .c-cms-lg h3, .c-cms h4, .c-cms-sm h4, .c-widget-body h4, .c-cms-lg h4, .c-cms h5, .c-cms-sm h5, .c-widget-body h5, .c-cms-lg h5, .c-cms h6, .c-cms-sm h6, .c-widget-body h6, .c-cms-lg h6, .c-cms b, .c-cms-sm b, .c-widget-body b, .c-cms-lg b, .c-cms strong, .c-cms-sm strong, .c-widget-body strong, .c-cms-lg strong, .c-cms-customer-review h4 {
  font-weight: 700; }

.fw8 {
  font-weight: 800; }

.fw9 {
  font-weight: 900; }

@media screen and (min-width: 35em) {
  .normal-ns {
    font-weight: normal; }
  .b-ns {
    font-weight: bold; }
  .fw1-ns {
    font-weight: 100; }
  .fw2-ns {
    font-weight: 200; }
  .fw3-ns {
    font-weight: 300; }
  .fw4-ns {
    font-weight: 400; }
  .fw5-ns {
    font-weight: 500; }
  .fw6-ns {
    font-weight: 600; }
  .fw7-ns {
    font-weight: 700; }
  .fw8-ns {
    font-weight: 800; }
  .fw9-ns {
    font-weight: 900; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .normal-m {
    font-weight: normal; }
  .b-m {
    font-weight: bold; }
  .fw1-m {
    font-weight: 100; }
  .fw2-m {
    font-weight: 200; }
  .fw3-m {
    font-weight: 300; }
  .fw4-m {
    font-weight: 400; }
  .fw5-m {
    font-weight: 500; }
  .fw6-m {
    font-weight: 600; }
  .fw7-m {
    font-weight: 700; }
  .fw8-m {
    font-weight: 800; }
  .fw9-m {
    font-weight: 900; } }

@media screen and (min-width: 45em) {
  .normal-l {
    font-weight: normal; }
  .b-l {
    font-weight: bold; }
  .fw1-l {
    font-weight: 100; }
  .fw2-l {
    font-weight: 200; }
  .fw3-l {
    font-weight: 300; }
  .fw4-l {
    font-weight: 400; }
  .fw5-l {
    font-weight: 500; }
  .fw6-l {
    font-weight: 600; }
  .fw7-l {
    font-weight: 700; }
  .fw8-l {
    font-weight: 800; }
  .fw9-l {
    font-weight: 900; } }

/*

   FORMS
   
*/
.input-reset {
  -webkit-appearance: none;
  -moz-appearance: none; }

.button-reset::-moz-focus-inner,
.input-reset::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*

   HEIGHTS
   Docs: http://tachyons.io/docs/layout/heights/

   Base:
     h = height
     min-h = min-height
     min-vh = min-height vertical screen height
     vh = vertical screen height

   Modifiers
     1 = 1st step in height scale
     2 = 2nd step in height scale
     3 = 3rd step in height scale
     4 = 4th step in height scale
     5 = 5th step in height scale

     -25   = literal value 25%
     -50   = literal value 50%
     -75   = literal value 75%
     -100  = literal value 100%

     -auto = string value of auto
     -inherit = string value of inherit

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Height Scale */
.h1 {
  height: 1rem; }

.h2 {
  height: 2rem; }

.h3 {
  height: 4rem; }

.h4 {
  height: 8rem; }

.h5 {
  height: 16rem; }

/* Height Percentages - Based off of height of parent */
.h-25 {
  height: 25%; }

.h-50 {
  height: 50%; }

.h-75 {
  height: 75%; }

.h-100 {
  height: 100%; }

.min-h-100 {
  min-height: 100%; }

/* Screen Height Percentage */
.vh-25 {
  height: 25vh; }

.vh-50 {
  height: 50vh; }

.vh-75 {
  height: 75vh; }

.vh-100 {
  height: 100vh; }

.min-vh-100 {
  min-height: 100vh; }

/* String Properties */
.h-auto {
  height: auto; }

.h-inherit {
  height: inherit; }

@media screen and (min-width: 35em) {
  .h1-ns {
    height: 1rem; }
  .h2-ns {
    height: 2rem; }
  .h3-ns {
    height: 4rem; }
  .h4-ns {
    height: 8rem; }
  .h5-ns {
    height: 16rem; }
  .h-25-ns {
    height: 25%; }
  .h-50-ns {
    height: 50%; }
  .h-75-ns {
    height: 75%; }
  .h-100-ns {
    height: 100%; }
  .min-h-100-ns {
    min-height: 100%; }
  .vh-25-ns {
    height: 25vh; }
  .vh-50-ns {
    height: 50vh; }
  .vh-75-ns {
    height: 75vh; }
  .vh-100-ns {
    height: 100vh; }
  .min-vh-100-ns {
    min-height: 100vh; }
  .h-auto-ns {
    height: auto; }
  .h-inherit-ns {
    height: inherit; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .h1-m {
    height: 1rem; }
  .h2-m {
    height: 2rem; }
  .h3-m {
    height: 4rem; }
  .h4-m {
    height: 8rem; }
  .h5-m {
    height: 16rem; }
  .h-25-m {
    height: 25%; }
  .h-50-m {
    height: 50%; }
  .h-75-m {
    height: 75%; }
  .h-100-m {
    height: 100%; }
  .min-h-100-m {
    min-height: 100%; }
  .vh-25-m {
    height: 25vh; }
  .vh-50-m {
    height: 50vh; }
  .vh-75-m {
    height: 75vh; }
  .vh-100-m {
    height: 100vh; }
  .min-vh-100-m {
    min-height: 100vh; }
  .h-auto-m {
    height: auto; }
  .h-inherit-m {
    height: inherit; } }

@media screen and (min-width: 45em) {
  .h1-l {
    height: 1rem; }
  .h2-l {
    height: 2rem; }
  .h3-l {
    height: 4rem; }
  .h4-l {
    height: 8rem; }
  .h5-l {
    height: 16rem; }
  .h-25-l {
    height: 25%; }
  .h-50-l {
    height: 50%; }
  .h-75-l {
    height: 75%; }
  .h-100-l {
    height: 100%; }
  .min-h-100-l {
    min-height: 100%; }
  .vh-25-l {
    height: 25vh; }
  .vh-50-l {
    height: 50vh; }
  .vh-75-l {
    height: 75vh; }
  .vh-100-l {
    height: 100vh; }
  .min-vh-100-l {
    min-height: 100vh; }
  .h-auto-l {
    height: auto; }
  .h-inherit-l {
    height: inherit; } }

/*

   LETTER SPACING
   Docs: http://tachyons.io/docs/typography/tracking/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.tracked {
  letter-spacing: 0.1em; }

.tracked-tight {
  letter-spacing: -0.05em; }

.tracked-mega {
  letter-spacing: 0.25em; }

@media screen and (min-width: 35em) {
  .tracked-ns {
    letter-spacing: 0.1em; }
  .tracked-tight-ns {
    letter-spacing: -0.05em; }
  .tracked-mega-ns {
    letter-spacing: 0.25em; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .tracked-m {
    letter-spacing: 0.1em; }
  .tracked-tight-m {
    letter-spacing: -0.05em; }
  .tracked-mega-m {
    letter-spacing: 0.25em; } }

@media screen and (min-width: 45em) {
  .tracked-l {
    letter-spacing: 0.1em; }
  .tracked-tight-l {
    letter-spacing: -0.05em; }
  .tracked-mega-l {
    letter-spacing: 0.25em; } }

/*

   LINE HEIGHT / LEADING
   Docs: http://tachyons.io/docs/typography/line-height

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.lh-solid {
  line-height: 1; }

.lh-title, .c-cms h1, .c-cms-sm h1, .c-widget-body h1, .c-cms-lg h1, .c-cms h2, .c-cms-sm h2, .c-widget-body h2, .c-cms-lg h2, .c-cms h3, .c-cms-sm h3, .c-widget-body h3, .c-cms-lg h3, .c-cms h4, .c-cms-sm h4, .c-widget-body h4, .c-cms-lg h4, .c-cms h5, .c-cms-sm h5, .c-widget-body h5, .c-cms-lg h5, .c-cms h6, .c-cms-sm h6, .c-widget-body h6, .c-cms-lg h6, .c-cms-customer-review h4 {
  line-height: 1.25; }

.lh-copy, .c-cms p, .c-cms-sm p, .c-widget-body p, .c-cms-lg p, .c-cms ul, .c-cms-sm ul, .c-widget-body ul, .c-cms-lg ul, .c-cms ol, .c-cms-sm ol, .c-widget-body ol, .c-cms-lg ol, .c-cms blockquote, .c-cms-sm blockquote, .c-widget-body blockquote, .c-cms-lg blockquote, .c-cms-customer-review p, .single-event .c-agenda table {
  line-height: 1.5; }

@media screen and (min-width: 35em) {
  .lh-solid-ns {
    line-height: 1; }
  .lh-title-ns {
    line-height: 1.25; }
  .lh-copy-ns {
    line-height: 1.5; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .lh-solid-m {
    line-height: 1; }
  .lh-title-m {
    line-height: 1.25; }
  .lh-copy-m {
    line-height: 1.5; } }

@media screen and (min-width: 45em) {
  .lh-solid-l {
    line-height: 1; }
  .lh-title-l {
    line-height: 1.25; }
  .lh-copy-l {
    line-height: 1.5; } }

/*

   LINKS
   Docs: http://tachyons.io/docs/elements/links/

*/
.link, .c-cms a, .c-cms-sm a, .c-widget-body a, .c-cms-lg a, .c-product-summary a {
  text-decoration: none;
  transition: color .15s ease-in; }

.link:link, .c-cms a:link, .c-cms-sm a:link, .c-widget-body a:link, .c-cms-lg a:link, .c-product-summary a:link,
.link:visited,
.c-cms a:visited,
.c-cms-sm a:visited,
.c-widget-body a:visited,
.c-cms-lg a:visited,
.c-product-summary a:visited {
  transition: color .15s ease-in; }

.link:hover, .c-cms a:hover, .c-cms-sm a:hover, .c-widget-body a:hover, .c-cms-lg a:hover, .c-product-summary a:hover {
  transition: color .15s ease-in; }

.link:active, .c-cms a:active, .c-cms-sm a:active, .c-widget-body a:active, .c-cms-lg a:active, .c-product-summary a:active {
  transition: color .15s ease-in; }

.link:focus, .c-cms a:focus, .c-cms-sm a:focus, .c-widget-body a:focus, .c-cms-lg a:focus, .c-product-summary a:focus {
  transition: color .15s ease-in;
  outline: 1px dotted currentColor; }

/*

   LISTS
   http://tachyons.io/docs/elements/lists/

*/
.list {
  list-style-type: none; }

/*

   MAX WIDTHS
   Docs: http://tachyons.io/docs/layout/max-widths/

   Base:
     mw = max-width

   Modifiers
     1 = 1st step in width scale
     2 = 2nd step in width scale
     3 = 3rd step in width scale
     4 = 4th step in width scale
     5 = 5th step in width scale
     6 = 6st step in width scale
     7 = 7nd step in width scale
     8 = 8rd step in width scale
     9 = 9th step in width scale

     -100 = literal value 100%

     -none  = string value none


   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Max Width Percentages */
.mw-100 {
  max-width: 100%; }

/* Max Width Scale */
.mw1 {
  max-width: 1rem; }

.mw2 {
  max-width: 2rem; }

.mw3 {
  max-width: 4rem; }

.mw4 {
  max-width: 8rem; }

.mw5 {
  max-width: 16rem; }

.mw6 {
  max-width: 32rem; }

.mw7 {
  max-width: 48rem; }

.mw8 {
  max-width: 64rem; }

.mw9 {
  max-width: 96rem; }

/* Max Width String Properties */
.mw-none {
  max-width: none; }

@media screen and (min-width: 35em) {
  .mw-100-ns {
    max-width: 100%; }
  .mw1-ns {
    max-width: 1rem; }
  .mw2-ns {
    max-width: 2rem; }
  .mw3-ns {
    max-width: 4rem; }
  .mw4-ns {
    max-width: 8rem; }
  .mw5-ns {
    max-width: 16rem; }
  .mw6-ns {
    max-width: 32rem; }
  .mw7-ns {
    max-width: 48rem; }
  .mw8-ns {
    max-width: 64rem; }
  .mw9-ns {
    max-width: 96rem; }
  .mw-none-ns {
    max-width: none; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .mw-100-m {
    max-width: 100%; }
  .mw1-m {
    max-width: 1rem; }
  .mw2-m {
    max-width: 2rem; }
  .mw3-m {
    max-width: 4rem; }
  .mw4-m {
    max-width: 8rem; }
  .mw5-m {
    max-width: 16rem; }
  .mw6-m {
    max-width: 32rem; }
  .mw7-m {
    max-width: 48rem; }
  .mw8-m {
    max-width: 64rem; }
  .mw9-m {
    max-width: 96rem; }
  .mw-none-m {
    max-width: none; } }

@media screen and (min-width: 45em) {
  .mw-100-l {
    max-width: 100%; }
  .mw1-l {
    max-width: 1rem; }
  .mw2-l {
    max-width: 2rem; }
  .mw3-l {
    max-width: 4rem; }
  .mw4-l {
    max-width: 8rem; }
  .mw5-l {
    max-width: 16rem; }
  .mw6-l {
    max-width: 32rem; }
  .mw7-l {
    max-width: 48rem; }
  .mw8-l {
    max-width: 64rem; }
  .mw9-l {
    max-width: 96rem; }
  .mw-none-l {
    max-width: none; } }

/*

   WIDTHS
   Docs: http://tachyons.io/docs/layout/widths/

   Base:
     w = width

     Modifiers
       1 = 1st step in width scale
       2 = 2nd step in width scale
       3 = 3rd step in width scale
       4 = 4th step in width scale
       5 = 5th step in width scale

       -10  = literal value 10%
       -20  = literal value 20%
       -25  = literal value 25%
       -30  = literal value 30%
       -33  = literal value 33%
       -34  = literal value 34%
       -40  = literal value 40%
       -50  = literal value 50%
       -60  = literal value 60%
       -70  = literal value 70%
       -75  = literal value 75%
       -80  = literal value 80%
       -90  = literal value 90%
       -100 = literal value 100%

       -third      = 100% / 3 (Not supported in opera mini or IE8)
       -two-thirds = 100% / 1.5 (Not supported in opera mini or IE8)
       -auto       = string value auto


     Media Query Extensions:
       -ns = not-small
       -m  = medium
       -l  = large

  */
/* Width Scale */
.w1 {
  width: 1rem; }

.w2 {
  width: 2rem; }

.w3 {
  width: 4rem; }

.w4 {
  width: 8rem; }

.w5 {
  width: 16rem; }

.w-10 {
  width: 10%; }

.w-20 {
  width: 20%; }

.w-25 {
  width: 25%; }

.w-30 {
  width: 30%; }

.w-33 {
  width: 33%; }

.w-34 {
  width: 34%; }

.w-40 {
  width: 40%; }

.w-50 {
  width: 50%; }

.w-60 {
  width: 60%; }

.w-70 {
  width: 70%; }

.w-75 {
  width: 75%; }

.w-80 {
  width: 80%; }

.w-90 {
  width: 90%; }

.w-100 {
  width: 100%; }

.w-third {
  width: 33.33333%; }

.w-two-thirds {
  width: 66.66667%; }

.w-auto {
  width: auto; }

@media screen and (min-width: 35em) {
  .w1-ns {
    width: 1rem; }
  .w2-ns {
    width: 2rem; }
  .w3-ns {
    width: 4rem; }
  .w4-ns {
    width: 8rem; }
  .w5-ns {
    width: 16rem; }
  .w-10-ns {
    width: 10%; }
  .w-20-ns {
    width: 20%; }
  .w-25-ns {
    width: 25%; }
  .w-30-ns {
    width: 30%; }
  .w-33-ns {
    width: 33%; }
  .w-34-ns {
    width: 34%; }
  .w-40-ns {
    width: 40%; }
  .w-50-ns {
    width: 50%; }
  .w-60-ns {
    width: 60%; }
  .w-70-ns {
    width: 70%; }
  .w-75-ns {
    width: 75%; }
  .w-80-ns {
    width: 80%; }
  .w-90-ns {
    width: 90%; }
  .w-100-ns {
    width: 100%; }
  .w-third-ns {
    width: 33.33333%; }
  .w-two-thirds-ns {
    width: 66.66667%; }
  .w-auto-ns {
    width: auto; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .w1-m {
    width: 1rem; }
  .w2-m {
    width: 2rem; }
  .w3-m {
    width: 4rem; }
  .w4-m {
    width: 8rem; }
  .w5-m {
    width: 16rem; }
  .w-10-m {
    width: 10%; }
  .w-20-m {
    width: 20%; }
  .w-25-m {
    width: 25%; }
  .w-30-m {
    width: 30%; }
  .w-33-m {
    width: 33%; }
  .w-34-m {
    width: 34%; }
  .w-40-m {
    width: 40%; }
  .w-50-m {
    width: 50%; }
  .w-60-m {
    width: 60%; }
  .w-70-m {
    width: 70%; }
  .w-75-m {
    width: 75%; }
  .w-80-m {
    width: 80%; }
  .w-90-m {
    width: 90%; }
  .w-100-m {
    width: 100%; }
  .w-third-m {
    width: 33.33333%; }
  .w-two-thirds-m {
    width: 66.66667%; }
  .w-auto-m {
    width: auto; } }

@media screen and (min-width: 45em) {
  .w1-l {
    width: 1rem; }
  .w2-l {
    width: 2rem; }
  .w3-l {
    width: 4rem; }
  .w4-l {
    width: 8rem; }
  .w5-l {
    width: 16rem; }
  .w-10-l {
    width: 10%; }
  .w-20-l {
    width: 20%; }
  .w-25-l {
    width: 25%; }
  .w-30-l {
    width: 30%; }
  .w-33-l {
    width: 33%; }
  .w-34-l {
    width: 34%; }
  .w-40-l {
    width: 40%; }
  .w-50-l {
    width: 50%; }
  .w-60-l {
    width: 60%; }
  .w-70-l {
    width: 70%; }
  .w-75-l {
    width: 75%; }
  .w-80-l {
    width: 80%; }
  .w-90-l {
    width: 90%; }
  .w-100-l {
    width: 100%; }
  .w-third-l {
    width: 33.33333%; }
  .w-two-thirds-l {
    width: 66.66667%; }
  .w-auto-l {
    width: auto; } }

/*

    OVERFLOW

    Media Query Extensions:
      -ns = not-small
      -m  = medium
      -l  = large

 */
.overflow-visible {
  overflow: visible; }

.overflow-hidden {
  overflow: hidden; }

.overflow-scroll {
  overflow: scroll; }

.overflow-auto {
  overflow: auto; }

.overflow-x-visible {
  overflow-x: visible; }

.overflow-x-hidden {
  overflow-x: hidden; }

.overflow-x-scroll {
  overflow-x: scroll; }

.overflow-x-auto {
  overflow-x: auto; }

.overflow-y-visible {
  overflow-y: visible; }

.overflow-y-hidden {
  overflow-y: hidden; }

.overflow-y-scroll {
  overflow-y: scroll; }

.overflow-y-auto {
  overflow-y: auto; }

@media screen and (min-width: 35em) {
  .overflow-visible-ns {
    overflow: visible; }
  .overflow-hidden-ns {
    overflow: hidden; }
  .overflow-scroll-ns {
    overflow: scroll; }
  .overflow-auto-ns {
    overflow: auto; }
  .overflow-x-visible-ns {
    overflow-x: visible; }
  .overflow-x-hidden-ns {
    overflow-x: hidden; }
  .overflow-x-scroll-ns {
    overflow-x: scroll; }
  .overflow-x-auto-ns {
    overflow-x: auto; }
  .overflow-y-visible-ns {
    overflow-y: visible; }
  .overflow-y-hidden-ns {
    overflow-y: hidden; }
  .overflow-y-scroll-ns {
    overflow-y: scroll; }
  .overflow-y-auto-ns {
    overflow-y: auto; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .overflow-visible-m {
    overflow: visible; }
  .overflow-hidden-m {
    overflow: hidden; }
  .overflow-scroll-m {
    overflow: scroll; }
  .overflow-auto-m {
    overflow: auto; }
  .overflow-x-visible-m {
    overflow-x: visible; }
  .overflow-x-hidden-m {
    overflow-x: hidden; }
  .overflow-x-scroll-m {
    overflow-x: scroll; }
  .overflow-x-auto-m {
    overflow-x: auto; }
  .overflow-y-visible-m {
    overflow-y: visible; }
  .overflow-y-hidden-m {
    overflow-y: hidden; }
  .overflow-y-scroll-m {
    overflow-y: scroll; }
  .overflow-y-auto-m {
    overflow-y: auto; } }

@media screen and (min-width: 45em) {
  .overflow-visible-l {
    overflow: visible; }
  .overflow-hidden-l {
    overflow: hidden; }
  .overflow-scroll-l {
    overflow: scroll; }
  .overflow-auto-l {
    overflow: auto; }
  .overflow-x-visible-l {
    overflow-x: visible; }
  .overflow-x-hidden-l {
    overflow-x: hidden; }
  .overflow-x-scroll-l {
    overflow-x: scroll; }
  .overflow-x-auto-l {
    overflow-x: auto; }
  .overflow-y-visible-l {
    overflow-y: visible; }
  .overflow-y-hidden-l {
    overflow-y: hidden; }
  .overflow-y-scroll-l {
    overflow-y: scroll; }
  .overflow-y-auto-l {
    overflow-y: auto; } }

/*

   POSITIONING
   Docs: http://tachyons.io/docs/layout/position/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.static {
  position: static; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.fixed {
  position: fixed; }

@media screen and (min-width: 35em) {
  .static-ns {
    position: static; }
  .relative-ns {
    position: relative; }
  .absolute-ns {
    position: absolute; }
  .fixed-ns {
    position: fixed; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .static-m {
    position: static; }
  .relative-m {
    position: relative; }
  .absolute-m {
    position: absolute; }
  .fixed-m {
    position: fixed; } }

@media screen and (min-width: 45em) {
  .static-l {
    position: static; }
  .relative-l {
    position: relative; }
  .absolute-l {
    position: absolute; }
  .fixed-l {
    position: fixed; } }

/*

    OPACITY
    Docs: http://tachyons.io/docs/themes/opacity/

*/
.o-100 {
  opacity: 1; }

.o-90 {
  opacity: .9; }

.o-80 {
  opacity: .8; }

.o-70 {
  opacity: .7; }

.o-60 {
  opacity: .6; }

.o-50 {
  opacity: .5; }

.o-40 {
  opacity: .4; }

.o-30 {
  opacity: .3; }

.o-20 {
  opacity: .2; }

.o-10 {
  opacity: .1; }

.o-05 {
  opacity: .05; }

.o-025 {
  opacity: .025; }

.o-0 {
  opacity: 0; }

/*

   ROTATIONS

*/
.rotate-45 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.rotate-90 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.rotate-135 {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg); }

.rotate-180 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.rotate-225 {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg); }

.rotate-270 {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

.rotate-315 {
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg); }

@media screen and (min-width: 35em) {
  .rotate-45-ns {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .rotate-90-ns {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  .rotate-135-ns {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  .rotate-180-ns {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .rotate-225-ns {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg); }
  .rotate-270-ns {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  .rotate-315-ns {
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg); } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .rotate-45-m {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .rotate-90-m {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  .rotate-135-m {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  .rotate-180-m {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .rotate-225-m {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg); }
  .rotate-270-m {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  .rotate-315-m {
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg); } }

@media screen and (min-width: 45em) {
  .rotate-45-l {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .rotate-90-l {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  .rotate-135-l {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  .rotate-180-l {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .rotate-225-l {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg); }
  .rotate-270-l {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  .rotate-315-l {
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg); } }

/*

   SKINS
   Docs: http://tachyons.io/docs/themes/skins/

   Classes for setting foreground and background colors on elements.
   If you haven't declared a border color, but set border on an element, it will
   be set to the current text color.

*/
/* Text colors */
.black-90 {
  color: rgba(0, 0, 0, 0.9); }

.black-80 {
  color: rgba(0, 0, 0, 0.8); }

.black-70 {
  color: rgba(0, 0, 0, 0.7); }

.black-60 {
  color: rgba(0, 0, 0, 0.6); }

.black-50 {
  color: rgba(0, 0, 0, 0.5); }

.black-40 {
  color: rgba(0, 0, 0, 0.4); }

.black-30 {
  color: rgba(0, 0, 0, 0.3); }

.black-20 {
  color: rgba(0, 0, 0, 0.2); }

.black-10 {
  color: rgba(0, 0, 0, 0.1); }

.black-05 {
  color: rgba(0, 0, 0, 0.05); }

.white-90 {
  color: rgba(255, 255, 255, 0.9); }

.white-80 {
  color: rgba(255, 255, 255, 0.8); }

.white-70 {
  color: rgba(255, 255, 255, 0.7); }

.white-60 {
  color: rgba(255, 255, 255, 0.6); }

.white-50 {
  color: rgba(255, 255, 255, 0.5); }

.white-40 {
  color: rgba(255, 255, 255, 0.4); }

.white-30 {
  color: rgba(255, 255, 255, 0.3); }

.white-20 {
  color: rgba(255, 255, 255, 0.2); }

.white-10 {
  color: rgba(255, 255, 255, 0.1); }

.black {
  color: #000; }

.near-black {
  color: #111; }

.dark-gray, .c-cms blockquote, .c-cms-sm blockquote, .c-widget-body blockquote, .c-cms-lg blockquote, .c-cms blockquote p, .c-cms-sm blockquote p, .c-widget-body blockquote p, .c-cms-lg blockquote p {
  color: #333; }

.mid-gray {
  color: #555; }

.gray {
  color: #777; }

.silver {
  color: #999; }

.light-silver {
  color: #aaa; }

.moon-gray {
  color: #ccc; }

.light-gray {
  color: #eee; }

.near-white {
  color: #f4f4f4; }

.white {
  color: #fff; }

.dark-red, .c-cms a, .c-cms-sm a, .c-widget-body a, .c-cms-lg a, .c-product-summary a {
  color: #e7040f; }

.red {
  color: #ff4136; }

.light-red {
  color: #ff725c; }

.orange {
  color: #ff6300; }

.gold {
  color: #ffb700; }

.yellow {
  color: #ffd700; }

.light-yellow {
  color: #fbf1a9; }

.purple {
  color: #5e2ca5; }

.light-purple {
  color: #a463f2; }

.dark-pink {
  color: #d5008f; }

.hot-pink {
  color: #ff41b4; }

.pink {
  color: #ff80cc; }

.light-pink {
  color: #ffa3d7; }

.dark-green {
  color: #137752; }

.green {
  color: #19a974; }

.light-green {
  color: #9eebcf; }

.navy {
  color: #001b44; }

.dark-blue {
  color: #00449e; }

.blue {
  color: #408BC9; }

.light-blue {
  color: #96ccff; }

.lightest-blue {
  color: #cdecff; }

.washed-blue {
  color: #f6fffe; }

.washed-green {
  color: #e8fdf5; }

.washed-yellow {
  color: #fffceb; }

.washed-red {
  color: #ffdfdf; }

.color-inherit {
  color: inherit; }

.bg-black-90 {
  background-color: rgba(0, 0, 0, 0.9); }

.bg-black-80 {
  background-color: rgba(0, 0, 0, 0.8); }

.bg-black-70 {
  background-color: rgba(0, 0, 0, 0.7); }

.bg-black-60 {
  background-color: rgba(0, 0, 0, 0.6); }

.bg-black-50 {
  background-color: rgba(0, 0, 0, 0.5); }

.bg-black-40 {
  background-color: rgba(0, 0, 0, 0.4); }

.bg-black-30 {
  background-color: rgba(0, 0, 0, 0.3); }

.bg-black-20 {
  background-color: rgba(0, 0, 0, 0.2); }

.bg-black-10 {
  background-color: rgba(0, 0, 0, 0.1); }

.bg-black-05 {
  background-color: rgba(0, 0, 0, 0.05); }

.bg-white-90 {
  background-color: rgba(255, 255, 255, 0.9); }

.bg-white-80 {
  background-color: rgba(255, 255, 255, 0.8); }

.bg-white-70 {
  background-color: rgba(255, 255, 255, 0.7); }

.bg-white-60 {
  background-color: rgba(255, 255, 255, 0.6); }

.bg-white-50 {
  background-color: rgba(255, 255, 255, 0.5); }

.bg-white-40 {
  background-color: rgba(255, 255, 255, 0.4); }

.bg-white-30 {
  background-color: rgba(255, 255, 255, 0.3); }

.bg-white-20 {
  background-color: rgba(255, 255, 255, 0.2); }

.bg-white-10 {
  background-color: rgba(255, 255, 255, 0.1); }

/* Background colors */
.bg-black {
  background-color: #000; }

.bg-near-black {
  background-color: #111; }

.bg-dark-gray {
  background-color: #333; }

.bg-mid-gray {
  background-color: #555; }

.bg-gray {
  background-color: #777; }

.bg-silver {
  background-color: #999; }

.bg-light-silver {
  background-color: #aaa; }

.bg-moon-gray {
  background-color: #ccc; }

.bg-light-gray {
  background-color: #eee; }

.bg-near-white {
  background-color: #f4f4f4; }

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

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

.bg-dark-red {
  background-color: #e7040f; }

.bg-red {
  background-color: #ff4136; }

.bg-light-red {
  background-color: #ff725c; }

.bg-orange {
  background-color: #ff6300; }

.bg-gold {
  background-color: #ffb700; }

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

.bg-light-yellow {
  background-color: #fbf1a9; }

.bg-purple {
  background-color: #5e2ca5; }

.bg-light-purple {
  background-color: #a463f2; }

.bg-dark-pink {
  background-color: #d5008f; }

.bg-hot-pink {
  background-color: #ff41b4; }

.bg-pink {
  background-color: #ff80cc; }

.bg-light-pink {
  background-color: #ffa3d7; }

.bg-dark-green {
  background-color: #137752; }

.bg-green {
  background-color: #19a974; }

.bg-light-green {
  background-color: #9eebcf; }

.bg-navy {
  background-color: #001b44; }

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

.bg-blue {
  background-color: #408BC9; }

.bg-light-blue {
  background-color: #96ccff; }

.bg-lightest-blue {
  background-color: #cdecff; }

.bg-washed-blue {
  background-color: #f6fffe; }

.bg-washed-green {
  background-color: #e8fdf5; }

.bg-washed-yellow {
  background-color: #fffceb; }

.bg-washed-red {
  background-color: #ffdfdf; }

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

/*

   SKINS:PSEUDO

   Customize the color of an element when
   it is focused or hovered over.

 */
.hover-black:hover,
.hover-black:focus {
  color: #000; }

.hover-near-black:hover,
.hover-near-black:focus {
  color: #111; }

.hover-dark-gray:hover,
.hover-dark-gray:focus {
  color: #333; }

.hover-mid-gray:hover,
.hover-mid-gray:focus {
  color: #555; }

.hover-gray:hover,
.hover-gray:focus {
  color: #777; }

.hover-silver:hover,
.hover-silver:focus {
  color: #999; }

.hover-light-silver:hover,
.hover-light-silver:focus {
  color: #aaa; }

.hover-moon-gray:hover,
.hover-moon-gray:focus {
  color: #ccc; }

.hover-light-gray:hover,
.hover-light-gray:focus {
  color: #eee; }

.hover-near-white:hover,
.hover-near-white:focus {
  color: #f4f4f4; }

.hover-white:hover,
.hover-white:focus {
  color: #fff; }

.hover-black-90:hover,
.hover-black-90:focus {
  color: rgba(0, 0, 0, 0.9); }

.hover-black-80:hover,
.hover-black-80:focus {
  color: rgba(0, 0, 0, 0.8); }

.hover-black-70:hover,
.hover-black-70:focus {
  color: rgba(0, 0, 0, 0.7); }

.hover-black-60:hover,
.hover-black-60:focus {
  color: rgba(0, 0, 0, 0.6); }

.hover-black-50:hover,
.hover-black-50:focus {
  color: rgba(0, 0, 0, 0.5); }

.hover-black-40:hover,
.hover-black-40:focus {
  color: rgba(0, 0, 0, 0.4); }

.hover-black-30:hover,
.hover-black-30:focus {
  color: rgba(0, 0, 0, 0.3); }

.hover-black-20:hover,
.hover-black-20:focus {
  color: rgba(0, 0, 0, 0.2); }

.hover-black-10:hover,
.hover-black-10:focus {
  color: rgba(0, 0, 0, 0.1); }

.hover-white-90:hover,
.hover-white-90:focus {
  color: rgba(255, 255, 255, 0.9); }

.hover-white-80:hover,
.hover-white-80:focus {
  color: rgba(255, 255, 255, 0.8); }

.hover-white-70:hover,
.hover-white-70:focus {
  color: rgba(255, 255, 255, 0.7); }

.hover-white-60:hover,
.hover-white-60:focus {
  color: rgba(255, 255, 255, 0.6); }

.hover-white-50:hover,
.hover-white-50:focus {
  color: rgba(255, 255, 255, 0.5); }

.hover-white-40:hover,
.hover-white-40:focus {
  color: rgba(255, 255, 255, 0.4); }

.hover-white-30:hover,
.hover-white-30:focus {
  color: rgba(255, 255, 255, 0.3); }

.hover-white-20:hover,
.hover-white-20:focus {
  color: rgba(255, 255, 255, 0.2); }

.hover-white-10:hover,
.hover-white-10:focus {
  color: rgba(255, 255, 255, 0.1); }

.hover-inherit:hover,
.hover-inherit:focus {
  color: inherit; }

.hover-bg-black:hover,
.hover-bg-black:focus {
  background-color: #000; }

.hover-bg-near-black:hover,
.hover-bg-near-black:focus {
  background-color: #111; }

.hover-bg-dark-gray:hover,
.hover-bg-dark-gray:focus {
  background-color: #333; }

.hover-bg-mid-gray:hover,
.hover-bg-mid-gray:focus {
  background-color: #555; }

.hover-bg-gray:hover,
.hover-bg-gray:focus {
  background-color: #777; }

.hover-bg-silver:hover,
.hover-bg-silver:focus {
  background-color: #999; }

.hover-bg-light-silver:hover,
.hover-bg-light-silver:focus {
  background-color: #aaa; }

.hover-bg-moon-gray:hover,
.hover-bg-moon-gray:focus {
  background-color: #ccc; }

.hover-bg-light-gray:hover,
.hover-bg-light-gray:focus {
  background-color: #eee; }

.hover-bg-near-white:hover,
.hover-bg-near-white:focus {
  background-color: #f4f4f4; }

.hover-bg-white:hover,
.hover-bg-white:focus {
  background-color: #fff; }

.hover-bg-transparent:hover,
.hover-bg-transparent:focus {
  background-color: transparent; }

.hover-bg-black-90:hover,
.hover-bg-black-90:focus {
  background-color: rgba(0, 0, 0, 0.9); }

.hover-bg-black-80:hover,
.hover-bg-black-80:focus {
  background-color: rgba(0, 0, 0, 0.8); }

.hover-bg-black-70:hover,
.hover-bg-black-70:focus {
  background-color: rgba(0, 0, 0, 0.7); }

.hover-bg-black-60:hover,
.hover-bg-black-60:focus {
  background-color: rgba(0, 0, 0, 0.6); }

.hover-bg-black-50:hover,
.hover-bg-black-50:focus {
  background-color: rgba(0, 0, 0, 0.5); }

.hover-bg-black-40:hover,
.hover-bg-black-40:focus {
  background-color: rgba(0, 0, 0, 0.4); }

.hover-bg-black-30:hover,
.hover-bg-black-30:focus {
  background-color: rgba(0, 0, 0, 0.3); }

.hover-bg-black-20:hover,
.hover-bg-black-20:focus {
  background-color: rgba(0, 0, 0, 0.2); }

.hover-bg-black-10:hover,
.hover-bg-black-10:focus {
  background-color: rgba(0, 0, 0, 0.1); }

.hover-bg-white-90:hover,
.hover-bg-white-90:focus {
  background-color: rgba(255, 255, 255, 0.9); }

.hover-bg-white-80:hover,
.hover-bg-white-80:focus {
  background-color: rgba(255, 255, 255, 0.8); }

.hover-bg-white-70:hover,
.hover-bg-white-70:focus {
  background-color: rgba(255, 255, 255, 0.7); }

.hover-bg-white-60:hover,
.hover-bg-white-60:focus {
  background-color: rgba(255, 255, 255, 0.6); }

.hover-bg-white-50:hover,
.hover-bg-white-50:focus {
  background-color: rgba(255, 255, 255, 0.5); }

.hover-bg-white-40:hover,
.hover-bg-white-40:focus {
  background-color: rgba(255, 255, 255, 0.4); }

.hover-bg-white-30:hover,
.hover-bg-white-30:focus {
  background-color: rgba(255, 255, 255, 0.3); }

.hover-bg-white-20:hover,
.hover-bg-white-20:focus {
  background-color: rgba(255, 255, 255, 0.2); }

.hover-bg-white-10:hover,
.hover-bg-white-10:focus {
  background-color: rgba(255, 255, 255, 0.1); }

.hover-dark-red:hover,
.hover-dark-red:focus {
  color: #e7040f; }

.hover-red:hover,
.hover-red:focus {
  color: #ff4136; }

.hover-light-red:hover, .c-cms a:hover, .c-cms-sm a:hover, .c-widget-body a:hover, .c-cms-lg a:hover, .c-product-summary a:hover,
.hover-light-red:focus,
.c-cms a:focus,
.c-cms-sm a:focus,
.c-widget-body a:focus,
.c-cms-lg a:focus,
.c-product-summary a:focus {
  color: #ff725c; }

.hover-orange:hover,
.hover-orange:focus {
  color: #ff6300; }

.hover-gold:hover,
.hover-gold:focus {
  color: #ffb700; }

.hover-yellow:hover,
.hover-yellow:focus {
  color: #ffd700; }

.hover-light-yellow:hover,
.hover-light-yellow:focus {
  color: #fbf1a9; }

.hover-purple:hover,
.hover-purple:focus {
  color: #5e2ca5; }

.hover-light-purple:hover,
.hover-light-purple:focus {
  color: #a463f2; }

.hover-dark-pink:hover,
.hover-dark-pink:focus {
  color: #d5008f; }

.hover-hot-pink:hover,
.hover-hot-pink:focus {
  color: #ff41b4; }

.hover-pink:hover,
.hover-pink:focus {
  color: #ff80cc; }

.hover-light-pink:hover,
.hover-light-pink:focus {
  color: #ffa3d7; }

.hover-dark-green:hover,
.hover-dark-green:focus {
  color: #137752; }

.hover-green:hover,
.hover-green:focus {
  color: #19a974; }

.hover-light-green:hover,
.hover-light-green:focus {
  color: #9eebcf; }

.hover-navy:hover,
.hover-navy:focus {
  color: #001b44; }

.hover-dark-blue:hover,
.hover-dark-blue:focus {
  color: #00449e; }

.hover-blue:hover,
.hover-blue:focus {
  color: #408BC9; }

.hover-light-blue:hover,
.hover-light-blue:focus {
  color: #96ccff; }

.hover-lightest-blue:hover,
.hover-lightest-blue:focus {
  color: #cdecff; }

.hover-washed-blue:hover,
.hover-washed-blue:focus {
  color: #f6fffe; }

.hover-washed-green:hover,
.hover-washed-green:focus {
  color: #e8fdf5; }

.hover-washed-yellow:hover,
.hover-washed-yellow:focus {
  color: #fffceb; }

.hover-washed-red:hover,
.hover-washed-red:focus {
  color: #ffdfdf; }

.hover-bg-dark-red:hover,
.hover-bg-dark-red:focus {
  background-color: #e7040f; }

.hover-bg-red:hover,
.hover-bg-red:focus {
  background-color: #ff4136; }

.hover-bg-light-red:hover,
.hover-bg-light-red:focus {
  background-color: #ff725c; }

.hover-bg-orange:hover,
.hover-bg-orange:focus {
  background-color: #ff6300; }

.hover-bg-gold:hover,
.hover-bg-gold:focus {
  background-color: #ffb700; }

.hover-bg-yellow:hover,
.hover-bg-yellow:focus {
  background-color: #ffd700; }

.hover-bg-light-yellow:hover,
.hover-bg-light-yellow:focus {
  background-color: #fbf1a9; }

.hover-bg-purple:hover,
.hover-bg-purple:focus {
  background-color: #5e2ca5; }

.hover-bg-light-purple:hover,
.hover-bg-light-purple:focus {
  background-color: #a463f2; }

.hover-bg-dark-pink:hover,
.hover-bg-dark-pink:focus {
  background-color: #d5008f; }

.hover-bg-hot-pink:hover,
.hover-bg-hot-pink:focus {
  background-color: #ff41b4; }

.hover-bg-pink:hover,
.hover-bg-pink:focus {
  background-color: #ff80cc; }

.hover-bg-light-pink:hover,
.hover-bg-light-pink:focus {
  background-color: #ffa3d7; }

.hover-bg-dark-green:hover,
.hover-bg-dark-green:focus {
  background-color: #137752; }

.hover-bg-green:hover,
.hover-bg-green:focus {
  background-color: #19a974; }

.hover-bg-light-green:hover,
.hover-bg-light-green:focus {
  background-color: #9eebcf; }

.hover-bg-navy:hover,
.hover-bg-navy:focus {
  background-color: #001b44; }

.hover-bg-dark-blue:hover,
.hover-bg-dark-blue:focus {
  background-color: #00449e; }

.hover-bg-blue:hover,
.hover-bg-blue:focus {
  background-color: #408BC9; }

.hover-bg-light-blue:hover,
.hover-bg-light-blue:focus {
  background-color: #96ccff; }

.hover-bg-lightest-blue:hover,
.hover-bg-lightest-blue:focus {
  background-color: #cdecff; }

.hover-bg-washed-blue:hover,
.hover-bg-washed-blue:focus {
  background-color: #f6fffe; }

.hover-bg-washed-green:hover,
.hover-bg-washed-green:focus {
  background-color: #e8fdf5; }

.hover-bg-washed-yellow:hover,
.hover-bg-washed-yellow:focus {
  background-color: #fffceb; }

.hover-bg-washed-red:hover,
.hover-bg-washed-red:focus {
  background-color: #ffdfdf; }

.hover-bg-inherit:hover,
.hover-bg-inherit:focus {
  background-color: inherit; }

/* Variables */
/*
   SPACING
   Docs: http://tachyons.io/docs/layout/spacing/

   An eight step powers of two scale ranging from 0 to 16rem.

   Base:
     p = padding
     m = margin

   Modifiers:
     a = all
     h = horizontal
     v = vertical
     t = top
     r = right
     b = bottom
     l = left

     0 = none
     1 = 1st step in spacing scale
     2 = 2nd step in spacing scale
     3 = 3rd step in spacing scale
     4 = 4th step in spacing scale
     5 = 5th step in spacing scale
     6 = 6th step in spacing scale
     7 = 7th step in spacing scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.pa0 {
  padding: 0; }

.pa1 {
  padding: 0.25rem; }

.pa2 {
  padding: 0.5rem; }

.pa3 {
  padding: 1rem; }

.pa4 {
  padding: 2rem; }

.pa5 {
  padding: 4rem; }

.pa6 {
  padding: 8rem; }

.pa7 {
  padding: 16rem; }

.pl0 {
  padding-left: 0; }

.pl1 {
  padding-left: 0.25rem; }

.pl2 {
  padding-left: 0.5rem; }

.pl3 {
  padding-left: 1rem; }

.pl4, .c-cms blockquote, .c-cms-sm blockquote, .c-widget-body blockquote, .c-cms-lg blockquote, .c-cms blockquote p, .c-cms-sm blockquote p, .c-widget-body blockquote p, .c-cms-lg blockquote p {
  padding-left: 2rem; }

.pl5 {
  padding-left: 4rem; }

.pl6 {
  padding-left: 8rem; }

.pl7 {
  padding-left: 16rem; }

.pr0 {
  padding-right: 0; }

.pr1 {
  padding-right: 0.25rem; }

.pr2 {
  padding-right: 0.5rem; }

.pr3 {
  padding-right: 1rem; }

.pr4 {
  padding-right: 2rem; }

.pr5 {
  padding-right: 4rem; }

.pr6 {
  padding-right: 8rem; }

.pr7 {
  padding-right: 16rem; }

.pb0 {
  padding-bottom: 0; }

.pb1 {
  padding-bottom: 0.25rem; }

.pb2 {
  padding-bottom: 0.5rem; }

.pb3 {
  padding-bottom: 1rem; }

.pb4 {
  padding-bottom: 2rem; }

.pb5 {
  padding-bottom: 4rem; }

.pb6 {
  padding-bottom: 8rem; }

.pb7 {
  padding-bottom: 16rem; }

.pt0 {
  padding-top: 0; }

.pt1 {
  padding-top: 0.25rem; }

.pt2 {
  padding-top: 0.5rem; }

.pt3 {
  padding-top: 1rem; }

.pt4 {
  padding-top: 2rem; }

.pt5 {
  padding-top: 4rem; }

.pt6 {
  padding-top: 8rem; }

.pt7 {
  padding-top: 16rem; }

.pv0 {
  padding-top: 0;
  padding-bottom: 0; }

.pv1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem; }

.pv2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.pv3 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.pv4 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.pv5 {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.pv6 {
  padding-top: 8rem;
  padding-bottom: 8rem; }

.pv7 {
  padding-top: 16rem;
  padding-bottom: 16rem; }

.ph0 {
  padding-left: 0;
  padding-right: 0; }

.ph1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem; }

.ph2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.ph3 {
  padding-left: 1rem;
  padding-right: 1rem; }

.ph4 {
  padding-left: 2rem;
  padding-right: 2rem; }

.ph5 {
  padding-left: 4rem;
  padding-right: 4rem; }

.ph6 {
  padding-left: 8rem;
  padding-right: 8rem; }

.ph7 {
  padding-left: 16rem;
  padding-right: 16rem; }

.ma0 {
  margin: 0; }

.ma1 {
  margin: 0.25rem; }

.ma2 {
  margin: 0.5rem; }

.ma3 {
  margin: 1rem; }

.ma4 {
  margin: 2rem; }

.ma5 {
  margin: 4rem; }

.ma6 {
  margin: 8rem; }

.ma7 {
  margin: 16rem; }

.ml0 {
  margin-left: 0; }

.ml1 {
  margin-left: 0.25rem; }

.ml2 {
  margin-left: 0.5rem; }

.ml3 {
  margin-left: 1rem; }

.ml4 {
  margin-left: 2rem; }

.ml5 {
  margin-left: 4rem; }

.ml6 {
  margin-left: 8rem; }

.ml7 {
  margin-left: 16rem; }

.mr0 {
  margin-right: 0; }

.mr1 {
  margin-right: 0.25rem; }

.mr2 {
  margin-right: 0.5rem; }

.mr3 {
  margin-right: 1rem; }

.mr4 {
  margin-right: 2rem; }

.mr5 {
  margin-right: 4rem; }

.mr6 {
  margin-right: 8rem; }

.mr7 {
  margin-right: 16rem; }

.mb0 {
  margin-bottom: 0; }

.mb1 {
  margin-bottom: 0.25rem; }

.mb2, .c-cms h3, .c-cms-sm h3, .c-widget-body h3, .c-cms-lg h3, .c-cms h4, .c-cms-sm h4, .c-widget-body h4, .c-cms-lg h4, .c-cms h5, .c-cms-sm h5, .c-widget-body h5, .c-cms-lg h5, .c-cms h6, .c-cms-sm h6, .c-widget-body h6, .c-cms-lg h6, .c-cms-customer-review h4, .c-cms-customer-review p {
  margin-bottom: 0.5rem; }

.mb3 {
  margin-bottom: 1rem; }

.mb4, .single-event .c-agenda table {
  margin-bottom: 2rem; }

.mb5 {
  margin-bottom: 4rem; }

.mb6 {
  margin-bottom: 8rem; }

.mb7 {
  margin-bottom: 16rem; }

.mt0, .c-cms-customer-review p {
  margin-top: 0; }

.mt1 {
  margin-top: 0.25rem; }

.mt2 {
  margin-top: 0.5rem; }

.mt3, .c-cms h1, .c-cms-sm h1, .c-widget-body h1, .c-cms-lg h1, .c-cms h2, .c-cms-sm h2, .c-widget-body h2, .c-cms-lg h2, .c-cms h3, .c-cms-sm h3, .c-widget-body h3, .c-cms-lg h3, .c-cms h4, .c-cms-sm h4, .c-widget-body h4, .c-cms-lg h4, .c-cms h5, .c-cms-sm h5, .c-widget-body h5, .c-cms-lg h5, .c-cms h6, .c-cms-sm h6, .c-widget-body h6, .c-cms-lg h6, .c-cms-customer-review h4 {
  margin-top: 1rem; }

.mt4, .c-cms h1, .c-cms-sm h1, .c-widget-body h1, .c-cms-lg h1, .c-cms h2, .c-cms-sm h2, .c-widget-body h2, .c-cms-lg h2 {
  margin-top: 2rem; }

.mt5 {
  margin-top: 4rem; }

.mt6 {
  margin-top: 8rem; }

.mt7 {
  margin-top: 16rem; }

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

.mv1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem; }

.mv2, .c-cms-sm p, .c-widget-body p, .c-cms-sm ul, .c-widget-body ul, .c-cms-sm ol, .c-widget-body ol,
.c-cms-sm blockquote,
.c-widget-body blockquote, .c-cms-sm blockquote p, .c-widget-body blockquote p {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.mv3, .c-cms p, .c-cms ul, .c-cms ol,
.c-cms blockquote, .c-cms blockquote p {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.mv4, .c-cms-lg p, .c-cms-lg ul, .c-cms-lg ol,
.c-cms-lg blockquote, .c-cms-lg blockquote p {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.mv5 {
  margin-top: 4rem;
  margin-bottom: 4rem; }

.mv6 {
  margin-top: 8rem;
  margin-bottom: 8rem; }

.mv7 {
  margin-top: 16rem;
  margin-bottom: 16rem; }

.mh0, .c-cms blockquote, .c-cms-sm blockquote, .c-widget-body blockquote, .c-cms-lg blockquote, .c-cms blockquote p, .c-cms-sm blockquote p, .c-widget-body blockquote p, .c-cms-lg blockquote p {
  margin-left: 0;
  margin-right: 0; }

.mh1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem; }

.mh2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

.mh3 {
  margin-left: 1rem;
  margin-right: 1rem; }

.mh4 {
  margin-left: 2rem;
  margin-right: 2rem; }

.mh5 {
  margin-left: 4rem;
  margin-right: 4rem; }

.mh6 {
  margin-left: 8rem;
  margin-right: 8rem; }

.mh7 {
  margin-left: 16rem;
  margin-right: 16rem; }

@media screen and (min-width: 35em) {
  .pa0-ns {
    padding: 0; }
  .pa1-ns {
    padding: 0.25rem; }
  .pa2-ns {
    padding: 0.5rem; }
  .pa3-ns {
    padding: 1rem; }
  .pa4-ns {
    padding: 2rem; }
  .pa5-ns {
    padding: 4rem; }
  .pa6-ns {
    padding: 8rem; }
  .pa7-ns {
    padding: 16rem; }
  .pl0-ns {
    padding-left: 0; }
  .pl1-ns {
    padding-left: 0.25rem; }
  .pl2-ns {
    padding-left: 0.5rem; }
  .pl3-ns {
    padding-left: 1rem; }
  .pl4-ns {
    padding-left: 2rem; }
  .pl5-ns {
    padding-left: 4rem; }
  .pl6-ns {
    padding-left: 8rem; }
  .pl7-ns {
    padding-left: 16rem; }
  .pr0-ns {
    padding-right: 0; }
  .pr1-ns {
    padding-right: 0.25rem; }
  .pr2-ns {
    padding-right: 0.5rem; }
  .pr3-ns {
    padding-right: 1rem; }
  .pr4-ns {
    padding-right: 2rem; }
  .pr5-ns {
    padding-right: 4rem; }
  .pr6-ns {
    padding-right: 8rem; }
  .pr7-ns {
    padding-right: 16rem; }
  .pb0-ns {
    padding-bottom: 0; }
  .pb1-ns {
    padding-bottom: 0.25rem; }
  .pb2-ns {
    padding-bottom: 0.5rem; }
  .pb3-ns {
    padding-bottom: 1rem; }
  .pb4-ns {
    padding-bottom: 2rem; }
  .pb5-ns {
    padding-bottom: 4rem; }
  .pb6-ns {
    padding-bottom: 8rem; }
  .pb7-ns {
    padding-bottom: 16rem; }
  .pt0-ns {
    padding-top: 0; }
  .pt1-ns {
    padding-top: 0.25rem; }
  .pt2-ns {
    padding-top: 0.5rem; }
  .pt3-ns {
    padding-top: 1rem; }
  .pt4-ns {
    padding-top: 2rem; }
  .pt5-ns {
    padding-top: 4rem; }
  .pt6-ns {
    padding-top: 8rem; }
  .pt7-ns {
    padding-top: 16rem; }
  .pv0-ns {
    padding-top: 0;
    padding-bottom: 0; }
  .pv1-ns {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem; }
  .pv2-ns {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  .pv3-ns {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  .pv4-ns {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  .pv5-ns {
    padding-top: 4rem;
    padding-bottom: 4rem; }
  .pv6-ns {
    padding-top: 8rem;
    padding-bottom: 8rem; }
  .pv7-ns {
    padding-top: 16rem;
    padding-bottom: 16rem; }
  .ph0-ns {
    padding-left: 0;
    padding-right: 0; }
  .ph1-ns {
    padding-left: 0.25rem;
    padding-right: 0.25rem; }
  .ph2-ns {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  .ph3-ns {
    padding-left: 1rem;
    padding-right: 1rem; }
  .ph4-ns {
    padding-left: 2rem;
    padding-right: 2rem; }
  .ph5-ns {
    padding-left: 4rem;
    padding-right: 4rem; }
  .ph6-ns {
    padding-left: 8rem;
    padding-right: 8rem; }
  .ph7-ns {
    padding-left: 16rem;
    padding-right: 16rem; }
  .ma0-ns {
    margin: 0; }
  .ma1-ns {
    margin: 0.25rem; }
  .ma2-ns {
    margin: 0.5rem; }
  .ma3-ns {
    margin: 1rem; }
  .ma4-ns {
    margin: 2rem; }
  .ma5-ns {
    margin: 4rem; }
  .ma6-ns {
    margin: 8rem; }
  .ma7-ns {
    margin: 16rem; }
  .ml0-ns {
    margin-left: 0; }
  .ml1-ns {
    margin-left: 0.25rem; }
  .ml2-ns {
    margin-left: 0.5rem; }
  .ml3-ns {
    margin-left: 1rem; }
  .ml4-ns {
    margin-left: 2rem; }
  .ml5-ns {
    margin-left: 4rem; }
  .ml6-ns {
    margin-left: 8rem; }
  .ml7-ns {
    margin-left: 16rem; }
  .mr0-ns {
    margin-right: 0; }
  .mr1-ns {
    margin-right: 0.25rem; }
  .mr2-ns {
    margin-right: 0.5rem; }
  .mr3-ns {
    margin-right: 1rem; }
  .mr4-ns {
    margin-right: 2rem; }
  .mr5-ns {
    margin-right: 4rem; }
  .mr6-ns {
    margin-right: 8rem; }
  .mr7-ns {
    margin-right: 16rem; }
  .mb0-ns {
    margin-bottom: 0; }
  .mb1-ns {
    margin-bottom: 0.25rem; }
  .mb2-ns {
    margin-bottom: 0.5rem; }
  .mb3-ns {
    margin-bottom: 1rem; }
  .mb4-ns {
    margin-bottom: 2rem; }
  .mb5-ns {
    margin-bottom: 4rem; }
  .mb6-ns {
    margin-bottom: 8rem; }
  .mb7-ns {
    margin-bottom: 16rem; }
  .mt0-ns {
    margin-top: 0; }
  .mt1-ns {
    margin-top: 0.25rem; }
  .mt2-ns {
    margin-top: 0.5rem; }
  .mt3-ns {
    margin-top: 1rem; }
  .mt4-ns {
    margin-top: 2rem; }
  .mt5-ns {
    margin-top: 4rem; }
  .mt6-ns {
    margin-top: 8rem; }
  .mt7-ns {
    margin-top: 16rem; }
  .mv0-ns {
    margin-top: 0;
    margin-bottom: 0; }
  .mv1-ns {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem; }
  .mv2-ns {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  .mv3-ns {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  .mv4-ns {
    margin-top: 2rem;
    margin-bottom: 2rem; }
  .mv5-ns {
    margin-top: 4rem;
    margin-bottom: 4rem; }
  .mv6-ns {
    margin-top: 8rem;
    margin-bottom: 8rem; }
  .mv7-ns {
    margin-top: 16rem;
    margin-bottom: 16rem; }
  .mh0-ns {
    margin-left: 0;
    margin-right: 0; }
  .mh1-ns {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }
  .mh2-ns {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  .mh3-ns {
    margin-left: 1rem;
    margin-right: 1rem; }
  .mh4-ns {
    margin-left: 2rem;
    margin-right: 2rem; }
  .mh5-ns {
    margin-left: 4rem;
    margin-right: 4rem; }
  .mh6-ns {
    margin-left: 8rem;
    margin-right: 8rem; }
  .mh7-ns {
    margin-left: 16rem;
    margin-right: 16rem; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .pa0-m {
    padding: 0; }
  .pa1-m {
    padding: 0.25rem; }
  .pa2-m {
    padding: 0.5rem; }
  .pa3-m {
    padding: 1rem; }
  .pa4-m {
    padding: 2rem; }
  .pa5-m {
    padding: 4rem; }
  .pa6-m {
    padding: 8rem; }
  .pa7-m {
    padding: 16rem; }
  .pl0-m {
    padding-left: 0; }
  .pl1-m {
    padding-left: 0.25rem; }
  .pl2-m {
    padding-left: 0.5rem; }
  .pl3-m {
    padding-left: 1rem; }
  .pl4-m {
    padding-left: 2rem; }
  .pl5-m {
    padding-left: 4rem; }
  .pl6-m {
    padding-left: 8rem; }
  .pl7-m {
    padding-left: 16rem; }
  .pr0-m {
    padding-right: 0; }
  .pr1-m {
    padding-right: 0.25rem; }
  .pr2-m {
    padding-right: 0.5rem; }
  .pr3-m {
    padding-right: 1rem; }
  .pr4-m {
    padding-right: 2rem; }
  .pr5-m {
    padding-right: 4rem; }
  .pr6-m {
    padding-right: 8rem; }
  .pr7-m {
    padding-right: 16rem; }
  .pb0-m {
    padding-bottom: 0; }
  .pb1-m {
    padding-bottom: 0.25rem; }
  .pb2-m {
    padding-bottom: 0.5rem; }
  .pb3-m {
    padding-bottom: 1rem; }
  .pb4-m {
    padding-bottom: 2rem; }
  .pb5-m {
    padding-bottom: 4rem; }
  .pb6-m {
    padding-bottom: 8rem; }
  .pb7-m {
    padding-bottom: 16rem; }
  .pt0-m {
    padding-top: 0; }
  .pt1-m {
    padding-top: 0.25rem; }
  .pt2-m {
    padding-top: 0.5rem; }
  .pt3-m {
    padding-top: 1rem; }
  .pt4-m {
    padding-top: 2rem; }
  .pt5-m {
    padding-top: 4rem; }
  .pt6-m {
    padding-top: 8rem; }
  .pt7-m {
    padding-top: 16rem; }
  .pv0-m {
    padding-top: 0;
    padding-bottom: 0; }
  .pv1-m {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem; }
  .pv2-m {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  .pv3-m {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  .pv4-m {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  .pv5-m {
    padding-top: 4rem;
    padding-bottom: 4rem; }
  .pv6-m {
    padding-top: 8rem;
    padding-bottom: 8rem; }
  .pv7-m {
    padding-top: 16rem;
    padding-bottom: 16rem; }
  .ph0-m {
    padding-left: 0;
    padding-right: 0; }
  .ph1-m {
    padding-left: 0.25rem;
    padding-right: 0.25rem; }
  .ph2-m {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  .ph3-m {
    padding-left: 1rem;
    padding-right: 1rem; }
  .ph4-m {
    padding-left: 2rem;
    padding-right: 2rem; }
  .ph5-m {
    padding-left: 4rem;
    padding-right: 4rem; }
  .ph6-m {
    padding-left: 8rem;
    padding-right: 8rem; }
  .ph7-m {
    padding-left: 16rem;
    padding-right: 16rem; }
  .ma0-m {
    margin: 0; }
  .ma1-m {
    margin: 0.25rem; }
  .ma2-m {
    margin: 0.5rem; }
  .ma3-m {
    margin: 1rem; }
  .ma4-m {
    margin: 2rem; }
  .ma5-m {
    margin: 4rem; }
  .ma6-m {
    margin: 8rem; }
  .ma7-m {
    margin: 16rem; }
  .ml0-m {
    margin-left: 0; }
  .ml1-m {
    margin-left: 0.25rem; }
  .ml2-m {
    margin-left: 0.5rem; }
  .ml3-m {
    margin-left: 1rem; }
  .ml4-m {
    margin-left: 2rem; }
  .ml5-m {
    margin-left: 4rem; }
  .ml6-m {
    margin-left: 8rem; }
  .ml7-m {
    margin-left: 16rem; }
  .mr0-m {
    margin-right: 0; }
  .mr1-m {
    margin-right: 0.25rem; }
  .mr2-m {
    margin-right: 0.5rem; }
  .mr3-m {
    margin-right: 1rem; }
  .mr4-m {
    margin-right: 2rem; }
  .mr5-m {
    margin-right: 4rem; }
  .mr6-m {
    margin-right: 8rem; }
  .mr7-m {
    margin-right: 16rem; }
  .mb0-m {
    margin-bottom: 0; }
  .mb1-m {
    margin-bottom: 0.25rem; }
  .mb2-m {
    margin-bottom: 0.5rem; }
  .mb3-m {
    margin-bottom: 1rem; }
  .mb4-m {
    margin-bottom: 2rem; }
  .mb5-m {
    margin-bottom: 4rem; }
  .mb6-m {
    margin-bottom: 8rem; }
  .mb7-m {
    margin-bottom: 16rem; }
  .mt0-m {
    margin-top: 0; }
  .mt1-m {
    margin-top: 0.25rem; }
  .mt2-m {
    margin-top: 0.5rem; }
  .mt3-m {
    margin-top: 1rem; }
  .mt4-m {
    margin-top: 2rem; }
  .mt5-m {
    margin-top: 4rem; }
  .mt6-m {
    margin-top: 8rem; }
  .mt7-m {
    margin-top: 16rem; }
  .mv0-m {
    margin-top: 0;
    margin-bottom: 0; }
  .mv1-m {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem; }
  .mv2-m {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  .mv3-m {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  .mv4-m {
    margin-top: 2rem;
    margin-bottom: 2rem; }
  .mv5-m {
    margin-top: 4rem;
    margin-bottom: 4rem; }
  .mv6-m {
    margin-top: 8rem;
    margin-bottom: 8rem; }
  .mv7-m {
    margin-top: 16rem;
    margin-bottom: 16rem; }
  .mh0-m {
    margin-left: 0;
    margin-right: 0; }
  .mh1-m {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }
  .mh2-m {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  .mh3-m {
    margin-left: 1rem;
    margin-right: 1rem; }
  .mh4-m {
    margin-left: 2rem;
    margin-right: 2rem; }
  .mh5-m {
    margin-left: 4rem;
    margin-right: 4rem; }
  .mh6-m {
    margin-left: 8rem;
    margin-right: 8rem; }
  .mh7-m {
    margin-left: 16rem;
    margin-right: 16rem; } }

@media screen and (min-width: 45em) {
  .pa0-l {
    padding: 0; }
  .pa1-l {
    padding: 0.25rem; }
  .pa2-l {
    padding: 0.5rem; }
  .pa3-l {
    padding: 1rem; }
  .pa4-l {
    padding: 2rem; }
  .pa5-l {
    padding: 4rem; }
  .pa6-l {
    padding: 8rem; }
  .pa7-l {
    padding: 16rem; }
  .pl0-l {
    padding-left: 0; }
  .pl1-l {
    padding-left: 0.25rem; }
  .pl2-l {
    padding-left: 0.5rem; }
  .pl3-l {
    padding-left: 1rem; }
  .pl4-l {
    padding-left: 2rem; }
  .pl5-l {
    padding-left: 4rem; }
  .pl6-l {
    padding-left: 8rem; }
  .pl7-l {
    padding-left: 16rem; }
  .pr0-l {
    padding-right: 0; }
  .pr1-l {
    padding-right: 0.25rem; }
  .pr2-l {
    padding-right: 0.5rem; }
  .pr3-l {
    padding-right: 1rem; }
  .pr4-l {
    padding-right: 2rem; }
  .pr5-l {
    padding-right: 4rem; }
  .pr6-l {
    padding-right: 8rem; }
  .pr7-l {
    padding-right: 16rem; }
  .pb0-l {
    padding-bottom: 0; }
  .pb1-l {
    padding-bottom: 0.25rem; }
  .pb2-l {
    padding-bottom: 0.5rem; }
  .pb3-l {
    padding-bottom: 1rem; }
  .pb4-l {
    padding-bottom: 2rem; }
  .pb5-l {
    padding-bottom: 4rem; }
  .pb6-l {
    padding-bottom: 8rem; }
  .pb7-l {
    padding-bottom: 16rem; }
  .pt0-l {
    padding-top: 0; }
  .pt1-l {
    padding-top: 0.25rem; }
  .pt2-l {
    padding-top: 0.5rem; }
  .pt3-l {
    padding-top: 1rem; }
  .pt4-l {
    padding-top: 2rem; }
  .pt5-l {
    padding-top: 4rem; }
  .pt6-l {
    padding-top: 8rem; }
  .pt7-l {
    padding-top: 16rem; }
  .pv0-l {
    padding-top: 0;
    padding-bottom: 0; }
  .pv1-l {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem; }
  .pv2-l {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  .pv3-l {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  .pv4-l {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  .pv5-l {
    padding-top: 4rem;
    padding-bottom: 4rem; }
  .pv6-l {
    padding-top: 8rem;
    padding-bottom: 8rem; }
  .pv7-l {
    padding-top: 16rem;
    padding-bottom: 16rem; }
  .ph0-l {
    padding-left: 0;
    padding-right: 0; }
  .ph1-l {
    padding-left: 0.25rem;
    padding-right: 0.25rem; }
  .ph2-l {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  .ph3-l {
    padding-left: 1rem;
    padding-right: 1rem; }
  .ph4-l {
    padding-left: 2rem;
    padding-right: 2rem; }
  .ph5-l {
    padding-left: 4rem;
    padding-right: 4rem; }
  .ph6-l {
    padding-left: 8rem;
    padding-right: 8rem; }
  .ph7-l {
    padding-left: 16rem;
    padding-right: 16rem; }
  .ma0-l {
    margin: 0; }
  .ma1-l {
    margin: 0.25rem; }
  .ma2-l {
    margin: 0.5rem; }
  .ma3-l {
    margin: 1rem; }
  .ma4-l {
    margin: 2rem; }
  .ma5-l {
    margin: 4rem; }
  .ma6-l {
    margin: 8rem; }
  .ma7-l {
    margin: 16rem; }
  .ml0-l {
    margin-left: 0; }
  .ml1-l {
    margin-left: 0.25rem; }
  .ml2-l {
    margin-left: 0.5rem; }
  .ml3-l {
    margin-left: 1rem; }
  .ml4-l {
    margin-left: 2rem; }
  .ml5-l {
    margin-left: 4rem; }
  .ml6-l {
    margin-left: 8rem; }
  .ml7-l {
    margin-left: 16rem; }
  .mr0-l {
    margin-right: 0; }
  .mr1-l {
    margin-right: 0.25rem; }
  .mr2-l {
    margin-right: 0.5rem; }
  .mr3-l {
    margin-right: 1rem; }
  .mr4-l {
    margin-right: 2rem; }
  .mr5-l {
    margin-right: 4rem; }
  .mr6-l {
    margin-right: 8rem; }
  .mr7-l {
    margin-right: 16rem; }
  .mb0-l {
    margin-bottom: 0; }
  .mb1-l {
    margin-bottom: 0.25rem; }
  .mb2-l {
    margin-bottom: 0.5rem; }
  .mb3-l {
    margin-bottom: 1rem; }
  .mb4-l {
    margin-bottom: 2rem; }
  .mb5-l {
    margin-bottom: 4rem; }
  .mb6-l {
    margin-bottom: 8rem; }
  .mb7-l {
    margin-bottom: 16rem; }
  .mt0-l {
    margin-top: 0; }
  .mt1-l {
    margin-top: 0.25rem; }
  .mt2-l {
    margin-top: 0.5rem; }
  .mt3-l {
    margin-top: 1rem; }
  .mt4-l {
    margin-top: 2rem; }
  .mt5-l {
    margin-top: 4rem; }
  .mt6-l {
    margin-top: 8rem; }
  .mt7-l {
    margin-top: 16rem; }
  .mv0-l {
    margin-top: 0;
    margin-bottom: 0; }
  .mv1-l {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem; }
  .mv2-l {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  .mv3-l {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  .mv4-l {
    margin-top: 2rem;
    margin-bottom: 2rem; }
  .mv5-l {
    margin-top: 4rem;
    margin-bottom: 4rem; }
  .mv6-l {
    margin-top: 8rem;
    margin-bottom: 8rem; }
  .mv7-l {
    margin-top: 16rem;
    margin-bottom: 16rem; }
  .mh0-l {
    margin-left: 0;
    margin-right: 0; }
  .mh1-l {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }
  .mh2-l {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  .mh3-l {
    margin-left: 1rem;
    margin-right: 1rem; }
  .mh4-l {
    margin-left: 2rem;
    margin-right: 2rem; }
  .mh5-l {
    margin-left: 4rem;
    margin-right: 4rem; }
  .mh6-l {
    margin-left: 8rem;
    margin-right: 8rem; }
  .mh7-l {
    margin-left: 16rem;
    margin-right: 16rem; } }

/*
   NEGATIVE MARGINS

   Base:
     n = negative

   Modifiers:
     a = all
     t = top
     r = right
     b = bottom
     l = left

     1 = 1st step in spacing scale
     2 = 2nd step in spacing scale
     3 = 3rd step in spacing scale
     4 = 4th step in spacing scale
     5 = 5th step in spacing scale
     6 = 6th step in spacing scale
     7 = 7th step in spacing scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.na1 {
  margin: -0.25rem; }

.na2 {
  margin: -0.5rem; }

.na3 {
  margin: -1rem; }

.na4 {
  margin: -2rem; }

.na5 {
  margin: -4rem; }

.na6 {
  margin: -8rem; }

.na7 {
  margin: -16rem; }

.nl1 {
  margin-left: -0.25rem; }

.nl2 {
  margin-left: -0.5rem; }

.nl3 {
  margin-left: -1rem; }

.nl4 {
  margin-left: -2rem; }

.nl5 {
  margin-left: -4rem; }

.nl6 {
  margin-left: -8rem; }

.nl7 {
  margin-left: -16rem; }

.nr1 {
  margin-right: -0.25rem; }

.nr2 {
  margin-right: -0.5rem; }

.nr3 {
  margin-right: -1rem; }

.nr4 {
  margin-right: -2rem; }

.nr5 {
  margin-right: -4rem; }

.nr6 {
  margin-right: -8rem; }

.nr7 {
  margin-right: -16rem; }

.nb1 {
  margin-bottom: -0.25rem; }

.nb2 {
  margin-bottom: -0.5rem; }

.nb3 {
  margin-bottom: -1rem; }

.nb4 {
  margin-bottom: -2rem; }

.nb5 {
  margin-bottom: -4rem; }

.nb6 {
  margin-bottom: -8rem; }

.nb7 {
  margin-bottom: -16rem; }

.nt1 {
  margin-top: -0.25rem; }

.nt2 {
  margin-top: -0.5rem; }

.nt3 {
  margin-top: -1rem; }

.nt4 {
  margin-top: -2rem; }

.nt5 {
  margin-top: -4rem; }

.nt6 {
  margin-top: -8rem; }

.nt7 {
  margin-top: -16rem; }

@media screen and (min-width: 35em) {
  .na1-ns {
    margin: -0.25rem; }
  .na2-ns {
    margin: -0.5rem; }
  .na3-ns {
    margin: -1rem; }
  .na4-ns {
    margin: -2rem; }
  .na5-ns {
    margin: -4rem; }
  .na6-ns {
    margin: -8rem; }
  .na7-ns {
    margin: -16rem; }
  .nl1-ns {
    margin-left: -0.25rem; }
  .nl2-ns {
    margin-left: -0.5rem; }
  .nl3-ns {
    margin-left: -1rem; }
  .nl4-ns {
    margin-left: -2rem; }
  .nl5-ns {
    margin-left: -4rem; }
  .nl6-ns {
    margin-left: -8rem; }
  .nl7-ns {
    margin-left: -16rem; }
  .nr1-ns {
    margin-right: -0.25rem; }
  .nr2-ns {
    margin-right: -0.5rem; }
  .nr3-ns {
    margin-right: -1rem; }
  .nr4-ns {
    margin-right: -2rem; }
  .nr5-ns {
    margin-right: -4rem; }
  .nr6-ns {
    margin-right: -8rem; }
  .nr7-ns {
    margin-right: -16rem; }
  .nb1-ns {
    margin-bottom: -0.25rem; }
  .nb2-ns {
    margin-bottom: -0.5rem; }
  .nb3-ns {
    margin-bottom: -1rem; }
  .nb4-ns {
    margin-bottom: -2rem; }
  .nb5-ns {
    margin-bottom: -4rem; }
  .nb6-ns {
    margin-bottom: -8rem; }
  .nb7-ns {
    margin-bottom: -16rem; }
  .nt1-ns {
    margin-top: -0.25rem; }
  .nt2-ns {
    margin-top: -0.5rem; }
  .nt3-ns {
    margin-top: -1rem; }
  .nt4-ns {
    margin-top: -2rem; }
  .nt5-ns {
    margin-top: -4rem; }
  .nt6-ns {
    margin-top: -8rem; }
  .nt7-ns {
    margin-top: -16rem; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .na1-m {
    margin: -0.25rem; }
  .na2-m {
    margin: -0.5rem; }
  .na3-m {
    margin: -1rem; }
  .na4-m {
    margin: -2rem; }
  .na5-m {
    margin: -4rem; }
  .na6-m {
    margin: -8rem; }
  .na7-m {
    margin: -16rem; }
  .nl1-m {
    margin-left: -0.25rem; }
  .nl2-m {
    margin-left: -0.5rem; }
  .nl3-m {
    margin-left: -1rem; }
  .nl4-m {
    margin-left: -2rem; }
  .nl5-m {
    margin-left: -4rem; }
  .nl6-m {
    margin-left: -8rem; }
  .nl7-m {
    margin-left: -16rem; }
  .nr1-m {
    margin-right: -0.25rem; }
  .nr2-m {
    margin-right: -0.5rem; }
  .nr3-m {
    margin-right: -1rem; }
  .nr4-m {
    margin-right: -2rem; }
  .nr5-m {
    margin-right: -4rem; }
  .nr6-m {
    margin-right: -8rem; }
  .nr7-m {
    margin-right: -16rem; }
  .nb1-m {
    margin-bottom: -0.25rem; }
  .nb2-m {
    margin-bottom: -0.5rem; }
  .nb3-m {
    margin-bottom: -1rem; }
  .nb4-m {
    margin-bottom: -2rem; }
  .nb5-m {
    margin-bottom: -4rem; }
  .nb6-m {
    margin-bottom: -8rem; }
  .nb7-m {
    margin-bottom: -16rem; }
  .nt1-m {
    margin-top: -0.25rem; }
  .nt2-m {
    margin-top: -0.5rem; }
  .nt3-m {
    margin-top: -1rem; }
  .nt4-m {
    margin-top: -2rem; }
  .nt5-m {
    margin-top: -4rem; }
  .nt6-m {
    margin-top: -8rem; }
  .nt7-m {
    margin-top: -16rem; } }

@media screen and (min-width: 45em) {
  .na1-l {
    margin: -0.25rem; }
  .na2-l {
    margin: -0.5rem; }
  .na3-l {
    margin: -1rem; }
  .na4-l {
    margin: -2rem; }
  .na5-l {
    margin: -4rem; }
  .na6-l {
    margin: -8rem; }
  .na7-l {
    margin: -16rem; }
  .nl1-l {
    margin-left: -0.25rem; }
  .nl2-l {
    margin-left: -0.5rem; }
  .nl3-l {
    margin-left: -1rem; }
  .nl4-l {
    margin-left: -2rem; }
  .nl5-l {
    margin-left: -4rem; }
  .nl6-l {
    margin-left: -8rem; }
  .nl7-l {
    margin-left: -16rem; }
  .nr1-l {
    margin-right: -0.25rem; }
  .nr2-l {
    margin-right: -0.5rem; }
  .nr3-l {
    margin-right: -1rem; }
  .nr4-l {
    margin-right: -2rem; }
  .nr5-l {
    margin-right: -4rem; }
  .nr6-l {
    margin-right: -8rem; }
  .nr7-l {
    margin-right: -16rem; }
  .nb1-l {
    margin-bottom: -0.25rem; }
  .nb2-l {
    margin-bottom: -0.5rem; }
  .nb3-l {
    margin-bottom: -1rem; }
  .nb4-l {
    margin-bottom: -2rem; }
  .nb5-l {
    margin-bottom: -4rem; }
  .nb6-l {
    margin-bottom: -8rem; }
  .nb7-l {
    margin-bottom: -16rem; }
  .nt1-l {
    margin-top: -0.25rem; }
  .nt2-l {
    margin-top: -0.5rem; }
  .nt3-l {
    margin-top: -1rem; }
  .nt4-l {
    margin-top: -2rem; }
  .nt5-l {
    margin-top: -4rem; }
  .nt6-l {
    margin-top: -8rem; }
  .nt7-l {
    margin-top: -16rem; } }

/*

  TABLES
  Docs: http://tachyons.io/docs/elements/tables/

*/
.collapse {
  border-collapse: collapse;
  border-spacing: 0; }

.striped--light-silver:nth-child(odd) {
  background-color: #aaa; }

.striped--moon-gray:nth-child(odd) {
  background-color: #ccc; }

.striped--light-gray:nth-child(odd) {
  background-color: #eee; }

.striped--near-white:nth-child(odd) {
  background-color: #f4f4f4; }

.stripe-light:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.1); }

.stripe-dark:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.1); }

/*

   TEXT DECORATION
   Docs: http://tachyons.io/docs/typography/text-decoration/


   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.strike {
  text-decoration: line-through; }

.underline {
  text-decoration: underline; }

.no-underline {
  text-decoration: none; }

@media screen and (min-width: 35em) {
  .strike-ns {
    text-decoration: line-through; }
  .underline-ns {
    text-decoration: underline; }
  .no-underline-ns {
    text-decoration: none; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .strike-m {
    text-decoration: line-through; }
  .underline-m {
    text-decoration: underline; }
  .no-underline-m {
    text-decoration: none; } }

@media screen and (min-width: 45em) {
  .strike-l {
    text-decoration: line-through; }
  .underline-l {
    text-decoration: underline; }
  .no-underline-l {
    text-decoration: none; } }

/*

  TEXT ALIGN
  Docs: http://tachyons.io/docs/typography/text-align/

  Base
    t = text-align

  Modifiers
    l = left
    r = right
    c = center

  Media Query Extensions:
    -ns = not-small
    -m  = medium
    -l  = large

*/
.tl {
  text-align: left; }

.tr {
  text-align: right; }

.tc {
  text-align: center; }

@media screen and (min-width: 35em) {
  .tl-ns {
    text-align: left; }
  .tr-ns {
    text-align: right; }
  .tc-ns {
    text-align: center; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .tl-m {
    text-align: left; }
  .tr-m {
    text-align: right; }
  .tc-m {
    text-align: center; } }

@media screen and (min-width: 45em) {
  .tl-l {
    text-align: left; }
  .tr-l {
    text-align: right; }
  .tc-l {
    text-align: center; } }

/*

   TEXT TRANSFORM
   Docs: http://tachyons.io/docs/typography/text-transform/

   Base:
     tt = text-transform

   Modifiers
     c = capitalize
     l = lowercase
     u = uppercase
     n = none

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.ttc {
  text-transform: capitalize; }

.ttl {
  text-transform: lowercase; }

.ttu {
  text-transform: uppercase; }

.ttn {
  text-transform: none; }

@media screen and (min-width: 35em) {
  .ttc-ns {
    text-transform: capitalize; }
  .ttl-ns {
    text-transform: lowercase; }
  .ttu-ns {
    text-transform: uppercase; }
  .ttn-ns {
    text-transform: none; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .ttc-m {
    text-transform: capitalize; }
  .ttl-m {
    text-transform: lowercase; }
  .ttu-m {
    text-transform: uppercase; }
  .ttn-m {
    text-transform: none; } }

@media screen and (min-width: 45em) {
  .ttc-l {
    text-transform: capitalize; }
  .ttl-l {
    text-transform: lowercase; }
  .ttu-l {
    text-transform: uppercase; }
  .ttn-l {
    text-transform: none; } }

/*

   TYPE SCALE
   Docs: http://tachyons.io/docs/typography/scale/

   Base:
    f = font-size

   Modifiers
     1 = 1st step in size scale
     2 = 2nd step in size scale
     3 = 3rd step in size scale
     4 = 4th step in size scale
     5 = 5th step in size scale
     6 = 6th step in size scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large
*/
/*
 * For Hero/Marketing Titles
 *
 * These generally are too large for mobile
 * so be careful using them on smaller screens.
 * */
.f-6,
.f-headline {
  font-size: 6rem; }

.f-5,
.f-subheadline {
  font-size: 5rem; }

/* Type Scale */
.f1 {
  font-size: 3rem; }

.f2, .c-cms h1, .c-cms-sm h1, .c-widget-body h1, .c-cms-lg h1 {
  font-size: 2.25rem; }

.f3, .c-cms h2, .c-cms-sm h2, .c-widget-body h2, .c-cms-lg h2 {
  font-size: 1.5rem; }

.f4, .c-cms h3, .c-cms-sm h3, .c-widget-body h3, .c-cms-lg h3, .c-cms-lg p, .c-cms-lg ul, .c-cms-lg ol,
.c-cms-lg blockquote, .c-cms-lg blockquote p {
  font-size: 1.25rem; }

.f5, .c-cms h4, .c-cms-sm h4, .c-widget-body h4, .c-cms-lg h4, .c-cms p, .c-cms ul, .c-cms ol,
.c-cms blockquote, .c-cms blockquote p, .c-widget-body .testimonial_body, .c-cms-customer-review h4 {
  font-size: 1rem; }

.f6, .c-cms h5, .c-cms-sm h5, .c-widget-body h5, .c-cms-lg h5, .c-cms h6, .c-cms-sm h6, .c-widget-body h6, .c-cms-lg h6, .c-cms-sm p, .c-widget-body p, .c-cms-sm ul, .c-widget-body ul, .c-cms-sm ol, .c-widget-body ol,
.c-cms-sm blockquote,
.c-widget-body blockquote, .c-cms-sm blockquote p, .c-widget-body blockquote p, .c-cms-customer-review p, .single-event .c-agenda table {
  font-size: 0.875rem; }

.f7 {
  font-size: 0.75rem; }

@media screen and (min-width: 35em) {
  .f-6-ns,
  .f-headline-ns {
    font-size: 6rem; }
  .f-5-ns,
  .f-subheadline-ns {
    font-size: 5rem; }
  .f1-ns {
    font-size: 3rem; }
  .f2-ns {
    font-size: 2.25rem; }
  .f3-ns {
    font-size: 1.5rem; }
  .f4-ns {
    font-size: 1.25rem; }
  .f5-ns {
    font-size: 1rem; }
  .f6-ns {
    font-size: 0.875rem; }
  .f7-ns {
    font-size: 0.75rem; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .f-6-m,
  .f-headline-m {
    font-size: 6rem; }
  .f-5-m,
  .f-subheadline-m {
    font-size: 5rem; }
  .f1-m {
    font-size: 3rem; }
  .f2-m {
    font-size: 2.25rem; }
  .f3-m {
    font-size: 1.5rem; }
  .f4-m {
    font-size: 1.25rem; }
  .f5-m {
    font-size: 1rem; }
  .f6-m {
    font-size: 0.875rem; }
  .f7-m {
    font-size: 0.75rem; } }

@media screen and (min-width: 45em) {
  .f-6-l,
  .f-headline-l {
    font-size: 6rem; }
  .f-5-l,
  .f-subheadline-l {
    font-size: 5rem; }
  .f1-l {
    font-size: 3rem; }
  .f2-l {
    font-size: 2.25rem; }
  .f3-l {
    font-size: 1.5rem; }
  .f4-l {
    font-size: 1.25rem; }
  .f5-l {
    font-size: 1rem; }
  .f6-l {
    font-size: 0.875rem; }
  .f7-l {
    font-size: 0.75rem; } }

/*

   TYPOGRAPHY
   http://tachyons.io/docs/typography/measure/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Measure is limited to ~66 characters */
.measure {
  max-width: 30em; }

/* Measure is limited to ~80 characters */
.measure-wide {
  max-width: 34em; }

/* Measure is limited to ~45 characters */
.measure-narrow {
  max-width: 20em; }

/* Book paragraph style - paragraphs are indented with no vertical spacing. */
.indent {
  text-indent: 1em;
  margin-top: 0;
  margin-bottom: 0; }

.small-caps {
  font-variant: small-caps; }

/* Combine this class with a width to truncate text (or just leave as is to truncate at width of containing element. */
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

@media screen and (min-width: 35em) {
  .measure-ns {
    max-width: 30em; }
  .measure-wide-ns {
    max-width: 34em; }
  .measure-narrow-ns {
    max-width: 20em; }
  .indent-ns {
    text-indent: 1em;
    margin-top: 0;
    margin-bottom: 0; }
  .small-caps-ns {
    font-variant: small-caps; }
  .truncate-ns {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .measure-m {
    max-width: 30em; }
  .measure-wide-m {
    max-width: 34em; }
  .measure-narrow-m {
    max-width: 20em; }
  .indent-m {
    text-indent: 1em;
    margin-top: 0;
    margin-bottom: 0; }
  .small-caps-m {
    font-variant: small-caps; }
  .truncate-m {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; } }

@media screen and (min-width: 45em) {
  .measure-l {
    max-width: 30em; }
  .measure-wide-l {
    max-width: 34em; }
  .measure-narrow-l {
    max-width: 20em; }
  .indent-l {
    text-indent: 1em;
    margin-top: 0;
    margin-bottom: 0; }
  .small-caps-l {
    font-variant: small-caps; }
  .truncate-l {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; } }

/*

   UTILITIES

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Equivalent to .overflow-y-scroll */
.overflow-container {
  overflow-y: scroll; }

.center {
  margin-right: auto;
  margin-left: auto; }

.mr-auto {
  margin-right: auto; }

.ml-auto {
  margin-left: auto; }

@media screen and (min-width: 35em) {
  .center-ns {
    margin-right: auto;
    margin-left: auto; }
  .mr-auto-ns {
    margin-right: auto; }
  .ml-auto-ns {
    margin-left: auto; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .center-m {
    margin-right: auto;
    margin-left: auto; }
  .mr-auto-m {
    margin-right: auto; }
  .ml-auto-m {
    margin-left: auto; } }

@media screen and (min-width: 45em) {
  .center-l {
    margin-right: auto;
    margin-left: auto; }
  .mr-auto-l {
    margin-right: auto; }
  .ml-auto-l {
    margin-left: auto; } }

/*

   VISIBILITY

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/*
    Text that is hidden but accessible
    Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.clip {
  position: fixed !important;
  _position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

@media screen and (min-width: 35em) {
  .clip-ns {
    position: fixed !important;
    _position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px); } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .clip-m {
    position: fixed !important;
    _position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px); } }

@media screen and (min-width: 45em) {
  .clip-l {
    position: fixed !important;
    _position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px); } }

/*

   WHITE SPACE

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.ws-normal {
  white-space: normal; }

.nowrap {
  white-space: nowrap; }

.pre {
  white-space: pre; }

@media screen and (min-width: 35em) {
  .ws-normal-ns {
    white-space: normal; }
  .nowrap-ns {
    white-space: nowrap; }
  .pre-ns {
    white-space: pre; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .ws-normal-m {
    white-space: normal; }
  .nowrap-m {
    white-space: nowrap; }
  .pre-m {
    white-space: pre; } }

@media screen and (min-width: 45em) {
  .ws-normal-l {
    white-space: normal; }
  .nowrap-l {
    white-space: nowrap; }
  .pre-l {
    white-space: pre; } }

/*

   VERTICAL ALIGN

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.v-base {
  vertical-align: baseline; }

.v-mid {
  vertical-align: middle; }

.v-top {
  vertical-align: top; }

.v-btm {
  vertical-align: bottom; }

@media screen and (min-width: 35em) {
  .v-base-ns {
    vertical-align: baseline; }
  .v-mid-ns {
    vertical-align: middle; }
  .v-top-ns {
    vertical-align: top; }
  .v-btm-ns {
    vertical-align: bottom; } }

@media screen and (min-width: 35em) and (max-width: 45em) {
  .v-base-m {
    vertical-align: baseline; }
  .v-mid-m {
    vertical-align: middle; }
  .v-top-m {
    vertical-align: top; }
  .v-btm-m {
    vertical-align: bottom; } }

@media screen and (min-width: 45em) {
  .v-base-l {
    vertical-align: baseline; }
  .v-mid-l {
    vertical-align: middle; }
  .v-top-l {
    vertical-align: top; }
  .v-btm-l {
    vertical-align: bottom; } }

/*

  HOVER EFFECTS
  Docs: http://tachyons.io/docs/themes/hovers/

    - Dim
    - Glow
    - Hide Child
    - Underline text
    - Grow
    - Pointer
    - Shadow

*/
/*

  Dim element on hover by adding the dim class.

*/
.dim {
  opacity: 1;
  transition: opacity .15s ease-in; }

.dim:hover,
.dim:focus {
  opacity: .5;
  transition: opacity .15s ease-in; }

.dim:active {
  opacity: .8;
  transition: opacity .15s ease-out; }

/*

  Animate opacity to 100% on hover by adding the glow class.

*/
.glow {
  transition: opacity .15s ease-in; }

.glow:hover,
.glow:focus {
  opacity: 1;
  transition: opacity .15s ease-in; }

/*

  Hide child & reveal on hover:

  Put the hide-child class on a parent element and any nested element with the
  child class will be hidden and displayed on hover or focus.

  <div class="hide-child">
    <div class="child"> Hidden until hover or focus </div>
    <div class="child"> Hidden until hover or focus </div>
    <div class="child"> Hidden until hover or focus </div>
    <div class="child"> Hidden until hover or focus </div>
  </div>
*/
.hide-child .child {
  opacity: 0;
  transition: opacity .15s ease-in; }

.hide-child:hover .child,
.hide-child:focus .child,
.hide-child:active .child {
  opacity: 1;
  transition: opacity .15s ease-in; }

.underline-hover:hover, .c-cms a:hover, .c-cms-sm a:hover, .c-widget-body a:hover, .c-cms-lg a:hover, .c-product-summary a:hover,
.underline-hover:focus,
.c-cms a:focus,
.c-cms-sm a:focus,
.c-widget-body a:focus,
.c-cms-lg a:focus,
.c-product-summary a:focus {
  text-decoration: underline; }

/* Can combine this with overflow-hidden to make background images grow on hover
 * even if you are using background-size: cover */
.grow {
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; }

.grow:hover,
.grow:focus {
  -webkit-transform: scale(1.05);
          transform: scale(1.05); }

.grow:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9); }

.grow-large {
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  transition: -webkit-transform .25s ease-in-out;
  transition: transform .25s ease-in-out;
  transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; }

.grow-large:hover,
.grow-large:focus {
  -webkit-transform: scale(1.2);
          transform: scale(1.2); }

.grow-large:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95); }

/* Add pointer on hover */
.pointer:hover {
  cursor: pointer; }

/*
   Add shadow on hover.

   Performant box-shadow animation pattern from
   http://tobiasahlin.com/blog/how-to-animate-box-shadow/
*/
.shadow-hover {
  cursor: pointer;
  position: relative;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }

.shadow-hover::after {
  content: '';
  box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.2);
  border-radius: inherit;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }

.shadow-hover:hover::after,
.shadow-hover:focus::after {
  opacity: 1; }

/* Combine with classes in skins and skins-pseudo for
 * many different transition possibilities. */
.bg-animate,
.bg-animate:hover,
.bg-animate:focus {
  transition: background-color .15s ease-in-out; }

/*

  Z-INDEX

  Base
    z = z-index

  Modifiers
    -0 = literal value 0
    -1 = literal value 1
    -2 = literal value 2
    -3 = literal value 3
    -4 = literal value 4
    -5 = literal value 5
    -999 = literal value 999
    -9999 = literal value 9999

    -max = largest accepted z-index value as integer

    -inherit = string value inherit
    -initial = string value initial
    -unset = string value unset

  MDN: https://developer.mozilla.org/en/docs/Web/CSS/z-index
  Spec: http://www.w3.org/TR/CSS2/zindex.html
  Articles:
    https://philipwalton.com/articles/what-no-one-told-you-about-z-index/

  Tips on extending:
  There might be a time worth using negative z-index values.
  Or if you are using tachyons with another project, you might need to
  adjust these values to suit your needs.

*/
.z-0 {
  z-index: 0; }

.z-1 {
  z-index: 1; }

.z-2 {
  z-index: 2; }

.z-3 {
  z-index: 3; }

.z-4 {
  z-index: 4; }

.z-5 {
  z-index: 5; }

.z-999 {
  z-index: 999; }

.z-9999 {
  z-index: 9999; }

.z-max {
  z-index: 2147483647; }

.z-inherit {
  z-index: inherit; }

.z-initial {
  z-index: initial; }

.z-unset {
  z-index: unset; }

/*

    NESTED
    Tachyons module for styling nested elements
    that are generated by a cms.

*/
.nested-copy-line-height p,
.nested-copy-line-height ul,
.nested-copy-line-height ol {
  line-height: 1.5; }

.nested-headline-line-height h1,
.nested-headline-line-height h2,
.nested-headline-line-height h3,
.nested-headline-line-height h4,
.nested-headline-line-height h5,
.nested-headline-line-height h6 {
  line-height: 1.25rem; }

.nested-list-reset ul,
.nested-list-reset ol {
  padding-left: 0;
  margin-left: 0;
  list-style-type: none; }

.nested-copy-indent p + p {
  text-indent: 0.1em;
  margin-top: 0;
  margin-bottom: 0; }

.nested-copy-seperator p + p {
  margin-top: 1.5em; }

.nested-img img {
  width: 100%;
  max-width: 100%;
  display: block; }

.nested-links a {
  color: #408BC9;
  transition: color .15s ease-in; }

.nested-links a:hover,
.nested-links a:focus {
  color: #96ccff;
  transition: color .15s ease-in; }

/*

  STYLES

  Add custom styles here.

*/
/**
 * $. Legacy - Scoped legacy styles
 * -------------------------------------------------- */
.legacy-scope {
  font: 12px/19px Helvetica, Arial, "Lucida Grande", sans-serif;
  /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
  /*   
Theme Name: Newswire
Theme URI: http://www.theme-junkie.com
Description: Proudly designed by <a href="http://www.theme-junkie.com/">Theme Junkie</a>.
Author: Theme Junkie
Author URI: http://www.theme-junkie.com
Version: 2.1.1
License: GNU General Public License
License URI: license.txt    
Tags: theme-options, translation-ready
*/
  /*
WARNING: DO NOT EDIT THIS FILE. If you wish to make custom stylistic changes to your theme, use the
custom.css template to define custom styles. This way, you will still be able to take advantage of
future upgrades to the theme without worrying about overwriting your style changes.
*/
  /*-----------------------------------------------

TABLE OF CONTENT:

0. Reset

1. Setup
-1.1 Defaults
-1.2 Hyperlinks

2. Site Structure & Appearance
-2.1 Containers & Columns
-2.2 Navigation Menu
-2.3 Header
-2.4 Content
-2.5 Sidebar
-2.6 Footer

3. Posts
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination
-3.4 Author Box
-3.5 Entry Bottom

4. Widgets
-4.1 Generic Widgets
-4.2 Specific Widgets

5. Comments

6. Page Templates
-6.1 Contact Form
-6.2 Archives & Sitemap

7. MISC
-7.1 Buttons
-7.2 Un-widgetized Advertisement
-7.3 CSS3 Effects

8. WP DEFAULT

--------------------------------------------------------------------------------- */
  /* =0. Reset
--------------------------------------------------------------------------------- */
  /* @import "css/reset.css"; */
  /* =1. Setup
--------------------------------------------------------------------------------- */
  /* 1.1 Defaults */
  /* 1.2 Hyperlinks */
  /* =2. Site Structure & Appearance
--------------------------------------------------------------------------------- */
  /* 2.1 Containers & Columns */
  /* 2.2 Navigation Menu */
  /* P R I M A R Y - N A V */
  /* S E C O N D A R Y - N A V */
  /* S E A R C H - F O R M */
  /* 2.3 Header */
  /* 2.4 Content  */
  /* B R E A D C R U M B S */
  /* F E A T U R E D - C O N T E N T */
  /* T W O - C O L U M N - B O X E S */
  /* B O T T O M - B O X E S */
  /* 2.5 Sidebar */
  /* 2.6 Footer */
  /* F O O T E R - C A T E G O R I E S */
  /* C O P Y R I G H T */
  /* =3. Posts
--------------------------------------------------------------------------------- */
  /* 3.1 Typographic Elements */
  /* 3.2 Images */
  /* 3.3 Pagination */
  /* W P - P A G E N A V I */
  /* 3.4 Author Box */
  /* 3.5 Entry Bottom */
  /* S H A R E - B U T T O N S */
  /* R E L A T E D - P O S T S */
  /* =4. Widgets
--------------------------------------------------------------------------------- */
  /* 4.1 General Widgets */
  /* W I D G E T : C A L A N D E R */
  /* 4.1 Specific Widgets */
  /* W I D G E T : C A T E G O R Y - P O S T S */
  /* W I D G E T : V I D E O */
  /* W I D G E T : T W I T T E R */
  /* W I D G E T : F L I C K R */
  /* W I D G E T : A D S */
  /* W I D G E T : S O C I A L */
  /* newsletter */
  /* social icons */
  /* =5. Comments
-------------------------------------------------------------- */
  /* =6. Page Templates
--------------------------------------------------------------------------------- */
  /* 6.1 Contact Form */
  /* 6.2 Archives & Sitemap */
  /* =7. Misc
--------------------------------------------------------------------------------- */
  /* 7.1 Buttons */
  /* 7.2 Un-widgetized Advertisement */
  /* 7.3 CSS3 Effects */
  /* =8. WP DEFAULT
--------------------------------------------------------------------------------- */
  /* Images */
  /**
 * Gallery
 * Taken from Twenty Fifteem theme.
 */
  /* ---------------------------------------------------------------------- */
  /*  Media Queries
/* ---------------------------------------------------------------------- */
  /* Standard 960 or larger (browsers) */
  /* Smaller than standard 960 (devices and browsers) */
  /* Tablet Portrait size to standard 960 (devices and browsers) */
  /* All Mobile Sizes (devices and browser) */
  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  /* 
CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking. */
  /*******************
* General Styling    *
********************/
  /*******************
* NAV    *
********************/
  /*******************
* HOMEPAGE     *
********************/
  /************************************
* TOOLS INTELLIGENCE AREA       *
**************************************/
  /************************************
*     Reader Reviews        *
**************************************/
  /************************************
*     Software Pages        *
**************************************/
  /*******************
*    Top Tabs      *
********************/
  /*.top-tabs a.itam {
  background: #c72027;
  color: #fff;
}
.top-tabs a.itsm {
  background: #ed8325;
  color: #fff;
}
.top-tabs a.energy {
  background: #00aeef;
  color: #fff;
}
.top-tabs a.cloud {
  background: #4065b3;
  color: #fff;
}*/
  /*icons*/
  /*******************
*    Events Area   *
********************/
  /*----New Events Area ----*/
  /*.plenary-speaker:nth-child(5n) {
clear: left;
}
.workshop-speaker:nth-child(3n+2) {
clear: left;
}*/
  /*.event .video video {
max-width: 100% !important;
}


.mejs-container {
  width: 100% !important;
  height: auto !important;
  padding-top: 57%;
}
.mejs-overlay, .mejs-poster {
  width: 100% !important;
  height: 100% !important;
}
.mejs-mediaelement video {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100% !important;
  height: 100% !important;
}

*/
  /* ---------------------------------------------------------------------- */
  /*  Media Queries
/* ---------------------------------------------------------------------- */
  /* Smaller than standard 960 (devices and browsers) */
  /* Tablet Portrait size to standard 960 (devices and browsers) */
  /* All Mobile Sizes (devices and browser) */
  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ }
  .legacy-scope html, .legacy-scope body, .legacy-scope div, .legacy-scope span, .legacy-scope applet, .legacy-scope object, .legacy-scope iframe, .legacy-scope h1, .legacy-scope h2, .legacy-scope h3, .legacy-scope h4, .legacy-scope h5, .legacy-scope h6, .legacy-scope p, .legacy-scope blockquote, .legacy-scope pre, .legacy-scope a, .legacy-scope abbr, .legacy-scope acronym, .legacy-scope address, .legacy-scope big, .legacy-scope cite, .legacy-scope code, .legacy-scope del, .legacy-scope dfn, .legacy-scope em, .legacy-scope font, .legacy-scope ins, .legacy-scope kbd, .legacy-scope q, .legacy-scope s, .legacy-scope samp, .legacy-scope small, .legacy-scope strike, .legacy-scope strong, .legacy-scope sub, .legacy-scope sup, .legacy-scope tt, .legacy-scope var, .legacy-scope dl, .legacy-scope dt, .legacy-scope dd, .legacy-scope ol, .legacy-scope ul, .legacy-scope li, .legacy-scope fieldset, .legacy-scope form, .legacy-scope label, .legacy-scope legend, .legacy-scope table, .legacy-scope caption, .legacy-scope tbody, .legacy-scope tfoot, .legacy-scope thead, .legacy-scope tr, .legacy-scope th, .legacy-scope td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline; }
  .legacy-scope :focus {
    outline: 0; }
  .legacy-scope body {
    background: #fff;
    line-height: 1; }
  .legacy-scope ol, .legacy-scope ul {
    list-style: none; }
  .legacy-scope table {
    border-collapse: separate;
    border-spacing: 0; }
  .legacy-scope caption, .legacy-scope th, .legacy-scope td {
    font-weight: normal;
    text-align: left; }
  .legacy-scope blockquote:before, .legacy-scope blockquote:after, .legacy-scope q:before, .legacy-scope q:after {
    content: ""; }
  .legacy-scope blockquote, .legacy-scope q {
    quotes: "" ""; }
  .legacy-scope a img {
    border: 0; }
  .legacy-scope .left {
    float: left; }
  .legacy-scope .right {
    float: right; }
  .legacy-scope * html .clear {
    height: 1%; }
  .legacy-scope .clear:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden; }
  .legacy-scope .clear {
    display: block; }
  .legacy-scope a,
  .legacy-scope a:visited,
  .legacy-scope a:hover,
  .legacy-scope #site-title a,
  .legacy-scope #site-title a:hover,
  .legacy-scope .bottom-box h3 a,
  .legacy-scope .bottom-box ul li a:hover,
  .legacy-scope .entry-content a,
  .legacy-scope .page-template-page-templatestemplate-archives-php .entry-content ul li a,
  .legacy-scope .page-template-page-templatestemplate-sitemap-php .entry-content ul li a,
  .legacy-scope #sidebar .widget ul li a:hover {
    color: #B52100; }
  .legacy-scope #primary-nav .nav li a:hover,
  .legacy-scope #primary-nav .nav li.first a,
  .legacy-scope #primary-nav .nav li.sfHover a,
  .legacy-scope #primary-nav .nav li li a:hover,
  .legacy-scope #primary-nav .current_page_item a,
  .legacy-scope .category-box-title a,
  .legacy-scope .category-box-title a:hover {
    background: #B52100; }
  .legacy-scope #secondary-nav .nav,
  .legacy-scope #featured-content,
  .legacy-scope .two-column-boxes,
  .legacy-scope .entry-related h3,
  .legacy-scope .widget-title,
  .legacy-scope .widget_tj_twitter a .widget-title {
    border-bottom: 3px solid #B52100; }
  .legacy-scope #primary-nav .nav li li a:hover,
  .legacy-scope #secondary-nav .nav li li a:hover,
  .legacy-scope .widget_tj_twitter li .content a,
  .legacy-scope .widget_tj_category_posts .entry-title a:hover,
  .legacy-scope .entry-title a:hover,
  .legacy-scope .entry-content a:hover,
  .legacy-scope .entry-meta a:hover,
  .legacy-scope .entry-tags a:hover {
    color: #B52100 !important; }
  .legacy-scope body {
    background: #F0F0F0;
    color: #000000;
    font: 12px/19px Helvetica, Arial, "Lucida Grande", sans-serif; }
  .legacy-scope h1, .legacy-scope h2, .legacy-scope h3, .legacy-scope h4, .legacy-scope h5, .legacy-scope h6 {
    font-weight: bold; }
  .legacy-scope h1 {
    font-size: 22px; }
  .legacy-scope h2 {
    font-size: 18px; }
  .legacy-scope h3 {
    font-size: 15px; }
  .legacy-scope h4 {
    font-size: 13px; }
  .legacy-scope h5,
  .legacy-scope h6 {
    font-size: 12px; }
  .legacy-scope input,
  .legacy-scope textarea {
    background: #F4F4F7;
    border: 1px solid #E9E9E9;
    color: #2c2f32;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1em;
    padding: 6px 10px;
    width: 240px; }
  .legacy-scope input:focus,
  .legacy-scope textarea:focus {
    background: #FFFFFF;
    border-color: #ccccce; }
  .legacy-scope a:focus,
  .legacy-scope a:hover,
  .legacy-scope a:active {
    outline: none; }
  .legacy-scope a,
  .legacy-scope a:visited {
    color: #222;
    text-decoration: none; }
  .legacy-scope a:hover {
    -moz-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -o-transition: color .1s linear;
    -webkit-transition: color .1s linear;
    text-decoration: underline;
    transition: color .1s linear; }
  .legacy-scope a img {
    border: none; }
  .legacy-scope #wrapper {
    background: #FFFFFF;
    margin: 0 auto;
    padding: 20px;
    width: 940px; }
  .legacy-scope #main {
    background: url(/wp-content/themes/tools-advisor/assets/images/bg-dot.png) 627px repeat-y;
    float: left;
    margin: 15px 0 0 0;
    width: 940px; }
  .legacy-scope #content {
    color: #333;
    float: left;
    margin: 0;
    padding: 0;
    width: 616px; }
  .legacy-scope .nav {
    list-style: none;
    line-height: 1;
    margin: 0;
    overflow: hidden;
    padding: 0;
    z-index: 999; }
  .legacy-scope .nav a {
    display: block;
    position: relative;
    text-decoration: none;
    z-index: 100; }
  .legacy-scope .nav li {
    float: left;
    width: auto;
    z-index: 999; }
  .legacy-scope .nav li a {
    color: #EEEEEE;
    line-height: 18px;
    padding: 10px 18px;
    text-decoration: none; }
  .legacy-scope .nav li a.sf-with-ul {
    padding-right: 22px !important; }
  .legacy-scope .nav li:hover a, .legacy-scope .nav li:hover a:active {
    text-decoration: none; }
  .legacy-scope .nav li ul {
    float: left;
    left: -999em;
    position: absolute;
    width: 180px;
    z-index: 999; }
  .legacy-scope .nav li ul li a, .legacy-scope .nav li ul li a:visited {
    background: #FFFFFF;
    color: #333333;
    font-size: 12px;
    width: 142px; }
  .legacy-scope .nav li ul li a.sf-with-ul {
    padding: 10px 15px; }
  .legacy-scope .nav li ul ul {
    border-top: 1px solid #e3e3e3;
    margin: -39px 0 0 179px !important;
    padding: 0 !important; }
  .legacy-scope .nav li:hover, .legacy-scope .nav li.hover {
    position: static; }
  .legacy-scope .nav li:hover ul ul, .legacy-scope .nav li.sfhover ul ul,
  .legacy-scope .nav li:hover ul ul ul, .legacy-scope .nav li.sfhover ul ul ul,
  .legacy-scope .nav li:hover ul ul ul ul, .legacy-scope .nav li.sfhover ul ul ul ul {
    left: -999em; }
  .legacy-scope .nav li:hover ul, .legacy-scope .nav li.sfhover ul,
  .legacy-scope .nav li li:hover ul, .legacy-scope .nav li li.sfhover ul,
  .legacy-scope .nav li li li:hover ul, .legacy-scope .nav li li li.sfhover ul,
  .legacy-scope .nav li li li li:hover ul, .legacy-scope .nav li li li li.sfhover ul {
    left: auto; }
  .legacy-scope .nav .sf-sub-indicator {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 9px;
    height: 9px;
    text-indent: -999em;
    top: 1.2em;
    right: 10px; }
  .legacy-scope .nav li ul .sf-sub-indicator {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 10px;
    height: 10px;
    text-indent: -999em;
    top: 1.2em;
    right: 0.5em; }
  .legacy-scope #primary-nav {
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #E6E6E6;
    height: 42px; }
  .legacy-scope #primary-nav .nav {
    float: left;
    margin-top: 1px; }
  .legacy-scope #primary-nav .nav .sf-sub-indicator {
    background: url(/wp-content/themes/tools-advisor/assets/images/ico-arrow-down.png) no-repeat;
    right: 0.7em;
    top: 18px; }
  .legacy-scope #primary-nav .nav li li a {
    background: #FFFFFF !important;
    border-bottom: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    color: #333 !important;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    padding: 11px 18px !important;
    text-transform: none; }
  .legacy-scope #primary-nav .nav li li a:hover {
    text-decoration: underline; }
  .legacy-scope #primary-nav .nav li ul {
    background: transparent url(/wp-content/themes/tools-advisor/assets/images/arrow-up.png) no-repeat center 3px;
    margin-left: -1px;
    padding: 13px 0 0 0; }
  .legacy-scope #primary-nav .nav li ul .sf-sub-indicator {
    background: url(/wp-content/themes/tools-advisor/assets/images/bullet.png) no-repeat;
    right: 0.7em;
    top: 15px; }
  .legacy-scope #primary-nav .nav li a {
    color: #333333;
    font-size: 11px;
    font-weight: bold;
    line-height: 40px;
    padding: 0 18px;
    text-transform: uppercase; }
  .legacy-scope #primary-nav .nav li a:hover,
  .legacy-scope #primary-nav .nav li.first a,
  .legacy-scope #primary-nav .nav li.sfHover a,
  .legacy-scope #primary-nav .current_page_item a {
    color: #fff; }
  .legacy-scope #primary-nav .current_page_item a {
    color: #fff !important; }
  .legacy-scope #primary-nav #s {
    -moz-transition: width .2s linear;
    -ms-transition: width .2s linear;
    -o-transition: width .2s linear;
    -webkit-transition: width .2s linear;
    background-color: #FFFFFF;
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E0E0E0;
    float: right;
    font-size: 1em;
    height: 16px;
    line-height: 16px;
    transition: width .2s linear;
    width: 70px; }
  .legacy-scope #primary-nav #s:focus {
    background-color: #EEEEEE;
    color: #999999;
    width: 110px; }
  .legacy-scope #secondary-nav .nav {
    border-top: 1px solid #E6E6E6; }
  .legacy-scope #secondary-nav .nav .sf-sub-indicator {
    background: url(/wp-content/themes/tools-advisor/assets/images/ico-arrow-down.png) no-repeat;
    right: 0.7em;
    top: 19px; }
  .legacy-scope #secondary-nav .nav li li a {
    background: #FFFFFF !important;
    border-bottom: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    font-size: 12px;
    font-weight: bold;
    padding: 11px 18px !important; }
  .legacy-scope #secondary-nav .nav li li a:hover {
    text-decoration: underline; }
  .legacy-scope #secondary-nav .nav li ul {
    background: transparent url(/wp-content/themes/tools-advisor/assets/images/arrow-up.png) no-repeat center 3px;
    margin-left: -1px;
    padding: 13px 0 0 0; }
  .legacy-scope #secondary-nav .nav li ul .sf-sub-indicator {
    background: url(/wp-content/themes/tools-advisor/assets/images/bullet.png) no-repeat;
    right: 0.7em;
    top: 16px; }
  .legacy-scope #secondary-nav .nav li ul ul {
    margin-top: -42px !important; }
  .legacy-scope #secondary-nav .nav li a {
    border-right: 1px solid #e3e3e3;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    padding: 12px 18px;
    text-shadow: 0 1px 0 #FFFFFF; }
  .legacy-scope #secondary-nav .nav li a:hover,
  .legacy-scope #secondary-nav .nav li.sfHover a,
  .legacy-scope #secondary-nav .nav li.current-cat a {
    background: #F0F0F0; }
  .legacy-scope #s {
    background: #F0F0F0 url(/wp-content/themes/tools-advisor/assets/images/ico-search.png) no-repeat 10px 12px;
    border: none;
    height: 16px;
    line-height: 16px;
    padding: 13px 0 13px 30px;
    width: 210px; }
  .legacy-scope #s:focus {
    background-color: #FFFFFF;
    border: none;
    box-shadow: none; }
  .legacy-scope #header {
    background: #FFFFFF;
    clear: both;
    height: 110px;
    overflow: hidden; }
  .legacy-scope #text-logo {
    float: left; }
  .legacy-scope #site-title {
    color: #333;
    font-size: 34px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1;
    margin: 25px 0 5px 0; }
  .legacy-scope #site-desc {
    color: #777777;
    font-family: Georgia, serif;
    font-size: 11px;
    letter-spacing: 1px; }
  .legacy-scope #site-title a,
  .legacy-scope #site-title a:hover {
    text-decoration: none; }
  .legacy-scope #logo {
    float: left;
    line-height: 1;
    margin: 25px 0 0 0;
    overflow: hidden; }
  .legacy-scope .entry-title a,
  .legacy-scope .entry-title a:visited {
    color: #333333; }
  .legacy-scope h2.entry-title {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px 0; }
  .legacy-scope .entry-thumb {
    float: left;
    margin: 0 10px 10px 0; }
  .legacy-scope .archive .hentry,
  .legacy-scope .search .hentry {
    border-bottom: 1px dotted #CCCCCC;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0; }
  .legacy-scope .archive .hentry .entry-meta,
  .legacy-scope .search .hentry .entry-meta {
    margin: 0 0 10px 0; }
  .legacy-scope .archive .entry-excerpt,
  .legacy-scope .search .entry-excerpt {
    display: table; }
  .legacy-scope .page-template-page-templatestemplate-fullwidth-php #main {
    background: #FFFFFF; }
  .legacy-scope .one-col {
    background: #FFFFFF !important;
    margin: 0;
    padding: 0;
    width: 100%; }
  .legacy-scope h1.page-title,
  .legacy-scope h1.entry-title {
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
    margin: 10px 0 10px 0; }
  .legacy-scope #breadcrumbs {
    border-bottom: #E6E6E6 solid 1px;
    color: #777777;
    font-family: Georgia, serif;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 18px;
    margin: 0 0 15px 0;
    padding: 0 0 10px 0; }
  .legacy-scope #breadcrumbs .cat-feed a {
    background: url(/wp-content/themes/tools-advisor/assets/images/ico-rssfeed.png) right 1px no-repeat;
    display: block;
    float: right;
    padding-right: 22px; }
  .legacy-scope #breadcrumbs a {
    background: url(/wp-content/themes/tools-advisor/assets/images/bullet.png) right center no-repeat;
    color: #777777;
    margin-right: 1px;
    padding-right: 10px; }
  .legacy-scope #featured-content {
    background: #FFFFFF;
    border-top: 1px solid #e0e0e0;
    margin: 0 0 20px 0;
    padding: 10px 0 10px 0; }
  .legacy-scope .featured-left {
    float: left;
    width: 300px; }
  .legacy-scope .featured-left .entry-title {
    font-size: 22px;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 10px; }
  .legacy-scope .featured-left .entry-thumb {
    height: auto;
    margin-bottom: 10px;
    width: 100%; }
  .legacy-scope .featured-left .entry-meta {
    margin-bottom: 10px; }
  .legacy-scope .featured-right {
    float: right;
    width: 300px; }
  .legacy-scope .featured-right .entry-excerpt {
    overflow: hidden; }
  .legacy-scope .featured-right .entry-title {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px; }
  .legacy-scope .featured-right .entry-thumb {
    float: right;
    margin: 0 0 0 10px; }
  .legacy-scope .featured-right .entry-meta {
    margin-bottom: 5px; }
  .legacy-scope .featuredpost {
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 10px;
    padding-bottom: 10px; }
  .legacy-scope .featured-post-last {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0; }
  .legacy-scope .two-column-boxes {
    margin: 0 0 20px 0;
    padding: 0 0 10px 0; }
  .legacy-scope .category-box-title {
    margin: 0 0 20px 0; }
  .legacy-scope .category-box-title a,
  .legacy-scope .category-box-title a:hover {
    color: #FFFFFF !important;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 8px 4px;
    text-decoration: none; }
  .legacy-scope .two-column-boxes .category-box-even {
    border-right: 1px solid #e0e0e0;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0; }
  .legacy-scope .category-box-feed a,
  .legacy-scope .category-box-feed a:hover {
    background: url(/wp-content/themes/tools-advisor/assets/images/ico-rssfeed.png) 0 0 no-repeat;
    display: inline-block;
    float: right;
    height: 16px;
    margin: 5px 0 0 0;
    overflow: hidden;
    text-indent: -5555em;
    width: 16px; }
  .legacy-scope .two-column-boxes .category-box {
    display: inline;
    float: left;
    width: 296px; }
  .legacy-scope .two-column-boxes .category-box .entry-excerpt {
    display: table; }
  .legacy-scope .two-column-boxes .category-box .entry-thumb {
    float: left;
    margin: 0 10px 10px 0; }
  .legacy-scope .two-column-boxes .category-box h2.entry-title {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px; }
  .legacy-scope .two-column-boxes .category-box .entry-meta {
    margin-bottom: 7px; }
  .legacy-scope .two-column-boxes .category-box li.first {
    background: none;
    display: block;
    font-size: 12px;
    padding: 15px 0 10px 0; }
  .legacy-scope .two-column-boxes .category-box li.first a {
    background: none;
    padding-left: 0; }
  .legacy-scope .two-column-boxes .category-box ul {
    border-bottom: 1px dotted #CCCCCC;
    margin: 0 0 15px 0;
    padding: 0 0 10px 0; }
  .legacy-scope .two-column-boxes .category-box li {
    background: url(/wp-content/themes/tools-advisor/assets/images/bullet.png) 0 4px no-repeat;
    padding: 0 0 5px 10px; }
  .legacy-scope .two-column-boxes .category-box li a:link,
  .legacy-scope .two-column-boxes .category-box li a:visited {
    color: #333333; }
  .legacy-scope .more {
    background: none !important;
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0 !important; }
  .legacy-scope .bottom-col-boxes {
    margin: 10px 0; }
  .legacy-scope .bottom-box {
    background: #F9F9F9;
    border: 1px solid #DDDDDD;
    width: 300px; }
  .legacy-scope .bottom-box h3 {
    background: #FFFFFF;
    border-bottom: 1px solid #d3d3d3;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 10px 5px 10px; }
  .legacy-scope .bottom-box-wrap {
    margin: 10px 3% 20px 3%; }
  .legacy-scope .bottom-box-wrap .entry-excerpt {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 10px; }
  .legacy-scope .bottom-box-wrap h2.entry-title {
    clear: both;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px; }
  .legacy-scope .bottom-box-wrap .entry-thumb {
    margin: 0 0 10px 0; }
  .legacy-scope .bottom-box-wrap ul {
    margin: 10px 0 0 0; }
  .legacy-scope .bottom-box-wrap ul li {
    background: url(/wp-content/themes/tools-advisor/assets/images/bullet.png) no-repeat 0 4px;
    padding: 0 0 5px 10px; }
  .legacy-scope #sidebar {
    float: right;
    margin: 0;
    padding: 0 0 0 10px;
    width: 300px; }
  .legacy-scope #sidebar li ul.children {
    margin: 0 0 0 10px; }
  .legacy-scope #sidebar ul.children {
    margin: 0 0 0 10px; }
  .legacy-scope #sidebar .widget {
    margin: 0 0 15px 0;
    padding: 0; }
  .legacy-scope #sidebar .widget-title {
    background: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 5px 5px 5px 0; }
  .legacy-scope #sidebar .widget ul li a,
  .legacy-scope #sidebar .widget-title a,
  .legacy-scope #sidebar .widget-title a:hover,
  .legacy-scope #sidebar a .widget-title,
  .legacy-scope #sidebar a:hover .widget-title {
    color: #333333; }
  .legacy-scope #sidebar .widget ul {
    margin: 0;
    padding: 0; }
  .legacy-scope #sidebar .widget ul li {
    background: url(/wp-content/themes/tools-advisor/assets/images/bullet.png) 0 15px no-repeat;
    border-bottom: 1px solid #E6E6E6;
    list-style: none;
    margin: 0;
    padding: 10px 0 10px 10px; }
  .legacy-scope .footer-categories {
    border-bottom: 1px solid #d5d5d5;
    border-top: 1px solid #DDDDDD;
    color: #999999;
    display: block;
    font-size: 11px;
    height: 30px;
    letter-spacing: 1px;
    line-height: 30px;
    margin: 25px 0 0 0; }
  .legacy-scope .footer-categories li {
    display: inline;
    list-style: none; }
  .legacy-scope .footer-categories ul {
    display: block;
    text-align: center; }
  .legacy-scope .footer-categories li a:hover {
    color: #555555; }
  .legacy-scope .footer-categories li a,
  .legacy-scope .footer-categories li a:visited {
    border-right: 1px solid #CCCCCC;
    color: #777777;
    padding: 0 7px; }
  .legacy-scope .copyright {
    color: #999999;
    font-family: Georgia, serif;
    font-size: 11px;
    margin: 10px 0 0 0;
    text-align: center; }
  .legacy-scope .backtotop {
    background: #000000 url(/wp-content/themes/tools-advisor/assets/images/ico-top.png) no-repeat;
    border-radius: 3px;
    height: 45px;
    margin: 0 10px 10px 0;
    opacity: 0.7;
    width: 45px; }
  .legacy-scope .copyright a,
  .legacy-scope .copyright a:visited {
    color: #999999;
    font-size: 11px; }
  .legacy-scope .entry-meta {
    color: #777777;
    font-family: Georgia, serif;
    font-size: 11px;
    letter-spacing: 1px; }
  .legacy-scope .entry-meta a:link,
  .legacy-scope .entry-meta a:visited {
    color: #777777 !important; }
  .legacy-scope .entry-content {
    margin: 10px 0 15px; }
  .legacy-scope .entry-content blockquote {
    border-left: 10px solid #f7f7f7;
    margin: 20px 20px;
    padding: 0 30px 0 20px;
    overflow: hidden; }
  .legacy-scope .entry-content blockquote p,
  .legacy-scope blockquote a,
  .legacy-scope blockquote {
    color: #666666;
    font-size: 1em;
    font-style: italic; }
  .legacy-scope .entry-content strong {
    font-weight: bold; }
  .legacy-scope .entry-content strong em,
  .legacy-scope .entry-content em strong {
    font-style: italic;
    font-weight: bold; }
  .legacy-scope .entry-content li ul {
    margin: 0;
    padding: 0; }
  .legacy-scope .entry-content input,
  .legacy-scope .entry-content textarea {
    font-size: 1em;
    padding: 3px; }
  .legacy-scope .entry-content dfn {
    font-weight: bold; }
  .legacy-scope .entry-content del {
    color: #aaa;
    text-decoration: line-through; }
  .legacy-scope .entry-content pre,
  .legacy-scope .entry-content code,
  .legacy-scope .entry-content tt {
    background: #f5f5f5;
    color: #666666;
    font: 12px 'andale mono', 'monotype.com', 'lucida console', monospace;
    line-height: 20px;
    overflow: auto;
    padding: 1em; }
  .legacy-scope .entry-content pre,
  .legacy-scope .entry-content code,
  .legacy-scope .entry-content tt {
    display: block;
    margin: 1.5em 0;
    white-space: pre; }
  .legacy-scope .entry-content ins {
    font-weight: bold;
    text-decoration: underline; }
  .legacy-scope .entry-content em {
    font-style: italic;
    font-weight: normal; }
  .legacy-scope .entry-content ul {
    list-style: none;
    padding-bottom: 10px; }
  .legacy-scope .entry-content ul ul,
  .legacy-scope .entry-content ol ol,
  .legacy-scope .entry-content ul ol,
  .legacy-scope .entry-content ol ul {
    margin-bottom: 0; }
  .legacy-scope .entry-content ul li {
    background: url(/wp-content/themes/tools-advisor/assets/images/dot.png) no-repeat 0 11px;
    padding: 5px 0 5px 10px; }
  .legacy-scope .entry-content h1,
  .legacy-scope .entry-content h2,
  .legacy-scope .entry-content h3,
  .legacy-scope .entry-content h4,
  .legacy-scope .entry-content h5,
  .legacy-scope .entry-content h6 {
    margin: 5px 0 10px 0; }
  .legacy-scope .entry-content hr {
    background: #E6E6E6;
    border: none;
    clear: both;
    color: #E6E6E6;
    height: 1px;
    margin: 15px 0;
    width: 100%; }
  .legacy-scope .entry-content hr {
    background: #E6E6E6;
    border: none;
    clear: both;
    color: #E6E6E6;
    height: 1px;
    margin: 15px 0;
    width: 100%; }
  .legacy-scope .entry-content ol {
    list-style-type: decimal;
    margin: 0 0 10px 25px; }
  .legacy-scope .entry-content ol ol {
    list-style: upper-alpha; }
  .legacy-scope .entry-content ol ol ol {
    list-style: lower-roman; }
  .legacy-scope .entry-content ol ol ol ol {
    list-style: lower-alpha; }
  .legacy-scope .entry-content ol li {
    font-size: 12px;
    margin: 5px 0; }
  .legacy-scope .entry-content p {
    margin: 0 0 10px 0; }
  .legacy-scope img.centered {
    display: block;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    padding: 0; }
  .legacy-scope img.alignnone {
    display: inline;
    margin: 0 0 15px 0;
    padding: 0; }
  .legacy-scope img.alignright {
    display: inline;
    margin: 0 0 15px 15px;
    padding: 0; }
  .legacy-scope img.alignleft {
    display: inline;
    margin: 0 15px 15px 0;
    padding: 0; }
  .legacy-scope .aligncenter {
    display: block;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto; }
  .legacy-scope .alignright {
    float: right;
    margin: 0 0 15px 15px; }
  .legacy-scope .alignleft {
    float: left;
    margin: 0 15px 15px 0; }
  .legacy-scope .wp-caption {
    background: #F7F7F7;
    border: 1px solid #E6E6E6;
    padding: 4px 0 5px 0;
    text-align: center; }
  .legacy-scope .wp-caption p.wp-caption-text {
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    margin: 0;
    padding: 0; }
  .legacy-scope .wp-caption img {
    border: 0;
    margin: 0 0 5px 0;
    padding: 0; }
  .legacy-scope .entry-tags {
    float: left; }
  .legacy-scope .entry-tags a,
  .legacy-scope .entry-tags a:visited {
    color: #777777 !important; }
  .legacy-scope .entry-tags span {
    font-size: 13px;
    font-weight: bold;
    margin-right: 10px; }
  .legacy-scope .entry-edit {
    float: right; }
  .legacy-scope .entry-tags a,
  .legacy-scope .entry-tags a:visited {
    color: #777777;
    font-family: Georgia, serif;
    letter-spacing: 1px; }
  .legacy-scope .pagination {
    font-size: 12px;
    margin: 0 0 20px 0;
    overflow: hidden;
    width: 100%; }
  .legacy-scope .pagination a {
    background: #eee url(/wp-content/themes/tools-advisor/assets/images/alert-overlay.png) repeat-x left center;
    border-top: 1px solid #E9E9E9;
    border-bottom: 1px solid #BBBBBB;
    color: #666666 !important;
    display: block;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    position: relative; }
  .legacy-scope .pagination a:hover {
    background: #eee !important;
    text-decoration: none; }
  .legacy-scope .wp-pagenavi {
    font-weight: normal;
    letter-spacing: 1px;
    margin: 20px 0;
    text-transform: uppercase; }
  .legacy-scope .wp-pagenavi a:link,
  .legacy-scope .wp-pagenavi a:visited {
    border: 0;
    border-top: 1px solid #E9E9E9 !important;
    border-bottom: 1px solid #DDDDDD !important;
    border-right: 1px solid #DDDDDD !important;
    color: #999999;
    display: inline;
    margin: 0;
    padding: 9px 11px 8px;
    text-decoration: none; }
  .legacy-scope .wp-pagenavi .on,
  .legacy-scope .wp-pagenavi .current,
  .legacy-scope .wp-pagenavi a:hover {
    background: #fff;
    border: 0;
    border-top: 1px solid #E9E9E9 !important;
    border-bottom: 1px solid #DDDDDD !important;
    border-right: 1px solid #DDDDDD !important;
    font-weight: normal !important;
    margin: 0;
    padding: 9px 11px 8px; }
  .legacy-scope .wp-pagenavi .extend,
  .legacy-scope .wp-pagenavi span.pages {
    border: 0;
    border-top: 1px solid #E9E9E9 !important;
    border-bottom: 1px solid #DDDDDD !important;
    border-right: 1px solid #DDDDDD !important;
    color: #999999;
    margin: 0;
    padding: 9px 11px 8px;
    text-shadow: 1px 1px #fff; }
  .legacy-scope .wp-pagenavi span.pages {
    border-left: 1px solid #DDDDDD; }
  .legacy-scope .entry-author {
    border: 1px solid #E6E6E6;
    margin: 0 0 20px 0; }
  .legacy-scope .entry-author h3 {
    font-size: 14px;
    padding: 0 0 5px 0; }
  .legacy-scope .author-avatar {
    float: left; }
  .legacy-scope .author-avatar img {
    background: #FFFFFF;
    display: block;
    margin: 0 10px 10px 0;
    padding: 4px; }
  .legacy-scope .author-description {
    display: table; }
  .legacy-scope .entry-author-content {
    background: #f9f9f9;
    padding: 10px; }
  .legacy-scope .single-share {
    display: block;
    float: left;
    margin: 0 0 20px 0; }
  .legacy-scope .single-share .btn-tweet,
  .legacy-scope .single-share .btn-like,
  .legacy-scope .single-share .btn-plus {
    display: inline-block;
    float: left;
    height: 22px;
    margin: 0 2px 0 0;
    padding: 0;
    width: 90px; }
  .legacy-scope .single-share h3 {
    float: left;
    font-size: 13px;
    line-height: 22px;
    margin: 0 15px 0 0;
    padding: 0; }
  .legacy-scope .entry-related {
    border-bottom: 1px solid #E6E6E6;
    margin: 0 0 20px 0;
    padding: 0 0 5px 0; }
  .legacy-scope .entry-related h3 {
    margin: 0 0 15px 0;
    padding: 0 0 5px 0; }
  .legacy-scope .related-loop {
    display: inline;
    float: left;
    margin: 0 15px 0 0;
    width: 300px; }
  .legacy-scope .related-loop .entry-title {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0; }
  .legacy-scope .related-loop .entry-thumb {
    float: left;
    margin: 0 10px 0 0; }
  .legacy-scope .related-loop li {
    background: none;
    border-bottom: 1px solid #E6E6E6;
    line-height: 16px;
    list-style: none;
    margin: 0 0 15px 0;
    overflow: hidden;
    padding: 0 0 15px 0 !important; }
  .legacy-scope .last-entry {
    border-bottom: none !important;
    margin: 0 !important;
    padding: 0 !important; }
  .legacy-scope #wp-calendar {
    width: 100%; }
  .legacy-scope #wp-calendar caption {
    background: transparent;
    color: #333;
    font-weight: bold;
    padding: 3px 0 7px 0; }
  .legacy-scope #wp-calendar #today {
    background: #F0F0F0;
    font-weight: bold; }
  .legacy-scope #wp-calendar th {
    background: #F0F0F0;
    border: #F0F0F0 solid 1px;
    padding: 3px; }
  .legacy-scope #wp-calendar td {
    border: #F0F0F0 solid 1px;
    padding: 5px 2px; }
  .legacy-scope #wp-calendar,
  .legacy-scope #wp-calendar th,
  .legacy-scope #wp-calendar caption {
    text-align: center; }
  .legacy-scope .widget_tj_category_posts li {
    background: none !important;
    padding: 15px 0 10px 0 !important; }
  .legacy-scope .widget_tj_category_posts li .entry-excerpt {
    display: table; }
  .legacy-scope .widget_tj_category_posts li .entry-thumb {
    float: left; }
  .legacy-scope .widget_tj_category_posts li .entry-title {
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    margin-bottom: 5px; }
  .legacy-scope .widget_tj_category_posts li .entry-meta {
    margin-bottom: 5px; }
  .legacy-scope .tj-video ul li {
    border-bottom: none; }
  .legacy-scope .tj-video .hide {
    display: none; }
  .legacy-scope .tj-video .open {
    padding: 5px 0 0; }
  .legacy-scope .tj-video .open .description {
    border-bottom: 1px solid #E6E6E6;
    color: #999999;
    font-size: 11px;
    font-style: italic;
    padding: 10px 0; }
  .legacy-scope .tj-video embed,
  .legacy-scope .tj-video object,
  .legacy-scope .tj-video iframe {
    width: 100%;
    height: 170px; }
  .legacy-scope .tj-video li {
    background: url(/wp-content/themes/tools-advisor/assets/images/ico-video.png) no-repeat 0 13px !important;
    padding-left: 23px !important; }
  .legacy-scope .tj-video li a {
    border-bottom: none !important; }
  .legacy-scope .widget_tj_twitter {
    display: none;
    margin: 0 0 20px 0; }
  .legacy-scope .widget_tj_twitter li {
    background: none;
    display: block !important; }
  .legacy-scope .widget_tj_twitter li .time {
    color: #999999; }
  .legacy-scope .widget_tj_twitter li a {
    background: none !important;
    display: inline !important;
    padding-left: 0 !important; }
  .legacy-scope .widget_tj_twitter li a:hover {
    background: none !important; }
  .legacy-scope .widget_tj_flickr {
    margin: 0 0 20px 0; }
  .legacy-scope .widget_tj_flickr > div {
    margin: 10px 0 0 0; }
  .legacy-scope .widget .flickr_badge_image {
    float: left;
    margin: 0;
    height: auto; }
  .legacy-scope .widget .flickr_badge_image a:hover img {
    background: #fbfbfb;
    border-color: #e5ecf1; }
  .legacy-scope .widget .flickr_badge_image .photo-wrap {
    margin-bottom: 20px;
    padding: 0;
    position: relative; }
  .legacy-scope .widget .flickr_badge_image a img {
    background: #FFFFFF;
    border: 1px solid #efefef;
    display: inline;
    float: left;
    margin: 0 10px 10px 0;
    padding: 4px; }
  .legacy-scope .widget-ads {
    margin: 0 0 20px 0;
    width: 300px; }
  .legacy-scope .widget-ads .ad-title {
    border-bottom: none !important;
    color: #999999;
    font-family: Georgia, serif;
    font-size: 11px !important;
    font-weight: normal !important;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 7px;
    text-align: center;
    text-transform: lowercase; }
  .legacy-scope .widget-ad125 img {
    background: #FFFFFF;
    border: 1px solid #E9E9E9;
    display: inline;
    float: left;
    margin: 10px 10px 0 0;
    padding: 2px; }
  .legacy-scope .tj_widget_social {
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    margin: 0 0 20px 0; }
  .legacy-scope .newsletter {
    padding: 15px; }
  .legacy-scope .newsletter .subscribe-form {
    margin: 6px 0 3px; }
  .legacy-scope .newsletter .subscribe-form .submit {
    background: #F0F0F0 url(/wp-content/themes/tools-advisor/assets/images/alert-overlay.png) repeat-x left center;
    border: 1px solid #DFDFDF;
    border-bottom-color: #CDCDCD;
    cursor: pointer;
    padding: 6px 5px;
    width: 60px; }
  .legacy-scope .newsletter .subscribe-form .email {
    width: 160px; }
  .legacy-scope .newsletter .widget-title {
    border: none !important;
    padding: 0 !important; }
  .legacy-scope .newsletter .subscribe span {
    color: #999999;
    font-size: 11px; }
  .legacy-scope .newsletter .subscribe p {
    color: #777777;
    font-size: 12px; }
  .legacy-scope .social-icons {
    border-bottom: 1px solid #E6E6E6;
    padding: 15px 0 15px 0; }
  .legacy-scope .social-icons li a {
    display: block;
    float: left;
    line-height: 1.3;
    margin: 0;
    padding: 38px 0 0 0;
    text-align: center;
    width: 70px; }
  .legacy-scope .social-icons li a,
  .legacy-scope .social-icons li a:visited {
    color: #777777;
    display: block;
    font-size: 11px; }
  .legacy-scope .social-icons .icon-facebook a {
    background: url(/wp-content/themes/tools-advisor/assets/images/ico-facebook.png) no-repeat center top; }
  .legacy-scope .social-icons .icon-twitter a {
    background: url(/wp-content/themes/tools-advisor/assets/images/ico-twitter.png) no-repeat center top; }
  .legacy-scope .social-icons .icon-google a {
    background: url(/wp-content/themes/tools-advisor/assets/images/ico-google.png) no-repeat center top; }
  .legacy-scope .social-icons .icon-rss a {
    background: url(/wp-content/themes/tools-advisor/assets/images/ico-rss.png) no-repeat center top; }
  .legacy-scope #comments {
    clear: both;
    position: relative; }
  .legacy-scope #comments .commentlist {
    border-top: 1px solid #E6E6E6;
    padding: 20px 0; }
  .legacy-scope #comments .children {
    list-style-type: none;
    margin-left: 55px; }
  .legacy-scope .pings-wrapper {
    position: relative; }
  .legacy-scope .pinglist {
    list-style-type: none;
    margin: 0;
    padding: 30px 0 40px 0; }
  .legacy-scope .pinglist li {
    border-bottom: 1px solid #e9eaea;
    padding: 10px; }
  .legacy-scope .pinglist li a {
    border: 0;
    color: #4d4e52;
    display: block;
    font-weight: normal; }
  .legacy-scope .pinglist li a:hover {
    background: none !important;
    color: #202222; }
  .legacy-scope #reply-title,
  .legacy-scope .comments-title,
  .legacy-scope .pings-title {
    font-size: 16px;
    margin: 0 0  20px 0; }
  .legacy-scope #commentform .comment-form-comment {
    margin-bottom: 10px; }
  .legacy-scope #commentform .form-submit input {
    border: 1px solid #E6E6E6;
    border-bottom-color: #DDDDDD;
    box-shadow: none;
    cursor: pointer;
    float: none;
    font-weight: 700;
    margin: 0;
    padding: 8px 15px;
    width: auto; }
  .legacy-scope #commentform .required {
    color: red; }
  .legacy-scope #commentform textarea {
    width: 95%; }
  .legacy-scope #commentform input {
    float: left;
    margin-right: 15px;
    padding: 6px 7px;
    width: 40%; }
  .legacy-scope #commentform p {
    line-height: 30px;
    margin-bottom: 10px; }
  .legacy-scope .commentlist #commentform {
    margin-bottom: 60px; }
  .legacy-scope .comment .avatar {
    float: left;
    margin: 0 15px 0 0; }
  .legacy-scope .comment-meta {
    color: #777777;
    font-size: 11px;
    letter-spacing: 1px;
    margin-bottom: 15px; }
  .legacy-scope .comment-meta a:hover {
    color: #333; }
  .legacy-scope .comment-meta a,
  .legacy-scope .comment-meta a:visited {
    background: none !important;
    border: 0;
    color: #777777;
    font-family: Georgia, serif;
    font-weight: normal; }
  .legacy-scope .comment-body {
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 20px;
    padding: 0 0 20px 51px; }
  .legacy-scope .comment-body ul {
    list-style-type: disc; }
  .legacy-scope .comment-body ol {
    list-style-type: decimal; }
  .legacy-scope .comment-author cite {
    color: #202222;
    font-style: normal;
    font-weight: bold; }
  .legacy-scope .comment-author .says {
    display: none; }
  .legacy-scope .nocomments {
    padding: 20px;
    text-align: center; }
  .legacy-scope #contact-form {
    display: block;
    width: 100%; }
  .legacy-scope #contact-form input.txt {
    color: #666666;
    margin: 0 5px 5px 0;
    padding: 6px 7px;
    width: 200px; }
  .legacy-scope #contact-form input.txt {
    color: #666666;
    margin: 0 5px 10px 0;
    padding: 6px 7px;
    width: 200px; }
  .legacy-scope #contact-form textarea {
    color: #666666;
    height: 200px !important;
    padding: 6px 7px;
    width: 80%; }
  .legacy-scope #contact-form textarea {
    color: #666666;
    height: 200px !important;
    padding: 6px 7px;
    width: 80%; }
  .legacy-scope #contact-form #submit {
    margin: 15px 0 0 0; }
  .legacy-scope #contact-form #submit {
    margin: 15px 0 0 0;
    width: 120px; }
  .legacy-scope #contact-form li {
    background: none;
    padding-left: 0; }
  .legacy-scope #contact-form li {
    background: none;
    padding-left: 0; }
  .legacy-scope .contact-form label {
    display: block;
    font-size: 12px;
    line-height: 30px; }
  .legacy-scope .page-template-page-templatestemplate-contact-php .thanks {
    color: #0A9600; }
  .legacy-scope .page-template-page-templatestemplate-contact-php .error {
    color: red; }
  .legacy-scope .page-template-page-templatestemplate-archives-php .entry-content ul li,
  .legacy-scope .page-template-page-templatestemplate-sitemap-php .entry-content ul li {
    color: #999999;
    font-style: italic; }
  .legacy-scope .page-template-page-templatestemplate-archives-php .entry-content ul li a,
  .legacy-scope .page-template-page-templatestemplate-sitemap-php .entry-content ul li a {
    font-style: normal; }
  .legacy-scope .contact-form #submit,
  .legacy-scope #commentform .form-submit #submit {
    background: #f0f0f0 url(/wp-content/themes/tools-advisor/assets/images/alert-overlay.png);
    border: 1px solid #DFDFDF;
    border-bottom-color: #CDCDCD !important;
    color: #333333 !important;
    cursor: pointer;
    display: inline-block;
    padding: 7px 10px 8px;
    position: relative;
    text-decoration: none; }
  .legacy-scope .header-ad {
    float: right;
    height: 90px;
    margin: 10px 0 0 0;
    width: 728px; }
  .legacy-scope .featured-ad {
    height: 60px;
    margin: 0 auto 15px;
    width: 468px; }
  .legacy-scope .single-ad {
    float: right;
    margin: 0 0 10px 0;
    width: 300px; }
  .legacy-scope #secondary-nav .nav,
  .legacy-scope .bottom-box h3,
  .legacy-scope .footer-categories,
  .legacy-scope .wp-pagenavi a:link,
  .legacy-scope .wp-pagenavi a:visited,
  .legacy-scope .wp-pagenavi .extend,
  .legacy-scope .wp-pagenavi span.pages {
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FBFBFB, endColorstr=#EEEEEE)";
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
    background: #FBFBFB;
    background: -moz-gradient(center top, #FBFBFB 0%, #EEEEEE 100%);
    background: -o-linear-gradient(top, #FBFBFB, #EEEEEE);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FBFBFB,endColorstr=#EEEEEE); }
  .legacy-scope .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute; }
  .legacy-scope .sticky,
  .legacy-scope .bypostauthor {
    background: inherit;
    color: inherit; }
  .legacy-scope .wp-caption {
    margin-bottom: 24px;
    max-width: 100%; }
  .legacy-scope .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-bottom: 5px; }
  .legacy-scope .wp-caption-text {
    font-style: italic;
    color: #999; }
  .legacy-scope .wp-smiley {
    border: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0; }
  .legacy-scope .gallery {
    margin-bottom: 1.6em; }
  .legacy-scope .gallery-item {
    display: inline-block;
    padding: 1.79104477%;
    text-align: center;
    vertical-align: top;
    width: 100%; }
  .legacy-scope .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .legacy-scope .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  .legacy-scope .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .legacy-scope .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .legacy-scope .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  .legacy-scope .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  .legacy-scope .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .legacy-scope .gallery-columns-9 .gallery-item {
    max-width: 11.11%; }
  .legacy-scope .gallery-icon img {
    margin: 0 auto; }
  .legacy-scope .gallery-caption {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 0.5em 0; }
  .legacy-scope .gallery-columns-6 .gallery-caption,
  .legacy-scope .gallery-columns-7 .gallery-caption,
  .legacy-scope .gallery-columns-8 .gallery-caption,
  .legacy-scope .gallery-columns-9 .gallery-caption {
    display: none; }
  @media only screen and (max-width: 959px) {
    .legacy-scope .top-tabs ul {
      max-width: 958px;
      width: 90%; }
    .legacy-scope .header-ad,
    .legacy-scope .single-ad,
    .legacy-scope .featured-ad,
    .legacy-scope .cat-post-item .entry-comment,
    .legacy-scope .featured-right .entry-comment {
      display: none; }
    .legacy-scope #main {
      background-position: 66.702127659574% 0;
      /* 627px / 940px */ }
    .legacy-scope #content {
      width: 65.425521914894%;
      /* 616px / 940px */ }
    .legacy-scope .featured-left,
    .legacy-scope .featured-right,
    .legacy-scope .bottom-box,
    .legacy-scope .related-loop {
      width: 48.780487804878%;
      /* 300px / 615px */ }
    .legacy-scope #sidebar {
      width: 31.914893617021%;
      /* 300px / 940px */ }
    .legacy-scope .widget .flickr_badge_image {
      width: 31.66666666667%;
      /* 95px / 300px */ }
    .legacy-scope .widget-ad125 img {
      width: 41.6666666667%; }
    .legacy-scope .newsletter .subscribe-form .email {
      width: 53.333333333333%;
      /* 160px / 300px */ }
    .legacy-scope .social-icons li a {
      width: 23.333333333333%;
      /* 70px / 300px */ }
    .legacy-scope #wrapper {
      max-width: 958px;
      width: 90%; }
    .legacy-scope #main,
    .legacy-scope .related-loop {
      max-width: 958px;
      width: 100%; }
    .legacy-scope .copyright {
      background: #f0f0f0;
      margin-top: 20px;
      padding: 20px 0;
      text-shadow: 0 1px 0 #fff; }
    .legacy-scope .category-box .entry-thumb {
      width: 33.3333333333%;
      height: auto;
      max-width: 100px !important; }
    .legacy-scope .cat-post-item .entry-thumb {
      width: 33.3333333333%;
      height: auto;
      max-width: 80px !important; }
    .legacy-scope .featured-right .entry-thumb {
      width: 26.6666666667%;
      height: auto;
      max-width: 80px !important; }
    .legacy-scope .bottom-box-wrap .entry-thumb {
      max-width: 280px;
      width: 100%;
      height: auto; }
    .legacy-scope .archive .entry-thumb,
    .legacy-scope .search .entry-thumb {
      width: 16.260162601626%;
      height: auto;
      max-width: 100px !important; }
    .legacy-scope .two-column-boxes .category-box {
      width: 47.292682926829%;
      /* 297px / 615px */ }
    .legacy-scope #breadcrumbs span.entry-title {
      display: none; } }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .legacy-scope .widget-ads,
    .legacy-scope .widget-ads img {
      width: 100%;
      max-width: 300px; } }
  @media only screen and (max-width: 767px) {
    .legacy-scope {
      /* Make Menu Mobile-Device Friendly */ }
      .legacy-scope .top-tabs ul {
        max-width: 766px;
        width: 90%; }
      .legacy-scope #wrapper {
        position: relative; }
      .legacy-scope #logo, .legacy-scope #text-logo {
        position: absolute;
        top: 0; }
      .legacy-scope #logo {
        margin-top: 20px; }
      .legacy-scope #header {
        height: 50px;
        margin: 0;
        padding: 0; }
      .legacy-scope #main {
        background: #FFFFFF; }
      .legacy-scope .button-menu {
        position: absolute;
        cursor: pointer;
        background: transparent url(/wp-content/themes/tools-advisor/assets/images/menu-icon.png) no-repeat top left;
        width: 40px;
        height: 40px;
        z-index: 100;
        top: 35px;
        right: 0; }
      .legacy-scope .nav li a.sf-with-ul {
        padding-right: 18px !important; }
      .legacy-scope #primary-nav {
        border: none; }
      .legacy-scope #primary-nav li {
        display: block;
        float: none; }
      .legacy-scope #primary-nav .nav {
        background: none;
        display: none;
        border: none;
        position: relative;
        top: 90px;
        margin-bottom: 50px;
        width: 100%; }
      .legacy-scope #primary-nav .nav li {
        background: #fff; }
      .legacy-scope #primary-nav .nav li a {
        border-bottom: 1px dotted #ddd; }
      .legacy-scope #primary-nav .nav li.sfHover a {
        background: #fff;
        color: #333333 !important; }
      .legacy-scope #primary-nav .nav li a:hover {
        background: #f5f5f5;
        color: #333333 !important; }
      .legacy-scope #primary-nav .nav li ul {
        background: none;
        border: none;
        position: static;
        margin-left: 10px;
        display: block !important;
        position: relative;
        visibility: inherit !important;
        margin: 0 !important;
        padding: 0;
        top: 0;
        left: 0;
        width: 100% !important; }
      .legacy-scope #primary-nav .nav li li {
        background: #fff;
        display: block !important;
        float: left;
        margin: 0 !important;
        padding: 0 !important;
        width: 100%; }
      .legacy-scope #primary-nav .nav li li a {
        background: #fff url(/wp-content/themes/tools-advisor/assets/images/ico-mobile-nav.png) no-repeat 15px 8px !important;
        border-left: none;
        border-bottom: 1px dotted #ddd;
        color: #333333 !important;
        font-size: 11px !important;
        text-transform: uppercase;
        padding-left: 40px !important;
        width: 100%; }
      .legacy-scope #primary-nav .nav li li a:hover {
        background-color: #f5f5f5 !important;
        color: #333333 !important;
        text-decoration: none; }
      .legacy-scope #primary-nav .nav li li li {
        clear: both;
        display: block; }
      .legacy-scope #s,
      .legacy-scope #sidebar,
      .legacy-scope .mobile-menu,
      .legacy-scope .footer-categories {
        display: none; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .legacy-scope #wrapper {
      max-width: 766px;
      width: 90%; }
    .legacy-scope #main,
    .legacy-scope #content,
    .legacy-scope #secondary-nav {
      width: 100%; }
    .legacy-scope #secondary-nav .nav li {
      border-bottom: 1px solid #e6e6e6;
      float: left;
      width: 25%;
      margin: 0;
      text-align: center; }
    .legacy-scope #secondary-nav .nav li li,
    .legacy-scope #secondary-nav .nav li li li {
      border-bottom: none;
      width: 180px;
      text-align: center; }
    .legacy-scope #secondary-nav .nav li a {
      border-left: 1px dotted #e6e6e6;
      border-right: 1px dotted #EEE;
      text-shadow: none;
      padding-left: 0;
      padding-right: 0; }
    .legacy-scope #secondary-nav .nav li a.sf-with-ul {
      padding-right: 18px !important; }
    .legacy-scope #secondary-nav .nav li li a {
      border-right: 1px solid #DFDFDF; }
    .legacy-scope .featured-left,
    .legacy-scope .featured-right,
    .legacy-scope .bottom-box {
      width: 48%; }
    .legacy-scope .category-box-row .category-box {
      width: 47%; }
    .legacy-scope .entry-thumb {
      width: auto; } }
  @media only screen and (max-width: 479px) {
    .legacy-scope .top-tabs ul {
      max-width: 478px;
      width: 85%; }
    .legacy-scope #secondary-nav,
    .legacy-scope #secondary-nav a:after,
    .legacy-scope #secondary-nav > ul,
    .legacy-scope .single-share h3,
    .legacy-scope .entry-related .entry-meta {
      display: none; }
    .legacy-scope .select-nav {
      background: #ffffff url(/wp-content/themes/tools-advisor/assets/images/responsive-nav-bg.png) right center no-repeat;
      -webkit-appearance: button;
      -moz-appearance: button;
      appearance: button;
      border-radius: 2px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
      -webkit-padding-end: 20px;
      -moz-padding-end: 20px;
      -webkit-padding-start: 2px;
      -moz-padding-start: 2px;
      -webkit-user-select: none;
      -moz-user-select: none;
      border: 1px solid #CCC;
      color: #555;
      font-size: inherit;
      margin: 0;
      overflow: hidden;
      padding-top: 2px;
      padding-bottom: 2px;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .legacy-scope #wrapper {
      max-width: 478px;
      width: 85%;
      padding: 0 20px 20px 20px; }
    .legacy-scope #main,
    .legacy-scope #content {
      background: #FFFFFF;
      max-width: 478px;
      width: 100%; }
    .legacy-scope #header {
      height: 60px; }
    .legacy-scope #secondary-nav li {
      width: 100%; }
    .legacy-scope #secondary-nav a {
      padding: 18px; }
    .legacy-scope #secondary-nav a:after {
      content: ''; }
    .legacy-scope .no-js #secondary-nav > ul,
    .legacy-scope #secondary-nav .responsive-nav {
      display: block; }
    .legacy-scope #featured-content,
    .legacy-scope .featured-right,
    .legacy-scope .category-box-row .two-column-boxes,
    .legacy-scope .bottom-col-boxes {
      display: block;
      width: 100%;
      float: left;
      clear: both; }
    .legacy-scope .featured-left {
      border-bottom: 1px solid #E3E3E3;
      width: 100%;
      margin-bottom: 15px;
      padding-bottom: 10px; }
    .legacy-scope .featured-right .entry-comment {
      display: inline; }
    .legacy-scope .category-box {
      width: 100% !important; }
    .legacy-scope .two-column-boxes .category-box-even {
      border-right: none; }
    .legacy-scope .bottom-box {
      float: left;
      width: 100%;
      margin-bottom: 20px; }
    .legacy-scope .bottom-box-wrap {
      float: left;
      width: 94%; }
    .legacy-scope .copyright {
      margin-top: 0; }
    .legacy-scope .entry-content img {
      max-width: 478px; } }
  .legacy-scope #header {
    height: 145px; }
  .legacy-scope .header-ad {
    width: auto; }
  .legacy-scope img {
    max-width: 100%;
    height: auto; }
  .legacy-scope .entry blockquote {
    border-left: 10px solid #f7f7f7;
    margin: 20px 20px;
    padding: 0 30px 0 20px;
    overflow: hidden; }
  .legacy-scope .entry blockquote p,
  .legacy-scope blockquote a,
  .legacy-scope blockquote {
    color: #666666;
    font-size: 1em;
    font-style: italic; }
  .legacy-scope .entry strong {
    font-weight: bold; }
  .legacy-scope .entry strong em,
  .legacy-scope .entry em strong {
    font-style: italic;
    font-weight: bold; }
  .legacy-scope .entry li ul {
    margin: 0;
    padding: 0; }
  .legacy-scope .entry input,
  .legacy-scope .entry textarea {
    font-size: 1em;
    padding: 3px; }
  .legacy-scope .entry dfn {
    font-weight: bold; }
  .legacy-scope .entry del {
    color: #aaa;
    text-decoration: line-through; }
  .legacy-scope .entry pre,
  .legacy-scope .entry code,
  .legacy-scope .entry tt {
    background: #f5f5f5;
    color: #666666;
    font: 12px 'andale mono', 'monotype.com', 'lucida console', monospace;
    line-height: 20px;
    overflow: auto;
    padding: 1em; }
  .legacy-scope .entry pre,
  .legacy-scope .entry code,
  .legacy-scope .entry tt {
    display: block;
    margin: 1.5em 0;
    white-space: pre; }
  .legacy-scope .entry ins {
    font-weight: bold;
    text-decoration: underline; }
  .legacy-scope .entry em {
    font-style: italic;
    font-weight: normal; }
  .legacy-scope .entry ul {
    list-style: none;
    padding-bottom: 10px; }
  .legacy-scope .entry ul ul,
  .legacy-scope .entry ol ol,
  .legacy-scope .entry ul ol,
  .legacy-scope .entry ol ul {
    margin-bottom: 0; }
  .legacy-scope .entry ul li {
    background: url(/wp-content/themes/tools-advisor/assets/images/dot.png) no-repeat 0 11px;
    padding: 5px 0 5px 10px; }
  .legacy-scope .entry h1,
  .legacy-scope .entry h2,
  .legacy-scope .entry h3,
  .legacy-scope .entry h4,
  .legacy-scope .entry h5,
  .legacy-scope .entry h6 {
    margin: 5px 0 10px 0; }
  .legacy-scope .entry hr {
    background: #E6E6E6;
    border: none;
    clear: both;
    color: #E6E6E6;
    height: 1px;
    margin: 15px 0;
    width: 100%; }
  .legacy-scope .entry hr {
    background: #E6E6E6;
    border: none;
    clear: both;
    color: #E6E6E6;
    height: 1px;
    margin: 15px 0;
    width: 100%; }
  .legacy-scope .entry ol {
    list-style-type: decimal;
    margin: 0 0 10px 25px; }
  .legacy-scope .entry ol ol {
    list-style: upper-alpha; }
  .legacy-scope .entry ol ol ol {
    list-style: lower-roman; }
  .legacy-scope .entry ol ol ol ol {
    list-style: lower-alpha; }
  .legacy-scope .entry ol li {
    font-size: 12px;
    margin: 5px 0; }
  .legacy-scope .entry p {
    margin: 0 0 10px 0; }
  .legacy-scope .entry table {
    border: 1px solid #e1e1e1;
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.1);
    width: 100%;
    border-radius: 5px; }
  .legacy-scope .entry table td {
    border-bottom: 1px solid #e1e1e1;
    padding: 6px; }
  .legacy-scope .entry tr:nth-child(odd) {
    background-color: #eee; }
  .legacy-scope .entry tr:nth-child(even) {
    background-color: #fff; }
  .legacy-scope #primary-nav .nav li a {
    padding: 0 10px; }
  .legacy-scope #secondary-nav .nav li a {
    padding: 12px 14px; }
  .legacy-scope .home #main {
    background: none;
    float: none; }
  .legacy-scope .owl-carousel-item-imgtitle {
    display: none; }
  .legacy-scope #col1 {
    background: #FFFFFF;
    float: left;
    width: 45%;
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 3px 0px;
    clear: both; }
  .legacy-scope #new-home h1, .legacy-scope #new-home h2, .legacy-scope #new-home h3 {
    font-weight: bold;
    margin-bottom: 20px; }
  .legacy-scope #new-home h1 {
    font-size: 36px; }
  .legacy-scope #new-home p {
    margin-bottom: 15px; }
  .legacy-scope #new-home strong {
    font-weight: bold; }
  .legacy-scope #new-home a.button {
    background: #CC0001;
    color: #fff;
    border-radius: 5px; }
  .legacy-scope #new-home a.button:hover {
    background: #242021;
    text-decoration: none; }
  .legacy-scope #new-home #top-newsletter {
    clear: both;
    margin: 20px 0 20px 0;
    position: relative; }
  .legacy-scope #new-home #top-newsletter .guide-overlay {
    background: url(/wp-content/themes/tools-advisor/assets/images/guide.png) no-repeat;
    height: 33px;
    width: 60%;
    position: absolute;
    top: 22px;
    right: 5%;
    display: block; }
  .legacy-scope #new-home #top-newsletter .title {
    background: #242021;
    color: #fff;
    padding: 12px 15px; }
  .legacy-scope #new-home #top-newsletter .title h4 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px; }
  .legacy-scope #new-home #top-newsletter .description {
    background: #CC0001;
    color: #fff;
    padding: 14px 15px 0 15px;
    font-size: 14px;
    overflow: auto; }
  .legacy-scope #new-home #top-newsletter .description p {
    float: left;
    width: 75%; }
  .legacy-scope #new-home #top-newsletter .button a {
    background: #242021;
    color: #fff;
    border-radius: 5px;
    float: right;
    width: 21%;
    text-align: center;
    padding: 1%;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px; }
  .legacy-scope #new-home #top-newsletter .button a:hover {
    color: #242021;
    background: #fff;
    text-decoration: none; }
  .legacy-scope #sidebar #top-newsletter {
    clear: both;
    margin: 0 0 20px;
    position: relative; }
  .legacy-scope #sidebar #top-newsletter .title {
    background: #242021;
    color: #fff;
    padding: 10px; }
  .legacy-scope #sidebar #top-newsletter .title h4 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px; }
  .legacy-scope #sidebar #top-newsletter .description {
    background: #CC0001;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    overflow: auto; }
  .legacy-scope #sidebar #top-newsletter .description p {
    margin-bottom: 10px; }
  .legacy-scope #sidebar #top-newsletter .button a {
    display: inline-block;
    background: #242021;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 8px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px; }
  .legacy-scope #sidebar #top-newsletter .button a:hover {
    color: #242021;
    background: #fff;
    text-decoration: none; }
  .legacy-scope #new-home .explore-links {
    border: 1px solid #ccc;
    overflow: auto;
    padding: 15px;
    margin-bottom: 15px; }
  .legacy-scope #new-home .explore-links li {
    line-height: 30px;
    width: 49%;
    float: left; }
  @media screen and (max-device-width: 800px) {
    .legacy-scope #new-home .explore-links li {
      line-height: 30px;
      width: 100%;
      float: none; } }
  .legacy-scope #new-home .explore-links img {
    width: 30px;
    margin-right: 5px; }
  .legacy-scope #new-home .explore-links a {
    margin: 15px 0 0 0;
    display: inline-block;
    line-height: 0;
    height: 100%;
    vertical-align: top;
    font-weight: bold; }
  .legacy-scope #new-home #logos {
    clear: both;
    border-bottom: 1px solid #ccc;
    overflow: auto;
    padding: 10px 0 20px 0; }
  .legacy-scope #new-home #logos p {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 11px; }
  .legacy-scope #new-home #logos img {
    height: 52px;
    float: left;
    margin: 0 5px 0 0; }
  .legacy-scope #new-home #logos .ta img {
    height: 45px;
    margin-top: 4px; }
  .legacy-scope #new-home #logos .eo img {
    float: right;
    margin: 0 0 0 0; }
  .legacy-scope #featured-events {
    clear: both;
    padding: 20px 0;
    overflow: auto; }
  .legacy-scope #featured-events h2 {
    float: left;
    width: 15%;
    font-weight: bold; }
  .legacy-scope #featured-events img {
    float: left;
    width: 27%;
    margin-right: 1%;
    margin-bottom: 15px;
    height: auto; }
  .legacy-scope #featured-events .buttons {
    clear: both;
    margin-top: 20px;
    border-top: 1px solid #ccc;
    padding-top: 20px; }
  .legacy-scope #featured-events .upcoming {
    float: right; }
  .legacy-scope #featured-events .previous {
    float: left; }
  .legacy-scope #explore {
    clear: both;
    padding: 15px;
    overflow: auto;
    background: #e9e9e9; }
  .legacy-scope #explore #search {
    float: left;
    width: 27%; }
  .legacy-scope #explore #search input[type=text] {
    background: #fff;
    padding: 5px 5px 6px 5px;
    border: 1px solid #e1e1e1;
    float: left;
    width: 65%;
    height: 25px; }
  .legacy-scope #explore #search input[type=submit] {
    background: #CC0001;
    color: #fff;
    padding: 5px;
    border: 1px solid #CC0001;
    float: right;
    width: 30%; }
  .legacy-scope #explore #topics {
    float: right;
    width: 60%;
    margin-top: -40px; }
  .legacy-scope #ab_question_container {
    width: 100% !important; }
  .legacy-scope #ab_questions_layer {
    height: auto !important; }
  .legacy-scope #explore #topics strong.title-block {
    display: block; }
  .legacy-scope #explore #topics ul {
    width: 100%;
    float: right;
    display: block; }
  .legacy-scope #explore #topics li {
    float: left;
    width: 32%;
    list-style: none; }
  .legacy-scope #whats-new {
    clear: both;
    padding: 0 0 20px 0; }
  .legacy-scope #whats-new h2 {
    width: 100%;
    border-bottom: 2px solid #CC0001;
    padding: 15px 0;
    margin: 0;
    display: block;
    text-transform: uppercase;
    font-size: 24px; }
  .legacy-scope #whats-new h3 {
    font-size: 20px; }
  .legacy-scope #whats-new #articles, .legacy-scope #whats-new #research, .legacy-scope #whats-new #community-topics {
    float: left;
    border-right: 1px solid #ccc;
    width: 24%;
    padding: 2% 1%;
    height: 550px; }
  .legacy-scope #whats-new #articles {
    padding-left: 0; }
  .legacy-scope #whats-new #articles img, .legacy-scope #whats-new #research img {
    float: left;
    margin: 0 10px 5px 0; }
  .legacy-scope #whats-new #articles a, .legacy-scope #whats-new #research a {
    font-weight: bold;
    color: #AB1227;
    margin-bottom: 5px; }
  .legacy-scope #whats-new #articles p, .legacy-scope #whats-new #research p {
    height: 6em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: wrap; }
  .legacy-scope #whats-new #last-column {
    float: right;
    width: 28%;
    padding: 2% 0 0 1%; }
  .legacy-scope #whats-new #last-column iframe {
    max-width: 100%;
    width: 100%;
    max-height: 140px; }
  .legacy-scope #podcast .mejs-container {
    padding-top: 0;
    margin-top: 50px; }
  .legacy-scope #new-home #banner {
    clear: both;
    background: #242021;
    color: #fff;
    padding: 2%;
    overflow: auto;
    display: table;
    width: 96%; }
  .legacy-scope #new-home #banner a {
    color: #fff;
    text-decoration: underline; }
  .legacy-scope #new-home #banner p, .legacy-scope #new-home #banner a, .legacy-scope #new-home #banner img {
    margin-bottom: 0; }
  .legacy-scope #new-home #banner .left {
    width: 33%;
    float: left;
    text-align: left; }
  .legacy-scope #new-home #banner .right {
    width: 66%;
    float: right;
    text-align: center;
    padding-top: 90px; }
  .legacy-scope #footer .copyright {
    float: left;
    width: 33%; }
  .legacy-scope #footer .bottom-menu {
    float: left;
    width: 33%;
    text-align: center; }
  .legacy-scope #footer .social {
    float: right; }
  .legacy-scope .benefits li {
    background: url(/wp-content/themes/tools-advisor/assets/images/right_16.png) no-repeat left top;
    padding: 0 0 0 22px;
    margin: 0 0 5px 0;
    list-style: none; }
  .legacy-scope ul.vendor-list {
    list-style: none;
    width: 500px; }
  .legacy-scope .vendor-list li {
    background: url(/wp-content/themes/tools-advisor/assets/images/right_16.png) no-repeat left top;
    padding: 0 10px 0 22px;
    margin: 0 0 9px 20px; }
  .legacy-scope .page-id-7288 h2 {
    margin: 5px 0;
    font-size: 26px;
    line-height: 24px; }
  .legacy-scope .page-id-7288 h3 {
    margin: 10px 0;
    font-size: 22px;
    line-height: 24px; }
  .legacy-scope .page-id-7288 a {
    text-decoration: underline; }
  .legacy-scope .page-id-7288 .aligncenter {
    margin: 15px auto; }
  .legacy-scope table.who {
    background: #eee;
    border-left: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1; }
  .legacy-scope table.who th {
    background: #134679 url(/wp-content/themes/tools-advisor/assets/images/table-hd-bg.jpg) repeat-x left top;
    padding: 10px;
    text-align: center;
    color: #fff;
    border-right: 1px solid #4377A9;
    border-top: 1px solid #73a6d9;
    font-weight: bold; }
  .legacy-scope table.who td {
    padding: 20px 20px 10px 20px;
    width: 250px;
    border-top: 1px solid #fff;
    border-right: 1px solid #e1e1e1;
    vertical-align: top; }
  .legacy-scope table.who ul {
    list-style: none; }
  .legacy-scope table.who li {
    background: url(/wp-content/themes/tools-advisor/assets/images/right_16.png) no-repeat left top;
    padding: 0 0 0 22px;
    margin: 0 0 5px 0; }
  .legacy-scope .testimonials {
    float: right;
    width: 430px;
    margin: 15px 0 20px 15px;
    clear: both; }
  .legacy-scope .testimonial {
    border: 1px solid #e1e1e1;
    padding: 10px;
    margin: 20px 100px;
    background: #f9f9f9;
    clear: both; }
  .legacy-scope .testimonial em {
    font-style: italic;
    text-align: right;
    margin: -20px 0 0 0; }
  .legacy-scope .divider {
    border-bottom: 1px solid #ccc;
    height: 1px;
    margin: 0 0 10px 0; }
  .legacy-scope #related {
    background: #fff;
    padding: 10px; }
  .legacy-scope #related .left {
    float: left;
    margin: 0 15px 10px 0;
    width: 100px; }
  .legacy-scope #related .archiveright {
    float: none;
    padding: 0 0 20px 0; }
  .legacy-scope #related .tags {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px; }
  .legacy-scope #reader-reviews em {
    font-size: 12px;
    color: #333;
    font-weight: bold;
    padding: 0 0 15px 0; }
  .legacy-scope #fullcontent #reader-reviews .entry h2 {
    font-size: 20px;
    color: #C84145;
    font-weight: bold;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    clear: both;
    padding: 10px 0 10px 0 !important;
    margin: 20px 0 20px 0 !important;
    text-transform: uppercase;
    text-align: center;
    background: #f9f9f9; }
  .legacy-scope #reader-reviews table h3 {
    color: #C84145;
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: bold; }
  .legacy-scope #reader-reviews table {
    border-collapse: inherit;
    border-radius: 5px;
    border: 1px solid #ccc;
    border-spacing: 0px;
    width: 80%;
    margin: 0 auto 20px auto;
    font-size: 12px;
    box-shadow: 5px 5px 5px #ccc; }
  .legacy-scope #reader-reviews th {
    padding: 4px;
    background: #ffcc11;
    border-left: 1px solid #ccc; }
  .legacy-scope #reader-reviews th:first-child {
    border-left: none;
    border-top-left-radius: 20px; }
  .legacy-scope #reader-reviews th:last-child {
    border-top-right-radius: 20px; }
  .legacy-scope #reader-reviews tr td {
    border: 1px solid #ccc;
    border-right: none;
    border-bottom: none;
    border-top: none;
    padding: 10px;
    width: auto; }
  .legacy-scope #reader-reviews tr td:first-child {
    border-left: none; }
  .legacy-scope #reader-reviews tr:nth-child(odd) {
    background-color: #f7f7f7; }
  .legacy-scope #reader-reviews tr:nth-child(even) {
    background-color: #fff; }
  .legacy-scope #reader-reviews td:hover {
    background-color: #eee; }
  .legacy-scope #reader-reviews .wp-caption {
    border-radius: 5px;
    margin: 0 15px 10px 0;
    padding: 10px; }
  .legacy-scope #reader-reviews .wp-caption-text {
    padding: 5px; }
  .legacy-scope #reader-reviews .linkwithin_hook {
    display: none; }
  .legacy-scope .software-page {
    border-bottom: 1px solid #ccc;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    overflow: auto; }
  .legacy-scope .software-page .col1 {
    float: left;
    width: 33%; }
  .legacy-scope .software-page .col2 {
    float: right;
    width: 60%;
    padding: 40px 0 0 0;
    margin: 0 0 0 20px; }
  .legacy-scope #tagged {
    clear: both;
    padding: 20px 0 0 0; }
  .legacy-scope #tagged h3 {
    background: #CC0000;
    padding: 5px;
    color: #FFFFFF;
    margin: 0 0 20px 0; }
  .legacy-scope #tagged .col1 {
    float: left;
    width: 48%; }
  .legacy-scope #tagged .col2 {
    float: right;
    width: 48%; }
  .legacy-scope .feature-callout {
    margin: 15px 0 15px 0;
    background: #555;
    border: 1px solid #333;
    overflow: auto; }
  .legacy-scope .feature-callout a {
    margin: 12px;
    color: #ffffff;
    padding: 8px 15px;
    background: #cc0000;
    background: -moz-linear-gradient(top, #cc0000 0%, #a00000);
    background: -webkit-gradient(linear, left top, left bottom, from(#cc0000), to(#a00000));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc0000', endColorstr='#a00000');
    border-radius: 6px;
    border: 1px solid #e50000;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 1px white;
    text-shadow: 0px -1px 0px rgba(160, 0, 0, 0.7), 0px 1px 0px rgba(255, 255, 255, 0.3);
    text-decoration: none;
    float: right; }
  .legacy-scope .feature-callout a:hover {
    background: #a0000;
    background: -moz-linear-gradient(top, #a00000 0%, #cc0000);
    background: -webkit-gradient(linear, left top, left bottom, from(#a00000), to(#cc0000)); }
  .legacy-scope .feature-callout .adobe {
    background: url(/wp-content/themes/tools-advisor/assets/images/adobe-logo.png) no-repeat 5px 5px;
    overflow: auto; }
  .legacy-scope .feature-callout .oracle {
    background: url(/wp-content/themes/tools-advisor/assets/images/oracle-logo.png) no-repeat 5px 5px;
    overflow: auto; }
  .legacy-scope .top-tabs {
    background: url(https://www.theitsmreview.com/wp-content/uploads/2011/08/top-tab-bg1.jpg) repeat-x top left;
    height: 40px;
    margin: -15px 0 0 -20px; }
  .legacy-scope .top-tabs ul {
    margin: 10px auto 10px auto;
    width: 960px;
    padding: 0; }
  .legacy-scope .top-tabs li {
    float: left;
    width: 147px;
    height: 40px;
    background: url(https://www.theitsmreview.com/wp-content/uploads/2011/08/tab.jpg) no-repeat top;
    text-align: center;
    font-size: 12px; }
  .legacy-scope .top-tabs li.current {
    background: url(https://www.theitsmreview.com/wp-content/uploads/2011/08/tab-active.jpg) no-repeat top;
    width: 147px;
    margin: 0 0 0 -7px; }
  .legacy-scope .top-tabs a {
    display: block;
    float: left;
    text-align: center;
    text-transform: uppercase;
    padding: 2px 0px 3px 4px;
    margin: 15px 5px 0 5px;
    width: 121px;
    height: 16px;
    text-align: center;
    font-size: .9em;
    border-radius: 3px; }
  .legacy-scope .top-tabs li.current a {
    /*width: 147px;
color: #EF8000;*/
    margin: 15px 5px 0 13px; }
  .legacy-scope .st_linkedin_buttons, .legacy-scope .st_twitter_buttons, .legacy-scope .st_twitter_buttons, .legacy-scope .st_email_buttons, .legacy-scope .st_facebook_buttons {
    display: none; }
  .legacy-scope .five {
    color: #00B6F2; }
  .legacy-scope .four {
    color: #FF9900; }
  .legacy-scope .three {
    color: #91C200; }
  .legacy-scope .two {
    color: #A100F2; }
  .legacy-scope .one {
    color: #FF0000; }
  .legacy-scope .yes {
    color: #91C200;
    font-size: 20px; }
  .legacy-scope .no {
    color: #FF0000;
    font-size: 20px; }
  .legacy-scope .events-area .widget-container {
    margin: 0 0 30px 0; }
  .legacy-scope .events-area h3, .legacy-scope #events-footer h3 {
    margin: 0px 0 20px 0;
    padding: 5px 5px 5px 0px;
    background: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 3px solid #CC0000; }
  .legacy-scope .events-area .two-thirds {
    float: left;
    width: 630px;
    margin: 0 30px 0 0; }
  .legacy-scope .events-area .one-third {
    float: right;
    width: 250px;
    margin: 30px 0; }
  .legacy-scope .events-area .one-third img, .legacy-scope .events-area .one-third iframe {
    width: auto;
    max-width: 100%; }
  .legacy-scope .events-area .one-third blockquote.easy_testimonial {
    border: none;
    margin: 0;
    padding: 0; }
  .legacy-scope .events-area .one-third p.easy_testimonial_title {
    font-weight: bold;
    font-size: 14px;
    line-height: 18px; }
  .legacy-scope .events-area .one-third .testimonial_body p {
    font-size: 12px;
    font-style: italic; }
  .legacy-scope a.easy_testimonials_read_more_link {
    padding-bottom: 10px; }
  .legacy-scope .events-area .one-third p.testimonial_author cite span {
    text-align: right;
    display: block;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    font-size: 10px; }
  .legacy-scope .page-template-events-php #footer-widget-area {
    display: none; }
  .legacy-scope .upw-posts {
    overflow: auto; }
  .legacy-scope .upw-posts article {
    clear: both;
    overflow: auto;
    padding-bottom: 0 !important; }
  .legacy-scope .upw-posts .entry-image {
    float: left;
    width: 100px;
    margin: 0 15px 15px 0; }
  .legacy-scope #events-footer {
    clear: both;
    border-top: 1px solid #ccc;
    background: #fff;
    display: block; }
  .legacy-scope #events-footer .widget-container {
    float: left;
    width: 300px;
    margin-right: 15px; }
  .legacy-scope #events-footer .widget-container:last-child {
    margin-right: 0; }
  .legacy-scope #events-footer a {
    text-decoration: underline; }
  .legacy-scope #events-footer .btn {
    clear: both;
    margin: 30px 100px 30px 100px !important;
    display: block;
    text-decoration: none; }
  .legacy-scope #events-footer input.Buttons {
    padding: 5px;
    margin: 10px 0; }
  .legacy-scope .single-event #primary-nav, .legacy-scope .single-event #secondary-nav, .legacy-scope .single-event .top-tabs {
    display: none !important; }
  .legacy-scope .single-event #main, .legacy-scope .post-type-archive-event #main {
    background: none; }
  .legacy-scope .single-event #main {
    border-top: 1px solid #ccc; }
  .legacy-scope .events-area .entry-meta {
    display: none; }
  .legacy-scope .single-event .entry-related, .legacy-scope .single-event .linkwithin_hook {
    display: none; }
  .legacy-scope .event {
    margin: 30px 0; }
  .legacy-scope .event img {
    max-width: 100%;
    height: auto !important; }
  .legacy-scope .event-header {
    text-align: center; }
  .legacy-scope .event h2 {
    color: #CC0000; }
  .legacy-scope .event h3 {
    font-size: 18px;
    color: #CC0000;
    margin-bottom: 15px;
    margin-top: 15px; }
  .legacy-scope .event .event-image {
    margin: 5px auto; }
  .legacy-scope .event-header .register-button a {
    display: inherit;
    width: 300px;
    margin: 0 auto; }
  .legacy-scope .event .tabs {
    clear: both;
    padding: 10px 0 20px 0;
    border: none; }
  .legacy-scope div.tabs ul.menu {
    width: 100%;
    margin: 20px 0; }
  .legacy-scope .tabs .menu li {
    list-style: none;
    float: left;
    width: 14%;
    background: none;
    padding: 0; }
  .legacy-scope .tabs .menu li a {
    list-style: none;
    float: left;
    background: #f9f9f9;
    border: 1px solid #e1e1e1;
    padding: 8px 5%;
    display: block;
    width: 100%;
    color: #333;
    text-align: center; }
  .legacy-scope .tabs .menu li a:hover, .legacy-scope .ui-tabs-active a, .legacy-scope .ui-state-active a {
    background: #cc0000 !important;
    color: #fff !important;
    text-decoration: none !important; }
  .legacy-scope #about, .legacy-scope #agenda, .legacy-scope #speakers, .legacy-scope #exhibitors, .legacy-scope #venue, .legacy-scope #testimonials {
    clear: both;
    padding: 20px 0; }
  .legacy-scope .event .row ul {
    margin-top: 0; }
  .legacy-scope .event .row {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc; }
  .legacy-scope .event .six-columns {
    width: 46%;
    float: left;
    margin: 0 1%; }
  .legacy-scope .event .nine-columns {
    width: 63%;
    float: left;
    margin: 0 1%; }
  .legacy-scope .event .three-columns {
    width: 33%;
    float: left;
    margin: 0; }
  .legacy-scope .event .ten-columns {
    width: 79%;
    float: left;
    margin: 0; }
  .legacy-scope .event .two-columns {
    width: 20%;
    float: left;
    margin: 0; }
  .legacy-scope .event .two-columns .register-button a {
    width: auto;
    padding: 10px;
    margin-top: 35px; }
  .legacy-scope .event .left {
    float: left;
    width: 45%; }
  .legacy-scope .event .right {
    float: right;
    width: 45%; }
  .legacy-scope .speaker-list {
    display: flex;
    clear: both;
    flex-flow: row wrap; }
  .legacy-scope .speaker-list h2, .legacy-scope .speaker-list h3 {
    margin-bottom: 30px;
    color: #333;
    width: 100%;
    display: block; }
  .legacy-scope .speaker-list h3.workshop {
    margin-top: 60px;
    clear: both;
    width: 100%; }
  .legacy-scope h2.plenary, .legacy-scope h3.workshop {
    display: none; }
  .legacy-scope h2.plenary:first-child, .legacy-scope h3.workshop:first-of-type {
    display: block !important; }
  .legacy-scope li.speaker-individual {
    list-style: none;
    background: none !important;
    padding: 0 !important; }
  .legacy-scope .speaker-individual {
    width: 30%;
    /*float: left;*/
    margin: 0 2% 30px 0;
    text-align: center; }
  .legacy-scope .speaker-individual img {
    border-radius: 50%;
    width: 200px;
    height: 200px; }
  .legacy-scope .speaker-individual h3 {
    margin: 5px 0 5px 0; }
  .legacy-scope .speaker-individual h4 {
    margin: 0; }
  .legacy-scope .bio {
    padding: 30px; }
  .legacy-scope .bio img {
    border-radius: 50%;
    float: left;
    margin: 0 15px 15px 0;
    width: 200px; }
  .legacy-scope .bio h3, .legacy-scope .bio h4, .legacy-scope .bio ul, .legacy-scope .bio p {
    margin: 0 0 15px 0; }
  .legacy-scope .bio strong {
    font-weight: bold; }
  .legacy-scope .bio li {
    list-style: disc;
    margin: 0 0 0 15px; }
  .legacy-scope #countdown-timer {
    font-size: 12px;
    margin: 30px auto;
    display: inline-block;
    width: 75%; }
  .legacy-scope #countdown-timer div {
    width: 24%;
    text-align: center;
    float: left; }
  .legacy-scope #countdown-timer span {
    font-size: 36px;
    margin: 0 0 5px 0;
    display: block;
    color: #4A78B3; }
  .legacy-scope .event .gallery-item {
    padding: 0;
    margin: 0; }
  .legacy-scope .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden; }
  .legacy-scope .video-container iframe, .legacy-scope .video-container object, .legacy-scope .video-container embed, .legacy-scope .video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .legacy-scope #agenda #flickr_badge_wrapper {
    float: right;
    text-align: right; }
  .legacy-scope #speakers .wp-caption {
    clear: both; }
  .legacy-scope #exhibitors img {
    margin-bottom: 60px; }
  .legacy-scope .register-button {
    clear: both;
    margin: 20px 0 40px 0;
    float: right; }
  .legacy-scope .register-button.top {
    clear: both;
    margin: 0 0 0px 0;
    float: none; }
  .legacy-scope .register-button.top a {
    background: #4A78B3; }
  .legacy-scope .register-button a {
    display: block;
    text-align: center;
    background: #cc0000;
    color: #fff !important;
    font-size: 14px;
    text-transform: uppercase;
    width: 250px;
    padding: 10px 0; }
  .legacy-scope .platinum-sponsor {
    max-width: 250px;
    float: right; }
  .legacy-scope .register-button a:hover {
    background: #333; }
  .legacy-scope .event .linkwithin_hook, .legacy-scope .event .wp-about-author-containter-around {
    display: none; }
  .legacy-scope .entry table.gsc-table-result {
    background: #fff none repeat scroll 0% 0%;
    border-left: 0px solid #E1E1E1;
    border-bottom: 0px solid #E1E1E1; }
  .legacy-scope .entry table.gsc-table-result td {
    padding: 20px 20px 10px;
    width: auto;
    border-top: 0px solid #FFF;
    border-right: 0px solid #E1E1E1;
    vertical-align: top;
    background: #fff; }
  .legacy-scope .mailchimp-subscriber-chiclet-for-wordpress.mailchimp-subscriber-chiclet-for-wordpress-wrapper .mainButton {
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 20px; }
  @media only screen and (max-width: 950px) {
    .legacy-scope .copyright {
      background: none; } }
  @media only screen and (max-width: 900px) {
    .legacy-scope {
      /* Make Menu Mobile-Device Friendly */ }
      .legacy-scope .button-menu {
        position: absolute;
        cursor: pointer;
        background: transparent url(/wp-content/themes/tools-advisor/assets/images/menu-icon.png) no-repeat top left;
        width: 40px;
        height: 40px;
        z-index: 100;
        top: 85px;
        right: 0; }
      .legacy-scope .nav li a.sf-with-ul {
        padding-right: 18px !important; }
      .legacy-scope #primary-nav {
        border: none; }
      .legacy-scope #primary-nav li {
        display: block;
        float: none; }
      .legacy-scope #primary-nav .nav {
        background: none;
        display: none;
        border: none;
        position: relative;
        top: 90px;
        margin-bottom: 50px;
        width: 100%; }
      .legacy-scope #primary-nav .nav li {
        background: #fff; }
      .legacy-scope #primary-nav .nav li a {
        border-bottom: 1px dotted #ddd; }
      .legacy-scope #primary-nav .nav li.sfHover a {
        background: #fff;
        color: #333333 !important; }
      .legacy-scope #primary-nav .nav li a:hover {
        background: #f5f5f5;
        color: #333333 !important; }
      .legacy-scope #primary-nav .nav li ul {
        background: none;
        border: none;
        position: static;
        margin-left: 10px;
        display: block !important;
        position: relative;
        visibility: inherit !important;
        margin: 0 !important;
        padding: 0;
        top: 0;
        left: 0;
        width: 100% !important; }
      .legacy-scope #primary-nav .nav li li {
        background: #fff;
        display: block !important;
        float: left;
        margin: 0 !important;
        padding: 0 !important;
        width: 100%; }
      .legacy-scope #primary-nav .nav li li a {
        background: #fff url(/wp-content/themes/tools-advisor/assets/images/ico-mobile-nav.png) no-repeat 15px 8px !important;
        border-left: none;
        border-bottom: 1px dotted #ddd;
        color: #333333 !important;
        font-size: 11px !important;
        text-transform: uppercase;
        padding-left: 40px !important;
        width: 100%; }
      .legacy-scope #primary-nav .nav li li a:hover {
        background-color: #f5f5f5 !important;
        color: #333333 !important;
        text-decoration: none; }
      .legacy-scope #primary-nav .nav li li li {
        clear: both;
        display: block; }
      .legacy-scope #s,
      .legacy-scope #sidebar,
      .legacy-scope .mobile-menu,
      .legacy-scope .footer-categories {
        display: none; } }
  @media only screen and (max-width: 775px) {
    .legacy-scope #whats-new #articles, .legacy-scope #whats-new #research, .legacy-scope #whats-new #community-topics {
      float: left;
      border-right: 1px solid #ccc;
      width: 47%;
      padding: 2% 1%;
      height: auto; }
    .legacy-scope #whats-new #research {
      border-right: none; }
    .legacy-scope #whats-new #community-topics {
      clear: both; }
    .legacy-scope #whats-new #last-column {
      float: right;
      width: 47%;
      padding: 2% 0 0 1%; }
    .legacy-scope #explore #search {
      width: 35%; }
    .legacy-scope #explore #topics li {
      width: 48%; }
    .legacy-scope #primary-nav .nav {
      top: 140px;
      margin-bottom: 30px; }
    .legacy-scope #secondary-nav .nav li {
      width: 20%; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .legacy-scope .button-menu {
      top: 35px; }
    .legacy-scope #primary-nav .nav {
      top: 140px;
      margin-bottom: 30px; }
    .legacy-scope #footer .copyright {
      float: none;
      width: 100%; } }
  @media only screen and (max-width: 479px) {
    .legacy-scope .button-menu {
      top: 35px; }
    .legacy-scope #content td, .legacy-scope #content th {
      font-size: 13px !important;
      padding: 10px !important; }
    .legacy-scope #whats-new #articles, .legacy-scope #whats-new #research, .legacy-scope #whats-new #community-topics, .legacy-scope #whats-new #last-column {
      float: none;
      border-right: none;
      width: 97%;
      padding: 2% 1%; }
    .legacy-scope #featured-events h2 {
      font-size: 20px;
      line-height: 24px; }
    .legacy-scope #new-home #top-newsletter .button a {
      font-size: 12px; }
    .legacy-scope #explore #topics {
      float: none;
      width: 100%;
      margin-top: 60px;
      display: block; }
    .legacy-scope #explore #topics li {
      width: 100%; }
    .legacy-scope #primary-nav .nav {
      top: 140px;
      margin-bottom: 30px; }
    .legacy-scope #footer .copyright {
      float: none;
      width: 100%; }
    .legacy-scope #footer .bottom-menu {
      float: none;
      width: 100%;
      text-align: center; }
    .legacy-scope #footer .social {
      float: none;
      margin: 30px 10% 0 10%;
      text-align: center; }
    .legacy-scope #explore #search {
      width: 100%;
      float: none; }
    .legacy-scope .tabs .menu li {
      list-style: none;
      float: none;
      width: 90%; }
    .legacy-scope .event .six-columns {
      width: 100%;
      float: none;
      margin: 0 0; }
    .legacy-scope .register-button {
      margin: 20px 10%;
      float: none;
      text-align: center;
      width: 80%; }
    .legacy-scope .register-button a {
      width: 100%; }
    .legacy-scope .platinum-sponsor {
      max-width: 80%;
      float: none;
      text-align: center;
      margin: 20px auto; }
    .legacy-scope #agenda #flickr_badge_wrapper {
      float: none;
      text-align: center;
      margin: 20px auto; }
    .legacy-scope .event .nine-columns {
      width: 100%;
      float: none;
      margin: 0; }
    .legacy-scope .event .three-columns {
      width: 100%;
      float: none;
      margin: 0; } }

/**
 * $. Base - Defaults and element styling
 * -------------------------------------------------- */
* {
  box-sizing: border-box; }

.w-60p {
  width: 60px; }

.w-95p {
  width: 95px; }

.w-100p {
  width: 100px; }

.mw-200p {
  max-width: 200px; }

.mw-1024p {
  max-width: 1024px; }

.mw-1140p {
  max-width: 1140px; }

.pl15p {
  padding-left: 15px; }

.pl30p {
  padding-left: 30px; }

.pl45p {
  padding-left: 45px; }

.pl60p {
  padding-left: 60px; }

.row3 {
  margin-left: -1rem;
  margin-right: -1rem; }

.row4 {
  margin-left: -2rem;
  margin-right: -2rem; }

@media screen and (min-width: 35em) {
  .row4-ns {
    margin-left: -2rem;
    margin-right: -2rem; } }

@media screen and (min-width: 45em) {
  .row4-l {
    margin-left: -2rem;
    margin-right: -2rem; } }

.cl-2n:nth-child(2n+1) {
  clear: left; }

.cl-3n:nth-child(3n+1) {
  clear: left; }

.cl-4n:nth-child(4n+1) {
  clear: left; }

@media screen and (min-width: 35em) {
  .cl-2n:nth-child(2n+1) {
    clear: none; }
  .cl-3n:nth-child(3n+1) {
    clear: none; }
  .cl-4n:nth-child(4n+1) {
    clear: none; }
  .cl-2n-ns:nth-child(2n+1) {
    clear: left; }
  .cl-3n-ns:nth-child(3n+1) {
    clear: left; }
  .cl-4n-ns:nth-child(4n+1) {
    clear: left; } }

@media screen and (min-width: 45em) {
  .cl-2n:nth-child(2n+1), .cl-2n-ns:nth-child(2n+1) {
    clear: none; }
  .cl-3n:nth-child(3n+1), .cl-3n-ns:nth-child(3n+1) {
    clear: none; }
  .cl-4n:nth-child(4n+1), .cl-4n-ns:nth-child(4n+1) {
    clear: none; }
  .cl-2n-l:nth-child(2n+1) {
    clear: left; }
  .cl-3n-l:nth-child(3n+1) {
    clear: left; }
  .cl-4n-l:nth-child(4n+1) {
    clear: left; } }

.itam-red {
  color: #c72127; }

.bg-itam-red {
  background-color: #c72127; }

.hover-bg-green-lighten:hover {
  background-color: #20d592; }

.hover-bg-blue-lighten:hover {
  background-color: #68a3d4; }

.f0 {
  font-size: 0; }

/**
 * $. Components - Reusable patterns
 * -------------------------------------------------- */
.c-utility-nav .fa-external-link {
  font-size: 0.75em;
  vertical-align: 3px; }

.c-utility-nav .has-subnav > a:after {
  content: "\F0D7";
  padding-left: 0.5rem;
  font-family: FontAwesome;
  font-size: 0.85em;
  vertical-align: 1px; }

.c-utility-subnav {
  width: 180px;
  visibility: hidden;
  height: 0;
  opacity: 0;
  transition: opacity 200ms; }
  .has-subnav:hover .c-utility-subnav {
    visibility: visible;
    height: auto;
    opacity: 1; }

.c-search input::-webkit-input-placeholder {
  color: #999; }

.c-search input:-ms-input-placeholder {
  color: #999; }

.c-search input::-ms-input-placeholder {
  color: #999; }

.c-search input::placeholder {
  color: #999; }

.c-search .fa-search {
  vertical-align: -1px; }

.c-search-arrow {
  width: 0;
  height: 100%;
  font-size: 34px;
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-left: 0.5em solid #ccc; }

.algolia-autocomplete {
  width: 100%; }

.aa-input, .aa-hint {
  width: 100%; }

.aa-input {
  color: #111 !important; }

.aa-hint {
  color: #999 !important; }

.aa-dropdown-menu {
  right: 0 !important;
  margin-left: -4rem;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); }

.aa-dropdown-header {
  border-radius: 0.25rem 0.25rem 0 0; }

.aa-suggestion {
  border-bottom: 1px solid #ccc;
  cursor: pointer; }
  .aa-suggestion:hover h5 {
    color: #e7040f; }
  .aa-suggestion em {
    font-style: normal;
    background: #fbf1a9; }

.is-default .c-main-nav .default a {
  color: #E7040F !important; }

.is-marketplace .c-main-nav .marketplace a {
  color: #E7040F !important; }

.is-events .c-main-nav .events a {
  color: #E7040F !important; }

.is-training .c-main-nav .training a {
  color: #E7040F !important; }

.c-main-nav-toggle {
  outline: 0 !important; }
  @media screen and (min-width: 35em) {
    .c-main-nav-toggle .fa-bars {
      vertical-align: -2px; } }

.c-main-nav-list {
  width: 280px;
  visibility: hidden;
  -webkit-transform: translateX(-280px);
          transform: translateX(-280px);
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms; }
  .is-active .c-main-nav-list {
    visibility: visible;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .is-closing .c-main-nav-list {
    -webkit-transform: translateX(-280px) !important;
            transform: translateX(-280px) !important; }
  @media screen and (max-width: 35em) {
    .c-main-nav-list {
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch; } }
  @media screen and (min-width: 35em) {
    .c-main-nav-list {
      width: auto;
      visibility: visible !important;
      -webkit-transform: none !important;
              transform: none !important;
      transition: none !important; } }

.c-main-nav-bg {
  visibility: hidden;
  opacity: 0;
  transition: opacity 300ms; }
  .is-active .c-main-nav-bg {
    visibility: visible;
    opacity: 1; }
  .is-closing .c-main-nav-bg {
    opacity: 0 !important; }
  @media screen and (min-width: 35em) {
    .c-main-nav-bg {
      display: none; } }

.c-main-nav-item:hover > a {
  border-bottom-color: #FF4136 !important; }

@media screen and (min-width: 35em) {
  .c-main-nav-item > a {
    color: #777; } }

@media screen and (min-width: 35em) {
  .c-main-nav-drop {
    visibility: hidden;
    height: 0;
    opacity: 0;
    transition: opacity 200ms; }
    .c-main-nav-item:hover .c-main-nav-drop {
      visibility: visible;
      height: auto;
      opacity: 1; } }

.c-main-nav-cta {
  height: 34px;
  line-height: 34px; }
  @media screen and (min-width: 35em) {
    .c-main-nav-cta {
      height: 40px;
      line-height: 40px; } }

.c-modal {
  display: none; }
  .c-modal .c-modal-bg, .c-modal .c-modal-content {
    visibility: hidden;
    opacity: 0;
    transition: opacity 300ms 100ms; }
  .c-modal .c-modal-content {
    -webkit-transform: translateY(-200px);
            transform: translateY(-200px);
    min-height: 50%;
    max-height: 95%;
    transition: opacity 500ms, -webkit-transform 300ms ease 150ms;
    transition: opacity 500ms, transform 300ms ease 150ms;
    transition: opacity 500ms, transform 300ms ease 150ms, -webkit-transform 300ms ease 150ms; }
  .c-modal.is-active {
    display: block; }
    .c-modal.is-active .c-modal-bg, .c-modal.is-active .c-modal-content {
      visibility: visible;
      opacity: 1; }
    .c-modal.is-active .c-modal-content {
      -webkit-transform: translateY(0);
              transform: translateY(0); }
  .c-modal.is-closing .c-modal-bg, .c-modal.is-closing .c-modal-content {
    opacity: 0 !important; }
  .c-modal.is-closing .c-modal-content {
    -webkit-transform: translateY(-200px) !important;
            transform: translateY(-200px) !important; }

.c-social-list .twitter {
  color: #00ACED; }
  .c-social-list .twitter:hover {
    color: #21c2ff; }

.c-social-list .linkedin {
  color: #007BB6; }
  .c-social-list .linkedin:hover {
    color: #009de9; }

.c-social-list .facebook {
  color: #3b5998; }
  .c-social-list .facebook:hover {
    color: #4c70ba; }

.c-social-list .rssfeed {
  color: #F26522; }
  .c-social-list .rssfeed:hover {
    color: #f58752; }

.c-social-list .other {
  color: #e7040f; }
  .c-social-list .other:hover {
    color: #ff9e8f; }

.c-topic-select {
  background: url(/wp-content/themes/tools-advisor/assets/images/bg-select.png) 100% 0 no-repeat; }
  .c-topic-select:hover {
    border-color: #ff4136;
    background-position: 100% -50px;
    cursor: pointer; }

.c-avatars {
  padding-right: 42px !important;
  background: url(/wp-content/themes/tools-advisor/assets/images/bg-avatars.png) 100% 50% no-repeat; }
  .c-avatars li {
    margin-right: 1px; }

.c-chart-bar > div {
  -webkit-animation-name: revealBar;
          animation-name: revealBar;
  -webkit-animation-duration: 300ms;
          animation-duration: 300ms;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 100ms;
          animation-delay: 100ms; }

.c-customer-review .c-chart-bar {
  margin-bottom: 0.75rem; }

@-webkit-keyframes revealBar {
  0% {
    width: 0%; } }

@keyframes revealBar {
  0% {
    width: 0%; } }

.c-pagination > span, .c-pagination > a {
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  line-height: 28px; }

.c-pagination span.page-numbers {
  display: inline-block;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  color: #777;
  border: 1px solid #ccc;
  text-align: center; }

.c-pagination a.page-numbers {
  display: inline-block;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  color: #ff4136;
  border: 1px solid #ff4136;
  text-align: center; }
  .c-pagination a.page-numbers:hover {
    color: #e7040f;
    background-color: #ffdfdf; }
  .c-pagination a.page-numbers, .c-pagination a.page-numbers:hover, .c-pagination a.page-numbers:focus {
    transition: background-color .15s ease-in-out; }

.c-doughnut-chart {
  position: relative;
  width: 180px;
  height: 180px; }
  .c-doughnut-chart canvas {
    position: absolute;
    top: 0;
    left: 0; }

.c-doughnut-score {
  position: absolute;
  top: 75px;
  left: 0;
  right: 0;
  line-height: 30px; }

.c-customer-satisfaction .c-doughnut-chart {
  width: 100px;
  height: 100px; }

.c-customer-satisfaction .c-doughnut-score {
  top: 35px; }

.c-tab-nav li {
  margin-left: -1px;
  margin-bottom: -1px; }

.c-tab-nav a {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  outline: 0 !important; }

.c-tab-nav a.is-active {
  background: #fff;
  border-bottom-color: #fff;
  color: #E7040F; }

.c-tab-content.not-active {
  display: none; }

.c-strength, .c-weakness {
  position: relative;
  padding-left: 1.75rem; }
  .c-strength:before, .c-weakness:before {
    position: absolute;
    left: 0;
    display: block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.25em;
    line-height: 24px; }

.c-strength:before {
  color: #19A974; }

.c-weakness:before {
  left: 3px;
  color: #FF4136; }

.c-widget-link, .c-widget-link--pad {
  position: relative;
  padding-left: 1rem; }
  .c-widget-link:before, .c-widget-link--pad:before {
    position: absolute;
    left: 3px;
    display: block;
    font-family: FontAwesome;
    line-height: 21px; }

.c-widget-link--pad {
  padding-left: 1.5rem; }

.c-customer-review:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 25%;
  width: 50%;
  border-top: 1px solid #ccc; }

.c-cms h1 strong, .c-cms-sm h1 strong, .c-widget-body h1 strong, .c-cms-lg h1 strong, .c-cms h2 strong, .c-cms-sm h2 strong, .c-widget-body h2 strong, .c-cms-lg h2 strong, .c-cms h3 strong, .c-cms-sm h3 strong, .c-widget-body h3 strong, .c-cms-lg h3 strong, .c-cms h4 strong, .c-cms-sm h4 strong, .c-widget-body h4 strong, .c-cms-lg h4 strong, .c-cms h5 strong, .c-cms-sm h5 strong, .c-widget-body h5 strong, .c-cms-lg h5 strong, .c-cms h6 strong, .c-cms-sm h6 strong, .c-widget-body h6 strong, .c-cms-lg h6 strong {
  font-weight: inherit !important; }

.c-cms ul, .c-cms-sm ul, .c-widget-body ul, .c-cms-lg ul, .c-cms ol, .c-cms-sm ol, .c-widget-body ol, .c-cms-lg ol {
  padding-left: 1.5rem; }

.c-cms table, .c-cms-sm table, .c-widget-body table, .c-cms-lg table {
  width: 100% !important; }

.c-cms img, .c-cms-sm img, .c-widget-body img, .c-cms-lg img {
  max-width: 100%;
  height: auto; }

.c-cms .wp-caption, .c-cms-sm .wp-caption, .c-widget-body .wp-caption, .c-cms-lg .wp-caption {
  max-width: 100% !important; }

.c-cms img {
  border: 1px solid #ccc; }

.c-cms img.fr-dib {
  margin: 1rem auto;
  display: block;
  float: none;
  vertical-align: top; }

.c-cms img.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left; }

.c-cms img.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right; }

.c-cms img.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 1rem;
  margin-right: 1rem; }

.c-cms img.fr-dii.fr-fil {
  float: left;
  margin: 1rem 1rem 1rem 0; }

.c-cms img.fr-dii.fr-fir {
  float: right;
  margin: 1rem 0 1rem 1rem; }

.c-cms-lg p:first-child {
  margin-top: 1rem; }

.c-widget-body p:first-child, .c-widget-body ul:first-child, .c-widget-body ol:first-child,
.c-widget-body blockquote:first-child, .c-widget-body blockquote p:first-child {
  margin-top: 0; }

.c-widget-body p:last-child, .c-widget-body ul:last-child, .c-widget-body ol:last-child,
.c-widget-body blockquote:last-child, .c-widget-body blockquote p:last-child {
  margin-bottom: 0; }

.c-widget-body blockquote p {
  padding-left: 0; }

.c-widget-body .testimonial_author cite {
  display: inline-block;
  padding-top: 0.25rem;
  font-style: normal;
  color: #777;
  border-top: 1px dotted #ccc; }

.c-cms-customer-review h4:first-child {
  margin-top: 0; }

.c-flex-media, .video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  width: 16rem; }
  .c-flex-media iframe, .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  @media screen and (min-width: 35em) {
    .c-flex-media, .video-container {
      width: 24rem; } }
  @media screen and (min-width: 45em) {
    .c-flex-media, .video-container {
      width: 32rem; } }

.video-container {
  width: auto;
  overflow: hidden; }
  @media screen and (min-width: 35em) {
    .video-container {
      width: auto; } }
  @media screen and (min-width: 45em) {
    .video-container {
      width: auto; } }

.alignleft {
  display: inline;
  float: left;
  margin-right: 1rem;
  margin-bottom: 1rem; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1rem;
  margin-bottom: 1rem; }

.wp-caption-text {
  margin: 0 !important;
  padding: 0.25rem 0;
  font-size: .875rem !important;
  line-height: 1.5 !important;
  text-align: center;
  color: #777; }

/**
 * $. Pages - Page specific patterns and overrides
 * -------------------------------------------------- */
.single-event .c-agenda table {
  width: 100%;
  border-collapse: collapse; }
  .single-event .c-agenda table p {
    font-size: 1em !important;
    margin: 0 !important; }
  .single-event .c-agenda table tr:nth-child(odd) {
    background-color: #f4f4f4; }
  .single-event .c-agenda table td, .single-event .c-agenda table th {
    padding: 0.5rem; }

.single-event .c-sponsors img {
  display: block;
  margin: 1rem auto;
  border: none; }

.c-event-map {
  height: 360px; }

 /*CUSTOM STYLES*/
.single-event .b--moon-gray.c-tab-nav .nav-tabs {
  border: none;
}
.single-event .c-tab-nav .nav-tabs > li {
  float: none;
  display: inline-block;
}