@charset "UTF-8";
/*! main manifest v0.0.1 */
/*! config-site v0.0.1 */
.raspberry {
  background: #C800DF; }

.pink {
  background: #bd4a99; }

.gold {
  background: #e4ad26; }

.teal {
  background: #4cc0b9; }

.blue {
  background: #1ba7bf; }

.purple {
  background: #8c3b8a; }

.darkgray {
  background: #555555; }

.midgray {
  background: #cccccc; }

.lightgray {
  background: #ebebeb; }

.green {
  background: #1bbfa6; }

.moss {
  background: #5d873d; }

.grapefruit {
  background: #f85467; }

.learn_green {
  background: #80a259 !important; }

/*! config-type v0.0.1 */
@font-face {
  font-family: 'allerregular';
  src: url("/uploaded/build/default_15/fonts/aller_rg-webfont.eot");
  src: url("/uploaded/build/default_15/fonts/aller_rg-webfont.eot?#iefix") format("embedded-opentype"), url("/uploaded/build/default_15/fonts/aller_rg-webfont.woff") format("woff"), url("/uploaded/build/default_15/fonts/aller_rg-webfont.ttf") format("truetype"), url("/uploaded/build/default_15/fonts/aller_rg-webfont.svg#allerregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'allerbold';
  src: url("/uploaded/build/default_15/fonts/aller_bd-webfont.eot");
  src: url("/uploaded/build/default_15/fonts/aller_bd-webfont.eot?#iefix") format("embedded-opentype"), url("/uploaded/build/default_15/fonts/aller_bd-webfont.woff") format("woff"), url("/uploaded/build/default_15/fonts/aller_bd-webfont.ttf") format("truetype"), url("/uploaded/build/default_15/fonts/aller_bd-webfont.svg#allerbold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'aller_lightregular';
  src: url("/uploaded/build/default_15/fonts/aller_lt-webfont.eot");
  src: url("/uploaded/build/default_15/fonts/aller_lt-webfont.eot?#iefix") format("embedded-opentype"), url("/uploaded/build/default_15/fonts/aller_lt-webfont.woff") format("woff"), url("/uploaded/build/default_15/fonts/aller_lt-webfont.ttf") format("truetype"), url("/uploaded/build/default_15/fonts/aller_lt-webfont.svg#aller_lightregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'jenna_sueregular';
  src: url("/uploaded/build/default_15/fonts/jennasue-webfont.eot");
  src: url("/uploaded/build/default_15/fonts/jennasue-webfont.eot?#iefix") format("embedded-opentype"), url("/uploaded/build/default_15/fonts/jennasue-webfont.woff") format("woff"), url("/uploaded/build/default_15/fonts/jennasue-webfont.ttf") format("truetype"), url("/uploaded/build/default_15/fonts/jennasue-webfont.svg#jenna_sueregular") format("svg");
  font-weight: normal;
  font-style: normal; }
.handwriting {
  font-family: "jenna_sueregular";
  font-size: 25px;
  color: #b7b7b7; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td,
th {
  padding: 0; }

/*! helpers - functions v0.0.1 */
/*! helpers - utility v0.0.1 */
/*! helpers - box-model v0.0.1 */
.margin-x {
  margin-right: 1em;
  margin-left: 1em; }

.margin-y {
  margin-top: 1em;
  margin-bottom: 1em; }

.padding-x {
  padding-right: 1em;
  padding-left: 1em; }

.padding-y {
  padding-top: 1em;
  padding-bottom: 1em; }

.stretched-container {
  margin-right: -1em;
  margin-left: -1em;
  padding-right: 1em;
  padding-left: 1em; }

.cover {
  position: absolute;
  height: 100%;
  width: 100%; }

/*! helpers - layouts v0.0.1 */
.compartment {
  margin: 0 auto;
  max-width: 59em;
  max-width: 73.75rem;
  zoom: 1; }
  .compartment:after {
    display: table;
    clear: both;
    content: ''; }

@media (min-width: 37.5em) {
  .generic-col-4 {
    width: 49.67%;
    display: inline-block;
    vertical-align: top; } }
@media (min-width: 56.25em) {
  .generic-col-4 {
    width: 24.67%; } }

/*! helpers - patterns v0.0.1 */
/*! helpers - presentational v0.0.1 */
/*! helpers - typography v0.0.1 */
/*! content - html v0.0.1 */
h1,
h2.h1,
.alpha {
  margin-top: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  color: #555555;
  font-family: "aller_lightregular";
  margin-bottom: 0.7em;
  font-size: 2.5em;
  line-height: 1.2em; }

h2,
.beta {
  margin-top: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  color: #555555;
  margin-bottom: 0.625em;
  font-size: 2em;
  line-height: 1.125em; }

h3,
.gamma {
  margin-top: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  color: #555555;
  margin-bottom: 0.4em;
  font-size: 1.25em;
  line-height: 1.4em;
  font-style: italic; }

h4,
.delta {
  margin-top: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  color: #555555;
  margin-bottom: 0.4em;
  font-size: 1.25em;
  line-height: 1.12em; }

h5,
.epsilon {
  margin-top: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  color: #555555;
  margin-bottom: 0.55556em;
  font-size: 0.9em;
  line-height: 1.22222em;
  font-weight: 600; }

h6,
.zeta {
  margin-top: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  color: #555555;
  margin-bottom: 0.625em;
  font-size: 0.8em;
  line-height: 1.125em;
  text-transform: uppercase;
  font-weight: 600; }

.fs_style_49 {
  font-weight: 300;
  font-size: 1em;
  color: #898989;
  margin-bottom: 1.7em; }

a {
  text-decoration: none;
  color: #149bc7; }
  a:hover {
    color: #a1d6e7; }

ul,
ol {
  margin-top: 0;
  padding-left: 1em;
  text-align: left;
  margin-left: 1em; }

ol ul,
ul ol {
  margin-bottom: 1em; }

ol li {
  margin-bottom: .5em; }

ul li {
  margin-bottom: .2em; }

ul.grid_list {
  margin: 0;
  padding-left: 0;
  list-style: none; }
  ul.grid_list ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none; }
  ul.grid_list a {
    display: block; }
  ul.grid_list li {
    padding: 1em;
    border: 1px solid #ebebeb;
    display: block; }
    @media only screen and (max-width: 420px) {
      ul.grid_list li {
        height: auto !important; } }
    @media (min-width: 50em) {
      ul.grid_list li {
        width: calc(33.3% - 1em);
        float: left;
        margin: 0 1em 1em 0; } }

table.styled {
  margin-top: 0;
  margin-bottom: 1em;
  width: 100%; }
  table.styled tr:nth-of-type(odd) td {
    background-color: rgba(0, 0, 0, 0.1); }
  table.styled th,
  table.styled td {
    vertical-align: top;
    border-bottom: 1px solid #fff;
    text-align: left;
    padding: 0.33333em 0.5em; }
  table.styled th {
    margin-top: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    color: #555555;
    margin-bottom: 0.4em;
    font-size: 1.25em;
    line-height: 1.12em;
    text-align: left;
    background: #464646;
    color: #fff; }
  table.styled td {
    padding: 0.5em 1em;
    background: rgba(0, 0, 0, 0.05);
    color: #636a6d; }

img,
canvas,
video,
svg {
  height: auto;
  max-width: 100%; }

iframe {
  border: 0; }

hr {
  border: 0;
  height: 0;
  border-top: 2px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin: 1.5em 0; }

@-webkit-keyframes shake-horizontal {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg); }
  20% {
    -webkit-transform: translate(3px, 0px) rotate(0deg); }
  40% {
    -webkit-transform: translate(1px, 0px) rotate(0deg); }
  60% {
    -webkit-transform: translate(-3px, 0px) rotate(0deg); }
  80% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg); } }
@keyframes shake-horizontal {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  20% {
    -webkit-transform: translate(3px, 0px) rotate(0deg);
    transform: translate(3px, 0px) rotate(0deg); }
  40% {
    -webkit-transform: translate(1px, 0px) rotate(0deg);
    transform: translate(1px, 0px) rotate(0deg); }
  60% {
    -webkit-transform: translate(-3px, 0px) rotate(0deg);
    transform: translate(-3px, 0px) rotate(0deg); }
  80% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
    transform: translate(-1px, 0px) rotate(0deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); } }
/*! content - buttons v0.0.1 */
.button {
  display: inline-block;
  color: #fff !important;
  text-decoration: none;
  background: #C800DF;
  padding: 0.75em 1.25em;
  border-radius: 5px;
  margin-top: 1.75em;
  border: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 300; }
  .button:hover {
    background: #9a00ac;
    color: #fff; }
  .button.pink {
    background: #bd4a99; }
    .button.pink:hover {
      background: #9b397c; }
  .button.gold {
    background: #e4ad26; }
    .button.gold:hover {
      background: #bf8f18; }
  .button.teal {
    background: #4cc0b9; }
    .button.teal:hover {
      background: #38a19a; }
  .button.blue {
    background: #1ba7bf; }
    .button.blue:hover {
      background: #158092; }
  .button.purple {
    background: #8c3b8a; }
    .button.purple:hover {
      background: #682c67; }
  .button.darkgray {
    background: #555555; }
    .button.darkgray:hover {
      background: #3b3b3b; }
  .button.midgray {
    background: #cccccc;
    color: #555555; }
    .button.midgray:hover {
      background: #b3b3b3; }
  .button.lightgray {
    background: #ebebeb;
    color: #555555; }
    .button.lightgray:hover {
      background: #d2d2d2; }
  .button.green {
    background: #1bbfa6; }
    .button.green:hover {
      background: #15927f; }
  .button.moss {
    background: #5d873d; }
    .button.moss:hover {
      background: #45642d; }
  .button.grapefruit {
    background: #f85467; }
    .button.grapefruit:hover {
      background: #f6233b; }
  .button.left {
    float: left;
    margin-right: 1em; }
  .button.right {
    float: right;
    margin-left: 1em; }
  .button.big {
    font-size: 18px; }

.fsLoadMoreButton {
  border: 0 !important;
  background: none !important;
  color: #1ba7bf !important;
  display: inline-block !important;
  padding: 0 1.5em 0 0 !important;
  position: relative !important;
  border-radius: 0 !important;
  font-weight: 300;
  font-size: 20px !important;
  line-height: 22px !important;
  min-width: 0  !important;
  text-shadow: none !important; }
  .fsLoadMoreButton:after {
    content: "";
    font-family: "FontAwesome";
    font-smoothing: antialiased;
    font-weight: normal;
    speak: none;
    font-size: 12px !important;
    color: #cccccc;
    position: absolute;
    right: 0;
    top: -1px;
    padding: 0 0 0 4px;
    text-align: center;
    border: 1px solid #ebebeb;
    border-radius: 100%;
    height: 22px;
    width: 22px; }
  .fsLoadMoreButton:hover {
    color: #35b3dd; }
    .fsLoadMoreButton:hover:after {
      color: #35b3dd;
      /*border-color: $raspberry;*/ }

p.infographic {
  text-align: center;
  font-size: 1em;
  font-weight: 300;
  margin-bottom: 1.5em !important;
  position: relative; }
  @media (min-width: 38.5em) {
    p.infographic {
      width: 25%;
      float: left; }
      .workfora p.infographic {
        width: 20%;
        padding: 0 2.5%; }
      p.infographic.col3 {
        width: 33%; }
        p.infographic.col3:nth-child(2) {
          border-left: 1px solid #ebebeb;
          border-right: 1px solid #ebebeb; } }
  p.infographic a {
    color: #555555;
    display: block; }
  p.infographic span.info_wrap {
    position: relative;
    display: block;
    height: 82px;
    width: 82px;
    overflow: hidden;
    padding: 15px 0 0 0;
    background: #f2f2f2;
    border: 1px solid #e1e1e1;
    margin: 0 auto 1em;
    text-align: center;
    border-radius: 10%;
    transition: all .5s ease-in;
    text-align: center; }
    p.infographic span.info_wrap:hover img {
      transition-duration: 0.5s;
      -ms-transition-duration: 0.5s;
      /* Safari and Chrome */
      transition-timing-function: linear;
      transition-property: -webkit-transform;
      transition-property: transform;
      -webkit-transform: rotateY(360deg);
      -moz-transform: rotateY(360deg);
      -o-transform: rotateY(360deg);
      -ms-transform: rotateY(360deg); }
  p.infographic span.info_sub {
    font-size: .8em; }
  p.infographic img {
    margin: 0 18px;
    width: 100%;
    max-width: 46px;
    max-height: 46px;
    display: block;
    height: auto;
    opacity: .4; }
  p.infographic .info-caption {
    display: none;
    position: absolute;
    bottom: calc(100% + 10px);
    background: #fff;
    padding: 15px;
    width: 250px;
    border: 1px solid #ccc;
    border-radius: 15px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    text-transform: none;
    font-size: 14px;
    font-weight: normal;
    transition: all .3s linear; }
  p.infographic:hover .info-caption {
    display: block; }

/*! content - forms v0.0.1 */
textarea,
input,
select {
  padding: 0.5em; }

::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5); }

:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5); }

::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5); }

:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5); }

/*--Forms--*/
.fsLogin p {
  display: block;
  clear: both;
  margin-bottom: 5px; }
.fsLogin .fsLoginMainView, .fsLogin .fsLoginForgotView, .fsLogin .fsLoginNewView {
  zoom: 1; }
  .fsLogin .fsLoginMainView:after, .fsLogin .fsLoginForgotView:after, .fsLogin .fsLoginNewView:after {
    display: table;
    clear: both;
    content: ''; }
  .fsLogin .fsLoginMainView h3, .fsLogin .fsLoginForgotView h3, .fsLogin .fsLoginNewView h3 {
    margin-bottom: 20px; }
  .fsLogin .fsLoginMainView span, .fsLogin .fsLoginForgotView span, .fsLogin .fsLoginNewView span {
    display: block;
    font-weight: inherit;
    text-transform: uppercase;
    font-size: inherit; }
  .fsLogin .fsLoginMainView input, .fsLogin .fsLoginForgotView input, .fsLogin .fsLoginNewView input {
    margin-bottom: 20px;
    border: 1px solid inherit;
    font-size: inherit;
    padding: 2px 5px;
    height: 25px;
    display: block;
    clear: both; }
    .fsLogin .fsLoginMainView input:focus, .fsLogin .fsLoginForgotView input:focus, .fsLogin .fsLoginNewView input:focus {
      border: 1px solid inherit;
      outline: none; }
  .fsLogin .fsLoginMainView .fsLoginSubmit, .fsLogin .fsLoginMainView button, .fsLogin .fsLoginForgotView .fsLoginSubmit, .fsLogin .fsLoginForgotView button, .fsLogin .fsLoginNewView .fsLoginSubmit, .fsLogin .fsLoginNewView button {
    background-color: inherit;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    border: 0 none;
    outline: none;
    padding: 5px 10px;
    text-transform: uppercase;
    margin-bottom: 20px;
    transition: all 100ms linear;
    height: 25px;
    line-height: 1;
    display: block;
    float: left;
    margin-right: 20px; }
    .fsLogin .fsLoginMainView .fsLoginSubmit:hover, .fsLogin .fsLoginMainView button:hover, .fsLogin .fsLoginForgotView .fsLoginSubmit:hover, .fsLogin .fsLoginForgotView button:hover, .fsLogin .fsLoginNewView .fsLoginSubmit:hover, .fsLogin .fsLoginNewView button:hover {
      background-color: inherit;
      color: inherit; }
.fsLogin .fsLoginForgotPasswordLink {
  margin-top: -2px;
  line-height: 1; }
  .fsLogin .fsLoginForgotPasswordLink a {
    font-size: inherit; }
.fsLogin .fsLoginNewAccountLink {
  line-height: 1; }
  .fsLogin .fsLoginNewAccountLink a {
    font-size: inherit; }
.fsLogin .fsLoginNewCaptcha {
  display: block;
  margin-bottom: 20px; }
  .fsLogin .fsLoginNewCaptcha #recaptcha_area, .fsLogin .fsLoginNewCaptcha #recaptcha_table {
    width: 100% !important;
    max-width: 318px; }

/*! content - style manger v0.0.1 */
.clear {
  zoom: 1; }
  .clear:after {
    display: table;
    clear: both;
    content: ''; }

.lead-in {
  font-size: 1em;
  line-height: 1.2em; }

blockquote {
  position: relative;
  margin: 0;
  font-size: 1.25em;
  line-height: 1.2em;
  font-weight: 300;
  font-style: italic;
  color: #555555;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 1em 0;
  text-align: left; }

cite {
  margin-left: 0.25em;
  font-style: normal;
  font-size: 15px;
  display: block;
  text-align: right; }

.callout {
  padding: 5px 0 5px 1em;
  border: none;
  border-left: 6px solid #bd4a99;
  color: #bd4a99;
  font-style: normal; }
  .callout.left {
    float: left;
    margin-left: 0.5em; }
    @media (min-width: 31.25em) {
      .callout.left {
        width: 50%; } }
  .callout.right {
    float: right;
    margin-right: 0.5em; }
    @media (min-width: 31.25em) {
      .callout.right {
        width: 50%; } }

/* General styles for the modal */
/*
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the
perspective effects (not including the modals and the overlay).
*/
body:not(.fsComposeMode) {
  /* Content styles */
  /* Individual modal styles with animations/transitions */
  /* Effect 1: Fade in and scale up */
  /* Effect 9: 3D flip vertical */ }
  body:not(.fsComposeMode) .md-perspective,
  body:not(.fsComposeMode) .md-perspective body {
    height: 100%;
    overflow: hidden; }
  body:not(.fsComposeMode) .md-perspective body {
    background: #222;
    -webkit-perspective: 600px;
    perspective: 600px; }
  body:not(.fsComposeMode) .md-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 70%;
    max-width: 1000px;
    min-width: 320px;
    height: auto;
    z-index: 500;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
  body:not(.fsComposeMode) .md-show {
    visibility: visible; }
  body:not(.fsComposeMode) .md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 300 -1;
    opacity: 0;
    background: none;
    transition: all 0.3s; }
  body:not(.fsComposeMode) .md-show ~ .md-overlay {
    opacity: 1;
    visibility: visible; }
  body:not(.fsComposeMode) .md-content {
    background: rgba(230, 230, 230, 0.9);
    position: relative;
    border-radius: 3px;
    margin: 0 auto;
    zoom: 1; }
    body:not(.fsComposeMode) .md-content:after {
      display: table;
      clear: both;
      content: ''; }
  body:not(.fsComposeMode) .modal-video .fsMediaPlayOverlay {
    display: none; }
  body:not(.fsComposeMode) .modal-video:hover .fsMediaControlsBottom {
    display: block !important;
    opacity: .9 !important; }
  body:not(.fsComposeMode) .md-content h3 {
    text-align: center; }
  body:not(.fsComposeMode) .md-content > div {
    padding: 15px 40px 30px;
    margin: 0; }
  body:not(.fsComposeMode) .md-effect-1 .md-content {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    transition: all 0.3s; }
  body:not(.fsComposeMode) .md-show.md-effect-1 .md-content {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  body:not(.fsComposeMode) .md-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    height: 20px;
    width: 20px;
    line-height: 1em;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0;
    display: block;
    color: transparent; }
    body:not(.fsComposeMode) .md-close:before {
      font-size: 20px;
      height: 20px;
      width: 20px;
      content: "";
      font-family: "FontAwesome";
      font-smoothing: antialiased;
      font-weight: normal;
      speak: none;
      color: #666;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

@media (min-width: 50em) {
  body:not(.fsComposeMode) .twocol-special > .fsStyleColumn-1 {
    width: 50% !important;
    margin-right: 10% !important; }
  body:not(.fsComposeMode) .twocol-special > .fsStyleColumn-2 {
    width: 40% !important;
    background: #ebebeb; }
    body:not(.fsComposeMode) .twocol-special > .fsStyleColumn-2 .panel {
      background: none; } }

/*! structure - root v0.0.1 */
* {
  box-sizing: border-box; }

*:before,
*:after {
  box-sizing: border-box;
  pointer-events: none; }

html {
  font-family: "Open Sans", sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  background: #ffffff; }

body {
  font-size: 1.25em;
  line-height: 1.4;
  font-weight: 300;
  color: #898989;
  max-width: 100%;
  overflow-x: hidden; }

/*! structure - header v0.0.1 */
#fsHeader {
  padding: 0 1em;
  margin: 0;
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9001;
  background: rgba(255, 255, 255, 0.7);
  transition: background .3s linear;
  border-bottom: 1px solid #ebebeb; }
  [data-drawer-state="visible"] #fsHeader {
    border-bottom: none; }
  #fsHeader.scrolledTo {
    background: white; }
  #fsHeader .fsBanner {
    margin: 0 auto;
    max-width: 59em;
    max-width: 73.75rem;
    position: relative; }

.site-info {
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 60px;
  display: block; }
  [data-drawer-state="visible"] .site-info {
    display: none; }
  .site-info a {
    display: block;
    height: 60px;
    width: 200px;
    padding: 0;
    background: url(/uploaded/build/default_15/images/finalsite_logo.png) 20px 13px no-repeat;
    background: url(/uploaded/build/default_15/images/home/logo.svg) 20px 13px no-repeat;
    background-size: 158px 35px;
    color: transparent; }
    .site-info a:hover {
      color: transparent; }
  .site-info .site-name {
    display: none; }

/*! structure - main v0.0.1 */
.fsComposeMode .fsElementContent {
  zoom: 1; }
  .fsComposeMode .fsElementContent:after {
    display: table;
    clear: both;
    content: ''; }

#fsPageBodyWrapper {
  background: #fff;
  position: relative;
  overflow: hidden; }
  .fsDraftMode #fsPageBodyWrapper {
    margin-top: 60px; }
  #fsPageBodyWrapper.scrolledTo {
    padding-top: 52px; }
  #fsPageBodyWrapper #fsPageBody #fsPageContent > .fsLayout > .fsDiv > .fsElement:not(.panel),
  #fsPageBodyWrapper #fsPageBody .fsPageTitle {
    width: 59em;
    max-width: 100%;
    padding-left: 1em;
    padding-right: 1em; }
    @media (min-width: 32.25em) {
      #fsPageBodyWrapper #fsPageBody #fsPageContent > .fsLayout > .fsDiv > .fsElement:not(.panel),
      #fsPageBodyWrapper #fsPageBody .fsPageTitle {
        margin-left: auto;
        margin-right: auto; } }
  #fsPageBodyWrapper #fsPageContent {
    background: #fff; }

body:not(.home) #fsPageContent.no-nav-sub {
  padding-top: 40px; }

body.home #fsPageBodyWrapper.scrolledTo {
  padding-top: 0; }

body[data-pageid="3"] #fsPageBodyWrapper.scrolledTo,
body[data-pageid="4"] #fsPageBodyWrapper.scrolledTo,
body[data-pageid="6"] #fsPageBodyWrapper.scrolledTo,
body[data-pageid="7"] #fsPageBodyWrapper.scrolledTo,
body[data-pageid="8"] #fsPageBodyWrapper.scrolledTo,
body[data-pageid="9"] #fsPageBodyWrapper.scrolledTo,
body[data-pageid="18"] #fsPageBodyWrapper.scrolledTo,
body[data-pageid="124"] #fsPageBodyWrapper.scrolledTo {
  padding-top: 180px; }

body[data-pageid="5"] #fsPageBodyWrapper.scrolledTo {
  padding-top: 100px; }

/*! structure - layouts v0.0.1 */
#fsBannerLeft {
  float: none;
  margin-bottom: 2em;
  width: 100%; }
  @media (min-width: 50em) {
    #fsBannerLeft {
      float: left; } }
  @media (min-width: 50em) {
    #fsBannerLeft {
      padding-right: 2em;
      width: 25%; } }

#fsPageContent {
  float: none;
  margin-bottom: 0;
  background: #fff; }
  @media (min-width: 50em) {
    .fsHasRightBanner #fsPageContent {
      width: 75% !important; } }
  @media (min-width: 50em) {
    .fsHasLeftBanner #fsPageContent {
      width: 75% !important; } }
  @media (min-width: 50em) {
    .fsHasLeftBanner.fsHasRightBanner #fsPageContent {
      width: 50% !important; } }
  #fsPageContent > .fsOneColumnLayout > .fsDiv {
    padding-left: 0;
    padding-right: 0; }

#fsBannerRight {
  float: none;
  margin-bottom: 2em;
  width: 100%; }
  @media (min-width: 50em) {
    #fsBannerRight {
      float: left; } }
  @media (min-width: 50em) {
    #fsBannerRight {
      padding-left: 2em;
      width: 25%; } }

.fsLayout .fsDiv {
  float: none;
  margin-bottom: 2em;
  width: 100%; }
  @media (min-width: 50em) {
    .fsLayout .fsDiv {
      float: left; } }
  @media (min-width: 50em) {
    .fsLayout .fsDiv {
      padding-right: 1em;
      padding-left: 1em; }
      .fsLayout .fsDiv:last-child {
        margin-bottom: 0; } }

@media (min-width: 50em) {
  .fsTwoColumnLayout .fsDiv {
    width: 50%; } }

@media (min-width: 56.25em) {
  .fsThreeColumnLayout .fsDiv {
    width: 33.33333%; } }

@media (min-width: 50em) {
  .fsFourColumnLayout .fsDiv {
    width: 50%; } }
@media (min-width: 62.5em) {
  .fsFourColumnLayout .fsDiv {
    width: 25%; } }

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

.intro-bg {
  max-width: 100%;
  width: 100%;
  text-align: center;
  height: 256px;
  overflow: hidden;
  color: #fff;
  position: fixed;
  top: 0;
  z-index: 0 !important;
  transition: all .5s ease-in; }
  @media (min-width: 38.5em) {
    .intro-bg {
      height: 256px;
      padding: 172px 1em 0; } }

body.home:not(.fsComposeMode) .intro-bg,
body[data-pageid="3"]:not(.fsComposeMode) .intro-bg,
body[data-pageid="4"]:not(.fsComposeMode) .intro-bg,
body[data-pageid="5"]:not(.fsComposeMode) .intro-bg,
body[data-pageid="6"]:not(.fsComposeMode) .intro-bg,
body[data-pageid="7"]:not(.fsComposeMode) .intro-bg,
body[data-pageid="8"]:not(.fsComposeMode) .intro-bg,
body[data-pageid="9"]:not(.fsComposeMode) .intro-bg,
body[data-pageid="124"]:not(.fsComposeMode) .intro-bg,
body[data-pageid="247"]:not(.fsComposeMode) .intro-bg {
  height: 594px; }
  @media (min-width: 38.5em) {
    body.home:not(.fsComposeMode) .intro-bg,
    body[data-pageid="3"]:not(.fsComposeMode) .intro-bg,
    body[data-pageid="4"]:not(.fsComposeMode) .intro-bg,
    body[data-pageid="5"]:not(.fsComposeMode) .intro-bg,
    body[data-pageid="6"]:not(.fsComposeMode) .intro-bg,
    body[data-pageid="7"]:not(.fsComposeMode) .intro-bg,
    body[data-pageid="8"]:not(.fsComposeMode) .intro-bg,
    body[data-pageid="9"]:not(.fsComposeMode) .intro-bg,
    body[data-pageid="124"]:not(.fsComposeMode) .intro-bg,
    body[data-pageid="247"]:not(.fsComposeMode) .intro-bg {
      height: 442px;
      padding: 172px 1em 0; } }

body:not(.fsComposeMode) .intro {
  max-width: 100%;
  width: 100%;
  min-height: 256px;
  padding: 126px 1em 0;
  text-align: center;
  color: #fff;
  transition: all .5s ease-in;
  position: relative;
  overflow: hidden; }
  @media (min-width: 38.5em) {
    body:not(.fsComposeMode) .intro h1,
    body:not(.fsComposeMode) .intro h2.h1 {
      margin-bottom: 0; } }
  body:not(.fsComposeMode) .intro h1, body:not(.fsComposeMode) .intro h2.h1, body:not(.fsComposeMode) .intro .fs_style_49 {
    color: #fff; }
  @media (min-width: 38.5em) {
    body:not(.fsComposeMode) .intro {
      min-height: 256px;
      padding: 90px 1em 0; } }
  body:not(.fsComposeMode) .intro p {
    font-family: "Open Sans", sans-serif;
    font-size: 1.25em;
    font-weight: 300;
    font-style: italic; }
  @media (min-width: 32.25em) {
    body:not(.fsComposeMode) .intro.has-video {
      min-height: 623px;
      padding: 172px 1em 0; } }
  body:not(.fsComposeMode) .intro.has-video h1 {
    margin-bottom: .7em; }
  body:not(.fsComposeMode) .intro .button {
    font-size: 18px;
    font-style: normal;
    margin-bottom: 1.2em; }

body.home:not(.fsComposeMode) .intro,
body[data-pageid="3"]:not(.fsComposeMode) .intro,
body[data-pageid="4"]:not(.fsComposeMode) .intro,
body[data-pageid="5"]:not(.fsComposeMode) .intro,
body[data-pageid="6"]:not(.fsComposeMode) .intro,
body[data-pageid="7"]:not(.fsComposeMode) .intro,
body[data-pageid="8"]:not(.fsComposeMode) .intro,
body[data-pageid="9"]:not(.fsComposeMode) .intro,
body[data-pageid="124"]:not(.fsComposeMode) .intro,
body[data-pageid="247"]:not(.fsComposeMode) .intro {
  padding: 126px 1em 0; }
  @media (min-width: 38.5em) {
    body.home:not(.fsComposeMode) .intro,
    body[data-pageid="3"]:not(.fsComposeMode) .intro,
    body[data-pageid="4"]:not(.fsComposeMode) .intro,
    body[data-pageid="5"]:not(.fsComposeMode) .intro,
    body[data-pageid="6"]:not(.fsComposeMode) .intro,
    body[data-pageid="7"]:not(.fsComposeMode) .intro,
    body[data-pageid="8"]:not(.fsComposeMode) .intro,
    body[data-pageid="9"]:not(.fsComposeMode) .intro,
    body[data-pageid="124"]:not(.fsComposeMode) .intro,
    body[data-pageid="247"]:not(.fsComposeMode) .intro {
      min-height: 444px;
      padding: 172px 1em 0 !important; } }

body.fsSection5 .intro {
  padding: 126px 1em 100px; }
  @media (min-width: 38.5em) {
    body.fsSection5 .intro {
      padding: 126px 1em 0; } }

body[data-pageid="5"] .intro {
  padding: 126px 1em 100px !important; }
  @media (min-width: 38.5em) {
    body[data-pageid="5"] .intro {
      padding: 172px 1em 0 !important; } }

body[data-pageid="6"] .intro h1 {
  font-size: 1.25em; }
  @media (min-width: 37.5em) {
    body[data-pageid="6"] .intro h1 {
      font-size: 1.5em; } }
body[data-pageid="6"] .intro p {
  font-size: 1em; }
  @media (min-width: 37.5em) {
    body[data-pageid="6"] .intro p {
      font-size: 1.25em; } }

.hero-video {
  border-top: 6px solid #bd4a99;
  margin: 0 auto;
  width: 100%;
  height: 220px;
  background: #fff;
  margin-bottom: 1em;
  box-shadow: 0px 4px 3px #cccccc; }
  .hero-video.pink {
    border-color: #bd4a99; }
  .hero-video.gold {
    border-color: #e4ad26; }
  .hero-video.teal {
    border-color: #4cc0b9; }
  .hero-video.blue {
    border-color: #1ba7bf; }
  .hero-video.purple {
    border-color: #8c3b8a; }
  .hero-video.darkgray {
    border-color: #555555; }
  .hero-video.midgray {
    border-color: #cccccc; }
  .hero-video.lightgray {
    border-color: #ebebeb; }
  .hero-video.green {
    border-color: #1bbfa6; }
  .hero-video.moss {
    border-color: #5d873d; }
  .hero-video.grapefruit {
    border-color: #f85467; }
  .hero-video.learn_green {
    border-color: #80a259; }
  @media (min-width: 32.25em) {
    .hero-video {
      width: 527px;
      height: 302px; } }

body:not(.fsComposeMode) .landing-photo-rotation {
  width: 100%;
  height: 435px;
  z-index: 0;
  position: fixed;
  top: 0; }
  body:not(.fsComposeMode) .landing-photo-rotation .landing-slide {
    height: 435px;
    width: 100%;
    margin: 0 !important; }

.panel {
  zoom: 1;
  position: relative;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  padding: 1.5em 1em;
  margin: 0 -1em 50px; }
  .panel:after {
    display: table;
    clear: both;
    content: ''; }
  @media (min-width: 38.5em) {
    .panel {
      padding: 2em 1em; } }
  .panel:last-of-type {
    margin-bottom: 0; }
  .panel.panel--responsive_design, .panel.panel--composer_demo, .panel.panel--speech_bubbles, .panel.social_grid, .panel.panel--fsu {
    padding: 3em 1em; }
  .panel.panel--arrow:not(.fsStateEditable) {
    background: #ebebeb !important;
    padding: 0;
    height: 100px;
    text-align: right; }
    .panel.panel--arrow:not(.fsStateEditable) .compartment {
      max-width: 100%; }
    .panel.panel--arrow:not(.fsStateEditable) a {
      color: #fff;
      padding: 34.5px 100px 34.5px 10px;
      display: block;
      font-size: 18px;
      width: 100%;
      transition: all .2s linear; }
      @media (min-width: 31.25em) {
        .panel.panel--arrow:not(.fsStateEditable) a {
          font-size: 22px; } }
      .panel.panel--arrow:not(.fsStateEditable) a:after {
        content: "";
        font-family: "FontAwesome";
        font-smoothing: antialiased;
        font-weight: normal;
        speak: none;
        margin: 0 14px;
        padding: 0 3px;
        -webkit-animation-name: shake-horizontal;
        animation-name: shake-horizontal;
        -webkit-animation-duration: 1000ms;
        animation-duration: 1000ms;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        animation-play-state: running; }
        .panel.panel--arrow:not(.fsStateEditable) a:after:hover {
          color: #555555; }
      .panel.panel--arrow:not(.fsStateEditable) a:hover {
        text-shadow: 1px 1px 1px #000; }
    .panel.panel--arrow:not(.fsStateEditable):before {
      content: '';
      background: #4cc0b9;
      width: calc(100% - 100px);
      height: 100px;
      position: absolute;
      left: 0; }
    .panel.panel--arrow:not(.fsStateEditable):after {
      position: absolute;
      top: 50%;
      right: 0;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 50px;
      pointer-events: none;
      border-color: transparent;
      border-left-color: #4cc0b9;
      border-width: 50px;
      margin-top: -50px; }
  .panel.panel--arrow.pink:before {
    background: #bd4a99; }
  .panel.panel--arrow.pink:after {
    border-left-color: #bd4a99; }
  .panel.panel--arrow.blue:before {
    background: #1ba7bf; }
  .panel.panel--arrow.blue:after {
    border-left-color: #1ba7bf; }
  .panel.panel--arrow.purple:before {
    background: #8c3b8a; }
  .panel.panel--arrow.purple:after {
    border-left-color: #8c3b8a; }
  .panel.panel--arrow.learn_green:before {
    background: #80a259; }
  .panel.panel--arrow.learn_green:after {
    border-left-color: #80a259; }
  .panel.light {
    background-color: #f9f9fa;
    border-top: 1px solid #ececec; }
  .panel.dark {
    color: #898989;
    background-color: #252525; }
  .panel.panel--marketplace {
    padding-top: 0; }
  .panel.panel--portfolio {
    padding-top: 0; }
  .panel.panel--responsive_design .bg-container {
    background: #555555 url(/uploaded/build/default_15/images//panel_bgs/responsive_design.gif) 50% 0;
    color: #fff; }
  .panel.panel--responsive_design .compartment h2, .panel.panel--responsive_design .compartment p {
    color: #fff; }
  .panel.panel--composer_demo .bg-container {
    color: #fff;
    background: #555555 url(/uploaded/build/default_15/images/panel_bgs/composer_demo.jpg) 50% 0; }
  .panel.panel--composer_demo .compartment h2, .panel.panel--composer_demo .compartment p {
    color: #fff; }
  .panel.panel--speech_bubbles .bg-container {
    color: #fff;
    background: #555555 url(/uploaded/build/default_15/images/clientsuccess/quotes.gif) 50% 0; }
  .panel.panel--speech_bubbles .compartment h2, .panel.panel--speech_bubbles .compartment p {
    color: #fff; }
  .panel.social_grid {
    background: #363636;
    color: #fff; }
    .panel.social_grid h2, .panel.social_grid p {
      color: #fff; }
  .panel.panel--fsu .bg-container {
    color: #fff;
    background: #555555 url(/uploaded/build/default_15/images/panel_bgs/fsu.gif) 50% 0; }
  .panel.panel--fsu .compartment h2, .panel.panel--fsu .compartment p {
    color: #fff; }
  .panel.panel--fsu .compartment .button.moss:hover {
    background: #8ec549; }
  @media (min-width: 57.25em) {
    .panel.panel--workfora {
      background: #fff url(/uploaded/build/default_15/images/clientsuccess/books_mouse.jpg) 50% bottom no-repeat;
      padding-bottom: 220px; } }
  .panel p,
  .panel .fs_style_49 {
    margin: 0 0 .5em; }
  .panel .compartment {
    position: relative; }
  .panel .bg-container {
    display: block;
    width: 100%;
    height: 1000%;
    position: absolute;
    top: 0;
    margin: 0 -1em; }
  .panel .button {
    font-size: 0.9em;
    padding: 0.75em 3em; }

.panel--cms h2:after {
  display: block;
  content: url(/uploaded/build/default_15/images/composer/books_mobile.jpg);
  background-size: contain;
  margin: 1em -1em 0 0;
  float: right;
  max-width: 100% !important; }

.panel--slider,
.panel--slider-first {
  position: relative;
  min-height: 450px;
  padding: 3em 1em !important; }
  .panel--slider .compartment,
  .panel--slider-first .compartment {
    padding: 0 1.5em; }
  .panel--slider header,
  .panel--slider footer,
  .panel--slider-first header,
  .panel--slider-first footer {
    transition: all .5s ease-in;
    position: relative;
    text-align: left; }
    .panel--slider header img,
    .panel--slider footer img,
    .panel--slider-first header img,
    .panel--slider-first footer img {
      max-width: 100%;
      margin: 0 auto 1em; }
  @media (min-width: 51em) {
    .panel--slider:nth-child(even) header,
    .panel--slider-first:nth-child(even) header {
      float: right;
      width: 400px; } }
  @media (min-width: 51em) {
    .panel--slider:nth-child(even) footer,
    .panel--slider-first:nth-child(even) footer {
      float: left;
      padding-right: 4em;
      width: calc(100% - 400px); } }
  @media (min-width: 51em) {
    .panel--slider:nth-child(odd) header,
    .panel--slider-first:nth-child(odd) header {
      float: left;
      width: 400px; } }
  @media (min-width: 51em) {
    .panel--slider:nth-child(odd) footer,
    .panel--slider-first:nth-child(odd) footer {
      float: right;
      padding-left: 4em;
      width: calc(100% - 400px); } }

.fsLayout .fsStyleTwoThirds {
  width: 100%; }
  @media (min-width: 62.5em) {
    .fsLayout .fsStyleTwoThirds {
      width: 66.66667%; } }
.fsLayout .fsStyleOneThird {
  width: 100%; }
  @media (min-width: 62.5em) {
    .fsLayout .fsStyleOneThird {
      width: 33.33333%; } }

/*! structure - footer v0.0.1 */
/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }
#fsFooter {
  color: #898989;
  text-align: center;
  font-size: 0.7em;
  font-weight: 300; }
  @media (min-width: 57.25em) {
    #fsFooter .light .compartment {
      width: 660px;
      height: 0; } }
  #fsFooter .dark {
    margin-bottom: 0; }
    @media (min-width: 63.5em) {
      #fsFooter .dark {
        max-height: 75px;
        overflow: hidden;
        padding: 27px 0 0 0; } }
  #fsFooter .light {
    margin-bottom: 0; }
    @media (min-width: 63.5em) {
      #fsFooter .light {
        height: 174px;
        overflow: hidden !important;
        padding: 40px 0 0 0; } }
  #fsFooter #locations {
    text-align: center;
    margin-bottom: 2.6em; }
    @media (min-width: 63.5em) {
      #fsFooter #locations {
        text-align: left;
        width: 50%;
        float: left;
        padding-left: 1em; } }
    #fsFooter #locations span {
      display: inline-block;
      margin-left: 1em;
      font-size: 14px; }
      #fsFooter #locations span:before {
        content: '';
        display: block;
        border-radius: 100%;
        height: 5px;
        width: 5px;
        background: #898989;
        position: relative;
        left: -11px;
        top: 13px; }
      #fsFooter #locations span#companyname {
        display: block;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        font-size: 18px; }
        #fsFooter #locations span#companyname:before {
          height: 0;
          width: 0; }
        @media (min-width: 38.5em) {
          #fsFooter #locations span#companyname {
            display: inline-block;
            width: auto;
            padding-right: .6em;
            margin-right: .4em;
            line-height: 1em;
            border-right: 1px solid #ebebeb; } }
      #fsFooter #locations span:nth-child(2) {
        padding-left: 0;
        margin-left: 0; }
        #fsFooter #locations span:nth-child(2):before {
          height: 0;
          width: 0; }
  #fsFooter #utility {
    margin: 0;
    padding-left: 0;
    list-style: none; }
    #fsFooter #utility ul {
      margin-bottom: 0;
      padding-left: 0;
      list-style: none; }
    #fsFooter #utility a {
      display: block; }
    #fsFooter #utility a {
      color: #fff; }
      #fsFooter #utility a:hover {
        color: #C800DF; }
    #fsFooter #utility span {
      display: inline-block;
      margin: 0 0 .5em 0;
      line-height: 1em; }
      #fsFooter #utility span.util--login a {
        color: #e4ad26;
        padding-right: .7em; }
        #fsFooter #utility span.util--login a:hover {
          color: #C800DF; }
      #fsFooter #utility span.util--contactlabel {
        border-right: 1px solid #898989;
        padding-right: .7em;
        margin-right: .5em; }
      #fsFooter #utility span.util--contact, #fsFooter #utility span.util--links {
        display: block;
        width: 100%;
        margin-bottom: .6em; }
        @media (min-width: 57.25em) {
          #fsFooter #utility span.util--contact, #fsFooter #utility span.util--links {
            width: auto;
            display: inline; }
            #fsFooter #utility span.util--contact.util--contact, #fsFooter #utility span.util--links.util--contact {
              padding-left: 1em; } }
    @media (min-width: 63.5em) {
      #fsFooter #utility {
        text-align: right;
        width: 50%;
        padding-top: .2em;
        float: right;
        padding-right: 1em; } }
  #fsFooter #social {
    height: auto;
    padding: 0 0 3em 0; }
    #fsFooter #social #our_team {
      display: block;
      background: url(/uploaded/build/default_15/images/meet-box.png) 0 0 no-repeat;
      height: 94px;
      width: 90px;
      padding: 14px 10px 10px;
      text-align: center;
      font-size: 1.3em;
      line-height: 1.2em;
      font-family: "Open Sans", sans-serif;
      margin: 0 auto 1em; }
      #fsFooter #social #our_team:hover, #fsFooter #social #our_team:focus, #fsFooter #social #our_team:active {
        -webkit-animation-name: hvr-buzz-out;
        animation-name: hvr-buzz-out;
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1; }
      @media (min-width: 38.5em) {
        #fsFooter #social #our_team {
          float: left;
          margin-left: 1em; } }
      @media (min-width: 57.25em) {
        #fsFooter #social #our_team {
          margin-left: 0; } }
    #fsFooter #social .nav-social {
      text-align: center;
      z-index: 1;
      width: 60%;
      margin: 0 auto;
      zoom: 1; }
      #fsFooter #social .nav-social:after {
        display: table;
        clear: both;
        content: ''; }
      @media (min-width: 51em) {
        #fsFooter #social .nav-social {
          width: 67.79661%;
          padding: 1.3em 0 0 0;
          height: 2.5em; } }
      @media (min-width: 57.25em) {
        #fsFooter #social .nav-social {
          width: 100%; } }
      #fsFooter #social .nav-social li {
        display: block;
        width: 33.33%;
        margin: 0 0 1em 0;
        float: left;
        font-size: 22px; }
        @media (min-width: 51em) {
          #fsFooter #social .nav-social li {
            width: 15%; } }
        @media (min-width: 57.25em) {
          #fsFooter #social .nav-social li {
            width: 12%; } }
        #fsFooter #social .nav-social li a {
          margin: 0 auto; }
    #fsFooter #social p.befriends {
      position: absolute;
      bottom: -24px;
      right: 1em;
      font-family: "jenna_sueregular";
      font-size: 34px;
      -webkit-transform: rotate(-7deg);
      transform: rotate(-7deg);
      color: #b7b7b7;
      font-weight: 300; }
      #fsFooter #social p.befriends:before {
        -webkit-transform: rotate(260deg) scaleX(-1);
        transform: rotate(260deg) scaleX(-1);
        position: relative;
        top: .9em;
        left: -1.4em;
        display: block;
        content: '';
        height: 25px;
        width: 48px;
        background: url(/uploaded/build/default_15/images/arrow-curved.png) left top no-repeat; }
      @media (min-width: 57.25em) {
        #fsFooter #social p.befriends {
          position: relative;
          top: -106px;
          left: 580px;
          width: 140px;
          line-height: 1em;
          text-align: left;
          text-indent: none;
          clear: both;
          margin: 0; }
          #fsFooter #social p.befriends:before {
            -webkit-transform: none;
            transform: none;
            top: 0;
            left: -.3em; } }

/*! navigation - main v0.0.1 */
.nav-main {
  visibility: hidden; }
  .nav-main ul {
    margin: 0;
    padding-left: 0;
    list-style: none; }
    .nav-main ul ul {
      margin-bottom: 0;
      padding-left: 0;
      list-style: none; }
    .nav-main ul a {
      display: block; }
  .nav-main li {
    font-family: "Open Sans", sans-serif;
    font-size: 14px; }
  .nav-main a {
    color: #555555; }
    .nav-main a:hover {
      color: #1ba7bf; }
  .nav-main li.fsNavCurrentPage > a,
  .nav-main li.fsNavCurrentPageAncestor > a {
    color: #000;
    font-weight: 600; }
    .nav-main li.fsNavCurrentPage > a:hover,
    .nav-main li.fsNavCurrentPageAncestor > a:hover {
      color: #1ba7bf; }

#fsHeader .nav-main {
  display: none; }
  @media (min-width: 1024px) {
    #fsHeader .nav-main {
      display: block; } }

@media (min-width: 1024px) {
  .nav-main {
    position: absolute;
    top: 0;
    right: 110px; }
    .nav-main .fsNavLevel1 > li {
      position: relative;
      display: block;
      float: left; }
      .nav-main .fsNavLevel1 > li > a {
        padding: 20.5px 14px; }
      .nav-main .fsNavLevel1 > li:last-child > a {
        padding: 8px 7px;
        margin-top: 12.5px;
        background: #C800DF;
        color: #fff;
        border-radius: .5em;
        margin-left: 10px; }
        .nav-main .fsNavLevel1 > li:last-child > a:hover {
          background: #b100c6; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .nav-main .fsNavParentPage {
      display: inline-block; } }
@media (min-width: 1024px) {
    .nav-main .fsNavCurrentPageAncestor > a {
      color: black; } }
.drawer .nav-main {
  margin-bottom: .5em;
  display: none; }
  @media (max-width: 1024px) {
    .drawer .nav-main {
      display: block; } }
  .drawer .nav-main .fsNavLevel1 li {
    border-bottom: 1px solid #ebebeb;
    width: 100%;
    display: block; }
    .drawer .nav-main .fsNavLevel1 li a {
      padding: 0.5em 20px;
      max-height: 60px; }
  .drawer .nav-main .fsNavLevel2 {
    display: none; }

@media (min-width: 1024px) {
  .nav-main .fsNavPageInfo {
    position: absolute;
    top: 60px;
    left: 50%;
    z-index: 500;
    display: none;
    width: 13em;
    background: #fff;
    border: 1px solid #ebebeb;
    border-top: none;
    text-align: left;
    padding: 0 0 .5em 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0); }
    .nav-main .fsNavPageInfo:before {
      content: '';
      width: 12px;
      border-left: 12px solid transparent;
      border-right: 12px solid transparent;
      border-bottom: 12px solid #fff;
      position: absolute;
      left: calc(50% - 12px);
      top: -12px;
      display: block; }
    .nav-main .fsNavPageInfo:after {
      content: '';
      width: 12px;
      border-left: 12px solid transparent;
      border-right: 12px solid transparent;
      border-bottom: 12px solid #cccccc;
      position: absolute;
      left: calc(50% - 12px);
      top: -13px;
      display: block;
      z-index: -1; }
    .nav-main .fsNavParentPage:hover .fsNavPageInfo {
      display: block; }
  .nav-main .fsNavLevel2 li {
    display: block;
    width: 100%;
    height: auto;
    float: none; }
    .nav-main .fsNavLevel2 li:first-child a {
      padding-top: 1em !important; }
  .nav-main .fsNavLevel2 a {
    padding: .4em .8em;
    height: auto;
    color: #555555; }
    .nav-main .fsNavLevel2 a:hover {
      color: #1ba7bf; } }
/*! navigation - main v0.0.1 */
.nav-util {
  display: none; }
  .drawer .nav-util {
    display: block; }

.nav-util ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
  width: 100%; }
  .nav-util ul ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none; }
  .nav-util ul a {
    display: block; }
  .nav-util ul li a {
    color: #555555;
    font-size: 0.7em;
    display: block;
    padding: 5px 20px; }
    @media (min-width: 57.25em) {
      .nav-util ul li a {
        font-size: 0.8em;
        padding: .4em 20px; } }
    .nav-util ul li a:hover {
      color: #1ba7bf; }

/*! navigation - sub v0.0.1 */
.nav-sub {
  clear: both;
  top: 0;
  transition: all .3s ease-in-out;
  opacity: 0; }
  @media (min-width: 56.25em) {
    .nav-sub {
      border-bottom: 1px solid #ebebeb;
      margin-bottom: 100px !important;
      z-index: 9000;
      width: 100%;
      text-align: center; } }
  .nav-sub .section-toggle {
    display: block;
    padding: 1em 3em 1em 1em;
    background: #ebebeb;
    text-align: right;
    text-transform: uppercase;
    font-size: 16px;
    position: relative;
    top: 0;
    width: 100%;
    margin-bottom: 2em; }
    .nav-sub .section-toggle.active {
      margin-bottom: 0; }
    .nav-sub .section-toggle:after {
      content: '+';
      font-size: 30px;
      font-weight: 700;
      position: absolute;
      top: 11px;
      right: 0.5em;
      height: 30px;
      width: 30px;
      line-height: 1em;
      text-align: center; }
    .nav-sub .section-toggle.active:after {
      content: '-'; }
  .nav-sub .fsNavLevel1 {
    margin: 0;
    margin: 0;
    padding-left: 0;
    list-style: none;
    position: relative;
    display: none;
    transition: all .5s linear;
    background: #ebebeb;
    padding-bottom: 1.5em; }
    .nav-sub .fsNavLevel1 ul {
      margin-bottom: 0;
      padding-left: 0;
      list-style: none; }
    .nav-sub .fsNavLevel1 a {
      display: block; }
    @media (min-width: 37.5em) {
      .nav-sub .fsNavLevel1 {
        margin-top: -1em;
        padding-top: .5em;
        margin-bottom: 2em;
        padding-bottom: 1em; } }
    .nav-sub .fsNavLevel1.active {
      display: block; }
    @media (min-width: 56.25em) {
      .nav-sub .fsNavLevel1 {
        display: block;
        text-align: center;
        background: none;
        padding-top: 0;
        padding-bottom: 0;
        margin: 0; } }
    .nav-sub .fsNavLevel1 li {
      display: block;
      text-align: left;
      font-size: 0.9em;
      margin: 0;
      padding: 0; }
      @media (min-width: 56.25em) {
        .nav-sub .fsNavLevel1 li {
          display: inline-block; } }
      @media (min-width: 56.25em) {
        .nav-sub .fsNavLevel1 li.fsNavCurrentPage a {
          color: #555555;
          position: relative;
          font-weight: 600; }
          .nav-sub .fsNavLevel1 li.fsNavCurrentPage a:hover {
            color: #cccccc; }
          .nav-sub .fsNavLevel1 li.fsNavCurrentPage a:after {
            display: block;
            height: 20px;
            width: 20px;
            border-radius: 100%;
            content: '';
            background: #cccccc;
            border: 4px solid #fff;
            margin: 0 auto;
            position: absolute;
            top: 65px;
            left: 50%;
            margin-left: -.4em; } }
      @media (min-width: 37.5em) {
        .nav-sub .fsNavLevel1 li .fsNavLevel2 {
          display: none; } }
    .nav-sub a {
      padding: 5px 1em;
      color: #555555; }
      @media (min-width: 50em) {
        .nav-sub a {
          padding: 24px; } }
      .nav-sub a:hover {
        color: #cccccc; }

@media (min-width: 37.5em) {
  .scrolledTo.nav-sub {
    top: 60px; }
    .scrolledTo.nav-sub li {
      font-size: 0.8em; }
      .scrolledTo.nav-sub li a {
        padding: 12px 24px; }
      .scrolledTo.nav-sub li.fsNavCurrentPage a:after {
        top: 37px; } }
.fsNavCurrentPage > a,
.fsNavCurrentPageAncestor > a {
  color: #149bc7; }

.fsNavLevel2 > li > a {
  padding-left: 1em; }

.fsNavLevel3 > li > a {
  padding-left: 2em; }

/*! navigation - social v0.0.1 */
.nav-social {
  margin: 0;
  padding-left: 0;
  list-style: none; }
  .nav-social ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none; }
  .nav-social a {
    display: block; }
  .nav-social li {
    display: inline-block;
    vertical-align: top;
    margin-right: 1em; }
    .nav-social li:last-child {
      margin-right: 0; }
  .nav-social [href*='facebook']:before {
    content: "";
    transition: all 2s linear; }
  .nav-social [href*='instagram']:before {
    content: "";
    transition: all 2s linear; }
  .nav-social [href*='linkedin']:before {
    content: "";
    transition: all 2s linear; }
  .nav-social [href*='pinterest']:before {
    content: "";
    transition: all 2s linear; }
  .nav-social [href*='tumblr']:before {
    content: "";
    transition: all 2s linear; }
  .nav-social [href*='twitter']:before {
    content: "";
    transition: all 2s linear; }
  .nav-social [href*='vine']:before {
    content: "";
    transition: all 2s linear; }
  .nav-social [href*='youtube']:before {
    content: "";
    transition: all 2s linear; }
  .nav-social [href*='vimeo']:before {
    content: "";
    transition: all 2s linear; }
  .nav-social [href*='google']:before {
    content: "";
    transition: all 2s linear; }
  .nav-social [href*='facebook'] {
    background: #cedce9;
    color: #003057;
    transition: all .2s linear; }
    .nav-social [href*='facebook']:hover {
      background: #3b5998; }
  .nav-social [href*='instagram'] {
    background: #cedce9;
    color: #003057;
    transition: all .2s linear; }
    .nav-social [href*='instagram']:hover {
      background: #517fa4; }
  .nav-social [href*='linkedin'] {
    background: #cedce9;
    color: #003057;
    transition: all .2s linear; }
    .nav-social [href*='linkedin']:hover {
      background: #007bb6; }
  .nav-social [href*='pinterest'] {
    background: #cedce9;
    color: #003057;
    transition: all .2s linear; }
    .nav-social [href*='pinterest']:hover {
      background: #cb2027; }
  .nav-social [href*='tumblr'] {
    background: #cedce9;
    color: #003057;
    transition: all .2s linear; }
    .nav-social [href*='tumblr']:hover {
      background: #32506d; }
  .nav-social [href*='twitter'] {
    background: #cedce9;
    color: #003057;
    transition: all .2s linear; }
    .nav-social [href*='twitter']:hover {
      background: #00aced; }
  .nav-social [href*='vine'] {
    background: #cedce9;
    color: #003057;
    transition: all .2s linear; }
    .nav-social [href*='vine']:hover {
      background: #00a478; }
  .nav-social [href*='youtube'] {
    background: #cedce9;
    color: #003057;
    transition: all .2s linear; }
    .nav-social [href*='youtube']:hover {
      background: #b00; }
  .nav-social [href*='vimeo'] {
    background: #cedce9;
    color: #003057;
    transition: all .2s linear; }
    .nav-social [href*='vimeo']:hover {
      background: #1ab7ea; }
  .nav-social [href*='google'] {
    background: #cedce9;
    color: #003057;
    transition: all .2s linear; }
    .nav-social [href*='google']:hover {
      background: #D14836; }
  .nav-social a {
    font-size: 1.2em;
    line-height: 1;
    text-align: center;
    padding: .9em;
    position: relative;
    height: 1.5em;
    width: 1.5em;
    border-radius: 100%; }
    .nav-social a span {
      display: none; }
    .nav-social a:before {
      font-family: "FontAwesome";
      color: #fff;
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      -ms-transform: translate(0, -50%); }

/*! navigation - off-canvas v0.0.1 */
.drawer-ribbon {
  height: 60px;
  display: block;
  width: 100%;
  z-index: 9002; }
  [data-drawer-state="visible"] .drawer-ribbon {
    position: fixed;
    top: 0;
    right: 0;
    background: #fff;
    box-shadow: -2px 0 0 #ebebeb; }
    @media (min-width: 26em) {
      [data-drawer-state="visible"] .drawer-ribbon {
        width: 320px; } }

.drawer-trigger {
  position: absolute;
  height: 100%;
  width: 100%;
  border: 0;
  background: none;
  outline: 0;
  margin: 0;
  padding: 0;
  max-width: 2.5em;
  top: 0;
  right: 0; }
  [data-drawer-state="visible"] .drawer-trigger {
    left: 0; }

.drawer-cue {
  position: absolute;
  height: 100%;
  width: 100%;
  right: 0;
  top: 0; }
  .drawer-cue:before, .drawer-cue:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 0.1em;
    width: 50%;
    content: '';
    background: #555555; }
  .drawer-cue:before {
    margin-top: -0.4em;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: margin-top .3s, -webkit-transform .3s;
    transition: margin-top .3s, transform .3s; }
  .drawer-cue:after {
    box-shadow: 0 0.4em 0 0 #555555;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: -webkit-transform .3s;
    transition: transform .3s; }
  .drawer-cue:hover {
    color: #1ba7bf; }
    .drawer-cue:hover:before, .drawer-cue:hover:after {
      background: #1ba7bf; }
    .drawer-cue:hover:after {
      box-shadow: 0 0.4em 0 0 #1ba7bf; }
  [data-drawer-state="visible"] .drawer-cue:before {
    margin-top: 0;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg); }
  [data-drawer-state="visible"] .drawer-cue:after {
    box-shadow: none;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg); }

.drawer {
  position: fixed;
  top: 0;
  padding-top: 3em;
  z-index: 9000;
  min-height: 100%;
  width: 100%;
  pointer-events: none;
  background: #fff;
  transition: opacity .5s, visibility .5s, -webkit-transform .3s;
  transition: opacity .5s, visibility .5s, transform .3s;
  right: 0;
  -webkit-transform: translate(20%, 0);
  transform: translate(20%, 0);
  opacity: 0;
  visibility: hidden; }
  @media (min-width: 26em) {
    .drawer {
      width: 320px; } }
  @media (min-width: 1180) {
    .drawer {
      display: none; } }
  .csstransforms3d .drawer {
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0); }
  .no-csstransforms .drawer {
    display: none; }
  [data-drawer-state="visible"] .drawer {
    pointer-events: auto;
    box-shadow: -2px 0 0 #ebebeb;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible; }
    .csstransforms3d [data-drawer-state="visible"] .drawer {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    .no-csstransforms [data-drawer-state="visible"] .drawer {
      display: none; }
    .no-csstransforms [data-drawer-state="visible"] .drawer {
      display: block; }

/*! elements - accordion v0.0.1 */
.fsAccordion:not(.home_accordion) .fsPanel {
  margin-bottom: 0.1em; }
.fsAccordion:not(.home_accordion) .fsElementTitle {
  position: relative;
  margin-bottom: 0;
  padding: 1.11111em;
  font-size: 0.9em;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
  color: inherit; }
  .fsPanel:hover .fsElementTitle {
    background: #149bc7;
    color: #fff; }
  .fsStateOpen .fsElementTitle {
    background: #555555;
    color: #fff; }
  .fsAccordion:not(.home_accordion) .fsElementTitle:before {
    display: none !important; }
  .fsAccordion:not(.home_accordion) .fsElementTitle:after {
    position: absolute;
    top: 50%;
    right: 1em;
    content: "";
    font-family: "FontAwesome";
    font-smoothing: antialiased;
    font-weight: normal;
    speak: none;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); }
    .fsStateOpen .fsElementTitle:after {
      content: '\f107'; }
.fsPanel > .fsElementContent {
  padding: 1em;
  zoom: 1; }
  .fsPanel > .fsElementContent:after {
    display: table;
    clear: both;
    content: ''; }
  .fsPanel > .fsElementContent p:last-child {
    margin-bottom: 0; }

/*! elements - athletics v0.0.1 */
.fsAthleticsEvent .fsTitle {
  display: inline-block; }

.fsAthleticsOpponents {
  display: inline-block; }

.fsAthleticsOpponentNames {
  display: inline-block; }

/*! elements - calendar v0.0.1 */
.fsCalendar article {
  position: relative;
  padding-left: 4.5em;
  text-align: left;
  color: #555555; }
  .fsCalendar article a {
    /*color: $darkgray;*/ }
  .fsCalendar article .fsTitle {
    margin-top: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    color: #555555;
    margin-bottom: 0.55556em;
    font-size: 0.9em;
    line-height: 1.22222em;
    font-weight: 600;
    font-weight: 300;
    font-size: 1em;
    margin-bottom: .4em; }
  .fsCalendar article .fsDate {
    position: absolute;
    top: 0;
    left: 0;
    width: 3.5em;
    text-align: center;
    color: #cccccc;
    border-right: 2px solid #cccccc;
    font-weight: 300; }
    .fsCalendar article .fsDate span {
      display: block;
      font-size: 0.7em; }
    .fsCalendar article .fsDate .fsDay {
      font-size: 2.05em;
      line-height: 1em; }
    .fsCalendar article .fsDate .fsMonth {
      font-size: 1.05em;
      line-height: 1em; }
  .fsCalendar article .fsLocation {
    font-style: italic; }

/*! elements - common v0.0.1 */
.fsElement {
  text-align: center; }
  .fsElementTitle p {
    margin-bottom: 0; }

.fsListItems article {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

@media (min-width: 50em) {
  .fsGrid {
    margin-right: -0.5em;
    margin-left: -0.5em; } }
.fsGrid .fsListItems > * {
  float: none !important;
  width: 100%;
  padding-right: 0.5em;
  padding-left: 0.5em;
  border: 0; }
  @media (min-width: 50em) {
    .fsGrid .fsListItems > * {
      display: inline-block;
      vertical-align: top; } }
@media (min-width: 50em) {
  .fsGrid .fsStyleTwoColumns > * {
    width: 49.5%; } }
@media (min-width: 50em) {
  .fsGrid .fsStyleThreeColumns > * {
    width: 49.5%; } }
@media (min-width: 56.25em) {
  .fsGrid .fsStyleThreeColumns > * {
    width: 32.83333%; } }
@media (min-width: 50em) {
  .fsGrid .fsStyleFourColumns > * {
    width: 49.5%; } }
@media (min-width: 56.25em) {
  .fsGrid .fsStyleFourColumns > * {
    width: 32.83333%; } }
@media (min-width: 62.5em) {
  .fsGrid .fsStyleFourColumns > * {
    width: 24.5%; } }
@media (min-width: 50em) {
  .fsGrid .fsStyleFiveColumns > * {
    width: 49.5%; } }
@media (min-width: 56.25em) {
  .fsGrid .fsStyleFiveColumns > * {
    width: 32.83333%; } }
@media (min-width: 62.5em) {
  .fsGrid .fsStyleFiveColumns > * {
    width: 24.5%; } }
@media (min-width: 73.75em) {
  .fsGrid .fsStyleFiveColumns > * {
    width: 19.5%; } }

.fsElementHeaderContent p {
  font-family: "jenna_sueregular";
  font-size: 2.2em;
  color: #707070;
  padding: .4em 0;
  margin: 0; }
  @media (min-width: 57.25em) {
    .fsElementHeaderContent p {
      font-size: 2.7em; } }

.module {
  border: 1px solid #e1e1e1;
  background: #f9f9fa;
  padding: 0 1em; }

.viewmore {
  border: 0;
  background: none;
  color: #1ba7bf;
  text-shadow: none;
  display: inline-block;
  padding: 0 1.5em 0 0;
  position: relative;
  border-radius: 0;
  font-weight: 300;
  font-size: 20px !important;
  line-height: 22px; }
  .viewmore:after {
    content: "";
    font-family: "FontAwesome";
    font-smoothing: antialiased;
    font-weight: normal;
    speak: none;
    font-size: 12px !important;
    color: #cccccc;
    position: absolute;
    right: 0;
    top: -1px;
    padding: 0 0 0 4px;
    text-align: center;
    border: 1px solid #ebebeb;
    border-radius: 100%;
    height: 22px;
    width: 22px; }
  .viewmore:hover {
    color: #35b3dd; }
    .viewmore:hover:after {
      color: #35b3dd;
      /*border-color: $raspberry;*/ }

/*! elements - constituent v0.0.1 */
.fsConstituent .fsElementPagination {
  margin-bottom: 1em; }
.fsConstituent .fsConstituentItem {
  float: none;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 1em;
  padding-bottom: 1em; }
  @media (min-width: 50em) {
    .fsConstituent .fsConstituentItem {
      display: inline-block;
      vertical-align: top;
      margin-left: 1%;
      margin-right: 1%; } }
  .fsConstituent .fsConstituentItem > *:not(.fsPhoto) {
    padding-right: 1.25rem;
    padding-left: 1.25rem; }
.fsConstituent .fsPhoto img {
  width: 100%; }
.fsConstituent .fsFullName {
  padding-top: 1.25rem; }

@media (min-width: 50em) {
  .fsConstituentColumnLayout_2 .fsConstituentItem {
    width: 47%; } }

@media (min-width: 50em) {
  .fsConstituentColumnLayout_3 .fsConstituentItem {
    width: 47%; } }
@media (min-width: 56.25em) {
  .fsConstituentColumnLayout_3 .fsConstituentItem {
    width: 30%; } }

@media (min-width: 50em) {
  .fsConstituentColumnLayout_4 .fsConstituentItem {
    width: 47%; } }
@media (min-width: 56.25em) {
  .fsConstituentColumnLayout_4 .fsConstituentItem {
    width: 30%; } }
@media (min-width: 62.5em) {
  .fsConstituentColumnLayout_4 .fsConstituentItem {
    width: 22%; } }

.fsProfileSection {
  margin-bottom: 1em; }

@media (min-width: 50em) {
  .fsConstituent.fsSearch form {
    margin-right: -0.5em;
    margin-left: -0.5em; } }
.fsConstituent.fsSearch label {
  margin-bottom: 1em;
  display: block; }
  @media (min-width: 50em) {
    .fsConstituent.fsSearch label {
      display: inline-block;
      vertical-align: top;
      width: 49.5%;
      padding-right: 0.5em;
      padding-left: 0.5em; } }
  @media (min-width: 56.25em) {
    .fsConstituent.fsSearch label {
      width: 32.83333%; } }
.fsConstituent.fsSearch input,
.fsConstituent.fsSearch select {
  display: block;
  width: 100%; }
.fsConstituent.fsSearch [type*='submit'] {
  width: auto; }
  @media (min-width: 50em) {
    .fsConstituent.fsSearch [type*='submit'] {
      margin-left: 0.5em; } }

/*! elements - news v0.0.1 */
body:not(.fsDraftMode) .fsNews article {
  font-weight: 300;
  text-align: left; }
  body:not(.fsDraftMode) .fsNews article > a:not(.fsReadMoreLink) {
    display: block;
    margin-bottom: 1em; }
  body:not(.fsDraftMode) .fsNews article .fsTitle {
    margin-top: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    color: #555555;
    margin-bottom: 0.4em;
    font-size: 1.25em;
    line-height: 1.4em;
    font-style: italic;
    font-style: normal;
    font-weight: 300; }
    body:not(.fsDraftMode) .fsNews article .fsTitle > h1 {
      font-family: "Open Sans", sans-serif;
      font-size: 45px !important;
      margin-top: 1em; }
    body:not(.fsDraftMode) .fsNews article .fsTitle a {
      display: block;
      color: #555555; }
      body:not(.fsDraftMode) .fsNews article .fsTitle a:hover {
        color: #1ba7bf; }
  body:not(.fsDraftMode) .fsNews article .fsAuthor {
    font-size: 1em;
    color: #a1a1a1;
    text-transform: uppercase; }
  body:not(.fsDraftMode) .fsNews article .fsDateTime {
    font-size: 1em;
    color: #a1a1a1; }
    body:not(.fsDraftMode) .fsNews article .fsDateTime .fsTime {
      display: none; }
  body:not(.fsDraftMode) .fsNews article .fsReadMoreLink:hover {
    color: #149bc7; }
  body:not(.fsDraftMode) .fsNews article img.fsThumbnail {
    width: 100%; }
    @media (min-width: 32.25em) {
      body:not(.fsDraftMode) .fsNews article img.fsThumbnail {
        width: auto; } }
body:not(.fsDraftMode) .fsPost .fsTitle {
  font-size: 40px !important; }
body:not(.fsDraftMode) .fsPost .fsCallout {
  margin-top: 1em;
  margin-top: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  color: #555555;
  margin-bottom: 0.55556em;
  font-size: 0.9em;
  line-height: 1.22222em;
  font-weight: 600; }
  @media (min-width: 32.25em) {
    body:not(.fsDraftMode) .fsPost .fsCallout {
      width: 25%;
      float: right;
      margin: 0 0 1em 2em; } }
  body:not(.fsDraftMode) .fsPost .fsCallout form {
    margin-top: 1em; }
body:not(.fsDraftMode) .fsComments {
  text-align: left; }
  body:not(.fsDraftMode) .fsComments .fsCommentCount {
    margin-bottom: 1em;
    background: none;
    border: 1px solid #cccccc;
    cursor: default; }
  body:not(.fsDraftMode) .fsComments .fsCommentForm .fsName {
    margin-bottom: .5em; }
  body:not(.fsDraftMode) .fsComments .fsCommentForm .fsMyComment {
    width: 100%; }
  body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment {
    display: inline-block;
    color: #fff !important;
    text-decoration: none;
    background: #C800DF;
    padding: 0.75em 1.25em;
    border-radius: 5px;
    margin-top: 1.75em;
    border: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 1.5em; }
    body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment:hover {
      background: #9a00ac;
      color: #fff; }
    body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment.pink {
      background: #bd4a99; }
      body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment.pink:hover {
        background: #9b397c; }
    body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment.gold {
      background: #e4ad26; }
      body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment.gold:hover {
        background: #bf8f18; }
    body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment.teal {
      background: #4cc0b9; }
      body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment.teal:hover {
        background: #38a19a; }
    body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment.blue {
      background: #1ba7bf; }
      body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment.blue:hover {
        background: #158092; }
    body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment.purple {
      background: #8c3b8a; }
      body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment.purple:hover {
        background: #682c67; }
    body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment.darkgray {
      background: #555555; }
      body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment.darkgray:hover {
        background: #3b3b3b; }
    body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment.midgray {
      background: #cccccc;
      color: #555555; }
      body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment.midgray:hover {
        background: #b3b3b3; }
    body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment.lightgray {
      background: #ebebeb;
      color: #555555; }
      body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment.lightgray:hover {
        background: #d2d2d2; }
    body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment.green {
      background: #1bbfa6; }
      body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment.green:hover {
        background: #15927f; }
    body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment.moss {
      background: #5d873d; }
      body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment.moss:hover {
        background: #45642d; }
    body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment.grapefruit {
      background: #f85467; }
      body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment.grapefruit:hover {
        background: #f6233b; }
    body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment.left {
      float: left;
      margin-right: 1em; }
    body:not(.fsDraftMode) .fsComments .fsCommentForm .fsPostComment.right {
      float: right;
      margin-left: 1em; }
  body:not(.fsDraftMode) .fsComments .fsComment {
    padding-bottom: .5em;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: .5em; }
    body:not(.fsDraftMode) .fsComments .fsComment:last-child {
      border: none; }
body:not(.fsDraftMode) .news_grid.whitepapers article {
  padding: 1em 1em 2em;
  position: relative; }
  body:not(.fsDraftMode) .news_grid.whitepapers article #grybtm {
    position: absolute;
    bottom: 10px; }
body:not(.fsDraftMode) .news_grid {
  margin: 0 auto 1em;
  padding: 0 1em;
  text-align: center; }
  body:not(.fsDraftMode) .news_grid header {
    display: block;
    width: 100%;
    clear: both;
    text-align: center; }
  body:not(.fsDraftMode) .news_grid article {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    border: 1px solid #ebebeb;
    padding: 1em;
    width: 100%;
    overflow: hidden;
    position: relative; }
    @media (min-width: 43.75em) {
      body:not(.fsDraftMode) .news_grid article {
        width: 49%; } }
    @media (min-width: 63.5em) {
      body:not(.fsDraftMode) .news_grid article {
        width: 262px;
        padding: calc(1em + 3px) calc(1em + 3px) 3px;
        margin: 0 4px 1em; } }
    body:not(.fsDraftMode) .news_grid article .fsTitle {
      font-size: 25px;
      font-weight: normal; }
    body:not(.fsDraftMode) .news_grid article .fsDateTime {
      font-size: 14px;
      text-transform: none; }
    body:not(.fsDraftMode) .news_grid article .fsSummary {
      font-size: 14px; }
    body:not(.fsDraftMode) .news_grid article .fsReadMoreLink {
      display: block;
      font-size: 14px;
      text-align: right; }
    body:not(.fsDraftMode) .news_grid article .fsThumbnail {
      display: block;
      width: 256px;
      margin: 0 auto .5em; }
      @media (min-width: 63.5em) {
        body:not(.fsDraftMode) .news_grid article .fsThumbnail {
          margin: -1em -1em .5em; } }
body:not(.fsDraftMode) .news_grid.recent-signons .fsTitle {
  font-size: 20px;
  line-height: 1.4em;
  margin: .5em 0; }
  body:not(.fsDraftMode) .news_grid.recent-signons .fsTitle a:hover {
    cursor: default !important;
    color: #555555 !important; }
body:not(.fsDraftMode) .news_grid.recent-signons .fsBody p {
  font-size: 16px;
  padding: 0;
  margin: 0; }
@media (min-width: 38.5em) {
  body:not(.fsDraftMode) .resource_news {
    width: 32%;
    display: block;
    float: left;
    margin: 0 .33%;
    vertical-align: top; } }
body:not(.fsDraftMode) .resource_news .fsAlertFeeds,
body:not(.fsDraftMode) .resource_news .fsTime {
  display: none; }
body:not(.fsDraftMode) .resource_news .fsElementTitle {
  display: inline-block;
  padding: 1em 1.6em;
  border-radius: 5px;
  font-size: 10px;
  float: left;
  margin: 2em .9em .5em 2em;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase; }
body:not(.fsDraftMode) .resource_news article {
  padding: 1.5em;
  border: 1px solid #ebebeb;
  background: #fff;
  text-align: left;
  color: #555555;
  margin: 0 0 1em; }
  body:not(.fsDraftMode) .resource_news article .fsDateTime {
    display: inline-block;
    color: #cccccc;
    font-weight: 300;
    font-size: 14px;
    position: relative;
    top: -10px;
    margin-bottom: 10px; }
  body:not(.fsDraftMode) .resource_news article .fsTitle {
    width: 100%;
    clear: both;
    color: #555555; }
    .panel--resources body:not(.fsDraftMode) .resource_news article .fsTitle {
      font-size: 25px; }
    body:not(.fsDraftMode) .resource_news article .fsTitle a {
      color: #555555; }
  .panel--resources body:not(.fsDraftMode) .resource_news article .fsSummary {
    font-size: 14px; }
  body:not(.fsDraftMode) .resource_news article .fsReadMoreLink {
    font-size: 14px;
    color: #1ba7bf;
    font-weight: 600;
    display: block;
    text-align: right; }
body:not(.fsDraftMode) .resource--whitepapers .fsElementTitle {
  background: #1ba7bf; }
body:not(.fsDraftMode) .resource--blog .fsElementTitle {
  background: #1bbfa6; }
body:not(.fsDraftMode) .resource--casestudy .fsElementTitle {
  background: #f85467; }

/*! elements - search v0.0.1 */
.site-search-trigger {
  position: absolute;
  top: 12px;
  right: 50px;
  background: none;
  border: none;
  margin: 0;
  padding: 0; }
  @media (min-width: 57.25em) {
    .site-search-trigger {
      padding: 0 0 0 4px;
      border-left: 2px solid #b5b5b6; } }
  .site-search-trigger:before {
    content: "";
    font-family: "FontAwesome";
    font-smoothing: antialiased;
    font-weight: normal;
    speak: none;
    color: #555555;
    font-weight: 300;
    border: none;
    font-size: 18px;
    height: 36px;
    width: 36px;
    display: block;
    text-align: center;
    padding: 7px; }
  .site-search-trigger:hover:before {
    color: #1ba7bf; }

.site-search {
  color: #555555;
  width: 240px;
  position: absolute;
  top: 11px;
  right: 11px;
  z-index: 99999;
  display: none; }
  [data-drawer-state="visible"] .site-search {
    display: block; }
  .site-search .gsc-input-box {
    background: #fff !important;
    border-radius: .3em;
    border: 1px solid #cccccc;
    height: 42px; }
    .site-search .gsc-input-box .gsc-input {
      background: none !important;
      padding: 4px !important;
      height: 34px !important;
      width: 100% !important; }
  .site-search .gsc-search-button {
    background: #C800DF;
    border: none;
    padding: .2em .5em;
    border-radius: .3em;
    background: none !important; }
    .site-search .gsc-search-button * {
      background: none !important; }
    .site-search .gsc-search-button:hover {
      background: #9a00ac; }

.fsLayout .fsSearch * {
  box-sizing: content-box; }
.fsLayout .fsSearch .gsc-input-box {
  height: auto; }

body:not(.fsDraftMode) {
  /* START: Accommodating for IE */
  /* END: Accommodating for IE */ }
  body:not(.fsDraftMode) .filter-menu {
    margin: 0;
    padding-left: 0;
    list-style: none;
    text-align: center;
    margin-bottom: 2em; }
    body:not(.fsDraftMode) .filter-menu ul {
      margin-bottom: 0;
      padding-left: 0;
      list-style: none; }
    body:not(.fsDraftMode) .filter-menu a {
      display: block; }
    body:not(.fsDraftMode) .filter-menu li {
      display: inline-block;
      color: #555555;
      margin: 0 2em 1em 0;
      font-size: 14px;
      text-transform: uppercase;
      cursor: pointer;
      position: relative; }
      body:not(.fsDraftMode) .filter-menu li:last-child {
        margin-right: 0; }
      body:not(.fsDraftMode) .filter-menu li.active {
        font-weight: bold; }
      body:not(.fsDraftMode) .filter-menu li:after {
        content: "";
        position: absolute;
        height: 3px;
        top: 1.5em;
        left: 0;
        right: 0;
        bottom: 0;
        background: #1ba7bf;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-duration: 0.3s;
        transition-timing-function: ease-out; }
      body:not(.fsDraftMode) .filter-menu li.active:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1); }
  body:not(.fsDraftMode) .flip-container {
    -webkit-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding: 0;
    display: none; }
    body:not(.fsDraftMode) .flip-container.active {
      display: inline-block; }
    body:not(.fsDraftMode) .flip-container h3, body:not(.fsDraftMode) .flip-container h4 {
      font-size: 20px;
      color: #fff; }
    body:not(.fsDraftMode) .flip-container h3 {
      font-weight: bold; }
    body:not(.fsDraftMode) .flip-container h4 {
      font-style: italic;
      font-weight: 100; }
  body:not(.fsDraftMode) .flip-container:hover .back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg); }
  body:not(.fsDraftMode) .flip-container:hover .front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  body:not(.fsDraftMode) .flip-container {
    width: 275px;
    height: 275px;
    margin: 0 .5em .5em 0; }
  body:not(.fsDraftMode) .flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -moz-transition: 0.6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative; }
  body:not(.fsDraftMode) .front, body:not(.fsDraftMode) .back {
    width: 100%;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid #ebebeb;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    position: absolute;
    top: 0;
    left: 0;
    min-height: 275px; }
  body:not(.fsDraftMode) .front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    background: #fff;
    z-index: 2;
    background-size: cover; }
  body:not(.fsDraftMode) .back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    display: block;
    font-size: 18px;
    line-height: 1.3em;
    color: #fff;
    z-index: 5;
    text-align: left;
    padding: .5em;
    text-align: top;
    background: #4cc0b9;
    overflow: hidden;
    font-weight: 300;
    border: 1px solid #ebebeb;
    transition: all .4s ease-in; }
    body:not(.fsDraftMode) .back .title {
      display: none; }
    body:not(.fsDraftMode) .back h3 {
      font-style: normal; }
    body:not(.fsDraftMode) .back p,
    body:not(.fsDraftMode) .back h4,
    body:not(.fsDraftMode) .back ul li {
      font-size: .9em; }
    body:not(.fsDraftMode) .back ul {
      margin-left: 0; }
    body:not(.fsDraftMode) .back span:after {
      content: "";
      font-family: "FontAwesome";
      font-smoothing: antialiased;
      font-weight: normal;
      speak: none;
      position: absolute;
      bottom: 10px;
      right: 10px; }
  body:not(.fsDraftMode) .back a {
    color: #fff;
    display: block;
    width: 275px;
    height: 275px;
    position: absolute;
    top: 0;
    left: 0;
    padding: .5em; }

.pp_inline {
  background: #fff;
  padding: 1em;
  color: #555555;
  max-height: 600px;
  overflow: auto; }
  .pp_inline p {
    line-height: 1.4em; }

.modal {
  display: none; }

.fsComposeMode .modal {
  display: block !important; }

.fsMediaCustomPlayer {
  background: none;
  position: relative; }
  .fsMediaCustomPlayer article {
    background-position: center;
    background-size: cover;
    outline: 0;
    position: relative; }
    .fsMediaCustomPlayer article img {
      opacity: 0;
      visibility: hidden; }
  .fsMediaCustomPlayer .caption-wrapper {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    left: 0;
    line-height: 28px;
    padding: 10;
    position: absolute;
    width: 100%; }
    @media (min-width: 50em) {
      .fsMediaCustomPlayer .caption-wrapper {
        padding: 20; } }
    .fsMediaCustomPlayer .caption-wrapper a {
      color: rgba(255, 255, 255, 0.5); }
      .fsMediaCustomPlayer .caption-wrapper a:hover {
        text-decoration: underline; }
  @media (min-width: 50em) {
    .fsMediaCustomPlayer .caption-title {
      margin-bottom: 0; } }
  .fsMediaCustomPlayer .caption-desc {
    display: none; }
    @media (min-width: 50em) {
      .fsMediaCustomPlayer .caption-desc {
        display: block; } }
    .fsMediaCustomPlayer .caption-desc p:last-child {
      margin-bottom: 0; }
    .fsMediaCustomPlayer .caption-desc:empty {
      display: none; }
  .fsMediaCustomPlayer .slick-next, .fsMediaCustomPlayer .slick-prev {
    background: none;
    border: none;
    color: transparent;
    height: 40px;
    outline: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    z-index: 2; }
    .fsMediaCustomPlayer .slick-next:before, .fsMediaCustomPlayer .slick-prev:before {
      color: #fff;
      display: block;
      font-size: 50px;
      font-weight: normal;
      height: 100%;
      left: 0;
      line-height: 30px;
      position: absolute;
      top: 0;
      width: 100%;
      text-align: center;
      text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.35); }
  .fsMediaCustomPlayer .slick-next {
    left: auto;
    right: 0; }
    .fsMediaCustomPlayer .slick-next:before {
      content: '\203A'; }
  .fsMediaCustomPlayer .slick-prev {
    left: 0;
    right: auto; }
    .fsMediaCustomPlayer .slick-prev:before {
      content: '\2039'; }

.fiftyfiftySlider {
  margin-bottom: 40px; }
  .fiftyfiftySlider .slick-prev,
  .fiftyfiftySlider .slick-next {
    position: absolute;
    top: auto;
    bottom: 350px;
    -webkit-transform: none;
    transform: none;
    width: 50px;
    height: 50px;
    transition: 0.3s background;
    display: block !important;
    background: rgba(0, 0, 0, 0.2); }
    @media (min-width: 31.25em) {
      .fiftyfiftySlider .slick-prev,
      .fiftyfiftySlider .slick-next {
        bottom: 470px; } }
    @media (min-width: 43.75em) {
      .fiftyfiftySlider .slick-prev,
      .fiftyfiftySlider .slick-next {
        top: 1px;
        bottom: auto; } }
    .fiftyfiftySlider .slick-prev:hover,
    .fiftyfiftySlider .slick-next:hover {
      background: rgba(0, 0, 0, 0.4); }
    .fiftyfiftySlider .slick-prev:before,
    .fiftyfiftySlider .slick-next:before {
      display: block;
      font-size: 1.625rem;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      text-align: center;
      line-height: 50px;
      color: #FFF; }
  .fiftyfiftySlider .slick-prev {
    left: 0; }
    @media (min-width: 31.25em) {
      .fiftyfiftySlider .slick-prev {
        left: 10px; } }
    .fiftyfiftySlider .slick-prev:before {
      content: "";
      font-family: "FontAwesome";
      font-smoothing: antialiased;
      font-weight: normal;
      speak: none; }
  .fiftyfiftySlider .slick-next {
    right: 0; }
    @media (min-width: 31.25em) {
      .fiftyfiftySlider .slick-next {
        left: 62px;
        right: auto; } }
    .fiftyfiftySlider .slick-next:before {
      content: "";
      font-family: "FontAwesome";
      font-smoothing: antialiased;
      font-weight: normal;
      speak: none; }
  .fiftyfiftySlider .bpa-slide {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: #f8f8f8; }
    .fiftyfiftySlider .bpa-slide:focus {
      outline: 0; }
    @media (min-width: 43.75em) {
      .fiftyfiftySlider .bpa-slide {
        min-height: 480px; } }
    .fiftyfiftySlider .bpa-slide .caption-wrapper {
      position: static;
      top: 0;
      left: 0;
      bottom: auto;
      right: auto;
      -webkit-transform: none;
      transform: none;
      text-align: center;
      padding: 65px 30px 65px;
      font-weight: normal;
      font-family: "Open Sans", sans-serif;
      background: transparent; }
      @media (min-width: 43.75em) {
        .fiftyfiftySlider .bpa-slide .caption-wrapper {
          width: 50%;
          height: 100%;
          position: absolute;
          padding-bottom: 30px; } }
      .fiftyfiftySlider .bpa-slide .caption-wrapper .caption-title, .fiftyfiftySlider .bpa-slide .caption-wrapper .caption-desc {
        text-align: center;
        text-shadow: none;
        font-size: 1.125rem;
        line-height: 1.2;
        display: block;
        color: #777777; }
      .fiftyfiftySlider .bpa-slide .caption-wrapper .caption-title {
        margin-bottom: 10px;
        font-weight: bold;
        position: relative;
        padding-bottom: 18px; }
        .fiftyfiftySlider .bpa-slide .caption-wrapper .caption-title:after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          background: rgba(0, 0, 0, 0.2);
          width: 30px;
          height: 2px;
          margin: auto;
          background: rgba(0, 0, 0, 0.2); }
      .fiftyfiftySlider .bpa-slide .caption-wrapper .caption-desc h2 {
        color: #1cacc1;
        font-size: 1.875rem;
        line-height: 1.2;
        margin-bottom: 18px;
        color: #1cacc1; }
      .fiftyfiftySlider .bpa-slide .caption-wrapper .caption-desc p {
        line-height: 1.4; }
    .fiftyfiftySlider .bpa-slide article {
      top: 0;
      right: 0;
      position: static;
      height: 350px; }
      @media (min-width: 31.25em) {
        .fiftyfiftySlider .bpa-slide article {
          height: 470px; } }
      @media (min-width: 43.75em) {
        .fiftyfiftySlider .bpa-slide article {
          height: 100%;
          width: 50%;
          position: absolute; } }

/*! elements - tabs v0.0.1 */
.fsElement.fsTabs:not(.home_tabs) .ui-widget {
  padding: 0;
  font-family: inherit;
  background: none;
  border: 0;
  border-radius: 0;
  color: #1c1c1c; }
.fsElement.fsTabs:not(.home_tabs) .ui-tabs-nav {
  padding: 0;
  letter-spacing: 0;
  font-family: inherit;
  font-size: 1em;
  line-height: 1.4em;
  background: none;
  color: #555555; }
.fsElement.fsTabs:not(.home_tabs) .ui-corner-all, .fsElement.fsTabs:not(.home_tabs) .ui-corner-top, .fsElement.fsTabs:not(.home_tabs) .ui-corner-right, .fsElement.fsTabs:not(.home_tabs) .ui-corner-tr {
  border-radius: 0 !important; }
.fsElement.fsTabs:not(.home_tabs) .fsTabsNavItem {
  float: none !important;
  display: inline-block;
  vertical-align: top;
  margin: 0 4px 0 0;
  margin: 0 -4px 0 !important;
  padding: 1.4em 2em 1.4em !important;
  background: none;
  border: none;
  border-top: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  text-transform: uppercase;
  font-size: 0.7em; }
  .fsElement.fsTabs:not(.home_tabs) .fsTabsNavItem.fsStateSelected a {
    background: rgba(37, 37, 37, 0.1);
    color: #1c1c1c; }
  .fsElement.fsTabs:not(.home_tabs) .fsTabsNavItem:hover a {
    background: none;
    color: #1c1c1c; }
  .fsElement.fsTabs:not(.home_tabs) .fsTabsNavItem:first-child {
    border-left: 1px solid #ebebeb;
    margin-left: 0 !important; }
.fsElement.fsTabs:not(.home_tabs) .ui-tabs-anchor {
  float: none;
  display: block;
  color: #555555;
  outline: 0;
  padding: 0 0 .2em 0 !important;
  width: auto;
  display: inline; }
  .fsTabs .ui-tabs-anchor:hover {
    border-bottom: 3px solid #555555; }
  .fsTabs .ui-tabs-active {
    background: #ebebeb !important; }
  .fsTabs .ui-tabs-active .ui-tabs-anchor {
    border-bottom: 3px solid #555555; }
.fsElement.fsTabs:not(.home_tabs) .fsTab {
  zoom: 1;
  padding: 5% 5% 2% 5%;
  background: #ebebeb; }
  .fsElement.fsTabs:not(.home_tabs) .fsTab:after {
    display: table;
    clear: both;
    content: ''; }
  .fsElement.fsTabs:not(.home_tabs) .fsTab .fsElement {
    text-align: left; }
.fsElement.fsTabs:not(.home_tabs).compact {
  font-size: 13px; }
  .fsElement.fsTabs:not(.home_tabs).compact h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1.5em; }
  .fsElement.fsTabs:not(.home_tabs).compact h4 {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0; }
.fsElement.fsTabs:not(.home_tabs).tabs_alt .fsTab,
.fsElement.fsTabs:not(.home_tabs).tabs_alt .fsPanel {
  background: none;
  padding: 1.5em 0 !important; }
.fsElement.fsTabs:not(.home_tabs).tabs_alt .ui-tabs-active,
.fsElement.fsTabs:not(.home_tabs).tabs_alt .fsTabsNavItem.fsStateSelected {
  background: none !important; }
.fsElement.fsTabs:not(.home_tabs).tabs_alt .ui-tabs-anchor,
.fsElement.fsTabs:not(.home_tabs).tabs_alt .fsTabsNavItem a {
  border-bottom: none; }
.fsElement.fsTabs:not(.home_tabs).tabs_alt .ui-tabs-anchor:hover,
.fsElement.fsTabs:not(.home_tabs).tabs_alt .fsTabsNavItem a:hover {
  border-bottom: none; }
.fsElement.fsTabs:not(.home_tabs).tabs_alt .fsTabsNavItem {
  border: none;
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
  padding: 1em 1.5em !important;
  margin: 0 !important; }
  .fsElement.fsTabs:not(.home_tabs).tabs_alt .fsTabsNavItem:first-child {
    border-left: 0; }
  .fsElement.fsTabs:not(.home_tabs).tabs_alt .fsTabsNavItem a {
    background: none;
    padding: 0; }
  .fsElement.fsTabs:not(.home_tabs).tabs_alt .fsTabsNavItem.ui-tabs-active, .fsElement.fsTabs:not(.home_tabs).tabs_alt .fsTabsNavItem.fsStateSelected {
    font-weight: bold; }
    .fsElement.fsTabs:not(.home_tabs).tabs_alt .fsTabsNavItem.ui-tabs-active a, .fsElement.fsTabs:not(.home_tabs).tabs_alt .fsTabsNavItem.fsStateSelected a {
      border: 0 !important; }
  .fsElement.fsTabs:not(.home_tabs).tabs_alt .fsTabsNavItem:after {
    content: "";
    position: absolute;
    height: 3px;
    top: 3.3em;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1ba7bf;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out; }
  .fsElement.fsTabs:not(.home_tabs).tabs_alt .fsTabsNavItem.ui-tabs-active:after, .fsElement.fsTabs:not(.home_tabs).tabs_alt .fsTabsNavItem.fsStateSelected:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }

.fsTabs:not(.home_tabs) .fsElementContent .fsTabsNav {
  margin: 0; }
  .fsTabs:not(.home_tabs) .fsElementContent .fsTabsNav li.fsTabsNavItem {
    margin: 0 !important; }
    .fsTabs:not(.home_tabs) .fsElementContent .fsTabsNav li.fsTabsNavItem > a {
      display: inline-block;
      padding: 0 0 .2em 0;
      background: none; }
    .fsTabs:not(.home_tabs) .fsElementContent .fsTabsNav li.fsTabsNavItem.fsStateSelected {
      background: rgba(37, 37, 37, 0.1); }
      .fsTabs:not(.home_tabs) .fsElementContent .fsTabsNav li.fsTabsNavItem.fsStateSelected > a {
        border-bottom: 3px solid #555555; }
.fsTabs:not(.home_tabs) .fsPanel {
  background: #ebebeb; }

/*! components - alert v0.0.1 */
.alert {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  width: 100%;
  padding: 2em 1em;
  background: #1c1c1c;
  background: rgba(28, 28, 28, 0.95);
  box-shadow: 0 0 0 1em rgba(28, 28, 28, 0.25);
  color: #fff;
  transition: opacity .3s, visibility .3s; }
  .alert article {
    border: 0;
    margin: 0;
    padding: 0; }
  .hide-alert .alert {
    pointer-events: none;
    opacity: 0;
    visibility: hidden; }

.close-alert {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 500;
  padding: 1em 1.25em;
  cursor: pointer; }
  .close-alert:hover {
    background: rgba(20, 155, 199, 0.5); }

/*! Components - Hero v0.0.1 */
body {
  background: url(/uploaded/build/default_15/images/hdrs/composer_hdr_mobile.jpg) 50% 0 fixed no-repeat;
  background-size: contain !important; }
  @media (min-width: 31.25em) {
    body {
      background: url(/uploaded/build/default_15/images/hdrs/composer_hdr.jpg) 50% 0 fixed no-repeat;
      background-size: auto !important; } }
  @media (min-width: 87.5em) {
    body {
      background-size: contain !important; }
      body:before {
        display: block;
        content: '';
        height: 500px;
        width: 100%;
        position: absolute;
        top: 443px;
        background: #fff; } }

body.slide-landing {
  background: none !important; }

.fsSection3 {
  background: url(/uploaded/build/default_15/images/hdrs/composer_hdr_mobile.jpg) 50% 0 fixed no-repeat; }
  @media (min-width: 32.25em) {
    .fsSection3 {
      background: url(/uploaded/build/default_15/images/hdrs/composer_hdr.jpg) 50% 0 fixed no-repeat; } }

.learn_page {
  background: url(/uploaded/build/default_15/images/hdrs/learn_hdr_mobile.jpg) 50% 0 fixed no-repeat; }
  @media (min-width: 32.25em) {
    .learn_page {
      background: url(/uploaded/build/default_15/images/hdrs/learn_hdr.jpg) 50% 0 fixed no-repeat; } }

.apply_page,
body[data-pageid="483"],
body[data-pageid="484"],
body[data-pageid="486"] {
  background: url(/uploaded/build/default_15/images/hdrs/apply_hdr_mobile.jpg) 50% 0 fixed no-repeat; }
  @media (min-width: 32.25em) {
    .apply_page,
    body[data-pageid="483"],
    body[data-pageid="484"],
    body[data-pageid="486"] {
      background: url(/uploaded/build/default_15/images/hdrs/apply_hdr.jpg) 50% 0 fixed no-repeat; } }

.dashboard_page {
  background: url(/uploaded/build/default_15/images/hdrs/dashboard_hdr_mobile.jpg) 50% 0 fixed no-repeat; }
  @media (min-width: 32.25em) {
    .dashboard_page {
      background: url(/uploaded/build/default_15/images/hdrs/dashboard_hdr.jpg) 50% 0 fixed no-repeat; } }

.fsSection4 {
  background: url(/uploaded/build/default_15/images/hdrs/services_hdr_mobile.jpg) 50% 0 fixed no-repeat; }
  @media (min-width: 32.25em) {
    .fsSection4 {
      background: url(/uploaded/build/default_15/images/hdrs/services_hdr.jpg) 50% 0 fixed no-repeat; } }

.fsSection5 {
  background: url(/uploaded/build/default_15/images/hdrs/blog_hdr_mobile.jpg) 50% 0 fixed no-repeat; }
  @media (min-width: 32.25em) {
    .fsSection5 {
      background: url(/uploaded/build/default_15/images/hdrs/blog_hdr.jpg) 50% 0 fixed no-repeat; } }

.fsSection187 {
  background: url(/uploaded/build/default_15/images/hdrs/resources2_hdr_mobile.jpg) 50% 0 fixed no-repeat; }
  @media (min-width: 32.25em) {
    .fsSection187 {
      background: url(/uploaded/build/default_15/images/hdrs/resources2_hdr.jpg) 50% 0 fixed no-repeat; } }

.fsSection7 {
  background: url(/uploaded/build/default_15/images/hdrs/clientsuccess_hdr_mobile.jpg) 50% 0 fixed no-repeat; }
  @media (min-width: 32.25em) {
    .fsSection7 {
      background: url(/uploaded/build/default_15/images/hdrs/clientsuccess_hdr.jpg) 50% 0 fixed no-repeat; } }

.fsSection124 {
  background: url(/uploaded/build/default_15/images/hdrs/clientsuccess_hdr_mobile.jpg) 50% 0 fixed no-repeat; }
  @media (min-width: 32.25em) {
    .fsSection124 {
      background: url(/uploaded/build/default_15/images/hdrs/clientsuccess_hdr.jpg) 50% 0 fixed no-repeat; } }

.fsSection8 {
  background: url(/uploaded/build/default_15/images/hdrs/marketplace2_hdr_mobile.jpg) 50% 0 fixed no-repeat; }
  @media (min-width: 32.25em) {
    .fsSection8 {
      background: url(/uploaded/build/default_15/images/hdrs/marketplace2_hdr.jpg) 50% 0 fixed no-repeat; } }

.integrations_page {
  background: url(/uploaded/build/default_15/images/hdrs/marketplace2_hdr_mobile.jpg) 50% 0 fixed no-repeat; }
  @media (min-width: 32.25em) {
    .integrations_page {
      background: url(/uploaded/build/default_15/images/hdrs/marketplace2_hdr.jpg) 50% 0 fixed no-repeat; } }

.fsSection9 {
  background: url(/uploaded/build/default_15/images/hdrs/solutionbuilder_hdr_mobile.jpg) 50% 0 fixed no-repeat; }
  @media (min-width: 32.25em) {
    .fsSection9 {
      background: url(/uploaded/build/default_15/images/hdrs/solutionbuilder_hdr.jpg) 50% 0 fixed no-repeat; } }

.fsSection124 {
  background: url(/uploaded/build/default_15/images/hdrs/team_hdr_mobile.jpg) 50% 0 fixed no-repeat; }
  @media (min-width: 32.25em) {
    .fsSection124 {
      background: url(/uploaded/build/default_15/images/hdrs/team_hdr.jpg) 50% 0 fixed no-repeat; } }

.fsSection13 {
  background: url(/uploaded/build/default_15/images/hdrs/composer_hdr_mobile.jpg) 50% 0 fixed no-repeat; }
  @media (min-width: 32.25em) {
    .fsSection13 {
      background: url(/uploaded/build/default_15/images/hdrs/composer_hdr.jpg) 50% 0 fixed no-repeat; } }

body[data-pageid="118"] {
  background: url(/uploaded/build/default_15/images/hdrs/events_hdr_mobile.jpg) 50% 0 fixed no-repeat; }
  @media (min-width: 32.25em) {
    body[data-pageid="118"] {
      background: url(/uploaded/build/default_15/images/hdrs/events_hdr.jpg) 50% 0 fixed no-repeat; } }

body[data-pageid="34"],
body[data-pageid="37"] {
  background: url(/uploaded/build/default_15/images/hdrs/portfolio_hdr_mobile.jpg) 50% 0 fixed no-repeat; }
  @media (min-width: 32.25em) {
    body[data-pageid="34"],
    body[data-pageid="37"] {
      background: url(/uploaded/build/default_15/images/hdrs/portfolio_hdr.jpg) 50% 0 fixed no-repeat; } }

body[data-pageid="202"] {
  background: url(/uploaded/build/default_15/images/hdrs/solutionbuilder_hdr_mobile.jpg) 50% 0 fixed no-repeat; }
  @media (min-width: 32.25em) {
    body[data-pageid="202"] {
      background: url(/uploaded/build/default_15/images/hdrs/solutionbuilder_hdr.jpg) 50% 0 fixed no-repeat; } }

/*! slick slider - v 1.4.1 */
/*! MIT License | http://kenwheeler.github.io/slick/ */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  display: inline-block;
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  @media (min-width: 37.5em) {
    .slick-slide {
      margin: 0 10px; } }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-prev,
.slick-next {
  position: absolute;
  top: 0;
  display: block;
  line-height: 4em;
  font-size: 4em;
  cursor: pointer;
  background: transparent;
  color: transparent;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  text-align: center;
  overflow: hidden; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      color: white; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "FontAwesome";
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: 0; }
  @media (min-width: 37.5em) {
    .slick-prev {
      left: 0; } }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: 0; }
    @media (min-width: 37.5em) {
      [dir="rtl"] .slick-prev {
        right: 0; } }
  .slick-prev:before {
    text-shadow: -1px 0 #000;
    content: ""; }
    [dir="rtl"] .slick-prev:before {
      content: ""; }

.slick-next {
  right: 0; }
  @media (min-width: 37.5em) {
    .slick-next {
      right: 0; } }
  [dir="rtl"] .slick-next {
    right: auto;
    left: 0; }
    @media (min-width: 37.5em) {
      [dir="rtl"] .slick-next {
        left: 0; } }
  .slick-next:before {
    text-shadow: 1px 0 #000;
    content: ""; }
    [dir="rtl"] .slick-next:before {
      content: ""; }

.slick-dots {
  list-style: none;
  display: block;
  text-align: center;
  width: 100%;
  margin: 0 0 1em 0;
  padding: 0; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 1em;
    width: 1em;
    margin: 0.25em;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 1em;
      width: 1em;
      outline: none;
      line-height: 1em;
      font-size: 1em;
      color: transparent;
      cursor: pointer;
      overflow: hidden;
      transition: all .5s linear; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          transition: all .5s linear;
          content: "";
          color: rgba(200, 0, 223, 0.65); }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        height: 1em;
        width: 1em;
        font-family: "FontAwesome";
        text-align: center;
        color: #ebebeb;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      content: "";
      color: rgba(200, 0, 223, 0.95); }

div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right {
  height: 13px; }

div.pp_default .pp_top .pp_left {
  background: url(/uploaded/build/default_15/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; }

div.pp_default .pp_top .pp_middle {
  background: url(/uploaded/build/default_15/images/prettyPhoto/default/sprite_x.png) top left repeat-x; }

div.pp_default .pp_top .pp_right {
  background: url(/uploaded/build/default_15/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; }

div.pp_default .pp_content .ppt {
  color: #f8f8f8; }

div.pp_default .pp_content_container .pp_left {
  background: url(/uploaded/build/default_15/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
  padding-left: 13px; }

div.pp_default .pp_content_container .pp_right {
  background: url(/uploaded/build/default_15/images/prettyPhoto/default/sprite_y.png) top right repeat-y;
  padding-right: 13px; }

div.pp_default .pp_next:hover {
  background: url(/uploaded/build/default_15/images/prettyPhoto/default/sprite_next.png) center right no-repeat;
  cursor: pointer; }

div.pp_default .pp_previous:hover {
  background: url(/uploaded/build/default_15/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
  cursor: pointer; }

div.pp_default .pp_expand {
  background: url(/uploaded/build/default_15/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
  cursor: pointer;
  width: 28px;
  height: 28px; }

div.pp_default .pp_expand:hover {
  background: url(/uploaded/build/default_15/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
  cursor: pointer; }

div.pp_default .pp_contract {
  background: url(/uploaded/build/default_15/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
  cursor: pointer;
  width: 28px;
  height: 28px; }

div.pp_default .pp_contract:hover {
  background: url(/uploaded/build/default_15/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
  cursor: pointer; }

div.pp_default .pp_close {
  width: 30px;
  height: 30px;
  background: url(/uploaded/build/default_15/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
  cursor: pointer; }

div.pp_default .pp_gallery ul li a {
  background: url(/uploaded/build/default_15/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
  border: 1px solid #aaa; }

div.pp_default .pp_social {
  margin-top: 7px; }

div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next {
  position: static;
  left: auto; }

div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause {
  background: url(/uploaded/build/default_15/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
  height: 30px;
  width: 30px; }

div.pp_default .pp_nav .pp_pause {
  background-position: -51px -29px; }

div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next {
  background: url(/uploaded/build/default_15/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
  height: 20px;
  width: 20px;
  margin: 4px 0 0; }

div.pp_default a.pp_arrow_next {
  left: 52px;
  background-position: -82px -3px; }

div.pp_default .pp_content_container .pp_details {
  margin-top: 5px; }

div.pp_default .pp_nav {
  clear: none;
  height: 30px;
  width: 110px;
  position: relative; }

div.pp_default .pp_nav .currentTextHolder {
  font-family: Georgia;
  font-style: italic;
  color: #999;
  font-size: 11px;
  left: 75px;
  line-height: 25px;
  position: absolute;
  top: 2px;
  margin: 0;
  padding: 0 0 0 10px; }

div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover {
  opacity: 0.7; }

div.pp_default .pp_description {
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
  margin: 5px 50px 5px 0; }

div.pp_default .pp_bottom .pp_left {
  background: url(/uploaded/build/default_15/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; }

div.pp_default .pp_bottom .pp_middle {
  background: url(/uploaded/build/default_15/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; }

div.pp_default .pp_bottom .pp_right {
  background: url(/uploaded/build/default_15/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; }

div.pp_default .pp_loaderIcon {
  background: url(/uploaded/build/default_15/images/prettyPhoto/default/loader.gif) center center no-repeat; }

div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content {
  background: transparent; }

div.dark_square .pp_description {
  color: #fff;
  margin: 0 85px 0 0; }

div.dark_square .pp_loaderIcon {
  background: url(/uploaded/build/default_15/images/prettyPhoto/dark_square/loader.gif) center center no-repeat; }

div.dark_square .pp_expand {
  background: url(/uploaded/build/default_15/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
  cursor: pointer; }

div.dark_square .pp_expand:hover {
  background: url(/uploaded/build/default_15/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
  cursor: pointer; }

div.dark_square .pp_contract {
  background: url(/uploaded/build/default_15/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
  cursor: pointer; }

div.dark_square .pp_contract:hover {
  background: url(/uploaded/build/default_15/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
  cursor: pointer; }

div.dark_square .pp_close {
  opacity: .5;
  width: 30px;
  height: 30px;
  background: url(/uploaded/build/default_15/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
  cursor: pointer; }
  div.dark_square .pp_close:hover {
    opacity: 1; }

div.dark_square .pp_nav {
  clear: none; }

div.dark_square .pp_nav .pp_play {
  background: url(/uploaded/build/default_15/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
  height: 15px;
  width: 14px; }

div.dark_square .pp_nav .pp_pause {
  background: url(/uploaded/build/default_15/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
  height: 15px;
  width: 14px; }

div.dark_square .pp_arrow_previous {
  background: url(/uploaded/build/default_15/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; }

div.dark_square .pp_arrow_next {
  background: url(/uploaded/build/default_15/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; }

div.dark_square .pp_next:hover {
  background: url(/uploaded/build/default_15/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
  cursor: pointer; }

div.dark_square .pp_previous:hover {
  background: url(/uploaded/build/default_15/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
  cursor: pointer; }

div.pp_pic_holder a:focus {
  outline: none; }

div.pp_overlay {
  background: #000;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9500; }

div.pp_pic_holder {
  display: none;
  position: absolute;
  width: 100px;
  z-index: 10000; }

.pp_content {
  height: 40px;
  min-width: 40px; }

* html .pp_content {
  width: 40px; }

.pp_content_container {
  position: relative;
  text-align: left;
  width: 100%; }

.pp_content_container .pp_left {
  padding-left: 20px; }

.pp_content_container .pp_right {
  padding-right: 20px; }

.pp_content_container .pp_details {
  float: left;
  margin: 10px 0 2px; }

.pp_description {
  display: none;
  margin: 0; }

.pp_social {
  float: left;
  margin: 0; }

.pp_social .facebook {
  float: left;
  margin-left: 5px;
  width: 55px;
  overflow: hidden; }

.pp_social .twitter {
  float: left; }

.pp_nav {
  clear: right;
  float: left;
  margin: 3px 10px 0 0; }

.pp_nav p {
  float: left;
  white-space: nowrap;
  margin: 2px 4px; }

.pp_nav .pp_play, .pp_nav .pp_pause {
  float: left;
  margin-right: 4px;
  text-indent: -10000px; }

a.pp_arrow_previous, a.pp_arrow_next {
  display: block;
  float: left;
  height: 15px;
  margin-top: 3px;
  overflow: hidden;
  text-indent: -10000px;
  width: 14px; }

.pp_hoverContainer {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2000; }

.pp_gallery {
  display: none;
  left: 50%;
  margin-top: -50px;
  position: absolute;
  z-index: 10000; }

.pp_gallery div {
  float: left;
  overflow: hidden;
  position: relative; }

.pp_gallery ul {
  float: left;
  height: 35px;
  position: relative;
  white-space: nowrap;
  margin: 0 0 0 5px;
  padding: 0; }

.pp_gallery ul a {
  border: 1px rgba(0, 0, 0, 0.5) solid;
  display: block;
  float: left;
  height: 33px;
  overflow: hidden; }

.pp_gallery ul a img {
  border: 0; }

.pp_gallery li {
  display: block;
  float: left;
  margin: 0 5px 0 0;
  padding: 0; }

.pp_gallery li.default a {
  background: url(/uploaded/build/default_15/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
  display: block;
  height: 33px;
  width: 50px; }

.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {
  margin-top: 7px !important; }

a.pp_next {
  background: url(/uploaded/build/default_15/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
  display: block;
  float: right;
  height: 100%;
  text-indent: -10000px;
  width: 49%; }

a.pp_previous {
  background: url(/uploaded/build/default_15/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
  display: block;
  float: left;
  height: 100%;
  text-indent: -10000px;
  width: 49%; }

a.pp_expand, a.pp_contract {
  cursor: pointer;
  display: none;
  height: 20px;
  position: absolute;
  right: 30px;
  text-indent: -10000px;
  top: 10px;
  width: 20px;
  z-index: 20000; }

a.pp_close {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  line-height: 22px;
  text-indent: -10000px; }

.pp_loaderIcon {
  display: block;
  height: 24px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 24px;
  margin: -12px 0 0 -12px; }

#pp_full_res {
  line-height: 1 !important; }

#pp_full_res .pp_inline {
  text-align: left; }

#pp_full_res .pp_inline p {
  margin: 0 0 15px; }

div.ppt {
  color: #fff;
  display: none;
  font-size: 17px;
  z-index: 9999;
  margin: 0 0 5px 15px; }

div.pp_default .pp_content, div.light_rounded .pp_content {
  background-color: #fff; }

div.pp_default #pp_full_res .pp_inline, div.light_rounded .pp_content .ppt, div.light_rounded #pp_full_res .pp_inline, div.light_square .pp_content .ppt, div.light_square #pp_full_res .pp_inline, div.facebook .pp_content .ppt, div.facebook #pp_full_res .pp_inline {
  color: #000; }

div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a, .pp_gallery ul a:hover, .pp_gallery li.selected a {
  border-color: #fff; }

div.pp_default .pp_details, div.light_rounded .pp_details, div.dark_rounded .pp_details, div.dark_square .pp_details, div.light_square .pp_details, div.facebook .pp_details {
  position: relative; }

div.light_rounded .pp_top .pp_middle, div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_bottom .pp_middle, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content, div.facebook .pp_content {
  background: #fff; }

div.light_rounded .pp_description, div.light_square .pp_description {
  margin-right: 85px; }

div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next, div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next, div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next, div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next {
  margin-top: 12px !important; }

div.light_rounded .pp_arrow_previous.disabled, div.dark_rounded .pp_arrow_previous.disabled, div.dark_square .pp_arrow_previous.disabled, div.light_square .pp_arrow_previous.disabled {
  background-position: 0 -87px;
  cursor: default; }

div.light_rounded .pp_arrow_next.disabled, div.dark_rounded .pp_arrow_next.disabled, div.dark_square .pp_arrow_next.disabled, div.light_square .pp_arrow_next.disabled {
  background-position: -22px -87px;
  cursor: default; }

div.light_rounded .pp_loaderIcon, div.light_square .pp_loaderIcon {
  background: url(/uploaded/build/default_15/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; }

div.dark_rounded .pp_top .pp_middle, div.dark_rounded .pp_content, div.dark_rounded .pp_bottom .pp_middle {
  background: url(/uploaded/build/default_15/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; }

div.dark_rounded .currentTextHolder, div.dark_square .currentTextHolder {
  color: #333; }

div.dark_rounded #pp_full_res .pp_inline, div.dark_square #pp_full_res .pp_inline {
  color: #333; }

.pp_top, .pp_bottom {
  height: 20px;
  position: relative; }

* html .pp_top, * html .pp_bottom {
  padding: 0 20px; }

.pp_top .pp_left, .pp_bottom .pp_left {
  height: 20px;
  left: 0;
  position: absolute;
  width: 20px; }

.pp_top .pp_middle, .pp_bottom .pp_middle {
  height: 20px;
  left: 20px;
  position: absolute;
  right: 20px; }

* html .pp_top .pp_middle, * html .pp_bottom .pp_middle {
  left: 0;
  position: static; }

.pp_top .pp_right, .pp_bottom .pp_right {
  height: 20px;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px; }

.pp_fade, .pp_gallery li.default a img {
  display: none; }

/*! components - sonic-slide v0.0.1 */
.controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 200;
  height: 100%;
  text-align: center;
  pointer-events: none;
  visibility: hidden; }
  .controls span {
    position: absolute;
    top: 0;
    height: 100%;
    cursor: pointer;
    pointer-events: auto;
    visibility: visible; }
    .controls span:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      top: 50%;
      font-family: 'FontAwesome';
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%); }
  .controls .prev {
    left: 0; }
    .controls .prev:before {
      content: '\f104'; }
  .controls .next {
    right: 0; }
    .controls .next:before {
      content: '\f105'; }

.pagination {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 200;
  text-align: center; }
  .pagination span {
    display: inline-block;
    cursor: pointer;
    border-radius: 100%; }
    .pagination span.active {
      pointer-events: none; }

.baby {
  max-width: 100%;
  margin: 0 auto;
  padding-left: 0;
  list-style: none; }

.baby-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 1s ease-out, visibility 1s ease-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-out, visibility 1s ease-out, transform 1s ease-out;
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0); }
  .csstransforms3d .baby-item {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  .no-csstransforms .baby-item {
    left: -100%; }
  .baby-item.active ~ * {
    -webkit-transform: translate(200%, 0);
    transform: translate(200%, 0); }
    .csstransforms3d .baby-item.active ~ * {
      -webkit-transform: translate3d(200%, 0, 0);
      transform: translate3d(200%, 0, 0); }
    .no-csstransforms .baby-item.active ~ * {
      left: 200%; }
  .baby-item.active + * {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0); }
    .csstransforms3d .baby-item.active + * {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0); }
    .no-csstransforms .baby-item.active + * {
      left: 100%; }
  .baby-item.active {
    position: relative;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
    .csstransforms3d .baby-item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    .no-csstransforms .baby-item.active {
      left: 0; }

.controls span {
  width: 15%;
  font-size: 3.5em; }

.pagination {
  text-align: center; }
  .pagination span {
    height: 1em;
    width: 1em;
    margin: 2% 1%;
    background: rgba(255, 255, 255, 0.5); }
    .pagination span:hover {
      background: rgba(255, 255, 255, 0.75); }
    .pagination span.active {
      background: rgba(0, 0, 0, 0.5); }

/*! pages - style-guide v0.0.1 */
.style-guide-page .fsPageTitle {
  margin-bottom: 1.5em;
  padding: 1em;
  background: rgba(0, 0, 0, 0.1); }
.s-divisor {
  margin-bottom: 1em;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.2); }

.colors ol {
  zoom: 1;
  margin-bottom: 2em;
  padding: 0;
  list-style: none; }
  .colors ol:after {
    display: table;
    clear: both;
    content: ''; }
  .colors ol li {
    position: relative;
    float: left;
    margin-bottom: 2em;
    height: 4em;
    width: 36.36364%; }
    @media (min-width: 37.5em) {
      .colors ol li {
        width: 18.18182%; } }
    @media (min-width: 73.75em) {
      .colors ol li {
        margin-bottom: 0;
        width: 9.09091%; } }
    .colors ol li:after {
      position: absolute;
      top: 100%;
      left: 0; }
    .colors ol li:nth-of-type(1) {
      background: #bd4a99;
      color: #bd4a99; }
      .colors ol li:nth-of-type(1):after {
        content: "#bd4a99"; }
    .colors ol li:nth-of-type(2) {
      background: #e4ad26;
      color: #e4ad26; }
      .colors ol li:nth-of-type(2):after {
        content: "#e4ad26"; }
    .colors ol li:nth-of-type(3) {
      background: #4cc0b9;
      color: #4cc0b9; }
      .colors ol li:nth-of-type(3):after {
        content: "#4cc0b9"; }
    .colors ol li:nth-of-type(4) {
      background: #1ba7bf;
      color: #1ba7bf; }
      .colors ol li:nth-of-type(4):after {
        content: "#1ba7bf"; }
    .colors ol li:nth-of-type(5) {
      background: #8c3b8a;
      color: #8c3b8a; }
      .colors ol li:nth-of-type(5):after {
        content: "#8c3b8a"; }
    .colors ol li:nth-of-type(6) {
      background: #555555;
      color: #555555; }
      .colors ol li:nth-of-type(6):after {
        content: "#555555"; }
    .colors ol li:nth-of-type(7) {
      background: #cccccc;
      color: #cccccc; }
      .colors ol li:nth-of-type(7):after {
        content: "#cccccc"; }
    .colors ol li:nth-of-type(8) {
      background: #ebebeb;
      color: #ebebeb; }
      .colors ol li:nth-of-type(8):after {
        content: "#ebebeb"; }
    .colors ol li:nth-of-type(9) {
      background: #1bbfa6;
      color: #1bbfa6; }
      .colors ol li:nth-of-type(9):after {
        content: "#1bbfa6"; }
    .colors ol li:nth-of-type(10) {
      background: #5d873d;
      color: #5d873d; }
      .colors ol li:nth-of-type(10):after {
        content: "#5d873d"; }
    .colors ol li:nth-of-type(11) {
      background: #f85467;
      color: #f85467; }
      .colors ol li:nth-of-type(11):after {
        content: "#f85467"; }

.headers h1:after {
  content: " size: 50px / line: 60"; }
.headers h2:after {
  content: " size: 40px / line: 45"; }
.headers h3:after {
  content: " size: 25px / line: 35"; }
.headers h4:after {
  content: " size: 25px / line: 28"; }
.headers h5:after {
  content: " size: 18px / line: 22"; }
.headers h6:after {
  content: " size: 16px / line: 18"; }

/*! pages - home v0.0.1 */
body.home {
  background: url(/uploaded/build/default_15/images/hdrs/homepage_hdr_mobile.jpg) 50% 0 no-repeat;
  background-size: contain !important; }
  body.home:before {
    display: none; }
  @media (min-width: 32.25em) {
    body.home {
      background: url(/uploaded/build/default_15/images/hdrs/homepage_hdr.jpg) 50% 0 fixed no-repeat;
      background-size: cover !important; } }
  body.home.scrolledPast {
    background: none !important; }
  body.home #fsPageBodyWrapper {
    padding-top: 0; }
  @media (min-width: 32.25em) {
    body.home .intro-bg {
      min-height: 593px; } }
  body.home .intro {
    min-height: 593px; }
    @media (min-width: 26em) {
      body.home .intro {
        min-height: 620px; }
        body.home .intro .hs-cta-wrapper p {
          margin: 0;
          font-style: normal !important;
          font-weight: 400 !important;
          font-family: "Open Sans", sans-serif !important;
          font-size: 16px; } }
    body.home .intro .video1,
    body.home .intro .video2,
    body.home .intro .video3,
    body.home .intro .video4 {
      width: 100%;
      margin: 0;
      padding: 0; }
      body.home .intro .video1 .fsElementContent,
      body.home .intro .video2 .fsElementContent,
      body.home .intro .video3 .fsElementContent,
      body.home .intro .video4 .fsElementContent {
        width: 100%;
        margin: 0;
        padding: 0; }
    @media (min-width: 38.5em) {
      body.home .intro {
        min-height: 593px;
        position: relative;
        padding: 0;
        max-width: 100%;
        margin: 0; }
        body.home .intro p {
          margin-bottom: 1.8em; } }
    body.home .intro video {
      position: absolute;
      top: 0;
      left: 0;
      min-height: 100% !important;
      object-fit: cover !important; }
    body.home .intro .vid-action {
      position: absolute;
      color: #fff;
      top: 0;
      left: 0;
      width: 100%;
      height: 653px;
      padding: 140px 1em 0;
      background-size: cover !important; }
      @media (min-width: 32.25em) {
        body.home .intro .vid-action {
          padding-top: 200px; } }
    body.home .intro h1 {
      font-size: 40px;
      margin-bottom: .3em; }
      @media (min-width: 32.25em) {
        body.home .intro h1 {
          font-size: 48px;
          margin-bottom: .4em; } }
    body.home .intro p {
      font-size: 24px; }
    body.home .intro .button {
      margin: 0 0 .5em 0; }
    body.home .intro .play {
      margin-top: 20px; }
      body.home .intro .play:before {
        content: "";
        font-family: "FontAwesome";
        font-smoothing: antialiased;
        font-weight: normal;
        speak: none;
        background: rgba(129, 129, 129, 0.65);
        border-radius: 5px;
        padding: .8em 1.3em;
        color: #fff; }
  body.home .nav-sub {
    display: none; }
  body.home .home_accordion {
    padding: 0 !important; }
    body.home .home_accordion section {
      position: relative; }
      body.home .home_accordion section:nth-child(1) {
        border-top: 8px solid #bd4a99; }
        body.home .home_accordion section:nth-child(1) .fsElementTitle, body.home .home_accordion section:nth-child(1) .fsElementHeaderContent {
          color: #bd4a99; }
        body.home .home_accordion section:nth-child(1) .fsElementTitle:before {
          content: '';
          display: block;
          height: 74px;
          width: 41px;
          background: url(/uploaded/build/default_15/images/home/composer.svg) 0 0 no-repeat;
          background-size: 41px 74px;
          position: absolute;
          top: -20px;
          left: -45px; }
      body.home .home_accordion section:nth-child(2) {
        border-top: 8px solid #1ba7bf; }
        body.home .home_accordion section:nth-child(2) .fsElementTitle, body.home .home_accordion section:nth-child(2) .fsElementHeaderContent {
          color: #1ba7bf; }
        body.home .home_accordion section:nth-child(2) .fsElementTitle:before {
          content: '';
          display: block;
          height: 54px;
          width: 63px;
          background: url(/uploaded/build/default_15/images/home/apply.svg) 0 0 no-repeat;
          background-size: 63px 54px;
          position: absolute;
          top: -20px;
          left: -45px; }
      body.home .home_accordion section:nth-child(3) {
        border-top: 8px solid #80a259; }
        body.home .home_accordion section:nth-child(3) .fsElementTitle, body.home .home_accordion section:nth-child(3) .fsElementHeaderContent {
          color: #80a259; }
        body.home .home_accordion section:nth-child(3) .fsElementTitle:before {
          content: '';
          display: block;
          height: 58px;
          width: 45px;
          background: url(/uploaded/build/default_15/images/home/learn.svg) 0 0 no-repeat;
          background-size: 45px 58px;
          position: absolute;
          top: -18px;
          left: -50px; }
      body.home .home_accordion section:nth-child(4) {
        border-top: 8px solid #8c3b8a; }
        body.home .home_accordion section:nth-child(4) .fsElementTitle, body.home .home_accordion section:nth-child(4) .fsElementHeaderContent {
          color: #8c3b8a; }
        body.home .home_accordion section:nth-child(4) .fsElementTitle:before {
          content: '';
          display: block;
          height: 47px;
          width: 48px;
          background: url(/uploaded/build/default_15/images/home/services.svg) 0 0 no-repeat;
          background-size: 48px 47px;
          position: absolute;
          top: -7px;
          left: -52px; }
      body.home .home_accordion section header:after {
        content: '';
        width: 20px;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #bd4a99;
        position: absolute;
        left: calc(50% - 20px);
        top: 100%;
        display: none; }
      body.home .home_accordion section.fsStateOpen header:after {
        display: block; }
      body.home .home_accordion section.fsStateOpen:nth-child(1) header {
        background: #bd4a99; }
        body.home .home_accordion section.fsStateOpen:nth-child(1) header:after {
          border-top: 20px solid #bd4a99; }
        body.home .home_accordion section.fsStateOpen:nth-child(1) header .fsElementTitle:before {
          background: url(/uploaded/build/default_15/images/home/composer-white.svg) 0 0 no-repeat;
          background-size: 41px 74px; }
      body.home .home_accordion section.fsStateOpen:nth-child(2) header {
        background: #1ba7bf; }
        body.home .home_accordion section.fsStateOpen:nth-child(2) header:after {
          border-top: 20px solid #1ba7bf; }
        body.home .home_accordion section.fsStateOpen:nth-child(2) header .fsElementTitle:before {
          background: url(/uploaded/build/default_15/images/home/apply-white.svg) 0 0 no-repeat;
          background-size: 63px 54px; }
      body.home .home_accordion section.fsStateOpen:nth-child(3) header {
        background: #80a259;
        position: relative; }
        body.home .home_accordion section.fsStateOpen:nth-child(3) header:after {
          border-top: 20px solid #80a259; }
        body.home .home_accordion section.fsStateOpen:nth-child(3) header .fsElementTitle:before {
          background: url(/uploaded/build/default_15/images/home/learn-white.svg) 0 0 no-repeat;
          background-size: 45px 58px; }
      body.home .home_accordion section.fsStateOpen:nth-child(4) header {
        background: #8c3b8a; }
        body.home .home_accordion section.fsStateOpen:nth-child(4) header:after {
          border-top: 20px solid #8c3b8a; }
        body.home .home_accordion section.fsStateOpen:nth-child(4) header .fsElementTitle:before {
          background: url(/uploaded/build/default_15/images/home/services-white.svg) 0 0 no-repeat;
          background-size: 48px 47px; }
      body.home .home_accordion section.fsStateOpen .fsElementTitle, body.home .home_accordion section.fsStateOpen .fsElementHeaderContent {
        color: #fff; }
      body.home .home_accordion section .fsElementTitle {
        font-family: "Open Sans Condensed", sans-serif;
        font-weight: 700;
        font-size: 30px;
        display: inline-block;
        margin-bottom: 24px;
        position: relative;
        background: none; }
        body.home .home_accordion section .fsElementTitle:after {
          content: ''; }
      body.home .home_accordion section .fsElementHeaderContent {
        font-size: 11.5px; }
      body.home .home_accordion section header {
        padding: 44px 1em 20px;
        color: #fff;
        position: relative; }
        body.home .home_accordion section header .fsElementHeaderContent {
          font-size: 11.5px;
          margin-bottom: 20px;
          color: inherit; }
  body.home div.infographic_image {
    width: 100%;
    text-align: center;
    margin: 40px 0 80px; }
  body.home .home_tabs {
    max-width: 1180px;
    margin: 0 auto;
    background: #f9f9fa; }
    body.home .home_tabs > .fsElementContent {
      display: none;
      opacity: 0;
      width: 100%;
      zoom: 1;
      transition: all .5s linear;
      margin-bottom: 80px;
      padding: 40px 1em 1em; }
      body.home .home_tabs > .fsElementContent:after {
        display: table;
        clear: both;
        content: ''; }
      body.home .home_tabs > .fsElementContent.active {
        display: block;
        opacity: 1;
        margin-bottom: 80px;
        padding-top: 40px; }
    body.home .home_tabs header {
      padding: 44px 1em 20px;
      color: #fff;
      position: relative;
      width: 25%;
      display: inline-block;
      margin: 0;
      text-align: center;
      cursor: pointer;
      box-shadow: 0 4px 3px #ededee;
      background: #fff;
      vertical-align: top;
      height: 170px;
      transition: background-color .3s linear; }
      @media (min-width: 1024px) {
        body.home .home_tabs header {
          cursor: default; }
          body.home .home_tabs header a {
            cursor: default; } }
      body.home .home_tabs header .fsElementHeaderContent {
        font-size: 11.5px;
        margin-bottom: 20px;
        color: inherit; }
      body.home .home_tabs header.active, body.home .home_tabs header:hover {
        box-shadow: none; }
      body.home .home_tabs header.active:nth-child(1) {
        background: #bd4a99; }
        body.home .home_tabs header.active:nth-child(1):after {
          border-top: 20px solid #bd4a99; }
        body.home .home_tabs header.active:nth-child(1) .fsElementTitle:before {
          background: url(/uploaded/build/default_15/images/home/composer-white.svg) 0 0 no-repeat;
          background-size: 41px 74px; }
      body.home .home_tabs header:nth-child(1):hover .fsElementTitle:before {
        background: url(/uploaded/build/default_15/images/home/composer-white.svg) 0 0 no-repeat;
        background-size: 41px 74px; }
      body.home .home_tabs header.active:nth-child(3) {
        background: #80a259; }
        body.home .home_tabs header.active:nth-child(3):after {
          border-top: 20px solid #80a259; }
        body.home .home_tabs header.active:nth-child(3) .fsElementTitle:before {
          background: url(/uploaded/build/default_15/images/home/learn-white.svg) 0 0 no-repeat;
          background-size: 45px 58px; }
      body.home .home_tabs header:nth-child(3):hover .fsElementTitle:before {
        background: url(/uploaded/build/default_15/images/home/learn-white.svg) 0 0 no-repeat;
        background-size: 45px 58px; }
      body.home .home_tabs header.active:nth-child(4) {
        background: #80a259; }
        body.home .home_tabs header.active:nth-child(4):after {
          border-top: 20px solid #80a259; }
        body.home .home_tabs header.active:nth-child(4) .fsElementTitle:before {
          background: url(/uploaded/build/default_15/images/home/services-white.svg) 0 0 no-repeat;
          background-size: 48px 47px; }
      body.home .home_tabs header:nth-child(4):hover .fsElementTitle:before {
        background: url(/uploaded/build/default_15/images/home/services-white.svg) 0 0 no-repeat;
        background-size: 48px 47px; }
      body.home .home_tabs header.active:nth-child(2) {
        background: #1ba7bf; }
        body.home .home_tabs header.active:nth-child(2):after {
          border-top: 20px solid #1ba7bf; }
        body.home .home_tabs header.active:nth-child(2) .fsElementTitle:before {
          background: url(/uploaded/build/default_15/images/home/apply-white.svg) 0 0 no-repeat;
          background-size: 63px 54px; }
      body.home .home_tabs header:nth-child(2):hover .fsElementTitle:before {
        background: url(/uploaded/build/default_15/images/home/apply-white.svg) 0 0 no-repeat;
        background-size: 63px 54px; }
      body.home .home_tabs header.active:nth-child(4) {
        background: #8c3b8a; }
        body.home .home_tabs header.active:nth-child(4):after {
          border-top: 20px solid #8c3b8a; }
      body.home .home_tabs header.active .fsElementTitle, body.home .home_tabs header.active .fsElementHeaderContent, body.home .home_tabs header:hover .fsElementTitle, body.home .home_tabs header:hover .fsElementHeaderContent, body.home .home_tabs header.active a {
        color: #fff !important; }
      body.home .home_tabs header.active .fsElementTitle, body.home .home_tabs header.active .fsElementHeaderContent {
        color: #fff !important; }
      body.home .home_tabs header:nth-child(1) {
        border-top: 8px solid #bd4a99; }
        body.home .home_tabs header:nth-child(1):hover {
          background: #bd4a99; }
          body.home .home_tabs header:nth-child(1):hover a {
            color: #fff !important; }
        body.home .home_tabs header:nth-child(1) .fsElementTitle, body.home .home_tabs header:nth-child(1) .fsElementHeaderContent {
          color: #bd4a99; }
          body.home .home_tabs header:nth-child(1) .fsElementTitle a, body.home .home_tabs header:nth-child(1) .fsElementHeaderContent a {
            color: #bd4a99; }
        body.home .home_tabs header:nth-child(1) .fsElementTitle:before {
          content: '';
          display: block;
          height: 74px;
          width: 41px;
          background: url(/uploaded/build/default_15/images/home/composer.svg) 0 0 no-repeat;
          background-size: 41px 74px;
          position: absolute;
          top: -20px;
          left: -45px; }
      body.home .home_tabs header:nth-child(2) {
        border-top: 8px solid #1ba7bf; }
        body.home .home_tabs header:nth-child(2):hover {
          background: #1ba7bf; }
          body.home .home_tabs header:nth-child(2):hover a {
            color: #fff !important; }
        body.home .home_tabs header:nth-child(2) .fsElementTitle, body.home .home_tabs header:nth-child(2) .fsElementHeaderContent {
          color: #1ba7bf; }
          body.home .home_tabs header:nth-child(2) .fsElementTitle a, body.home .home_tabs header:nth-child(2) .fsElementHeaderContent a {
            color: #1ba7bf; }
            body.home .home_tabs header:nth-child(2) .fsElementTitle a:hover, body.home .home_tabs header:nth-child(2) .fsElementHeaderContent a:hover {
              color: #fff; }
        body.home .home_tabs header:nth-child(2) .fsElementTitle:before {
          content: '';
          display: block;
          height: 54px;
          width: 63px;
          background: url(/uploaded/build/default_15/images/home/apply.svg) 0 0 no-repeat;
          background-size: 63px 54px;
          position: absolute;
          top: -20px;
          left: -45px; }
      body.home .home_tabs header:nth-child(3) {
        border-top: 8px solid #80a259; }
        body.home .home_tabs header:nth-child(3):hover {
          background: #80a259; }
          body.home .home_tabs header:nth-child(3):hover a {
            color: #fff !important; }
        body.home .home_tabs header:nth-child(3) .fsElementTitle, body.home .home_tabs header:nth-child(3) .fsElementHeaderContent {
          color: #80a259; }
          body.home .home_tabs header:nth-child(3) .fsElementTitle a, body.home .home_tabs header:nth-child(3) .fsElementHeaderContent a {
            color: #80a259; }
        body.home .home_tabs header:nth-child(3) .fsElementTitle:before {
          content: '';
          display: block;
          height: 58px;
          width: 45px;
          background: url(/uploaded/build/default_15/images/home/learn.svg) 0 0 no-repeat;
          background-size: 45px 58px;
          position: absolute;
          top: -18px;
          left: -50px; }
      body.home .home_tabs header:nth-child(4) {
        border-top: 8px solid #8c3b8a; }
        body.home .home_tabs header:nth-child(4):hover {
          background: #8c3b8a; }
          body.home .home_tabs header:nth-child(4):hover a {
            color: #fff !important; }
        body.home .home_tabs header:nth-child(4) .fsElementTitle, body.home .home_tabs header:nth-child(4) .fsElementHeaderContent {
          color: #8c3b8a; }
          body.home .home_tabs header:nth-child(4) .fsElementTitle a, body.home .home_tabs header:nth-child(4) .fsElementHeaderContent a {
            color: #8c3b8a; }
        body.home .home_tabs header:nth-child(4) .fsElementTitle:before {
          content: '';
          display: block;
          height: 47px;
          width: 48px;
          background: url(/uploaded/build/default_15/images/home/services.svg) 0 0 no-repeat;
          background-size: 48px 47px;
          position: absolute;
          top: -7px;
          left: -52px; }
      body.home .home_tabs header .fsElementTitle {
        font-family: "Open Sans Condensed", sans-serif;
        font-weight: 700;
        font-size: 30px;
        display: inline-block;
        margin-bottom: 24px;
        position: relative;
        background: none; }
      body.home .home_tabs header .fsElementHeaderContent {
        font-size: 11.5px; }
      body.home .home_tabs header.active:after {
        content: '';
        width: 20px;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #bd4a99;
        position: absolute;
        left: calc(50% - 20px);
        top: 100%;
        display: block; }
  body.home .fsTwoColumnLayout header h2 {
    font-size: 25px;
    text-align: left; }
  body.home .panel.light {
    margin-bottom: 0; }
  body.home .webinars_signons {
    margin-bottom: 50px;
    position: relative;
    z-index: 500; }
    @media (min-width: 76em) {
      body.home .webinars_signons:before {
        display: block;
        content: '';
        background: url(/uploaded/build/default_15/images/home/fs_clock.jpg) 0 0 no-repeat;
        width: 609px;
        height: 362px;
        position: absolute;
        left: -300px;
        top: 30px;
        z-index: 0; }
      body.home .webinars_signons .fsDiv {
        width: 40%; }
        body.home .webinars_signons .fsDiv:first-child {
          margin-left: 20%; } }
  body.home .recent-signons {
    padding: 15px 30px;
    padding-top: 0;
    border: 1px solid #e1e1e1;
    border-top: none;
    text-align: left; }
    body.home .recent-signons header h2 {
      font-size: 24px;
      text-align: left;
      background: #555555;
      color: #fff;
      padding: 12px 30px;
      margin: 0 -31px 20px; }
    body.home .recent-signons article {
      padding: 0;
      margin: 0 0 .5em;
      border: none; }
      body.home .recent-signons article .fsTitle {
        font-size: 18px;
        margin: .2em 0;
        padding: 0;
        line-height: 1em;
        font-style: normal; }
        body.home .recent-signons article .fsTitle a:hover {
          cursor: default !important;
          color: #555555 !important; }
      body.home .recent-signons article .fsDateTime,
      body.home .recent-signons article .fsBody p {
        font-size: 14px;
        margin: 0; }
      body.home .recent-signons article .fsDate {
        margin-bottom: 0;
        color: #acacac; }
      body.home .recent-signons article .fsBody p {
        margin-bottom: 1.5em; }

.portfolio_slider {
  max-width: 90%;
  margin: 0 auto 1em;
  position: relative; }
  .portfolio_slider .slick-prev,
  .portfolio_slider .slick-next {
    background: #f9f9fa;
    font-size: 45px;
    width: 40px;
    height: 100%; }
    @media (min-width: 32.25em) {
      .portfolio_slider .slick-prev,
      .portfolio_slider .slick-next {
        width: 54px;
        font-size: 80px; } }
  .portfolio_slider .slick-prev {
    left: -40px; }
  .portfolio_slider .slick-next {
    right: -40px; }
  .portfolio_slider .slick-prev:before,
  .portfolio_slider .slick-next:before {
    color: #f9f9fa !important; }
    .portfolio_slider .slick-prev:before:hover,
    .portfolio_slider .slick-next:before:hover {
      color: #f9f9fa !important; }
  .portfolio_slider .fsElement .fsElementContent {
    text-align: center; }
    .portfolio_slider .fsElement .fsElementContent h3 {
      font-size: .9em;
      color: #555555;
      font-style: normal;
      text-transform: uppercase;
      font-weight: 600;
      margin-top: 1.2em; }
    .portfolio_slider .fsElement .fsElementContent img {
      margin: 0 auto;
      max-width: 70%; }
      @media (min-width: 32.25em) {
        .portfolio_slider .fsElement .fsElementContent img {
          max-width: 75%; } }
      @media (min-width: 57.25em) {
        .portfolio_slider .fsElement .fsElementContent img {
          max-width: 100%; } }

body:not(.fsDraftMode) .ipad_testimonials {
  width: 100%; }
  @media (min-width: 51em) {
    body:not(.fsDraftMode) .ipad_testimonials {
      background: url(/uploaded/build/default_15/images/home/plant_ipad_pens.jpg) 50% 0 no-repeat;
      min-height: 938px; } }
  @media (min-width: 51em) {
    body:not(.fsDraftMode) .ipad_testimonials .video-holder {
      height: 553px;
      width: 732px;
      position: relative;
      top: 64px;
      overflow: hidden;
      background: black;
      left: 4px;
      margin-bottom: 130px; } }
  body:not(.fsDraftMode) .ipad_testimonials .video-holder video {
    height: 553px;
    width: 732px; }
  body:not(.fsDraftMode) .ipad_testimonials .compartment {
    max-width: 740px; }
    @media (min-width: 62.5em) {
      body:not(.fsDraftMode) .ipad_testimonials .compartment {
        height: 870px; } }
    @media (min-width: 51em) {
      body:not(.fsDraftMode) .ipad_testimonials .compartment > header {
        display: none; } }
  body:not(.fsDraftMode) .ipad_testimonials #testimonial_videos {
    display: none; }
    @media (min-width: 51em) {
      body:not(.fsDraftMode) .ipad_testimonials #testimonial_videos {
        display: block;
        height: 553px;
        width: 732px;
        position: relative;
        top: 66px;
        left: 5px;
        margin-bottom: 130px; }
        body:not(.fsDraftMode) .ipad_testimonials #testimonial_videos video {
          background: black; } }
  body:not(.fsDraftMode) .ipad_testimonials .slick-prev,
  body:not(.fsDraftMode) .ipad_testimonials .slick-next {
    position: absolute;
    top: 0;
    display: block;
    height: 4em;
    width: 0.5em;
    line-height: 4em;
    font-size: 80px; }
  body:not(.fsDraftMode) .ipad_testimonials .testimonial {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    opacity: .5;
    font-size: 16px;
    transition: opacity .5s linear; }
    @media (min-width: 38.5em) {
      body:not(.fsDraftMode) .ipad_testimonials .testimonial {
        font-size: 11px; } }
    body:not(.fsDraftMode) .ipad_testimonials .testimonial:hover, body:not(.fsDraftMode) .ipad_testimonials .testimonial.active {
      opacity: 1; }
      @media (min-width: 38.5em) {
        body:not(.fsDraftMode) .ipad_testimonials .testimonial:hover, body:not(.fsDraftMode) .ipad_testimonials .testimonial.active {
          font-size: 16px; } }
    @media (min-width: 38.5em) {
      body:not(.fsDraftMode) .ipad_testimonials .testimonial {
        width: calc(16.66666666666667% - 5px); } }
    body:not(.fsDraftMode) .ipad_testimonials .testimonial header div img {
      transition: all .3s linear;
      border-radius: 100%;
      height: 122px;
      width: 122px; }
      @media (min-width: 32.25em) {
        body:not(.fsDraftMode) .ipad_testimonials .testimonial header div img {
          height: 90px;
          width: 90px; } }
      @media (min-width: 38.5em) {
        body:not(.fsDraftMode) .ipad_testimonials .testimonial header div img {
          border: 3px solid white; } }
    @media (min-width: 38.5em) {
      body:not(.fsDraftMode) .ipad_testimonials .testimonial:hover header img, body:not(.fsDraftMode) .ipad_testimonials .testimonial.active header img {
        height: 122px;
        width: 122px; }
      body:not(.fsDraftMode) .ipad_testimonials .testimonial.active header img {
        border: 3px solid #ececec; } }

body:not(.fsDraftMode) .recent_launches {
  margin: 0 auto 40px;
  position: relative;
  padding: 0 !important; }
  body:not(.fsDraftMode) .recent_launches > .fsElementContent {
    max-width: calc(100% - 70px);
    margin: 0 auto;
    text-align: center; }
  body:not(.fsDraftMode) .recent_launches article {
    padding: 1em;
    margin: .5em;
    border: 1px solid #e1e1e1;
    background: #f4f4f4;
    text-align: left; }
    @media (min-width: 43.75em) {
      body:not(.fsDraftMode) .recent_launches article {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 1em; } }
    body:not(.fsDraftMode) .recent_launches article .fsTitle {
      text-transform: uppercase;
      font-size: 13px;
      font-weight: 600; }
    body:not(.fsDraftMode) .recent_launches article .fsBody img {
      width: 100%; }
    body:not(.fsDraftMode) .recent_launches article .fsBody h4, body:not(.fsDraftMode) .recent_launches article .fsBody p {
      font-size: 13px;
      line-height: 1.1em;
      display: inline-block;
      width: 49%; }
    body:not(.fsDraftMode) .recent_launches article .fsBody p {
      text-align: right; }
    body:not(.fsDraftMode) .recent_launches article .fsThumbAnchor {
      max-height: 140px;
      overflow: hidden; }
  body:not(.fsDraftMode) .recent_launches .slick-prev,
  body:not(.fsDraftMode) .recent_launches .slick-next {
    font-size: 35px;
    width: 30px;
    height: 100%; }
  body:not(.fsDraftMode) .recent_launches .slick-prev {
    left: -30px; }
  body:not(.fsDraftMode) .recent_launches .slick-next {
    right: -30px; }

.recent_launches header h2 {
  font-size: 25px; }

/*! pages - client success v0.0.1 */
@media (min-width: 51em) {
  .workin {
    background: url(/uploaded/build/default_15/images/clientsuccess/book.jpg) 50% 94% no-repeat;
    padding-bottom: 200px; } }

.testimonial-slider {
  width: 100% !important;
  padding: 0 !important; }
  .home .testimonial-slider {
    padding: 20px 0 40px !important; }
  .testimonial-slider article {
    width: 320px;
    height: 368px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    background-size: cover !important; }
    @media (min-width: 38.5em) {
      .testimonial-slider article {
        width: 558px;
        height: 368px; } }
    .testimonial-slider article .fsTitle {
      display: none; }
    .testimonial-slider article blockquote {
      text-align: center;
      overflow: hidden;
      z-index: 2;
      height: 368px;
      width: 100%;
      margin: 0 !important;
      border: none !important;
      overflow: hidden;
      padding: 1.1em 2.5em !important;
      color: #fff;
      font-weight: 300;
      background: rgba(255, 255, 255, 0.5);
      transition: background .75s ease-in; }
      .testimonial-slider article blockquote p {
        font-style: italic;
        font-size: 16px; }
      .testimonial-slider article blockquote cite {
        font-size: 11px;
        line-height: 12px; }
      @media (min-width: 38.5em) {
        .testimonial-slider article blockquote p {
          font-size: 24px; }
        .testimonial-slider article blockquote cite {
          font-size: 16px;
          line-height: 17px; } }
      @media (min-width: 87.5em) {
        .testimonial-slider article blockquote p {
          font-size: 22px; }
        .testimonial-slider article blockquote cite {
          font-size: 16px;
          line-height: 17px; } }
    .testimonial-slider article.slick-center blockquote {
      background: rgba(0, 0, 0, 0.4);
      text-shadow: 0 1px 0 #000; }

/*MARKETPLACE */
@media (min-width: 38.5em) {
  .fsTwoColumnLayout.add-on-columns .fsDiv:first-child {
    width: 25%; } }
.fsTwoColumnLayout.add-on-columns .fsDiv:first-child .add-on-image {
  border: 1px solid #ebebeb;
  width: 100%;
  height: auto;
  position: relative;
  text-align: center; }
  .fsTwoColumnLayout.add-on-columns .fsDiv:first-child .add-on-image:before {
    content: '';
    padding: 50% 0;
    display: inline-block;
    vertical-align: middle; }
  .fsTwoColumnLayout.add-on-columns .fsDiv:first-child .add-on-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
@media (min-width: 38.5em) {
  .fsTwoColumnLayout.add-on-columns .fsDiv:last-child {
    width: 75%; } }

.fsSection5 #fsPageContent {
  padding-top: 2em; }
@media (min-width: 51em) {
  .fsSection5 .fsTwoColumnLayout > .fsDiv:first-child {
    width: 56%; }
  .fsSection5 .fsTwoColumnLayout > .fsDiv:last-child {
    width: 44%; }
  .fsSection5 .fsNews .fsTime {
    display: none; } }
.fsSection5 .back_button {
  display: block;
  margin-top: 2em;
  font-size: .8em;
  text-align: left; }
  .fsSection5 .back_button:before {
    content: "";
    font-family: "FontAwesome";
    font-smoothing: antialiased;
    font-weight: normal;
    speak: none;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    display: inline-block;
    margin-right: .5em; }
.fsSection5 #fsPageWrapper > .nav-social {
  z-index: 500;
  position: absolute;
  width: 100%;
  top: 350px;
  text-align: center;
  padding: 0 1em;
  margin: 0 auto; }
  @media (min-width: 38.5em) {
    .fsSection5 #fsPageWrapper > .nav-social {
      top: 270px; } }
  .fsSection5 #fsPageWrapper > .nav-social li {
    width: 33%;
    float: left;
    margin: 0 0 .5em 0; }
    @media (min-width: 38.5em) {
      .fsSection5 #fsPageWrapper > .nav-social li {
        width: auto;
        float: none;
        margin: 0 2px 1em; } }
    .fsSection5 #fsPageWrapper > .nav-social li a {
      margin: 0 auto; }
.fsSection5 .fsNews .fsTitle {
  font-size: 40px; }
.fsSection5 .fsNews .fsReadMoreLink {
  font-size: 20px; }

.blog_categories {
  position: relative;
  z-index: 500; }
  .blog_categories ul {
    margin: 0;
    padding-left: 0;
    list-style: none; }
    .blog_categories ul ul {
      margin-bottom: 0;
      padding-left: 0;
      list-style: none; }
    .blog_categories ul a {
      display: block; }
    .blog_categories ul li {
      font-size: 18px;
      font-weight: 300;
      padding: 0 1.5em .4em 0;
      border-bottom: 1px solid #e1e1e1;
      margin: 0 1em 0.5em;
      text-align: right;
      line-height: 1.2em;
      position: relative; }
      @media (min-width: 57.25em) {
        .blog_categories ul li {
          font-size: 23px; } }
      .blog_categories ul li:last-child {
        border: 0; }
      .blog_categories ul li:after {
        content: "";
        font-family: "FontAwesome";
        font-smoothing: antialiased;
        font-weight: normal;
        speak: none;
        color: #cccccc;
        font-size: 12px;
        position: absolute;
        right: 0;
        top: 0;
        padding: 2px 2px 2px 4px;
        text-align: center;
        border: 1px solid #ebebeb;
        border-radius: 100%;
        height: 23px;
        width: 23px;
        line-height: 16px; }

body.fsSection5[data-pageid='5']:not(.fsDraftMode) #fsPageWrapper > .nav-social {
  top: 490px !important; }
  @media (min-width: 25em) {
    body.fsSection5[data-pageid='5']:not(.fsDraftMode) #fsPageWrapper > .nav-social {
      top: 325px !important; } }
body.fsSection5[data-pageid='5']:not(.fsDraftMode) article {
  padding: 1em 2em; }
@media (min-width: 57.25em) {
  body.fsSection5[data-pageid='5']:not(.fsDraftMode) .blog_pens {
    display: block;
    content: '';
    background: url(/uploaded/build/default_15/images/blog_pens.jpg) 0 0 no-repeat;
    width: 560px;
    height: 723px;
    position: relative;
    top: -110px;
    right: -60px;
    z-index: 0; } }

.featured_post {
  background: #f4f4f4; }
  .featured_post .fsElementTitle {
    font-size: 1.1em;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    background: #4cc0b9;
    padding: .5em 2em;
    margin: 0; }
  .featured_post article {
    padding: 1em 2em;
    border: 1px solid #e1e1e1;
    border-top: none; }

[data-pageid="113"] .intro h1 {
  font-size: 40px !important; }

body:not(.fsDraftMode) .events-all,
body:not(.fsDraftMode) .events-product,
body:not(.fsDraftMode) .events-schoolsuite,
body:not(.fsDraftMode) .events-insites,
body:not(.fsDraftMode) .events-workshops,
body:not(.fsDraftMode) .events-trainings,
body:not(.fsDraftMode) .events-conferences {
  display: none; }
  body:not(.fsDraftMode) .events-all.active,
  body:not(.fsDraftMode) .events-product.active,
  body:not(.fsDraftMode) .events-schoolsuite.active,
  body:not(.fsDraftMode) .events-insites.active,
  body:not(.fsDraftMode) .events-workshops.active,
  body:not(.fsDraftMode) .events-trainings.active,
  body:not(.fsDraftMode) .events-conferences.active {
    display: block; }

@media (min-width: 38.5em) {
  body[data-pageid="118"] #columns #col1,
  body[data-pageid="118"] #columns #col2,
  body[data-pageid="118"] #columns #col3,
  body[data-pageid="118"] #columns #col4,
  body[data-pageid="247"] #columns #col1,
  body[data-pageid="247"] #columns #col2,
  body[data-pageid="247"] #columns #col3,
  body[data-pageid="247"] #columns #col4,
  body[data-pageid="124"] #columns #col1,
  body[data-pageid="124"] #columns #col2,
  body[data-pageid="124"] #columns #col3,
  body[data-pageid="124"] #columns #col4 {
    width: 24%;
    float: left;
    margin: 0 .5% 1em; } }
body[data-pageid="118"] #columns .instagram-entry .entry-title,
body[data-pageid="247"] #columns .instagram-entry .entry-title,
body[data-pageid="124"] #columns .instagram-entry .entry-title {
  display: block !important;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  padding: 1em;
  font-size: 12px;
  width: 100%;
  text-align: left; }
  body[data-pageid="118"] #columns .instagram-entry .entry-title a,
  body[data-pageid="247"] #columns .instagram-entry .entry-title a,
  body[data-pageid="124"] #columns .instagram-entry .entry-title a {
    color: #fff; }
body[data-pageid="118"] #columns .instagram-entry .entry-content,
body[data-pageid="247"] #columns .instagram-entry .entry-content,
body[data-pageid="124"] #columns .instagram-entry .entry-content {
  display: none !important; }
body[data-pageid="118"] #columns .events-intro,
body[data-pageid="247"] #columns .events-intro,
body[data-pageid="124"] #columns .events-intro {
  position: relative; }
  @media (min-width: 63.5em) {
    body[data-pageid="118"] #columns .events-intro,
    body[data-pageid="247"] #columns .events-intro,
    body[data-pageid="124"] #columns .events-intro {
      padding: 0 180px; }
      body[data-pageid="118"] #columns .events-intro:after,
      body[data-pageid="247"] #columns .events-intro:after,
      body[data-pageid="124"] #columns .events-intro:after {
        background: url(/uploaded/build/default_15/images//mouse_paperclips.jpg) 0 0 no-repeat;
        content: '';
        display: block;
        height: 114px;
        width: 465px;
        position: absolute;
        top: 180px;
        right: -70px; } }
body[data-pageid="118"] #columns .ig,
body[data-pageid="247"] #columns .ig,
body[data-pageid="124"] #columns .ig {
  position: relative; }
  body[data-pageid="118"] #columns .ig .social_icon.instagram:before,
  body[data-pageid="247"] #columns .ig .social_icon.instagram:before,
  body[data-pageid="124"] #columns .ig .social_icon.instagram:before {
    content: "";
    font-family: "FontAwesome";
    font-smoothing: antialiased;
    font-weight: normal;
    speak: none;
    color: #fff;
    border-radius: 100%;
    background: #8d8d8d;
    font-size: 20px;
    height: 40px;
    width: 40px;
    padding-top: 12px;
    line-height: 14px;
    text-align: center;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 99; }
body[data-pageid="118"] #columns .tw,
body[data-pageid="247"] #columns .tw,
body[data-pageid="124"] #columns .tw {
  padding: 1em;
  margin: 0 0 1em 0;
  background: #fff;
  position: relative;
  padding-top: 40px; }
  body[data-pageid="118"] #columns .tw:before,
  body[data-pageid="247"] #columns .tw:before,
  body[data-pageid="124"] #columns .tw:before {
    content: "";
    font-family: "FontAwesome";
    font-smoothing: antialiased;
    font-weight: normal;
    speak: none;
    color: #fff;
    border-radius: 100%;
    background: #00aced;
    font-size: 20px;
    height: 40px;
    width: 40px;
    padding-top: 12px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    margin-right: .5em;
    position: absolute;
    top: 10px;
    left: 10px; }
body[data-pageid="118"] #columns .yt iframe,
body[data-pageid="247"] #columns .yt iframe,
body[data-pageid="124"] #columns .yt iframe {
  max-height: 200px; }
body[data-pageid="118"] #columns .fb,
body[data-pageid="247"] #columns .fb,
body[data-pageid="124"] #columns .fb {
  padding: 4em 1em 1em;
  margin: 0 0 1em 0;
  background: #fff;
  text-align: left;
  font-size: 14px;
  color: #363636;
  position: relative; }
  body[data-pageid="118"] #columns .fb:before,
  body[data-pageid="247"] #columns .fb:before,
  body[data-pageid="124"] #columns .fb:before {
    content: "";
    font-family: "FontAwesome";
    font-smoothing: antialiased;
    font-weight: normal;
    speak: none;
    color: #fff;
    border-radius: 100%;
    background: #8489b7;
    font-size: 20px;
    height: 40px;
    width: 40px;
    padding-top: 12px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    margin-right: .5em;
    position: absolute;
    top: 10px;
    left: 10px; }
  body[data-pageid="118"] #columns .fb h3,
  body[data-pageid="247"] #columns .fb h3,
  body[data-pageid="124"] #columns .fb h3 {
    font-style: normal;
    font-size: 14px;
    font-weight: bold;
    padding-left: 46px;
    margin-bottom: 2em; }
  body[data-pageid="118"] #columns .fb .post_content,
  body[data-pageid="247"] #columns .fb .post_content,
  body[data-pageid="124"] #columns .fb .post_content {
    color: #363636 !important; }
  body[data-pageid="118"] #columns .fb a.fsFacebookTitle,
  body[data-pageid="247"] #columns .fb a.fsFacebookTitle,
  body[data-pageid="124"] #columns .fb a.fsFacebookTitle {
    word-wrap: break-word; }
  body[data-pageid="118"] #columns .fb .fsFacebookThumb,
  body[data-pageid="247"] #columns .fb .fsFacebookThumb,
  body[data-pageid="124"] #columns .fb .fsFacebookThumb {
    display: block;
    float: none;
    clear: both;
    margin: 1em auto; }

/*! elements - social facebook */
@media (min-width: 57.25em) {
  body[data-pageid="127"] .nav-sub {
    margin-bottom: 50px !important; }
  body[data-pageid="127"] .team-intro {
    padding: 50px 180px 30px !important;
    background: url(/uploaded/build/default_15/images//team/sticker.jpg) right top no-repeat; } }
body[data-pageid="127"] .jon-bio {
  text-align: left; }
  body[data-pageid="127"] .jon-bio h2 {
    margin-bottom: 0;
    font-size: 30px; }
    @media (min-width: 38.5em) {
      body[data-pageid="127"] .jon-bio h2 {
        font-size: 40px; } }
  body[data-pageid="127"] .jon-bio h3 {
    font-size: 20px;
    margin-bottom: 1em; }
    @media (min-width: 38.5em) {
      body[data-pageid="127"] .jon-bio h3 {
        font-size: 25px;
        margin-bottom: 1em; } }
  body[data-pageid="127"] .jon-bio .jon-social {
    width: 50%;
    position: absolute;
    top: 20px;
    right: 0;
    text-align: right;
    height: 50px; }
    @media (min-width: 38.5em) {
      body[data-pageid="127"] .jon-bio .jon-social {
        position: relative;
        top: 10px;
        width: 100%; } }
  @media (min-width: 38.5em) {
    body[data-pageid="127"] .jon-bio .jon-image {
      float: right;
      width: 454px;
      margin: 0 0 1em 1em; } }
body[data-pageid="127"] .linkedin-icon,
body[data-pageid="127"] .twitter-icon {
  display: block;
  float: right;
  height: 60px;
  width: 60px;
  z-index: 9000;
  position: relative; }
  body[data-pageid="127"] .linkedin-icon:before,
  body[data-pageid="127"] .twitter-icon:before {
    height: 30px;
    width: 30px;
    font-size: 1em;
    color: #fff;
    background: #8d8d8d;
    border-radius: 100%;
    padding: .8em;
    position: relative; }
  body[data-pageid="127"] .linkedin-icon:hover:before,
  body[data-pageid="127"] .twitter-icon:hover:before {
    background: #1ba7bf; }
body[data-pageid="127"] .linkedin-icon:before {
  content: "";
  font-family: "FontAwesome";
  font-smoothing: antialiased;
  font-weight: normal;
  speak: none; }
body[data-pageid="127"] .twitter-icon:before {
  content: "";
  font-family: "FontAwesome";
  font-smoothing: antialiased;
  font-weight: normal;
  speak: none; }
@media (min-width: 38.5em) {
  body[data-pageid="127"] .panel.boardmembers {
    background: url(/uploaded/build/default_15/images//team/paperclips.jpg) -100px 0 no-repeat; } }
@media (min-width: 51em) {
  body[data-pageid="127"] .panel.boardmembers {
    background: url(/uploaded/build/default_15/images//team/paperclips.jpg) 0 0 no-repeat; } }
body[data-pageid="127"] .panel.boardmembers .boardmember {
  width: 100%;
  max-width: 455px;
  position: relative;
  margin: 1.5em auto 0 auto;
  overflow: visible; }
  @media (min-width: 38.5em) {
    body[data-pageid="127"] .panel.boardmembers .boardmember {
      overflow: hidden; } }
  body[data-pageid="127"] .panel.boardmembers .boardmember:before {
    content: "";
    display: block;
    padding-top: 100%;
    /* ratio of 1:1*/ }
  body[data-pageid="127"] .panel.boardmembers .boardmember.angelo {
    background: url(/uploaded/build/default_15/images//team/angelo.jpg) 0 0 no-repeat;
    background-size: contain; }
    @media (min-width: 38.5em) {
      body[data-pageid="127"] .panel.boardmembers .boardmember.angelo {
        background-size: cover; } }
  body[data-pageid="127"] .panel.boardmembers .boardmember.pat {
    background: url(/uploaded/build/default_15/images//team/pat.jpg) 0 0 no-repeat;
    background-size: contain; }
    @media (min-width: 38.5em) {
      body[data-pageid="127"] .panel.boardmembers .boardmember.pat {
        background-size: cover; } }
  body[data-pageid="127"] .panel.boardmembers .boardmember .bio {
    position: relative;
    top: 0;
    left: 0;
    background: #4cc0b9;
    opacity: .9;
    height: 100%;
    width: 100%;
    padding: 0.5em 1em;
    text-align: left;
    transition: all .5s linear;
    font-size: 18px; }
    @media (min-width: 38.5em) {
      body[data-pageid="127"] .panel.boardmembers .boardmember .bio {
        position: absolute;
        top: 80%;
        overflow: hidden; } }
    body[data-pageid="127"] .panel.boardmembers .boardmember .bio * {
      color: #fff; }
    body[data-pageid="127"] .panel.boardmembers .boardmember .bio .membername {
      height: 78px;
      overflow: hidden; }
    body[data-pageid="127"] .panel.boardmembers .boardmember .bio h2 {
      font-weight: 700; }
    body[data-pageid="127"] .panel.boardmembers .boardmember .bio h2, body[data-pageid="127"] .panel.boardmembers .boardmember .bio h3 {
      font-size: 20px;
      margin-bottom: .3em; }
    .clicked body[data-pageid="127"] .panel.boardmembers .boardmember .bio {
      top: 0; }
  body[data-pageid="127"] .panel.boardmembers .boardmember:hover .bio {
    top: 0; }
body[data-pageid="127"] .panel.leadership-team,
body[data-pageid="127"] .panel.cs-team,
body[data-pageid="127"] .panel.sales-team,
body[data-pageid="127"] .panel.deployment-team,
body[data-pageid="127"] .panel.creative-team,
body[data-pageid="127"] .panel.engineering-team,
body[data-pageid="127"] .panel.operations-team {
  overflow: visible; }
  body[data-pageid="127"] .panel.leadership-team .compartment,
  body[data-pageid="127"] .panel.cs-team .compartment,
  body[data-pageid="127"] .panel.sales-team .compartment,
  body[data-pageid="127"] .panel.deployment-team .compartment,
  body[data-pageid="127"] .panel.creative-team .compartment,
  body[data-pageid="127"] .panel.engineering-team .compartment,
  body[data-pageid="127"] .panel.operations-team .compartment {
    max-width: 1180; }
body[data-pageid="127"] .fsDirectory#fsEl_791 {
  margin-bottom: 200px; }
body[data-pageid="127"] .fsDirectory .fsConstituentItem {
  position: relative;
  border: none;
  padding: 0;
  background: #ebebeb;
  display: inline-block;
  margin: 0 4px 8px 0;
  height: 150px;
  width: 150px; }
  body[data-pageid="127"] .fsDirectory .fsConstituentItem .team-bio {
    background: rgba(76, 192, 185, 0.9);
    color: #fff;
    position: absolute;
    top: 150px;
    left: -20px;
    width: 210px;
    z-index: 9000;
    padding: .5em;
    opacity: 0;
    transition: all .5s ease-out;
    -webkit-transform: translate(-10px, 0px) skewX(-5deg) scale(1, 0.5);
    transform: translate(-10px, 0px) skewX(-5deg) scale(1, 0.5);
    -ms-transform: translate(-10px, 0px) skewX(-5deg) scale(1, 0.5);
    visibility: hidden; }
    @media (min-width: 87.5em) {
      body[data-pageid="127"] .fsDirectory .fsConstituentItem .team-bio {
        width: 310px;
        left: 0; } }
    body[data-pageid="127"] .fsDirectory .fsConstituentItem .team-bio:before {
      content: '';
      width: 12px;
      border-left: 12px solid transparent;
      border-right: 12px solid transparent;
      border-bottom: 12px solid #4cc0b9;
      position: absolute;
      left: 20px;
      top: -12px; }
  body[data-pageid="127"] .fsDirectory .fsConstituentItem:hover .team-bio {
    display: block;
    opacity: 1;
    -webkit-transform: translate(0px, 0px) skewX(0deg) scale(1, 1);
    transform: translate(0px, 0px) skewX(0deg) scale(1, 1);
    -ms-transform: translate(0px, 0px) skewX(0deg) scale(1, 1);
    visibility: visible; }
  body[data-pageid="127"] .fsDirectory .fsConstituentItem .fsPhoto {
    position: relative;
    margin: 0;
    padding: 0;
    height: 150px;
    width: 150px;
    overflow: hidden; }
    body[data-pageid="127"] .fsDirectory .fsConstituentItem .fsPhoto img {
      height: 150px;
      width: 150px; }
  body[data-pageid="127"] .fsDirectory .fsConstituentItem .fsFullName {
    font-weight: 600;
    font-style: normal;
    color: #fff;
    font-size: 20px;
    margin-bottom: .4em; }
    body[data-pageid="127"] .fsDirectory .fsConstituentItem .fsFullName a {
      color: #fff; }
  body[data-pageid="127"] .fsDirectory .fsConstituentItem .fsTitles,
  body[data-pageid="127"] .fsDirectory .fsConstituentItem .fsBiography {
    font-size: .8em;
    margin: 0 0 .5em 0; }
    body[data-pageid="127"] .fsDirectory .fsConstituentItem .fsTitles strong,
    body[data-pageid="127"] .fsDirectory .fsConstituentItem .fsBiography strong {
      display: none; }
  body[data-pageid="127"] .fsDirectory .fsConstituentItem .fsTitles {
    font-size: .9em; }

.plain {
  background: none; }
  .plain .intro {
    height: auto;
    min-height: 0;
    padding: 1em 0 0; }
    .plain .intro h1 {
      color: black; }
  .plain .no-nav-sub {
    padding-top: 0 !important; }

.custom {
  transition: all .5s ease-in; }
  @media (min-width: 62.5em) {
    .custom .compartment {
      position: relative; }
      .custom .compartment .fsElementContent {
        width: 50%;
        text-align: left;
        position: relative;
        z-index: 2; }
      .custom .compartment:after {
        content: '';
        display: block;
        height: 600px;
        width: 900px;
        position: absolute;
        top: 0;
        left: 50%;
        z-index: 1; } }

.custom h2:after {
  display: block;
  content: '';
  margin: 1em auto 0;
  max-width: 100% !important;
  background-size: contain !important; }

.panel--cms p {
  clear: both; }
.panel--cms h2:after {
  display: block;
  content: '';
  background: url(/uploaded/build/default_15/images/composer/books_mobile.jpg) 50% 0 no-repeat;
  margin: 1em -2em 0 0;
  height: 191px;
  width: 100%; }
@media (min-width: 62.5em) {
  .panel--cms .compartment {
    min-height: 316px; }
    .panel--cms .compartment:after {
      background: url(/uploaded/build/default_15/images/composer/textbooks.jpg) 0 0 no-repeat; } }

.panel--interface h2:after {
  background: url(/uploaded/build/default_15/images/composer/tablet_mobile.jpg) 50% 0 no-repeat;
  height: 223px; }
@media (min-width: 62.5em) {
  .panel--interface .compartment {
    min-height: 566px; }
    .panel--interface .compartment:after {
      background: url(/uploaded/build/default_15/images/composer/tablet.jpg) -130% 0 no-repeat;
      left: -20%; }
    .panel--interface .compartment .fsElementContent {
      float: right; } }
@media (min-width: 81.25em) {
  .panel--interface .compartment:after {
    background: url(/uploaded/build/default_15/images/composer/tablet.jpg) 0 0 no-repeat; } }

.panel--modules h2:after {
  background: url(/uploaded/build/default_15/images/composer/modules.gif) 50% 0 no-repeat;
  height: 333px; }
@media (min-width: 62.5em) {
  .panel--modules .compartment {
    min-height: 333px; }
    .panel--modules .compartment:after {
      background: url(/uploaded/build/default_15/images/composer/modules.gif) 20% 0 no-repeat; } }

.panel--responsive h2:after {
  background: url(/uploaded/build/default_15/images/composer/devices_mobile.jpg) 50% 0 no-repeat;
  height: 151px; }
@media (min-width: 62.5em) {
  .panel--responsive .compartment {
    min-height: 642px; }
    .panel--responsive .compartment:after {
      background: url(/uploaded/build/default_15/images/composer/devices.jpg) 0 0 no-repeat;
      left: 35%;
      width: 1328px; } }

.panel--portals h2:after {
  background: url(/uploaded/build/default_15/images/composer/portals_mobile.png) 50% 0 no-repeat;
  height: 151px; }
@media (min-width: 62.5em) {
  .panel--portals .compartment {
    min-height: 642px; }
    .panel--portals .compartment:after {
      background: url(/uploaded/build/default_15/images/composer/portals.png) -100% 0 no-repeat; } }
@media (min-width: 81.25em) {
  .panel--portals .compartment:after {
    background: url(/uploaded/build/default_15/images/composer/portals.png) 0 0 no-repeat; } }
@media (min-width: 62.5em) {
  .panel--portals .compartment .fsElementContent {
    float: right; } }
@media (min-width: 62.5em) {
  .panel--portals .compartment:after {
    width: 1328px;
    left: -550px; } }
@media (min-width: 68.75em) {
  .panel--portals .compartment:after {
    left: -500px; } }

@media (min-width: 62.5em) {
  .panel--pricing .compartment {
    min-height: 670px; }
    .panel--pricing .compartment:after {
      top: -60px;
      left: 46%;
      background: url(/uploaded/build/default_15/images/composer/budget.jpg) 0 0 no-repeat;
      height: 670px; } }
  @media (min-width: 62.5em) and (min-width: 62.5em) {
    .panel--pricing .compartment .fsElementContent {
      float: right; } }
  @media (min-width: 62.5em) and (min-width: 62.5em) {
    .panel--pricing .compartment:after {
      left: -230px; } }
  @media (min-width: 62.5em) and (min-width: 68.75em) {
    .panel--pricing .compartment:after {
      left: -180px; } }

.panel--design p {
  clear: both; }
.panel--design h2:after {
  display: block;
  content: '';
  background: url(/uploaded/build/default_15/images/services/design_book_mobile.jpg) 50% 0 no-repeat;
  height: 287px;
  width: 100%; }
@media (min-width: 62.5em) {
  .panel--design .compartment {
    min-height: 615px; }
    .panel--design .compartment:after {
      background: url(/uploaded/build/default_15/images/services/design_book.jpg) 0 0 no-repeat; } }

.panel--seo h2:after {
  background: url(/uploaded/build/default_15/images/services/seo_laptop_mobile.jpg) 50% 0 no-repeat;
  height: 184px;
  width: 100%; }
@media (min-width: 62.5em) {
  .panel--seo .compartment {
    min-height: 591px; }
    .panel--seo .compartment:after {
      background: url(/uploaded/build/default_15/images/services/seo_laptop.jpg) 0 0 no-repeat;
      left: -60%;
      width: 1253px; }
    .panel--seo .compartment .fsElementContent {
      float: right; } }
@media (min-width: 81.25em) {
  .panel--seo .compartment:after {
    left: -40%; } }

.panel--dashboard h2:after {
  background: url(/uploaded/build/default_15/images/services/dashboard_mobile.jpg) 50% 0 no-repeat;
  height: 151px;
  width: 100%; }
@media (min-width: 62.5em) {
  .panel--dashboard .compartment {
    min-height: 579px; }
    .panel--dashboard .compartment:after {
      background: url(/uploaded/build/default_15/images/services/dashboard.jpg) 0 0 no-repeat;
      left: -70%;
      width: 1176px; }
    .panel--dashboard .compartment .fsElementContent {
      float: right; } }
@media (min-width: 81.25em) {
  .panel--dashboard .compartment:after {
    left: -40%; } }

.panel--guidance h2:after {
  background: url(/uploaded/build/default_15/images/services/strategic_guidance_mobile.png) 50% 0 no-repeat;
  height: 153px; }
@media (min-width: 62.5em) {
  .panel--guidance .compartment {
    min-height: 633px !important; }
    .panel--guidance .compartment:after {
      background: url(/uploaded/build/default_15/images/services/strategic_guidance.png) 0 0 no-repeat;
      left: 43%;
      width: 1288px;
      height: 633px !important; } }

.panel--training h2:after {
  background: url(/uploaded/build/default_15/images/services/training.jpg) 50% 0 no-repeat;
  height: 300px;
  background-size: 315px 300px; }
@media (min-width: 62.5em) {
  .panel--training .compartment {
    min-height: 598px; }
    .panel--training .compartment:after {
      background: url(/uploaded/build/default_15/images/services/training.jpg) 0 0 no-repeat;
      left: -4%;
      height: 570px;
      width: 598px;
      background-size: 598px 570px; }
  .panel--training .fsElementContent {
    float: right; } }

.panel--socialmedia h2:after {
  background: url(/uploaded/build/default_15/images/services/socialmediaboxes.png) 50% 0 no-repeat;
  height: 300px;
  background-size: 315px 300px; }
@media (min-width: 62.5em) {
  .panel--socialmedia .compartment {
    min-height: 500px; }
    .panel--socialmedia .compartment:after {
      background: url(/uploaded/build/default_15/images/services/socialmediaboxes.png) 0 0 no-repeat;
      left: 52%;
      height: 500px;
      width: 501px;
      background-size: 500px 501px; } }

.panel--education h2:after {
  height: 215px;
  background: url(/uploaded/build/default_15/images/learn/paper_apple_mobile.jpg) 50% 0 no-repeat; }
@media (min-width: 62.5em) {
  .panel--education .compartment {
    min-height: 501px; }
    .panel--education .compartment:after {
      background: url(/uploaded/build/default_15/images/learn/paper_apple.png) 50% 0 no-repeat; } }

.panel--intuitive h2:after {
  background: url(/uploaded/build/default_15/images/learn/lms_ipad_mobile.jpg) 50% 0 no-repeat;
  height: 215px; }
@media (min-width: 62.5em) {
  .panel--intuitive .compartment {
    min-height: 678px; }
    .panel--intuitive .compartment:after {
      background: url(/uploaded/build/default_15/images/learn/lms_ipad.png) 0 0 no-repeat;
      left: -45%;
      width: 982px;
      height: 678px; }
    .panel--intuitive .compartment .fsElementContent {
      float: right; } }
@media (min-width: 68.75em) {
  .panel--intuitive .compartment:after {
    left: -35%; } }

.panel--academics h2:after {
  background: url(/uploaded/build/default_15/images/learn/grid_mobile.gif) 50% 0 no-repeat;
  height: 315px; }
@media (min-width: 62.5em) {
  .panel--academics .compartment {
    min-height: 345px; }
    .panel--academics .compartment:after {
      background: url(/uploaded/build/default_15/images/learn/grid.png) 0 0 no-repeat;
      height: 678px; } }

.panel--platform h2:after {
  background: url(/uploaded/build/default_15/images/learn/platform_mobile.gif) 50% 0 no-repeat;
  height: 352px;
  width: 100%; }
@media (min-width: 62.5em) {
  .panel--platform .compartment {
    min-height: 516px; }
    .panel--platform .compartment:after {
      background: url(/uploaded/build/default_15/images/learn/platform.png) 0 0 no-repeat;
      left: 0;
      width: 518px;
      height: 516px; }
    .panel--platform .compartment .fsElementContent {
      float: right; } }

.panel--enhance h2:after {
  background: url(/uploaded/build/default_15/images/learn/budget_mobile.jpg) 50% 0 no-repeat;
  height: 280px; }
@media (min-width: 62.5em) {
  .panel--enhance .compartment {
    min-height: 632px; }
    .panel--enhance .compartment:after {
      background: url(/uploaded/build/default_15/images/learn/budget.jpg) 0 0 no-repeat;
      height: 678px; } }

@media (min-width: 37.5em) {
  .custom h2:after {
    display: none; } }

.panel--smartdata p {
  clear: both; }
.panel--smartdata h2:after {
  display: block;
  content: '';
  background: url(/uploaded/build/default_15/images/dashboard/smartdata_mobile.jpg) 50% 0 no-repeat;
  margin: 1em -2em 0 0;
  height: 370px;
  width: 100%; }
@media (min-width: 62.5em) {
  .panel--smartdata h2:after {
    background: none;
    height: auto;
    margin: 0;
    display: none; }
  .panel--smartdata .compartment {
    min-height: 535px; }
    .panel--smartdata .compartment:after {
      background: url(/uploaded/build/default_15/images/dashboard/smartdata.jpg) 0 0 no-repeat; } }

.panel--dashinterface h2:after {
  background: url(/uploaded/build/default_15/images/dashboard/dashboard_interface_mobile.jpg) 50% 0 no-repeat;
  height: 212px; }
@media (min-width: 62.5em) {
  .panel--dashinterface .compartment {
    min-height: 560px; }
    .panel--dashinterface .compartment:after {
      background: url(/uploaded/build/default_15/images/dashboard/dashboard_interface.jpg) -130% 0 no-repeat;
      left: -20%; }
    .panel--dashinterface .compartment .fsElementContent {
      float: right; } }
@media (min-width: 81.25em) {
  .panel--dashinterface .compartment:after {
    background: url(/uploaded/build/default_15/images/dashboard/dashboard_interface.jpg) 0 0 no-repeat; } }

.panel--budget h2:after {
  background: url(/uploaded/build/default_15/images/dashboard/dashboard_budget_mobile.jpg) 50% 0 no-repeat;
  height: 255px; }
@media (min-width: 62.5em) {
  .panel--budget .compartment {
    min-height: 597px; }
    .panel--budget .compartment:after {
      background: url(/uploaded/build/default_15/images/dashboard/dashboard_budget.jpg) 0 0 no-repeat; } }

.panel--apply h2:after {
  background: url(/uploaded/build/default_15/images//apply/apply_dashboard_mobile.jpg) 50% 0 no-repeat;
  height: 153px; }
@media (min-width: 62.5em) {
  .panel--apply .compartment {
    min-height: 716px; }
    .panel--apply .compartment:after {
      background: url(/uploaded/build/default_15/images//apply/apply_dashboard.jpg) top right no-repeat;
      left: -80%;
      width: 1400px; }
    .panel--apply .compartment .fsElementContent {
      float: right; } }
@media (min-width: 68.75em) {
  .panel--apply .compartment:after {
    left: -55%;
    background: url(/uploaded/build/default_15/images//apply/apply_dashboard.jpg) 0 0 no-repeat; } }

@media (min-width: 37.5em) {
  body[data-pageid="22"] .fsTabs {
    z-index: 500;
    position: relative;
    margin: 0 auto 180px;
    width: 100% !important;
    max-width: 1180px !important; }
    body[data-pageid="22"] .fsTabs:after {
      display: block;
      content: '';
      width: 259px;
      height: 671px;
      position: absolute;
      bottom: -80px;
      right: -140px;
      z-index: -1;
      background: url(/uploaded/build/default_15/images/composer/pricing_options.jpg) right bottom no-repeat; }
    body[data-pageid="22"] .fsTabs .fsTabsNavItem {
      width: calc(16.66666666666667% + 3.25px);
      text-align: center;
      padding: 0; }
    body[data-pageid="22"] .fsTabs .pricepoint h3 {
      text-align: right; }
    body[data-pageid="22"] .fsTabs .button.bottom {
      position: absolute;
      bottom: 2em;
      right: 2em; } }

.panel--modern h2:after {
  background: url(/uploaded/build/default_15/images/apply/apply_responsive_mobile.png) 50% 0 no-repeat;
  height: 165px; }
@media (min-width: 62.5em) {
  .panel--modern .compartment {
    min-height: 608px; }
    .panel--modern .compartment:after {
      width: 1181px;
      background: url(/uploaded/build/default_15/images/apply/apply_responsive.png) 0 0 no-repeat; } }

.panel--paperless h2:after {
  background: url(/uploaded/build/default_15/images/apply/apply_budget_mobile.jpg) 50% 0 no-repeat;
  height: 268px; }
@media (min-width: 62.5em) {
  .panel--paperless .compartment {
    min-height: 651px; }
    .panel--paperless .compartment:after {
      background: url(/uploaded/build/default_15/images/apply/apply_budget.jpg) 0 0 no-repeat;
      left: -10%; }
    .panel--paperless .compartment .fsElementContent {
      float: right; } }
@media (min-width: 81.25em) {
  .panel--paperless .compartment:after {
    background: url(/uploaded/build/default_15/images/apply/apply_budget.jpg) 0 0 no-repeat; } }

body[data-pageid="202"] {
  /*
      Common
  */
  /* Accessibility */
  /*
      Wizard
  */
  /*
      Tabcontrol
  */ }
  body[data-pageid="202"] section {
    position: relative; }
  body[data-pageid="202"] .hbspt-form {
    display: none; }
  body[data-pageid="202"] #fsPageBody .fsElementContent .wizard .content ul {
    width: 100%;
    clear: both;
    margin: 0;
    padding-left: 0;
    list-style: none;
    zoom: 1; }
    body[data-pageid="202"] #fsPageBody .fsElementContent .wizard .content ul ul {
      margin-bottom: 0;
      padding-left: 0;
      list-style: none; }
    body[data-pageid="202"] #fsPageBody .fsElementContent .wizard .content ul a {
      display: block; }
    body[data-pageid="202"] #fsPageBody .fsElementContent .wizard .content ul:after {
      display: table;
      clear: both;
      content: ''; }
    body[data-pageid="202"] #fsPageBody .fsElementContent .wizard .content ul li {
      display: block;
      float: left;
      text-align: center;
      margin-right: 2%;
      width: 72px;
      line-height: 1; }
      body[data-pageid="202"] #fsPageBody .fsElementContent .wizard .content ul li a {
        display: inline-block;
        padding-top: 80px;
        width: 72px;
        min-height: 40px;
        text-align: center;
        color: #a7a7a7;
        font-size: 0.75em;
        transition: all .25s; }
  body[data-pageid="202"] .wizard,
  body[data-pageid="202"] .tabcontrol {
    display: block;
    width: 100%;
    overflow: hidden; }
  body[data-pageid="202"] .wizard ul,
  body[data-pageid="202"] .tabcontrol ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
    padding: 0;
    margin: 0; }
    body[data-pageid="202"] .wizard ul ul,
    body[data-pageid="202"] .tabcontrol ul ul {
      margin-bottom: 0;
      padding-left: 0;
      list-style: none; }
    body[data-pageid="202"] .wizard ul a,
    body[data-pageid="202"] .tabcontrol ul a {
      display: block; }
  body[data-pageid="202"] .wizard ul > li,
  body[data-pageid="202"] .tabcontrol ul > li {
    display: block;
    padding: 0; }
  body[data-pageid="202"] .wizard > .steps .current-info,
  body[data-pageid="202"] .tabcontrol > .steps .current-info {
    position: absolute;
    left: -999em; }
  body[data-pageid="202"] .wizard > .content > .title,
  body[data-pageid="202"] .tabcontrol > .content > .title {
    position: absolute;
    left: -999em; }
  body[data-pageid="202"] .wizard > .steps {
    position: relative;
    display: block;
    width: 100%; }
  body[data-pageid="202"] .wizard > .steps .number {
    font-size: 1.2em; }
  body[data-pageid="202"] .wizard > .steps > ul > li {
    width: 16%; }
  body[data-pageid="202"] .wizard > .steps > ul > li,
  body[data-pageid="202"] .wizard > .actions > ul > li {
    float: left; }
  body[data-pageid="202"] .wizard > .steps a,
  body[data-pageid="202"] .wizard > .steps a:hover,
  body[data-pageid="202"] .wizard > .steps a:active {
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    cursor: default;
    padding-bottom: .5em; }
  body[data-pageid="202"] .wizard > .steps .disabled a,
  body[data-pageid="202"] .wizard > .steps .disabled a:hover,
  body[data-pageid="202"] .wizard > .steps .disabled a:active {
    color: #cccccc;
    cursor: default; }
  body[data-pageid="202"] .wizard > .steps .current a,
  body[data-pageid="202"] .wizard > .steps .current a:hover,
  body[data-pageid="202"] .wizard > .steps .current a:active {
    color: black;
    outline: none;
    border-bottom: 3px solid #cccccc; }
  body[data-pageid="202"] .wizard > .steps .error a,
  body[data-pageid="202"] .wizard > .steps .error a:hover,
  body[data-pageid="202"] .wizard > .steps .error a:active {
    color: red; }
  body[data-pageid="202"] .wizard > .content {
    background: #ebebeb;
    display: block;
    margin: 0.5em;
    padding: 1em;
    overflow: hidden;
    position: relative;
    width: auto;
    display: block;
    clear: both;
    border-radius: 5px; }
  body[data-pageid="202"] .wizard > .content > .body {
    float: left; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product]:before {
      content: '*';
      display: block;
      position: absolute;
      margin-top: -80px;
      width: 72px;
      height: 72px;
      background: #c7c7c7 url("/uploaded/code_2013/images/product_icons2.png") 23px 18px no-repeat;
      text-indent: -9999px;
      border-radius: 50%;
      transition: all .15s; }
    body[data-pageid="202"] .wizard > .content > .body .noTouch a[data-product]:hover:before {
      background-color: #555555; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product].active:before, body[data-pageid="202"] .wizard > .content > .body .noTouch a[data-product].active:hover:before {
      background-color: #cc00e2; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="cms"]:before {
      background-position: 23px 18px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="lms"]:before {
      background-position: -52px 18px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="social"]:before {
      background-position: -128px 20px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="website-design"]:before {
      background-position: -420px -52px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="annual-reports"]:before {
      background-position: 23px -53px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="campus-map"]:before {
      background-position: -49px -53px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="digital-signage"]:before {
      background-position: -126px -54px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="holiday-cards"]:before {
      background-position: -198px -53px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="mashup"]:before {
      background-position: -272px -53px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="microsite"]:before {
      background-position: -346px -50px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="bulletins"]:before {
      background-position: -495px -54px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="athletics"]:before {
      background-position: 22px -124px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="calendar"]:before {
      background-position: -53px -125px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="commerce"]:before {
      background-position: -129px -123px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="enotify"]:before {
      background-position: -199px -121px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="forms-manager"]:before {
      background-position: -271px -123px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="media-manager"]:before {
      background-position: -346px -124px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="news-manager"]:before {
      background-position: -421px -125px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="registration-manager"]:before {
      background-position: -492px -125px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="parent-portal"]:before {
      background-position: 18px -195px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="facutly-portal"]:before {
      background-position: -57px -195px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="student-portal"]:before {
      background-position: -122px -197px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="board-portal"]:before {
      background-position: -199px -197px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="alumni-portal"]:before {
      background-position: -267px -199px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="allschool-portal"]:before {
      background-position: -345px -196px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="responsive-design"]:before {
      background-position: 19px -265px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="mobile-website"]:before {
      background-position: -45px -269px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="iphone-app"]:before {
      background-position: -125px -269px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="ipad-sites"]:before {
      background-position: -201px -269px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="vericross"]:before {
      background-position: 20px -341px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="senior-systems"]:before {
      background-position: -60px -337px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="blackbaud"]:before {
      background-position: -122px -342px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="renweb"]:before {
      background-position: -201px -344px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="rediker"]:before {
      background-position: -261px -342px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="finalsite-open"]:before {
      background-position: -344px -341px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="wcbs"]:before {
      background-position: -416px -341px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="powerschool"]:before {
      background-position: -486px -340px; }
    body[data-pageid="202"] .wizard > .content > .body a[data-product="sso"]:before {
      background-position: -557px -341px; }
    body[data-pageid="202"] .wizard > .content > .body .noTouch ul a:hover {
      color: #555555; }
  body[data-pageid="202"] .wizard > .content > .body input.error {
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #8a1f11; }
  body[data-pageid="202"] .wizard > .content > .body label.error {
    color: #8a1f11;
    display: inline-block;
    margin-left: 1.5em; }
  body[data-pageid="202"] .wizard > .actions {
    position: relative;
    display: block;
    text-align: right;
    width: 100%; }
  body[data-pageid="202"] .wizard > .actions > ul {
    display: inline-block;
    text-align: right; }
  body[data-pageid="202"] .wizard > .actions > ul > li {
    margin: 0 0.5em; }
  body[data-pageid="202"] .wizard > .actions a {
    display: inline-block;
    color: #fff !important;
    text-decoration: none;
    background: #C800DF;
    padding: 0.75em 1.25em;
    border-radius: 5px;
    margin-top: 1.75em;
    border: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 300; }
    body[data-pageid="202"] .wizard > .actions a:hover {
      background: #9a00ac;
      color: #fff; }
    body[data-pageid="202"] .wizard > .actions a.pink {
      background: #bd4a99; }
      body[data-pageid="202"] .wizard > .actions a.pink:hover {
        background: #9b397c; }
    body[data-pageid="202"] .wizard > .actions a.gold {
      background: #e4ad26; }
      body[data-pageid="202"] .wizard > .actions a.gold:hover {
        background: #bf8f18; }
    body[data-pageid="202"] .wizard > .actions a.teal {
      background: #4cc0b9; }
      body[data-pageid="202"] .wizard > .actions a.teal:hover {
        background: #38a19a; }
    body[data-pageid="202"] .wizard > .actions a.blue {
      background: #1ba7bf; }
      body[data-pageid="202"] .wizard > .actions a.blue:hover {
        background: #158092; }
    body[data-pageid="202"] .wizard > .actions a.purple {
      background: #8c3b8a; }
      body[data-pageid="202"] .wizard > .actions a.purple:hover {
        background: #682c67; }
    body[data-pageid="202"] .wizard > .actions a.darkgray {
      background: #555555; }
      body[data-pageid="202"] .wizard > .actions a.darkgray:hover {
        background: #3b3b3b; }
    body[data-pageid="202"] .wizard > .actions a.midgray {
      background: #cccccc;
      color: #555555; }
      body[data-pageid="202"] .wizard > .actions a.midgray:hover {
        background: #b3b3b3; }
    body[data-pageid="202"] .wizard > .actions a.lightgray {
      background: #ebebeb;
      color: #555555; }
      body[data-pageid="202"] .wizard > .actions a.lightgray:hover {
        background: #d2d2d2; }
    body[data-pageid="202"] .wizard > .actions a.green {
      background: #1bbfa6; }
      body[data-pageid="202"] .wizard > .actions a.green:hover {
        background: #15927f; }
    body[data-pageid="202"] .wizard > .actions a.moss {
      background: #5d873d; }
      body[data-pageid="202"] .wizard > .actions a.moss:hover {
        background: #45642d; }
    body[data-pageid="202"] .wizard > .actions a.grapefruit {
      background: #f85467; }
      body[data-pageid="202"] .wizard > .actions a.grapefruit:hover {
        background: #f6233b; }
    body[data-pageid="202"] .wizard > .actions a.left {
      float: left;
      margin-right: 1em; }
    body[data-pageid="202"] .wizard > .actions a.right {
      float: right;
      margin-left: 1em; }
  body[data-pageid="202"] .tabcontrol > .steps {
    position: relative;
    display: block;
    width: 100%; }
  body[data-pageid="202"] .tabcontrol > .steps > ul {
    position: relative;
    margin: 6px 0 0 0;
    top: 1px;
    z-index: 1; }
  body[data-pageid="202"] .tabcontrol > .steps > ul > li {
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;
    border-radius: 5px; }
  body[data-pageid="202"] .tabcontrol > .steps > ul > li:hover {
    padding: 0; }
  body[data-pageid="202"] .tabcontrol > .steps > ul > li.current {
    border-bottom: 0 none;
    padding: 0 0 1px 0;
    margin-top: 0; }
  body[data-pageid="202"] .tabcontrol > .steps > ul > li > a {
    display: inline-block;
    border: 0 none;
    margin: 0;
    text-decoration: none; }
  body[data-pageid="202"] .tabcontrol > .steps > ul > li > a:hover {
    text-decoration: none; }
  body[data-pageid="202"] .tabcontrol > .content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px; }
  body[data-pageid="202"] .tabcontrol > .content > .body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%; }
  body[data-pageid="202"] .tabcontrol > .content > .body ul {
    list-style: disc !important; }
  body[data-pageid="202"] .tabcontrol > .content > .body ul > li {
    display: list-item; }

body:not(.fsDraftMode) .design_process.fsTwoColumnLayout .fsElement img {
  display: none; }
@media (min-width: 37.5em) {
  body:not(.fsDraftMode) .design_process.fsTwoColumnLayout > .fsDiv {
    width: calc(50% -1px);
    margin: 0;
    padding: 0 68px; }
    body:not(.fsDraftMode) .design_process.fsTwoColumnLayout > .fsDiv img {
      display: block;
      float: right; }
    body:not(.fsDraftMode) .design_process.fsTwoColumnLayout > .fsDiv:nth-child(2) img {
      float: left; }
    body:not(.fsDraftMode) .design_process.fsTwoColumnLayout > .fsDiv:nth-child(2) {
      border-left: 2px solid #cccccc; }
    body:not(.fsDraftMode) .design_process.fsTwoColumnLayout > .fsDiv > .fsElement {
      position: relative; }
      body:not(.fsDraftMode) .design_process.fsTwoColumnLayout > .fsDiv > .fsElement .fsElementContent {
        height: 330px;
        text-align: right; }
    body:not(.fsDraftMode) .design_process.fsTwoColumnLayout > .fsDiv:nth-child(2) > .fsElement .fsElementContent {
      text-align: left; }
    body:not(.fsDraftMode) .design_process.fsTwoColumnLayout > .fsDiv:nth-child(2) .fsElement:before {
      content: '';
      display: block;
      background: #555555;
      height: 41px;
      width: 41px;
      border-radius: 100%;
      position: absolute;
      left: -88.5px;
      top: 0px;
      color: #fff;
      font-size: 23px;
      line-height: 41px;
      transition: all 1s linear; }
    body:not(.fsDraftMode) .design_process.fsTwoColumnLayout > .fsDiv:nth-child(2) .fsElement:nth-child(1):before {
      content: '1'; }
    body:not(.fsDraftMode) .design_process.fsTwoColumnLayout > .fsDiv:nth-child(2) .fsElement:nth-child(2):before {
      content: '2'; }
    body:not(.fsDraftMode) .design_process.fsTwoColumnLayout > .fsDiv:nth-child(2) .fsElement:nth-child(3):before {
      content: '3'; }
    body:not(.fsDraftMode) .design_process.fsTwoColumnLayout > .fsDiv:nth-child(2) .fsElement:nth-child(4):before {
      content: '4'; }
    body:not(.fsDraftMode) .design_process.fsTwoColumnLayout > .fsDiv:nth-child(2) .fsElement:nth-child(5):before {
      content: '5'; }
    body:not(.fsDraftMode) .design_process.fsTwoColumnLayout > .fsDiv:nth-child(2) .fsElement:nth-child(6):before {
      content: '6'; } }