@charset "UTF-8";
/******************************************************************
Site Name: sumall.com
Author: sumall

Stylesheet: Main Stylesheet

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * 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.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

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

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

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

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

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

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

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

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

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

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

/*
 * Addresses margins set differently in IE6/7.
 */
pre {
  margin: 0; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,
q:after {
  content: '';
  content: none; }

small, .small {
  font-size: 75%; }

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

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0; }

/*
 * Addresses paddings set differently in IE6/7.
 */
menu {
  padding: 0 0 0 40px; }

ol,
ul {
  padding: 0;
  list-style-type: none; }

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

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

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * 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.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

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

/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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; }

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

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

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

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

/******************************************************************
Site Name:
Author:

Stylesheet: Variables

******************************************************************/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

/*********************
FONT FACE (IN YOUR FACE)
*********************/
/*
------------------------------------------------------------------
Typeface Embed
------------------------------------------------------------------
*/
@font-face {
  font-family: 'ProximaNovaLight';
  src: url("/api/repack.eot/proximanova-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-light-webfont.woff") format("woff"), url("../fonts/proximanova-light-webfont.ttf") format("truetype"), url("../fonts/proximanova-light-webfont.svg#ProximaNovaLight") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ProximaNovaLightIta';
  src: url("/api/repack.eot/proxima_nova_light_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_light_italic-webfont.woff") format("woff"), url("../fonts/proxima_nova_light_italic-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_light_italic-webfont.svg#ProximaNovaLight") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ProximaNovaRegularIta';
  src: url("/api/repack.eot/proxima_nova_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_regular_italic-webfont.woff") format("woff"), url("../fonts/proxima_nova_regular_italic-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_regular_italic-webfont.svg#ProximaNovaLight") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ProximaNovaSemiboldIta';
  src: url("/api/repack.eot/proxima_nova_semibold_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_semibold_italic-webfont.woff") format("woff"), url("../fonts/proxima_nova_semibold_italic-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_semibold_italic-webfont.svg#ProximaNovaLight") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ProximaNovaBoldIta';
  src: url("/api/repack.eot/proxima_nova_bold_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_bold_italic-webfont.woff") format("woff"), url("../fonts/proxima_nova_bold_italic-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_bold_italic-webfont.svg#ProximaNovaLight") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ProximaNovaBold';
  src: url("/api/repack.eot/proximanova-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-bold-webfont.woff") format("woff"), url("../fonts/proximanova-bold-webfont.ttf") format("truetype"), url("../fonts/proximanova-bold-webfont.svg#ProximaNovaLight") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ProximaNovaRegular';
  src: url("/api/repack.eot/proximanova-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-regular-webfont.woff") format("woff"), url("../fonts/proximanova-regular-webfont.ttf") format("truetype"), url("../fonts/proximanova-regular-webfont.svg#ProximaNovaRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ProximaNovaSemibold';
  src: url("/api/repack.eot/proximanova-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-semibold-webfont.woff") format("woff"), url("/../fonts/proximanova-semibold-webfont.ttf") format("truetype"), url("../fonts/proximanova-semibold-webfont.svg#ProximaNovaSemibold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'SumAllIconsRegular';
  src: url("/api/repack.eot/sa_icon-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sa_icon-webfont.woff") format("woff"), url("../fonts/sa_icon-webfont.ttf") format("truetype"), url("../fonts/sa_icon-webfont.svg#SumAllIconsRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'SumAllPlatforms';
  src: url("/api/repack.eot/sa_plat-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sa_plat-webfont.woff") format("woff"), url("../fonts/sa_plat-webfont.ttf") format("truetype"), url("../fonts/sa_plat-webfont.svg#SumAllIconsRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'SumAllIllustrations';
  src: url("/api/repack.eot/sa_illustration-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sa-illustration-webfont.woff") format("woff"), url("../fonts/sa-illustration-webfont.ttf") format("truetype"), url("../fonts/sa-illustration-webfont.svg#SumAllIconsRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6 .h6 {
  font-family: 'ProximaNovaSemibold', sans-serif;
  font-weight: normal;
  text-rendering: optimizelegibility;
  color: #000;
  /* removing text decoration from all headline links */ }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 .h6 a {
    text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
  font-family: "ProximaNovaLight", sans-serif; }

h1 {
  font-size: 45px;
  line-height: 58px; }

h2 {
  font-family: 'ProximaNovaSemibold', sans-serif;
  font-size: 35px;
  line-height: 43px;
  margin-bottom: 27px; }

h3 {
  font-size: 25px;
  line-height: 27px; }

h4 {
  font-size: 1em;
  /* 20 / 16 = 1.25 */
  line-height: 1.25em;
  margin-bottom: 1.25em; }

h5 {
  font-size: 1em;
  /* 16 / 16 = 1 */
  margin-bottom: 1.5em; }

h6 {
  font-size: 1em;
  /* 16 / 16 = 1 */ }

/*********************
LINK STYLES
*********************/
::selection {
  background: #dddddd;
  color: #fdfdfd;
  text-shadow: none; }

a, a:visited {
  color: #000;
  text-decoration: none !important;
  display: inline-block;
  line-height: 1em;
  background: transparent;
  /* on hover */
  /* on click */
  /* mobile tap color */ }
  a:hover, a:focus, a:visited:hover, a:visited:focus {
    color: #666; }
  a:active, a:visited:active {
    color: #000; }
  a:link, a:visited:link {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

p {
  font-family: "ProximaNovaLight", sans-serif;
  font-size: 18px;
  line-height: 27px;
  color: #444;
  padding: 20px 0; }
  p.caption, p span.caption {
    font-size: 14px;
    padding-top: 10px;
    line-height: 22px; }
  p a {
    border-bottom: 1px solid #666; }
  p.illustrations {
    font-family: 'SumAllIllustrations';
    font-size: 120px; }
  p.platforms {
    font-family: 'SumAllPlatforms';
    font-size: 100px; }
  p.pattern {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: -7px; }
    p.pattern:before {
      font-family: 'SumAllPlatforms';
      color: rgba(255, 255, 255, 0.1);
      color: rgba(0, 0, 0, 0.05);
      font-size: 42px;
      letter-spacing: -12px;
      line-height: 32px;
      content: 'T F I g t b B H P F I M T t H B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P I M T t H P B b A C S s m T F g t b B H P F I M T t H P B b A C S s m T F I t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P b A C S s m b A C S s m F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I T t H P B b A S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P b A C S s m ';
      float: left; }

b,
strong {
  font-family: "ProximaNovaSemibold"; }

.sa_logo {
  position: relative;
  margin: auto;
  width: 130px; }

.sa_logo ul {
  text-align: center; }

.sa_logo ul:first-child {
  font-family: 'SumAllIconsRegular'; }

.sa_logo ul li {
  float: left; }
  .sa_logo ul li:first-child {
    font-size: 25px;
    padding-right: 10px; }
  .sa_logo ul li span {
    vertical-align: bottom;
    letter-spacing: 2.2px; }

.price {
  font-size: 30px;
  text-align: left; }
  .price span.dollar {
    font-size: 30px;
    display: block;
    position: absolute;
    top: 77px;
    right: 281px; }
  .price span {
    font-size: 165px; }

/* @override 
    https://localhost/public/external/css/grid.css
    https://local.sumall.net/public/external/css/grid.css */
/* CSS Resets */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  margin: 0;
  padding: 0; }

article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object {
  display: block; }

a img {
  border: 0; }

figure {
  position: relative; }

figure img {
  width: 100%; }

.tier_wrapper {
  padding: 0 5%;
  width: 90%;
  float: left; }

.tier {
  width: 100%;
  max-width: 2200px;
  margin: 0 auto;
  overflow: hidden; }

.half,
.one,
.two,
.three,
.four,
.six,
.seven,
.eight,
.ten,
.twelve {
  padding: 2% 1%;
  float: left;
  position: relative;
  min-height: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.story_time .four {
  padding: 2% 4%; }

.tier .half {
  width: 5.5%; }

.tier .one {
  width: 8.333%; }

.tier .two {
  width: 16.666%; }

.anchor .tier .two {
  width: 13.666%; }

.tier .three {
  width: 25%; }

.tier .four {
  width: 33.333%; }

.tier .six {
  width: 50%; }

.tier .eight {
  width: 66.666%; }

.tier .ten {
  width: 83.333%; }

.tier .twelve {
  width: 100%; }

img, object, embed {
  max-width: 100%; }

img {
  height: auto; }

/*////////////////////////////*/
/*//////    Typeface    //////*/
/*////////////////////////////*/
.landing p,
.landing h1,
.landing h2,
.landing h3,
.landing_page p,
.landing_page h1,
.landing_page h2,
.landing_page h3 {
  font-family: 'ProximaNovaLight';
  float: left;
  width: 100%;
  text-align: left;
  position: relative;
  text-align: center;
  color: #333;
  padding: 0; }

.landing strong,
.landing_page strong {
  font-family: 'ProximaNovaSemibold';
  font-size: 21px; }

.landing p,
.landing_page p {
  font-size: 21px;
  line-height: 27px;
  margin-bottom: 27px; }

.landing h1,
.landing h1 strong,
.landing_page h1,
.landing_page h1 strong {
  font-size: 64px;
  line-height: 72px;
  margin-bottom: 42px;
  margin-top: 54px; }

.landing h2,
.landing h2 strong,
.landing_page h2,
.landing_page h2 strong {
  font-size: 46px;
  line-height: 54px;
  margin-bottom: 38px;
  margin-top: 38px; }

.landing h3,
.landing_page h3 {
  font-size: 30px;
  line-height: 38px;
  padding-top: 9px;
  padding-bottom: 9px; }

/* Smaller screens */
@media only screen and (max-width: 1023px) {
  body {
    font-size: 0.8em;
    line-height: 1.5em; }

  .tier .half {
    width: 8.333%; } }
/* Mobile */
@media handheld, only screen and (max-width: 1024px) {
  .landing h1,
  .landing h2,
  .landing h3,
  .landing_page h1,
  .landing_page h2,
  .landing_page h3 {
    font-family: 'ProximaNovaLight';
    float: left;
    width: 100%;
    text-align: left;
    position: relative;
    text-align: center;
    color: #333; }

  .landing h2,
  .landing h2 strong,
  .landing_page h2,
  .landing_page h2 strong {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 32px; }

  .landing p,
  .landing p strong,
  .landing_page p,
  .landing_page p strong {
    font-size: 18px;
    line-height: 22px;
    padding: 0; } }
@media handheld, only screen and (max-width: 768px) {
  .tier .half,
  .tier .one,
  .tier .two,
  .tier .three,
  .tier .four,
  .tier .six,
  .tier .eight,
  .tier .ten,
  .tier .twelve {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px; }

  .tier .half {
    width: 8.333%; }

  .tier .one {
    width: 8.333%; }

  .tier .two {
    width: 16.666%; }

  .anchor .tier .two {
    width: 16.666%; }

  .tier .three {
    width: 50%; }

  .tier .three.powerup {
    width: 25%; }

  .tier .four {
    width: 33.333%; }

  .tier .six {
    width: 50%; }

  .tier .eight {
    width: 100%; }

  .tier .ten {
    width: 100%; } }
@media handheld, only screen and (max-width: 568px) {
  /*@media handheld, only screen and (max-width: 768px) {*/
  .landing p,
  .landing p strong,
  .landing_page p,
  .landing_page p strong {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 24px;
    padding: 0; }

  .landing h1,
  .landing h1 strong,
  .landing_page h1,
  .landing_page h1 strong {
    font-size: 56px;
    line-height: 64px; }

  .landing h2,
  .landing h2 strong,
  .landing_page h2,
  .landing_page h2 strong {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 27px;
    margin-top: 32px; }

  .landing h3, .landing_page h3 {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 18px;
    margin-top: 18px;
    padding-top: 9px;
    padding-bottom: 9px; }

  .image {
    display: none; }

  .tier_wrapper {
    height: auto;
    padding: 0 5%;
    /*min-height: 100%;*/ }

  .tier .half,
  .tier .one,
  .tier .two,
  .tier .three,
  .tier .four,
  .tier .six,
  .tier .twelve {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px; }

  .tier .half {
    width: 16.666%; }

  .tier .one {
    width: 16.666%; }

  .tier .two {
    width: 25%; }

  .anchor .tier .two {
    width: 25%; }

  .tier .three {
    width: 100%; }

  .tier .three.powerup {
    width: 50%; }

  .tier .four {
    width: 100%; }

  .tier .six {
    width: 100%; }

  .tier .eight {
    width: 100%; }

  .tier .ten {
    width: 100%; } }
@media only screen and (max-width: 480px) {
  .tier .three.powerup {
    width: 100%; } }
/******************************************************************
Site Name: Sumall
Author: Sumall

Stylesheet: Main Stylesheet

******************************************************************/
/*********************
GENERAL STYLES
*********************/
body {
  font: 100%/1.4 "ProximaNovaLight", sans-serif;
  color: #444;
  background-color: #fff;
  height: 100%;
  width: 100%; }

.master {
  min-height: 90vh; }

/*********************
Header & Navigation
*********************/
.head {
  height: 69px;
  padding: 38px 0 0 0; }

a.logo_black, a.logo_white {
  float: left; }
  a.logo_black:before, a.logo_white:before {
    font-family: 'SumAllIconsRegular';
    content: '$';
    font-size: 32px;
    display: inline-block;
    position: relative;
    margin-top: 2px;
    line-height: 1; }

.signup_nav .twelve {
  padding: 6%; }

a.logo_black {
  color: #000; }

a.logo_white {
  color: #fff; }

.prime_nav ul {
  left: 0;
  top: 40px;
  text-align: right; }
  .prime_nav ul li {
    display: inline-block;
    margin-right: 2%;
    vertical-align: middle; }
  .prime_nav ul a:hover {
    color: #000; }
  .prime_nav ul button.b3 {
    margin: 0;
    float: right;
    min-width: 80px;
    padding: 5px 15px 7px 15px;
    height: 30px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid #4e5d63; }
    .prime_nav ul button.b3:hover {
      background-color: #6c8b9d; }

.loginButton {
  border-radius: 4px 0 0 4px; }

.secureLogin.container.login {
  margin-right: 0;
  background: #fff;
  border: none;
  padding: 0; }

.secureLogin .row {
  min-width: 300px;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  overflow: hidden; }

/*

MISSION

*/
.mission {
  background: transparent url(https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2015/02/mission-bg.jpg) center 0 no-repeat;
  background-attachment: fixed; }
  .mission .twelve {
    padding-top: 7%;
    padding-bottom: 5%; }
  .mission hr {
    width: 130px;
    border-top: 1px solid #fff;
    margin-bottom: 4%;
    border-bottom: none; }
  .mission h2, .mission p {
    font-family: 'ProximaNovaLight';
    text-align: left;
    font-size: 40px;
    color: #fff;
    line-height: 60px;
    width: 80%;
    display: block;
    margin: auto; }
  .mission h2 {
    text-align: center;
    padding-top: 5%; }
  .mission p {
    text-indent: 60px;
    padding-bottom: 5%; }

.app_download a {
  width: 100%; }
.app_download #iosApp img {
  width: 75%; }
.app_download img.app_download {
  width: 250px;
  margin: auto;
  display: block; }

/*

FOOTER

*/
.anchor {
  background: #212121;
  text-align: left; }
  .anchor.tier_wrapper {
    border-bottom: 0; }
  .anchor .tier {
    border-bottom: 1px solid #3d3d3d;
    padding: 0; }
  .anchor .tier .three {
    padding-right: 45px; }
  .anchor .tier.social {
    border-bottom: none; }
  .anchor a {
    color: #6D6E71; }
  .anchor p {
    font-size: 15px;
    padding-top: 0;
    color: #6D6E71 !important; }
  .anchor h3, .anchor p {
    color: #e6e7e8 !important; }
  .anchor h3 {
    padding: 0px 27px 15px 0; }
  .anchor h3.cta {
    color: #6D6E71 !important;
    float: left;
    padding-right: 0; }
    .anchor h3.cta.right {
      font-size: 16px;
      float: right;
      padding-right: 0; }
  .anchor p.tag {
    font-size: 20px;
    margin-top: 0; }
  .anchor input {
    background-color: #6D6E71;
    border: none;
    width: 55%; }
  .anchor button.email_signup {
    background-color: transparent;
    border: 1px solid #6D6E71;
    color: #6D6E71;
    padding: .43em 1.2em;
    vertical-align: top; }
    .anchor button.email_signup:hover {
      color: #fff;
      border-color: #fff; }
  .anchor button.b4 {
    margin-bottom: 15px;
    color: #222;
    border-radius: 0;
    font-size: 17px;
    padding: 12px 5px 18px 5px;
    width: 215px;
    background-color: #89D864;
    border: 1px solid #85B667;
    margin: 18px 6px 18px 3px;
    min-width: 115px;
    font-family: 'ProximaNovaSemibold', sans-serif;
    float: left; }
    .anchor button.b4.right {
      float: right; }
    .anchor button.b4:focus {
      outline: none; }
    .anchor button.b4:hover {
      background-color: #97eb71; }
  .anchor button.b4:after {
    position: relative;
    left: 10px;
    top: 6px;
    content: '>';
    font-family: 'SumAllIconsRegular';
    font-size: 25px;
    color: #222; }
  .anchor ul li {
    letter-spacing: .15em;
    line-height: 2.2em;
    font-size: .8em;
    color: #fff; }
  .anchor ul li a {
    color: #a4a4a4; }
  .anchor ul li a:hover {
    color: #fff; }
  .anchor ul li.list_lead {
    color: #6c6c6c;
    color: rgba(108, 108, 108, 0.45);
    font-size: 1em;
    font-family: 'ProximaNovaSemibold', sans-serif; }
  .anchor .social {
    font-family: 'SumAllPlatforms';
    font-size: 80px; }
    .anchor .social p {
      margin-bottom: -50px;
      margin-top: 43px; }
    .anchor .social .facebook:before {
      content: 'F';
      margin-left: -30px; }
    .anchor .social .facebook:hover {
      color: #3b5a97; }
    .anchor .social .twitter:before {
      content: 'T';
      margin-left: -30px; }
    .anchor .social .twitter:hover {
      color: #2aa9df; }
    .anchor .social .instagram:before {
      content: 'I';
      margin-left: -30px; }
    .anchor .social .instagram:hover {
      color: #e2ded7; }
    .anchor .social .google:before {
      content: 'g';
      margin-left: -30px; }
    .anchor .social .google:hover {
      color: #d14130; }
    .anchor .social .youtube:before {
      content: 'Y';
      margin-left: -30px; }
    .anchor .social .youtube:hover {
      color: #cc181e; }
    .anchor .social .pinterest {
      margin-left: -15px;
      font-family: 'SumAllPlatforms';
      font-size: 80px; }
      .anchor .social .pinterest:hover {
        color: #d14130; }
  .anchor .footer_cta {
    padding: 35px 0; }
    .anchor .footer_cta span {
      font-family: 'SumAllIllustrations';
      font-size: 160px;
      display: block;
      margin-top: -35px;
      color: #939598; }
  .anchor .stamp span:before {
    margin-top: 28px;
    font-family: 'SumAllIconsRegular';
    font-size: 35px;
    color: #fff !important;
    color: rgba(108, 108, 108, 0.25);
    border-bottom: none;
    content: '$'; }
  .anchor .stamp ul {
    padding-top: 25px; }
    .anchor .stamp ul li {
      float: left;
      padding-right: 25px; }

ul.footer_two {
  padding-top: 55px !important; }
  ul.footer_two p.tag {
    font-size: 17px; }

/* End Footer */
.js_less {
  position: absolute;
  z-index: 999;
  width: 100%;
  top: 100px;
  height: 60px;
  background: #ffb40f;
  text-align: center; }

.js_less img {
  vertical-align: middle; }

.js_less a {
  border-bottom: 1px solid #6c6c6c;
  padding-bottom: 1px;
  color: #333;
  line-height: 60px; }

.js_less a:hover {
  color: #000; }

.notfound_wrapper {
  min-height: 500px; }

.err .twelve {
  height: 600px; }

.notfound_wrapper, .app_error_wrapper, .forbidden_wrapper {
  left: 50%;
  margin-left: -290px;
  margin-top: -100px;
  position: absolute;
  top: 50%;
  height: 200px;
  width: 580px; }

.notfound_wrapper .page_error {
  background: url(../images/page_errors.png) no-repeat left bottom;
  height: 120px;
  text-shadow: 0 1px 1px #fff; }

.hidden {
  display: none; }

.thirdPartyForm .row .tag_wrapper {
  float: none;
  margin: 0 auto; }

.hero_tag .tag_wrapper {
  /* width: auto; */
  /* max-width: 300px; */
  margin: auto;
  text-align: left;
  /* margin-top: 30px; */ }

.prime_nav ul li:nth-child(6):after {
  margin: -7px 10px 0px -30px !important; }

.mobile_nav {
  display: none; }

/* smart app banner styles */
.smart-banner {
  position: absolute;
  left: 0;
  top: -82px;
  border-bottom: 1px solid #e8e8e8;
  width: 100%;
  height: 90px;
  font-family: 'Helvetica Neue',sans-serif !important;
  background: -webkit-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  z-index: 9998;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  -webkit-text-size-adjust: none; }

#swb-save {
  position: absolute;
  right: 20px;
  top: 24px;
  border: 1px solid #bfbfbf;
  width: 10%;
  min-width: 58px;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
  color: #6a6a6a;
  background: -webkit-linear-gradient(top, #efefef 0%, #dcdcdc 100%);
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 0 rgba(255, 255, 255, 0.7) inset; }

#swb-save:active {
  line-height: 25px;
  background: -webkit-linear-gradient(top, #dcdcdc 0%, #efefef 100%); }

.smart-glossy-icon {
  width: 60px;
  height: 60px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
  border-radius: 12px;
  position: absolute;
  left: 30px;
  top: 13px;
  display: block; }

.rating-static {
  width: 60px;
  height: 14px;
  display: block;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAgCAYAAADZubxIAAAB+klEQVR42u2ZsWrDMBCGvfYJ+np9jC55g1DoKySjlyweugTSJUsIJUPAOCaEeElpSmk7dClqf4HCYSTXCqXlTvfBQWL/i0+688l/limKIoyXxcK8bTYmFT1omuYqGf3TaGSeJxOTir4sS7NardLQY+cfh0MbKejBcrk0CJF6tDPseBdIzOfNhQ38pvc+drtb7no883q9Ni6QmPl8bgO/6T3X9rjrM7Qzl5RQHGez0w7hrseDT6dT0xV1Xb9K0VuQgFByUCXtyueuB6HkbLfbe4l6O5z0TY4E/X6/vy6KwtBAa5Oqz7ytrWNY4a7HO6udIFSASP374XAZanES9SDPc4NAYjCkuP8i9a69+YYXX5vjrkd7G4/HBmdIdw2DCRLkO1Ny12c0MRQcLXxfhbjruwgOKUL1iqIoiqIoym/A3d/FmTg1PzgK7v4ujkzV98G/r567HxyFBH8XWixw3yrg7gf/2P7afurjYGCjr//6n3pX4TSgrTz+qLPQ2Pu7sXD3d1HlWFR6HwtMLTRaESL83Vgk+LtU83BXnJJDv9dS2Pu75wxXnP1dVDJdYOeyhPTs/d1YuPu7tLW7BUZ0DTOc/eAoqJ/afp9x0Lc3REX80dBwwt0PPqs9c/V33YZoV3ioTbP3d88ZsnzXufi7XV+7YhOk/q6iKIryB3wBtjEcvuWoD/oAAAAASUVORK5CYII=") 0 0 no-repeat; }

.rating-50 {
  background-position: 0 0; }

.rating-40 {
  background-position: -12px 0; }

.rating-30 {
  background-position: -24px 0; }

.rating-20 {
  background-position: -36px 0; }

.rating-10 {
  background-position: -48px 0; }

.rating-0 {
  background-position: -60px 0; }

.rating-5 {
  background-position: -48px -16px; }

.rating-15 {
  background-position: -36px -16px; }

.rating-25 {
  background-position: -24px -16px; }

.rating-35 {
  background-position: -12px -16px; }

.rating-45 {
  background-position: 0 -16px; }

#swb-close {
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  border: 2px solid #fff;
  width: 14px;
  height: 14px;
  font-family: 'ArialRoundedMTBold';
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  color: #fff;
  background: #070707;
  text-decoration: none;
  text-shadow: none;
  border-radius: 14px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  -webkit-font-smoothing: subpixel-antialiased; }

#swb-close:active {
  color: #aaa; }

#swb-info {
  position: absolute;
  left: 98px;
  top: 14px;
  width: 44%;
  font-size: 11px;
  line-height: 1.2em;
  font-weight: bold;
  color: #6a6a6a;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }

#swb-info strong {
  display: block;
  font-size: 13px;
  line-height: 1.2em;
  color: #4d4d4d; }

#swb-info em {
  font-style: normal;
  text-transform: uppercase; }

@media only screen and (max-width: 480px) {
  .twocol {
    margin-bottom: 54px; }

  .anchor .stamp a {
    float: left; }

  li.menu-item-181, li#menu-item-182, li#menu-item-183, li#menu-item-184, li#menu-item-66, li#menu-item-181 {
    display: none; }

  .prime_nav ul li:nth-child(6):after {
    top: 35px;
    left: 106px; } }
/*********************
ABOUT PAGE
*********************/
.about .prime_nav {
  background: transparent;
  height: 0;
  border-bottom: none;
  position: absolute; }
.about .prime_nav ul li:nth-child(6) {
  border-radius: 0; }
.about .prime_nav ul li:nth-child(6):after {
  content: none; }
.about .prime_nav ul li:nth-child(6) {
  padding-right: 0; }
.about .prime_nav ul li:nth-child(6) a:hover {
  background-color: transparent; }
.about .prime_nav ul #menu-item-185:hover {
  background-color: transparent; }
.about .prime_nav ul li a {
  color: #fff; }
.about .prime_nav ul li a:hover {
  color: #ccc; }
.about a.logo {
  color: #fff; }
.about p {
  padding-right: 25px;
  padding-bottom: 25px; }
.about .hero {
  height: 725px;
  background-size: 100%;
  background: transparent url(../images/about-hero-one.jpg) center center no-repeat;
  pointer-events: none; }
.about .intro, .about .transparency, .about .org {
  padding-top: 20px;
  padding-bottom: 10%; }
  .about .intro hr, .about .transparency hr, .about .org hr {
    border: 1px solid #000; }
  .about .intro .three p, .about .transparency .three p, .about .org .three p {
    font-family: "ProximaNovaSemibold";
    font-size: 14px;
    margin-bottom: 50px; }
  .about .intro .three span, .about .transparency .three span, .about .org .three span {
    font-family: "ProximaNovaLight";
    font-size: 48px;
    color: #3CB3E7; }
  .about .intro .three span:nth-child(2), .about .transparency .three span:nth-child(2), .about .org .three span:nth-child(2) {
    font-size: 10px; }
.about .tier_wrapper.transparency .three span {
  color: #FFB20E; }
  .about .tier_wrapper.transparency .three span.asterisk {
    font-size: 12px; }
.about .tier_wrapper.transparency .twelve, .about .tier_wrapper.org .twelve {
  padding-bottom: 0; }
.about h1 {
  color: #fff;
  text-align: center;
  padding: 243px 5%; }
.about .twelve.location, .about .twelve.press_cta {
  padding-bottom: 0;
  padding-right: 0; }
  .about .twelve.location img, .about .twelve.press_cta img {
    float: right; }
  .about .twelve.location span, .about .twelve.press_cta span {
    float: right;
    display: inline-block;
    font-family: "ProximaNovaSemibold";
    font-size: 12px;
    color: #231F20;
    padding-top: 75px;
    padding-right: 15px; }
.about .twelve.press_cta span {
  padding-top: 55px; }
.about .team .two {
  padding: 0; }
.about .team .twelve .pic {
  background-size: 100%;
  height: 11em; }
  .about .team .twelve .pic:hover {
    background-size: 100%; }
.about .team .two div {
  height: 217px; }
.about .team div.tommy {
  background: transparent url(../images/tommy.png) no-repeat; }
.about .team div.tommy:hover {
  background: transparent url(../images/tommy.gif) no-repeat; }
.about .team div.terry {
  background: transparent url(../images/terry.png) no-repeat; }
.about .team div.terry:hover {
  background: transparent url(../images/terry.gif) no-repeat; }
.about .team div.will {
  background: transparent url(../images/will.png) no-repeat; }
.about .team div.will:hover {
  background: transparent url(../images/will.gif) no-repeat; }
.about .team div.luca {
  background: transparent url(../images/luca.png) no-repeat; }
.about .team div.luca:hover {
  background: transparent url(../images/luca.gif) no-repeat; }
.about .team div.todd-bongos {
  background: transparent url(../images/todd-bongos.png) no-repeat; }
.about .team div.todd-bongos:hover {
  background: transparent url(../images/todd-bongos.gif) no-repeat; }
.about .team div.andrea {
  background: transparent url(../images/andrea.png) no-repeat; }
.about .team div.andrea:hover {
  background: transparent url(../images/andrea.gif) no-repeat; }
.about .team div.arron-drones {
  background: transparent url(../images/arron-drones.png) no-repeat; }
.about .team div.arron-drones:hover {
  background: transparent url(../images/arron-drones.gif) no-repeat; }
.about .team div.chris {
  background: transparent url(../images/chris.png) no-repeat; }
.about .team div.chris:hover {
  background: transparent url(../images/chris.gif) no-repeat; }
.about .team div.dane {
  background: transparent url(../images/dane.png) no-repeat; }
.about .team div.dane:hover {
  background: transparent url(../images/dane.gif) no-repeat; }
.about .team div.bernar {
  background: transparent url(../images/bernar.png) no-repeat; }
.about .team div.bernar:hover {
  background: transparent url(../images/bernar.gif) no-repeat; }
.about .team div.chris {
  background: transparent url(../images/chris.png) no-repeat; }
.about .team div.chris:hover {
  background: transparent url(../images/chris.gif) no-repeat; }
.about .team div.david {
  background: transparent url(../images/david.png) no-repeat; }
.about .team div.david:hover {
  background: transparent url(../images/david.gif) no-repeat; }
.about .team div.davin {
  background: transparent url(../images/davin.png) no-repeat; }
.about .team div.davin:hover {
  background: transparent url(../images/davin.gif) no-repeat; }
.about .team div.dom {
  background: transparent url(../images/dom.png) no-repeat; }
.about .team div.dom:hover {
  background: transparent url(../images/dom.gif) no-repeat; }
.about .team div.ethan {
  background: transparent url(../images/ethan.png) no-repeat; }
.about .team div.ethan:hover {
  background: transparent url(../images/ethan.gif) no-repeat; }
.about .team div.hova {
  background: transparent url(../images/hova.png) no-repeat; }
.about .team div.hova:hover {
  background: transparent url(../images/hova.gif) no-repeat; }
.about .team div.jacob {
  background: transparent url(../images/jacob.png) no-repeat; }
.about .team div.jacob:hover {
  background: transparent url(../images/jacob.gif) no-repeat; }
.about .team div.joel {
  background: transparent url(../images/joel.png) no-repeat; }
.about .team div.joel:hover {
  background: transparent url(../images/joel.gif) no-repeat; }
.about .team div.kimi {
  background: transparent url(../images/kimi.png) no-repeat; }
.about .team div.kimi:hover {
  background: transparent url(../images/kimi.gif) no-repeat; }
.about .team div.korey {
  background: transparent url(../images/korey.png) no-repeat; }
.about .team div.korey:hover {
  background: transparent url(../images/korey.gif) no-repeat; }
.about .team div.lema {
  background: transparent url(../images/lema.png) no-repeat; }
.about .team div.lema:hover {
  background: transparent url(../images/lema.gif) no-repeat; }
.about .team div.mahssa {
  background: transparent url(../images/mahssa.png) no-repeat; }
.about .team div.mahssa:hover {
  background: transparent url(../images/mahssa.gif) no-repeat; }
.about .team div.paolo {
  background: transparent url(../images/paolo.png) no-repeat; }
.about .team div.paolo:hover {
  background: transparent url(../images/paolo.gif) no-repeat; }
.about .team div.marcela {
  background: transparent url(../images/marcela.png) no-repeat; }
.about .team div.marcela:hover {
  background: transparent url(../images/marcela.gif) no-repeat; }
.about .team div.marco {
  background: transparent url(../images/marco.png) no-repeat; }
.about .team div.marco:hover {
  background: transparent url(../images/marco.gif) no-repeat; }
.about .team div.mark {
  background: transparent url(../images/mark.png) no-repeat; }
.about .team div.mark:hover {
  background: transparent url(../images/mark.gif) no-repeat; }
.about .team div.matt {
  background: transparent url(../images/matt.png) no-repeat; }
.about .team div.matt:hover {
  background: transparent url(../images/matt.gif) no-repeat; }
.about .team div.mikehwang {
  background: transparent url(../images/mikehwang.png) no-repeat; }
.about .team div.mikehwang:hover {
  background: transparent url(../images/mikehwang.gif) no-repeat; }
.about .team div.phil {
  background: transparent url(../images/phil.png) no-repeat; }
.about .team div.phil:hover {
  background: transparent url(../images/phil.gif) no-repeat; }
.about .team div.rick {
  background: transparent url(../images/rick.png) no-repeat; }
.about .team div.rick:hover {
  background: transparent url(../images/rick.gif) no-repeat; }
.about .team div.ro {
  background: transparent url(../images/ro.png) no-repeat; }
.about .team div.ro:hover {
  background: transparent url(../images/ro.gif) no-repeat; }
.about .team div.scott {
  background: transparent url(../images/scott.png) no-repeat; }
.about .team div.scott:hover {
  background: transparent url(../images/scott.gif) no-repeat; }
.about .team div.taras {
  background: transparent url(../images/taras.png) no-repeat; }
.about .team div.taras:hover {
  background: transparent url(../images/taras.gif) no-repeat; }
.about .tier_wrapper.freebies {
  padding-top: 10%; }
.about .freebies .three:last-child {
  margin-right: 0; }
.about .freebies .three p {
  padding-right: 0;
  font-size: 14px; }
.about .freebies .three.logo img {
  display: block;
  padding: 3px;
  border: 1px solid #ccc; }
  .about .freebies .three.logo img a {
    border-bottom: none; }
  .about .freebies .three.logo img:hover {
    border: 1px solid #aaa;
    opacity: .8; }

/* end about page */
.dialog_content {
  width: 320px;
  padding: 30px;
  left: -177px; }

button#signup_initial {
  width: 225px;
  font-family: 'ProximaNovaRegular'; }

.home_page {
  text-align: center;
  min-height: 90vh;
  /* nav platform styles */
  /* smoother transitions */ }
  .home_page .head {
    padding: 38px 5% 0 5%; }
  .home_page .version1 {
    display: block !important; }
  .home_page .version2 {
    display: none !important; }
  .home_page .version3 {
    display: none !important; }
  .home_page .four p.version1 {
    display: block !important; }
  .home_page .version3_wrapper {
    align-self: flex-start;
    margin-bottom: -286px;
    width: 496px !important;
    padding-left: 75px;
    display: none !important; }
  .home_page .version2_wrapper {
    padding: 15px 15px 40px 0;
    width: 425px;
    display: none !important; }
  .home_page .main_signup {
    float: none;
    min-width: 220px;
    padding: 15px 18px 0 0;
    margin-bottom: 4px; }
  .home_page .hero_wrapper {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    width: 100%;
    height: auto;
    min-height: 55vh;
    flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-box-pack: column;
    -webkit-box-align: column; }
    .home_page .hero_wrapper .six {
      width: 55%; }
  .home_page .four p.version1 {
    margin-top: -300px;
    padding-left: 282px;
    padding-right: 67px; }
  .home_page .main_signup[provider=twitter] {
    background-color: #109ed1; }
  .home_page .main_signup:before {
    border-right: none;
    padding-right: 0px;
    padding-left: 12px;
    margin-right: 0; }
  .home_page .prime_nav a {
    color: #fff; }
  .home_page .prime_nav .logo_black {
    color: #fff; }
  .home_page .prime_nav button.mobile {
    border: 1px solid #222; }
  .home_page .prime_nav .mobile {
    color: #222; }
  .home_page h2 {
    font-family: 'ProximaNovaLight'; }
  .home_page .prime_nav ul li:first-child {
    margin-top: -7px; }
  .home_page button.b3 {
    margin: 0;
    float: right;
    min-width: 80px;
    padding: 5px 15px 7px 15px;
    height: 30px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid #4e5d63; }
    .home_page button.b3:hover {
      background-color: #6c8b9d; }
  .home_page .hero {
    background-color: #a2cfe8; }
  .home_page div.trial {
    height: 746px;
    background-size: cover; }
  .home_page .hero_home {
    min-height: 100vh;
    background-image: -webkit-gradient(radial, center center, 0, center center, 800, from(#66d0f1), to(#4da3c3));
    background: -moz-radial-gradient(circle, #66d0f1, #4da3c3);
    background-image: -ms-linear-gradient(top, #66d0f1 0%, #4da3c3 100%);
    background-color: #4da3c3 \9; }
    .home_page .hero_home .tier.first {
      position: absolute;
      height: 70px;
      width: 100%;
      z-index: 1000; }
    .home_page .hero_home .image_wrapper {
      background: transparent url(https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2015/03/hero-home-test1.png) left bottom no-repeat;
      background-size: 60%;
      min-height: 100vh;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      -webkit-align-items: center;
      justify-content: center;
      -webkit-justify-content: center;
      height: auto;
      flex-direction: column;
      -webkit-flex-direction: column;
      -webkit-box-pack: column;
      -webkit-box-align: column;
      padding: 0 5%;
      position: absolute; }
    .home_page .hero_home .spacer {
      margin-bottom: -20%;
      position: relative;
      height: 340px;
      pointer-events: none;
      background: none !important; }
    .home_page .hero_home .overflow {
      width: 100%; }
    .home_page .hero_home p.version1,
    .home_page .hero_home p.version2,
    .home_page .hero_home p.version3 {
      padding-top: 2px;
      font-size: 16px;
      padding-bottom: 5px;
      color: #fff; }
    .home_page .hero_home p.options {
      cursor: pointer;
      border-bottom: 1px solid #5c6f7f;
      padding: 0;
      margin: 0;
      width: 175px;
      margin: auto;
      color: #59707e;
      font-size: 14px; }
    .home_page .hero_home b, .home_page .hero_home strong {
      font-weight: normal; }
    .home_page .hero_home img.hero_full,
    .home_page .hero_home img.hero_1700,
    .home_page .hero_home img.hero_massive,
    .home_page .hero_home img.hero_1200 {
      position: absolute;
      bottom: 0;
      right: 0; }
    .home_page .hero_home img.hero_mobile {
      margin-left: -11%; }
    .home_page .hero_home img.hero_1700 {
      display: none; }
    .home_page .hero_home img.hero_1200 {
      display: none; }
    .home_page .hero_home img.hero_massive {
      display: none; }
    .home_page .hero_home h1 {
      margin-top: 5%;
      font-size: 40px;
      line-height: 54px;
      text-align: left;
      width: 732px;
      font-family: 'ProximaNovaLight';
      color: #fff;
      display: block;
      margin: auto;
      position: relative;
      padding-bottom: 17px;
      margin: auto; }
      .home_page .hero_home h1.version2 {
        padding: 15px 0 0 0px;
        width: auto; }
      .home_page .hero_home h1.version1 {
        margin-top: -90px; }
      .home_page .hero_home h1.version3 {
        text-align: left;
        width: auto; }
    .home_page .hero_home p.version2 {
      text-align: left; }
    .home_page .hero_home p.version3 {
      text-align: left;
      padding-left: 0 !important; }
    .home_page .hero_home h1.mobile {
      color: #222;
      width: auto;
      text-align: center; }
    .home_page .hero_home .cta_green {
      font-family: 'ProximaNovaRegular';
      padding: 15px 25px 19px 25px;
      height: 50px;
      font-size: 17px;
      width: 180px;
      border-radius: 3px;
      color: #221a17; }
      .home_page .hero_home .cta_green span {
        font-size: 10px;
        display: block;
        letter-spacing: 1.2px;
        margin-top: -1px;
        color: #000;
        opacity: .5; }
  .home_page .cta_green {
    position: relative; }
  .home_page .connected {
    padding-top: 60px;
    background-color: #fbfbfb; }
    .home_page .connected h2 {
      padding-bottom: 40px; }
    .home_page .connected .twelve {
      padding-bottom: 0; }
      .home_page .connected .twelve p {
        width: 737px;
        text-align: center;
        display: block;
        position: relative;
        margin: auto;
        margin-bottom: 30px;
        margin-top: 15px; }
    .home_page .connected .cta_green {
      margin-bottom: 75px; }
  .home_page .plus {
    background-color: #fbfbfb; }
    .home_page .plus h3 span {
      font-family: 'ProximaNovaSemiBold'; }
    .home_page .plus .four p {
      width: 390px;
      display: block;
      margin: auto; }
    .home_page .plus .image_correction {
      margin-top: -12px; }
    .home_page .plus .tier {
      padding-bottom: 50px; }
  .home_page .features {
    text-align: center;
    padding-top: 160px;
    padding-bottom: 160px; }
    .home_page .features .four div {
      min-height: 174px; }
    .home_page .features .alignment {
      margin-top: 33px; }
    .home_page .features hr,
    .home_page .features p {
      width: 330px;
      display: block;
      margin: auto; }
    .home_page .features hr {
      margin-bottom: 20px; }
  .home_page .reporting_module,
  .home_page .insights {
    background: #9dd2df url(https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2015/02/home-reach-screenshot.png) center 137px no-repeat;
    background-size: contain;
    text-align: center; }
    .home_page .reporting_module .tier,
    .home_page .insights .tier {
      padding-bottom: 50px; }
    .home_page .reporting_module .twelve.top,
    .home_page .insights .twelve.top {
      padding-top: 80px; }
    .home_page .reporting_module button,
    .home_page .insights button {
      padding: 15px 25px 19px 25px;
      height: 50px;
      font-size: 17px;
      width: 253px;
      border-radius: 3px;
      color: #221a17;
      margin-bottom: 100px; }
    .home_page .reporting_module .four img,
    .home_page .insights .four img {
      margin-bottom: 20px; }
    .home_page .reporting_module h3,
    .home_page .insights h3 {
      font-family: 'ProximaNovaLight'; }
    .home_page .reporting_module .cta_black,
    .home_page .insights .cta_black {
      background-color: transparent; }
      .home_page .reporting_module .cta_black:hover,
      .home_page .insights .cta_black:hover {
        color: #000; }
    .home_page .reporting_module h2,
    .home_page .insights h2 {
      margin-bottom: 60%; }
    .home_page .reporting_module p,
    .home_page .insights p {
      width: 430px;
      display: block;
      margin: auto;
      margin-bottom: 30px; }
    .home_page .reporting_module .twelve,
    .home_page .insights .twelve {
      padding-bottom: 0; }
    .home_page .reporting_module .sa_logo,
    .home_page .insights .sa_logo {
      width: 123px; }
  .home_page .insights {
    background: #dde6e8 url(https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2015/04/home-insights-bg.png) center -270px no-repeat;
    background-size: cover; }
    .home_page .insights h2 {
      margin-bottom: 50%; }
  .home_page .view_showcase {
    padding-top: 5%;
    padding-bottom: 5%;
    border-bottom: 1px solid #ccc;
    background-color: #fff; }
  .home_page .platform_grid .twelve {
    padding-top: 100px; }
  .home_page #Container .mix {
    display: none; }
  .home_page .nav_platform {
    color: #1C75BC;
    cursor: pointer; }
    .home_page .nav_platform span {
      font-family: 'SumAllIconsRegular';
      font-size: 60px; }
      .home_page .nav_platform span:hover {
        color: #6AABD8; }
    .home_page .nav_platform .twelve {
      padding: 0 13%; }
    .home_page .nav_platform .two {
      width: 14.28%; }
  .home_page button.filter {
    margin-bottom: 20px;
    font-size: 10px; }
  .home_page nav.platforms ul {
    list-style: none; }
  .home_page nav.platforms li {
    display: block;
    overflow: hidden;
    transition: background 0.3s;
    float: left; }
  .home_page nav.platforms a {
    display: block;
    transition: background 0.3s, transform 0.3s;
    opacity: .5;
    cursor: default; }
    .home_page nav.platforms a span {
      font-size: 100px;
      font-family: 'SumAllPlatforms'; }
  .home_page nav.platforms span:nth-child(3) {
    font-family: "ProximaNovaSemibold";
    font-size: 12px;
    display: inline; }
  .home_page nav.platforms a:hover {
    transform: translateY(20px);
    color: #000;
    opacity: .5; }
  .home_page nav.platforms li.braintree,
  .home_page nav.platforms li.braintree a {
    background-color: #163B58; }
  .home_page nav.platforms li.twitter,
  .home_page nav.platforms li.twitter a {
    background-color: #109ED1; }
  .home_page nav.platforms li.facebook,
  .home_page nav.platforms li.facebook a {
    background-color: #234589; }
  .home_page nav.platforms li.instagram,
  .home_page nav.platforms li.instagram a {
    background-color: #AC7B5B; }
  .home_page nav.platforms li.youtube,
  .home_page nav.platforms li.youtube a {
    background-color: #8E1E23; }
  .home_page nav.platforms li.googleplus,
  .home_page nav.platforms li.googleplus a {
    background-color: #D14130; }
  .home_page nav.platforms li.tumblr,
  .home_page nav.platforms li.tumblr a {
    background-color: #314D66; }
  .home_page nav.platforms li.square,
  .home_page nav.platforms li.square a {
    background-color: #86B4CC; }
  .home_page nav.platforms li.etsy,
  .home_page nav.platforms li.etsy a {
    background-color: #D15928; }
  .home_page nav.platforms li.paypal,
  .home_page nav.platforms li.paypal a {
    background-color: #0C619D; }
  .home_page nav.platforms li.shopify,
  .home_page nav.platforms li.shopify a {
    background-color: #78B131; }
  .home_page nav.platforms li.cryptsy,
  .home_page nav.platforms li.cryptsy a {
    background-color: #408FC7; }
  .home_page nav.platforms li.stripe,
  .home_page nav.platforms li.stripe a {
    background-color: #262626; }
  .home_page nav.platforms li.authorize,
  .home_page nav.platforms li.authorize a {
    background-color: #0A465D; }
  .home_page nav.platforms li.google_analytics,
  .home_page nav.platforms li.google_analytics a {
    background-color: #D76F1D; }
  .home_page nav.platforms li.constantcontact,
  .home_page nav.platforms li.constantcontact a {
    background-color: #fbbd2c; }
  .home_page nav.platforms li.mtgox,
  .home_page nav.platforms li.mtgox a {
    background-color: #333333; }
  .home_page nav.platforms li.sendgrid,
  .home_page nav.platforms li.sendgrid a {
    background-color: #1D72B3; }
  .home_page nav.platforms li.mailchimp,
  .home_page nav.platforms li.mailchimp a {
    background-color: #2599AC; }
  .home_page nav.platforms li.emma,
  .home_page nav.platforms li.emma a {
    background-color: #304856; }
  .home_page nav.platforms li.gadwords,
  .home_page nav.platforms li.gadwords a {
    background-color: #4B75BF; }
  .home_page nav.platforms li.adsense,
  .home_page nav.platforms li.adsense a {
    background-color: #497F4C; }
  .home_page nav.platforms li.mastercard,
  .home_page nav.platforms li.mastercard a {
    background-color: #FF6600; }
  .home_page nav.platforms li.recurly,
  .home_page nav.platforms li.recurly a {
    background-color: #7C3F95; }
  .home_page nav.platforms li.blogger,
  .home_page nav.platforms li.blogger a {
    background-color: #FD6823; }
  .home_page nav.platforms li.wordpress,
  .home_page nav.platforms li.wordpress a {
    background-color: #484848; }
  .home_page nav.platforms li.btce,
  .home_page nav.platforms li.btce a {
    background-color: #CECECE; }
  .home_page nav.platforms li.coinwarz,
  .home_page nav.platforms li.coinwarz a {
    background-color: #1F8440; }
  .home_page nav.platforms li.bigcommerce,
  .home_page nav.platforms li.bigcommerce a {
    background-color: #2792AE; }
  .home_page nav.platforms li.bing,
  .home_page nav.platforms li.bing a {
    background-color: #F8A73B; }
  .home_page nav.platforms li.desk,
  .home_page nav.platforms li.desk a {
    background-color: #7C3F95; }
  .home_page nav.platforms li.zendesk,
  .home_page nav.platforms li.zendesk a {
    background-color: #78A300; }
  .home_page nav.platforms li.coinbase,
  .home_page nav.platforms li.coinbase a {
    background-color: #348EDA; }
  .home_page nav.platforms li.github,
  .home_page nav.platforms li.github a {
    background-color: #4183C4; }
  .home_page nav.platforms li.moz,
  .home_page nav.platforms li.moz a {
    background-color: #4DB4E4; }
  .home_page nav.platforms li.amazon,
  .home_page nav.platforms li.amazon a {
    background-color: #F28A00; }
  .home_page nav.platforms li.fitbit,
  .home_page nav.platforms li.fitbit a {
    background-color: #3DC1C1; }
  .home_page nav.platforms li.ebay,
  .home_page nav.platforms li.ebay a {
    background-color: #264BC6; }
  .home_page nav.platforms li.vimeo,
  .home_page nav.platforms li.vimeo a {
    background-color: #1AB7EA; }
  .home_page nav.platforms li.runkeeper,
  .home_page nav.platforms li.runkeeper a {
    background-color: #3084D8; }
  .home_page nav.platforms li.adwords,
  .home_page nav.platforms li.adwords a {
    background-color: #0C619D; }
  .home_page nav.platforms li.foursquare,
  .home_page nav.platforms li.foursquare a {
    background-color: #31A6D2; }
  .home_page nav.platforms li.battery,
  .home_page nav.platforms li.battery a {
    background-color: #00446a; }
  .home_page nav.platforms li.wellington,
  .home_page nav.platforms li.wellington a {
    background-color: #3c96aa; }
  .home_page nav.platforms li.matrix,
  .home_page nav.platforms li.matrix a {
    background-color: #5c707d; }
  .home_page nav.platforms li.gen_catalyst,
  .home_page nav.platforms li.gen_catalyst a {
    background-color: #0f788d; }
  .home_page nav.platforms li,
  .home_page nav.platforms a {
    transform: translate3d(0, 0, 0); }

/* media queries for platform navigation  */
@media all and (min-width: 768px) {
  nav.platforms li {
    width: 10%; }

  nav.platforms a {
    text-align: center;
    padding: 60px 10px 20px 10px; }

  nav.platforms a:hover {
    transform: translateX(0);
    transform: translateY(-20px); } }
@media all and (max-width: 1366px) {
  nav.platforms li {
    width: 25%; }

  nav.platforms a {
    text-align: center;
    padding: 60px 20px 20px 20px; }

  nav.platforms a:hover {
    transform: translateX(0);
    transform: translateY(-20px); } }
@media all and (max-width: 568px) {
  nav.platforms {
    display: block; }

  nav.platforms li {
    width: 33.3333%; } }
.home_page .prime_nav ul {
  left: 0;
  top: 40px;
  text-align: right; }
  .home_page .prime_nav ul li {
    display: inline-block;
    float: left;
    margin-right: 2%; }
    .home_page .prime_nav ul li a:hover {
      color: #fff; }

.more {
  width: 38px;
  height: 38px;
  color: #000;
  padding: 4px 2px 2px 2px;
  background-color: transparent;
  border-color: #666;
  color: #000;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px; }
  .more:before {
    font-family: 'SumAllIconsRegular';
    content: '[';
    font-size: 32px;
    line-height: 1;
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    /* IE 9 */
    -webkit-transform: rotate(270deg);
    /* Chrome, Safari, Opera */
    display: block; }

.display {
  display: block !important; }

@media all and (max-width: 1600px) {
  .home_page .hero_home .spacer {
    margin-top: -115px; }

  .home_page .hero_home p.side_promo {
    padding-left: 100px;
    padding-right: 67px; } }
@media all and (min-width: 1366px) and (max-height: 650px) {
  .home_page .image_wrapper img.hero_1700 {
    display: none; }

  .home_page .image_wrapper img.hero_full {
    bottom: -120px; }

  .home_page .image_wrapper p {
    padding-bottom: 0;
    margin-bottom: 5px; }

  .home_page h1 {
    line-height: 40px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .home_page .image_wrapper {
    min-height: 600px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .home_page .image_wrapper {
    min-height: 600px; } }
/* Facebook landing page */
.landing_page .prime_nav ul li {
  float: left; }
  .landing_page .prime_nav ul li:first-child {
    margin-top: -4px; }
.landing_page .hero {
  height: auto;
  overflow: hidden;
  min-height: 100vh; }
  .landing_page .hero .message {
    padding-top: 12%; }
    .landing_page .hero .message h1 {
      margin-bottom: 23px; }
  .landing_page .hero h1 {
    color: #fff;
    max-width: 100%;
    font-size: 64px;
    line-height: 72px;
    margin-bottom: 42px;
    margin-top: 54px;
    font-family: 'ProximaNovaLight';
    float: left;
    width: 100%;
    text-align: left;
    position: relative;
    text-align: center; }
    .landing_page .hero h1 strong {
      font-size: 64px;
      line-height: 72px;
      margin-bottom: 42px;
      margin-top: 54px; }
  .landing_page .hero h2 {
    font-family: 'ProximaNovaLight';
    float: left;
    width: 100%;
    text-align: left;
    position: relative;
    color: #333; }
  .landing_page .hero h3 {
    font-family: 'ProximaNovaLight';
    float: left;
    width: 100%;
    text-align: left;
    position: relative;
    text-align: center;
    color: #333; }
  .landing_page .hero p {
    font-size: 21px;
    line-height: 27px;
    margin-bottom: 27px;
    color: #fff;
    max-width: 100%;
    font-family: 'ProximaNovaLight';
    float: left;
    width: 100%;
    text-align: left;
    position: relative;
    text-align: center; }
    .landing_page .hero p.pattern {
      position: absolute;
      width: 100%;
      height: 100%;
      overflow: hidden;
      left: -7px; }
      .landing_page .hero p.pattern:before {
        font-family: 'SumAllPlatforms';
        color: rgba(255, 255, 255, 0.1);
        color: rgba(0, 0, 0, 0.05);
        font-size: 42px;
        letter-spacing: -12px;
        line-height: 32px;
        content: 'T F I g t b B H P F I M T t H B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P I M T t H P B b A C S s m T F g t b B H P F I M T t H P B b A C S s m T F I t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P b A C S s m b A C S s m F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I T t H P B b A S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P B b A C S s m T F I g t b B H P F I M T t H P b A C S s m ';
        float: left; }

.landing_page .hero {
  overflow: visible !important; }

.landing_page .more button {
  width: 38px;
  height: 38px;
  margin-left: 50%;
  left: -19px;
  color: rgba(0, 0, 0, 0.15);
  border: 3px solid rgba(0, 0, 0, 0.15);
  padding: 5px 0px 0px 4px;
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  margin-top: 100px; }

.landing_page .more button:hover {
  border-color: #fff;
  color: #fff; }

.landing_page .more button:before {
  font-family: 'SumAllIconsRegular';
  content: 'J';
  font-size: 32px;
  line-height: 1;
  position: absolute;
  float: left;
  left: 1px;
  top: 0;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); }

.badge {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 21px auto 21px auto;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px; }

.track .badge span {
  top: -5px;
  left: -10px; }

.badge span {
  font-family: 'SumAllIconsRegular';
  font-size: 128px;
  line-height: 1;
  left: 3px;
  top: 18px;
  position: relative; }

.landing_page h2, .landing_page h2 strong {
  font-size: 46px;
  line-height: 54px;
  margin-bottom: 38px;
  margin-top: 38px; }

.chapter .image {
  padding: 0;
  height: 600px;
  float: left;
  background-size: 100% !important; }

.landing_page .chapter h1, .landing_page .chapter h2, .landing_page .chapter h3, .landing_page .chapter p {
  width: 70%;
  margin-left: 16%; }

.landing_page p, .landing_page h1, .landing_page h2, .landing_page h3 {
  font-family: 'ProximaNovaLight';
  float: left;
  width: 100%;
  text-align: left;
  position: relative;
  text-align: center;
  color: #333; }

.landing_page button {
  font-family: 'ProximaNovaSemibold';
  position: relative;
  margin-left: 50%;
  line-height: 1;
  left: -130px;
  width: 280px;
  height: 57px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.landing_page button:focus {
  outline: 0; }

.landing_page .chapter button {
  font-family: 'ProximaNovaLight';
  margin-left: 50%;
  line-height: 1;
  width: 260px;
  color: #333;
  background-color: #e5e5ed;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }

.landing_page .chapter button:hover {
  background-color: #fafafa; }

.landing_page .chapter button span {
  font-family: 'SumAllPlatforms';
  font-size: 42px;
  line-height: 1;
  color: #109ed1;
  height: 46px;
  width: 55px;
  top: 0;
  left: 21px;
  position: absolute;
  padding-top: 8px; }

.landing_page .hero .message p {
  margin-bottom: 69px; }

.cta_wrapper {
  position: relative;
  float: left;
  width: 100%; }

.cta_wrapper button.main_signup.content {
  background-color: #B0D674;
  border: 1px solid #849171;
  color: #000;
  padding: 22px 28px 21px 19px; }

.cta_wrapper button.main_signup.content:hover {
  background-color: #CCEA92;
  color: #000;
  border: 1px solid #849171; }

.landing_page .more button.content {
  color: #58595B;
  border-color: #58595B; }

.message img {
  display: block;
  margin: auto;
  position: relative; }

.landing_page.content .hero .message {
  padding-top: 5%; }

.landing_page.content .chapter h1, .landing_page.content .chapter h2, .landing_page.content .chapter h3, .landing_page.content .chapter p {
  width: 43%;
  text-align: left; }

.content .chapter p {
  padding-bottom: 10%; }

.content .gold .tier .six {
  padding-bottom: 20%;
  text-align: left; }

.content .engage .tier .six {
  padding-bottom: 10%;
  text-align: left; }

.landing_page.content h2 {
  padding-top: 20%; }

.landing_page.content .budget h2 {
  padding-top: 10%; }

.landing_page.content .budget p {
  padding-bottom: 12%; }

.content .tier_wrapper.cta .twelve {
  padding: 15% 1%; }

.content .tier_wrapper.cta h2 {
  padding-top: 0; }

.content .message h1,
.content .message p {
  color: #000; }

.landing_page .chapter.full {
  border-bottom: none; }

.landing_page .chapter.full p {
  padding-bottom: 14%; }

.landing_page .full .cloud-one {
  background: transparent url(../images/cloud-one.png) no-repeat;
  height: 100%;
  width: 313px;
  position: absolute;
  margin-left: 10%; }

.landing_page .full .cloud-three {
  background: transparent url(../images/cloud-one.png) no-repeat;
  height: 80%;
  width: 313px;
  margin-left: 35%;
  position: absolute;
  margin-top: 6%; }

.landing_page .full .cloud-two {
  background: transparent url(../images/cloud-two.png) no-repeat;
  height: 86%;
  width: 227px;
  position: absolute;
  margin-left: 72%; }

button.b4 {
  font-size: 21px;
  padding: 18px 15px 16px 15px;
  margin: 18px 6px 18px 3px;
  min-width: 115px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  /* height: 36px; */ }

.tooltip p {
  padding: 0; }

.landing_page.square .hero .message {
  padding-top: 6%; }

.landing_page.square button {
  background-color: #B0D674; }

.landing_page.square button.main_signup {
  margin-left: 0;
  left: 0;
  color: #000;
  background-color: #B0D674;
  border: 1px solid #849171;
  padding: 18px 28px 21px 19px; }

.landing_page.square button.main_signup:hover {
  background-color: #CCEA92;
  color: #000;
  border: 1px solid #849171; }

.landing_page.square .hero .message p {
  margin-bottom: 40px; }

.landing_page .chapter {
  border-bottom: 1px solid #ddd; }

.powerups {
  padding-top: 23px;
  background: #f9f9fc url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAHUlEQVQYV2NkYGAwBuKzQIwXMBJSAJMfVUidcAQAnUQBC6jEGBUAAAAASUVORK5CYII=") repeat left top;
  background-position-y: 6px; }

.powerups .powerup span.icon {
  cursor: default;
  float: left;
  text-align: center;
  width: 80%;
  position: relative;
  min-height: 160px;
  padding-top: 50px;
  margin: 0 10% 12px 10%;
  font-size: 121px;
  line-height: 1;
  color: #fff;
  font-family: 'SumAllIllustrations';
  background-color: #222;
  border-radius: 12px;
  border: 3px solid #222;
  box-shadow: 0 3px 0 #5a5a64, 0 6px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 0 #5a5a64, 0 6px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 3px 0 #5a5a64, 0 6px 3px rgba(0, 0, 0, 0.3);
  overflow: hidden; }

.powerups .powerup span em {
  position: absolute;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 3px;
  width: 100%;
  left: 0;
  text-align: right;
  padding-right: 5%;
  bottom: -1px;
  height: 26px;
  padding-top: 6px;
  color: #623e10;
  color: #ffb612;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.powerups .powerup span.icon::after, .powerups .powerup span.icon:before {
  content: ''; }

.powerups .powerup span.icon::after, .powerups .powerup span.icon:before {
  content: ''; }

.powerups .powerup span.description {
  float: left;
  min-height: 135px; }

.powerups .powerup h3,
.powerups .powerup h3 strong,
.powerups .powerup p {
  width: 80%;
  margin: 0 0 0 10%;
  font-size: 14px;
  line-height: 18px;
  text-align: left; }

.powerups .powerup h3 strong {
  margin: 0; }

.powerups .powerup.empty span.icon {
  font-family: 'SumAllIconsRegular';
  background: #f9f9fc;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 0 #fff;
  -webkit-box-shadow: inset 0 1px 0 #fff; }

.landing_page .chapter.powerups button {
  width: 305px; }

.cta_wrapper button.main_signup:hover {
  color: #0e84a4;
  color: #29c0ed;
  text-shadow: none;
  background-color: #fff;
  border: 1px solid #29c0ed; }

.cta_wrapper button.main_signup {
  color: #0e84a4;
  /* color: #29c0ed; */
  font-family: 'ProximaNovaLight';
  text-shadow: none;
  background-color: #fff;
  border: 1px solid #0e84a4;
  padding: 22px 32px 21px 5px;
  height: 66px;
  font-size: 21px;
  width: 300px;
  left: -150px;
  margin-right: 5px;
  margin-bottom: 12px;
  border-radius: 4px;
  white-space: nowrap; }

.main_signup[provider=facebook] span {
  font-family: 'SumAllPlatforms';
  position: relative;
  line-height: 1;
  float: left;
  font-size: 42px;
  height: 44px;
  top: -16px;
  padding-top: 6px;
  padding-left: 8px;
  left: 2px; }

.landing_page.content .hero p.pattern {
  display: none; }

.landing_page.content .head a.sa_logo:before {
  color: #000; }

.content .gold .tier .six p {
  padding-bottom: 20% !important;
  text-align: left !important; }

.content .gold .tier .six {
  padding-bottom: 0 !important; }

.landing_page .hero p.pattern {
  pointer-events: none; }

.discover {
  background: url("https://d49awdk0lj1sm.cloudfront.net/public/external/img/landing-twitter/landing-background.jpg") no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  position: center; }

.popup-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  background: #000000;
  top: 0;
  left: 100%;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
  -webkit-transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -ms-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
  z-index: 1000; }

.overlay .popup-overlay {
  opacity: .8;
  left: 0; }

.popup {
  position: fixed;
  top: 25%;
  left: 50%;
  z-index: -9999;
  display: none; }

.popup .popup-body {
  background-color: #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
  min-height: 410px;
  width: 310px;
  margin-left: -177px;
  padding: 20px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -ms-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
  position: relative;
  opacity: 0; }

.popup.visible, .popup.transitioning {
  z-index: 9999;
  display: block; }

.popup.visible .popup-body {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.popup-content .popup-title {
  font-size: 24px;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 10px; }

.popup-content label {
  font-size: 13px;
  text-align: left; }

.popup-content input {
  padding: 0;
  height: 50px;
  margin-bottom: 0;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: none;
  width: 308px; }

.popup-content input.green:hover {
  background-color: #97eb71; }

.landing_page .popup-content p {
  margin-bottom: 15px !important;
  font-size: 13px; }

.partners_marketplace .btn_green {
  cursor: pointer; }
.partners_marketplace .popup-content button.green {
  background-color: #89D864;
  font-family: ProximaNovaSemibold, sans-serif;
  border: 1px solid #85b667;
  color: #333;
  margin-top: 15px;
  float: none !important; }
.partners_marketplace input#mobile-number {
  border-bottom: 1px solid #ddd; }
.partners_marketplace .popup-exit {
  overflow: visible;
  position: absolute;
  margin-left: 50%;
  top: -10px;
  left: 156px;
  color: #333;
  cursor: pointer;
  background: #fff;
  width: 22px;
  height: 24px;
  padding: 1px 2px 1px 2px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  z-index: 10; }
  .partners_marketplace .popup-exit:before {
    content: '*';
    font-family: 'SumAllIconsRegular';
    color: rgba(0, 0, 0, 0.3);
    font-size: 21px;
    line-height: 21px;
    position: relative;
    top: 2px;
    left: 0; }

/* fitbit contest */
.fitbit_contest h2 {
  padding-top: 0 !important;
  color: #fff !important; }

.fitbit_chaption_one p,
.fitbit_chaption_two p,
.fitbit_chaption_three p,
.fitbit_chaption_four p {
  color: #fff; }

.fitbit_chapter_one {
  background-color: #47BAB4; }

.fitbit_chapter_two {
  background-color: #30A8B5; }

.fitbit_chapter_three {
  background-color: #5CA6CC; }

.fitbit_chapter_four {
  background-color: #F76D6B; }

.fitbit_contest ul {
  list-style: disc !important; }

.fitbit_chapter_one .tier .twelve,
.fitbit_chapter_two .tier .twelve,
.fitbit_chapter_three .tier .twelve,
.fitbit_chapter_four .tier .twelve,
.fitbit_chapter_five .tier .twelve {
  padding: 5% 17%; }

.fitbit_chapter_one p,
.fitbit_chapter_two p,
.fitbit_chapter_three p,
.fitbit_chapter_four p {
  color: #fff !important;
  text-align: left !important; }

.fitbit_chapter_one a,
.fitbit_chapter_two a,
.fitbit_chapter_three a,
.fitbit_chapter_four a {
  color: #fff !important;
  border-bottom: 1px solid #fff; }

.fitbit_chapter_five p {
  text-align: left; }

.fitbit_chapter_one strong,
.fitbit_chapter_two strong,
.fitbit_chapter_three strong,
.fitbit_chapter_four strong,
.fitbit_chapter_five strong {
  color: #fff; }

.fitbit_chapter_five .twitter,
.fitbit_chapter_five .instagram {
  font-family: 'SumAllPlatforms';
  color: #000;
  font-size: 80px;
  float: right; }

/* reports page */
/*.reports_hero {
  .tier {
    width: 36%;
  }
}*/
.reports_hero {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 100%;
  height: auto;
  min-height: 80vh;
  flex-direction: column;
  -webkit-flex-direction: column;
  -webkit-box-pack: column;
  -webkit-box-align: column;
  /* align-items */ }

@-moz-document url-prefix() {
  .reports_hero {
    display: block; } }
.reports_hero .aligner-item {
  width: 100%; }

.aligner-item-img {
  width: 55%;
  padding-right: 22.5%;
  padding-left: 22.5%; }

.reports_hero .aligner-item p {
  padding-bottom: 30px; }

.reports_hero p.form_error {
  padding-bottom: 8px;
  padding-top: 4px; }

.reports_impact {
  padding-bottom: 7%; }
  .reports_impact .tier {
    width: 45%;
    margin-top: 10%; }
  .reports_impact p.illustrations {
    font-size: 130px;
    line-height: 100px;
    color: #3ACAFC; }

.reports_influencers {
  background-color: #3ACAFC; }
  .reports_influencers .tier {
    width: 66%; }
  .reports_influencers p, .reports_influencers strong {
    color: #fff; }
  .reports_influencers p.illustrations {
    line-height: 70px; }
  .reports_influencers strong.header {
    font-size: 12px;
    letter-spacing: 1.5px; }

.reports_features {
  padding-top: 7%;
  padding-bottom: 7%; }
  .reports_features .faded,
  .reports_features .faded strong {
    color: #ccc; }
  .reports_features .hideme {
    display: none; }
  .reports_features .six:first-child {
    padding-left: 5%;
    padding-right: 20px; }
  .reports_features p {
    text-align: right;
    padding-bottom: 74px; }
  .reports_features img {
    float: left; }
  .reports_features .tier {
    width: 65%; }

.reports_features_mobile {
  display: none; }

.reports_consultation {
  padding-top: 10%;
  padding-bottom: 10%;
  background-color: #E4ECEF; }
  .reports_consultation button.cta_transparent,
  .reports_consultation button.cta_blue {
    width: 265px;
    font-size: 20px; }
  .reports_consultation button.cta_transparent {
    float: right; }
  .reports_consultation button.cta_blue {
    float: left; }
  .reports_consultation .tier {
    width: 44%; }

@media only screen and (max-width: 1600px) {
  .reports_features p {
    padding-bottom: 20px; } }
img.hero-mobile {
  display: none; }

.delivered-mobile {
  display: none; }

@media only screen and (max-width: 1400px) {
  .reports .delivered-mobile {
    display: block;
    width: 100%; }

  .delivered-mobile img {
    width: 100%; }

  section.module.parallax {
    display: none; }

  .reports_consultation .six {
    width: 100%; }
    .reports_consultation .six button.cta_transparent,
    .reports_consultation .six button.cta_blue {
      width: 255px;
      font-size: 20px; }

  .reports_consultation button.cta_transparent {
    float: none; }
  .reports_consultation button.cta_blue {
    float: none; } }
/* reports page update  */
.reports {
  background-color: #f2f2f2;
  float: left;
  text-align: center; }
  .reports .hero-screenshots {
    height: 641px;
    position: relative; }
  .reports img.hero-one {
    position: absolute;
    left: 50%;
    margin-left: -369.5px;
    /*left: 434px; */
    z-index: 100;
    width: 1000px;
    height: 679px;
    bottom: -38px; }
  .reports input.reports {
    width: auto;
    height: 35px;
    margin-right: 8px; }
  .reports h1 {
    font-size: 42px; }
  .reports h2 {
    font-family: 'ProximaNovaLight';
    font-size: 40px; }
  .reports .cta_green {
    font-family: 'ProximaNovaRegular';
    padding: 15px 22px 19px 22px;
    height: 50px;
    font-size: 17px;
    width: 253px;
    border-radius: 3px;
    color: #221a17; }
  .reports .cta_black {
    padding: 15px 25px 19px 25px;
    height: 50px;
    font-size: 17px;
    width: 180px;
    border-radius: 3px;
    width: 285px;
    margin-bottom: 15px; }
  .reports .hero {
    height: auto;
    min-height: 60vh;
    background: -webkit-gradient(radial, center center, 0, center center, 1060, from(#b6eafc), to(#79c6e0));
    background: -moz-radial-gradient(circle, #b6eafc, #79c6e0);
    background-image: -ms-linear-gradient(top, #b6eafc 0%, #79c6e0 100%);
    background-image: linear-gradient(to bottom, #b6eafc 0%, #79c6e0 100%);
    background-color: #b6eafc\9;
    -webkit-flex-direction: row;
    display: flex;
    align-items: center;
    justify-content: center; }
    .reports .hero p {
      padding: 10px 0;
      font-size: 16px;
      margin: auto; }
  .reports .affiliates .hero {
    background: none; }
  .reports .affiliates .prime_nav img {
    float: left; }
  .reports .affiliates .prime_nav a span {
    font-size: 40px;
    padding-left: 17px; }
@-moz-document url-prefix() {
  .reports .reports .hero {
    display: block; } }
  .reports .get_started .twelve div {
    font-family: 'SumAllPlatforms';
    font-size: 65px;
    float: left; }
  .reports .delivered {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ecbd96), to(#e39c61));
    background: -moz-linear-gradient(top, #ecbd96, #e39c61);
    background-image: -ms-linear-gradient(top, #ecbd96 0%, #e39c61 100%);
    background-image: linear-gradient(to bottom, #ecbd96 0%, #e39c61 100%);
    background-color: #ecbd96\9;
    padding-bottom: 250px; }
    .reports .delivered .twelve:nth-child(2) p {
      padding: 2% 25%; }
    .reports .delivered .tier:nth-child(2) {
      width: 50%; }
  .reports .engaged {
    margin-top: -200px; }
    .reports .engaged p.header {
      padding: 2% 25%; }
    .reports .engaged .cta_green {
      width: 285px; }
  .reports .validation {
    background: -webkit-gradient(radial, center center, 0, center center, 660, from(#b7deaa), to(#94be8a));
    background: -moz-radial-gradient(circle, #b7deaa, #94be8a);
    background-image: -ms-linear-gradient(top, #b7deaa 0%, #94be8a 100%);
    background-image: linear-gradient(to bottom, #b7deaa 0%, #94be8a 100%);
    background-color: #b7deaa\9; }
    .reports .validation h2 {
      padding-top: 60px; }
    .reports .validation img {
      margin-bottom: -43px;
      margin-top: 20px; }
    .reports .validation .twelve p {
      padding: 2% 25%; }
  .reports .app_footer .tier {
    padding: 0; }
  .reports .app_footer .twelve {
    height: 87px;
    padding: 0; }
  .reports .app_footer p.logo {
    font-family: 'SumAllIconsRegular';
    font-size: 30px;
    padding-top: 30px; }
  .reports .reports-slideshow {
    position: relative;
    background-repeat: no-repeat;
    background-image: url("https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2014/12/devired-screenshot-container.png");
    width: 831px;
    height: 652px;
    margin: auto;
    margin-bottom: 75px; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .reports .reports-slideshow {
      overflow: hidden;
      height: 622px;
      background-image: none; } }
  .reports .report-points {
    position: relative;
    background-repeat: no-repeat;
    background-image: url("https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2014/12/reports-points-bg.png");
    height: 30px;
    margin: auto;
    margin-top: 80px;
    background-position-x: center; }
  .reports .report-points p {
    text-align: left;
    margin-top: -12%;
    border-left: 1px solid #cfcfcf;
    padding: 0 0 0 11px; }
  .reports .report-points .three {
    padding: 2% 3% 7% 7%; }
  .reports .report-points strong {
    display: inline-block;
    padding-bottom: 20px; }
  .reports .get_started .tier {
    width: 902px; }
  .reports .engaged .tier:nth-child(2) {
    width: 85%; }
  .reports .get_started p {
    font-size: 20px; }
    .reports .get_started p.grey {
      float: left;
      padding-top: 33px;
      margin-right: 22px;
      padding-left: 22px; }
  .reports .get_started .grey {
    color: #a6acad; }
  .reports .get_started span.grey {
    vertical-align: super; }
  .reports .get_started .twitter {
    color: #8dc1e0; }
  .reports .get_started .facebook {
    color: #4e5c8c; }
  .reports .get_started .instagram {
    color: #c98d80; }
  .reports .get_started h3 {
    font-size: 30px; }
  .reports .get_started span {
    font-size: 20px;
    line-height: 60px; }
  .reports .delivered-mobile {
    display: block\9; }
  .reports #parallax {
    display: none\9 !important; }
  .reports .delivered h2 {
    padding-top: 30px\9; }
  .reports section.module.parallax-1 {
    height: 800px;
    background-position: 0 0;
    margin-top: -300px; }
  .reports section.module.parallax-2 {
    height: 800px;
    background-position: 0 0;
    margin-top: 300px; }
  .reports section.module.parallax-1 {
    background: transparent url("https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2015/01/delivered-screenshot.png") center center no-repeat; }
  .reports .pricing_row_one,
  .reports .pricing_mobile {
    background-color: #cadce4; }
    .reports .pricing_row_one .tier,
    .reports .pricing_mobile .tier {
      width: 70%; }
      .reports .pricing_row_one .tier .six:first-child,
      .reports .pricing_mobile .tier .six:first-child {
        border-right: 1px solid #b1c4cd; }
      .reports .pricing_row_one .tier .six:nth-child(2),
      .reports .pricing_mobile .tier .six:nth-child(2) {
        border-left: 1px solid #b1c4cd;
        padding-left: 100px; }
    .reports .pricing_row_one h4,
    .reports .pricing_mobile h4 {
      font-size: 20px; }
  .reports .pricing_row_two,
  .reports .pricing_mobile {
    background-color: #e0eff6;
    height: 110px; }
    .reports .pricing_row_two span.dollar,
    .reports .pricing_row_two span.billed,
    .reports .pricing_mobile span.dollar,
    .reports .pricing_mobile span.billed {
      font-size: 13px;
      display: block;
      float: left; }
    .reports .pricing_row_two span.billed,
    .reports .pricing_mobile span.billed {
      margin-left: 16px;
      margin-top: -9px; }
    .reports .pricing_row_two h4,
    .reports .pricing_mobile h4 {
      font-size: 13px;
      float: left;
      display: block; }
      .reports .pricing_row_two h4 span,
      .reports .pricing_mobile h4 span {
        font-size: 60px; }
    .reports .pricing_row_two span.dollar,
    .reports .pricing_mobile span.dollar {
      margin-top: -17px;
      font-size: 17px; }
    .reports .pricing_row_two .six,
    .reports .pricing_mobile .six {
      padding-top: 50px;
      height: 110px; }
    .reports .pricing_row_two .six:first-child,
    .reports .pricing_mobile .six:first-child {
      border-right: 1px solid #b1c4cd; }
    .reports .pricing_row_two .six:nth-child(2),
    .reports .pricing_mobile .six:nth-child(2) {
      border-left: 1px solid #b1c4cd;
      padding-left: 100px;
      padding-top: 26px; }
    .reports .pricing_row_two .tier,
    .reports .pricing_mobile .tier {
      width: 70%; }
  .reports .pricing_row_three,
  .reports .pricing_mobile {
    background-color: #d5e3ea; }
    .reports .pricing_row_three p,
    .reports .pricing_mobile p {
      padding-top: 5px;
      padding-bottom: 30px; }
    .reports .pricing_row_three .six,
    .reports .pricing_mobile .six {
      text-align: left;
      padding-bottom: 80px; }
    .reports .pricing_row_three li,
    .reports .pricing_mobile li {
      line-height: 32px; }
      .reports .pricing_row_three li:nth-child(2),
      .reports .pricing_mobile li:nth-child(2) {
        clear: both; }
      .reports .pricing_row_three li span,
      .reports .pricing_mobile li span {
        font-family: 'SumAllPlatforms';
        font-size: 50px;
        vertical-align: middle;
        padding-right: 23px; }
    .reports .pricing_row_three ul.right,
    .reports .pricing_mobile ul.right {
      margin-left: -8px; }
    .reports .pricing_row_three ul.right li,
    .reports .pricing_mobile ul.right li {
      line-height: 60px; }
    .reports .pricing_row_three .six:first-child,
    .reports .pricing_mobile .six:first-child {
      border-right: 1px solid #b1c4cd; }
    .reports .pricing_row_three .six:nth-child(2),
    .reports .pricing_mobile .six:nth-child(2) {
      border-left: 1px solid #b1c4cd;
      padding-left: 100px;
      padding-bottom: 110px; }
    .reports .pricing_row_three .cta_green,
    .reports .pricing_mobile .cta_green {
      margin: 30px 0 30px 0;
      font-family: 'ProximaNovaRegular';
      padding: 15px 0;
      height: 50px;
      font-size: 17px;
      border-radius: 3px;
      color: #221a17; }
    .reports .pricing_row_three .tier,
    .reports .pricing_mobile .tier {
      width: 70%; }

.partners_marketplace {
  text-align: center; }
  .partners_marketplace .perk_box p {
    font-size: 16px;
    line-height: 25px;
    min-height: 115px; }
  .partners_marketplace h3 {
    font-size: 24px;
    line-height: 36px; }
  .partners_marketplace .six {
    padding: 1%; }
  .partners_marketplace .form_container p {
    text-align: left; }

.perk_box {
  background-color: #F4F8F9;
  border: 1px solid #D1D3D4;
  border-radius: 10px;
  margin: 10px;
  padding: 34px 65px 34px 65px; }

/* checkout */
.reports_checkout {
  width: 260px;
  height: 100%;
  padding-bottom: 15px; }

img.checkout_header {
  position: absolute;
  top: 0;
  left: 0px; }

.reports_checkout .phase_one {
  margin-top: 120px; }

.reports_checkout .dialog_content {
  width: 320px; }

.secure_signup_form p.module_labels.lock:before {
  font-family: 'SumAllIconsRegular';
  content: '\e008';
  font-size: 16px;
  position: relative;
  top: 3px;
  left: -2px; }

.reports_checkout input,
.reports_checkout select {
  background: #f9f8fd;
  border: 1px solid #d6d6d6;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 44px;
  margin: 0; }

.reports_checkout input#firstName,
.reports_checkout input#lastName {
  width: 130px;
  float: left;
  border-bottom: none; }

.reports_checkout input#cvvNumber {
  width: 70px;
  float: right; }

.reports_checkout input#expMonth,
.reports_checkout input#expYear {
  width: 90px;
  color: #bbb;
  float: left; }

.reports_checkout input#email {
  border-bottom: none; }

.reports_checkout input#firstName {
  border-right: none; }

.reports_checkout input#expMonth {
  border-right: none; }

.reports_checkout p.module_labels {
  font-size: 14px;
  line-height: 14px;
  padding-bottom: 8px;
  color: #000;
  margin-bottom: 0; }

.reports_checkout p.module_labels.expiration {
  font-weight: normal;
  color: #999; }

.reports_checkout p.module_labels.footer {
  font-weight: normal;
  color: #999;
  font-size: 10px;
  position: absolute;
  left: 16px;
  bottom: 7px; }

.reports_checkout button.signup_checkout_launch {
  margin-top: 30px;
  width: 100%;
  height: 45px; }

.reports_checkout .checkout_cancel_one .content {
  text-align: center; }

.reports_checkout .checkout_cancel_one .module_labels {
  color: #6c6c6c; }

.reports_checkout .mktoButton {
  width: 100%;
  float: left;
  margin-top: 30px; }

.reports_checkout .close {
  margin-top: -125px;
  margin-left: 1%; }

.reports_checkout #mobile-number {
  border: 1px solid #d6d6d6 !important; }

.reports_checkout #FirstName,
.reports_checkout #LastName,
.reports_checkout #Company,
.reports_checkout #Title {
  background: #fff; }

.reports_checkout .checkout_cancel_one .content p {
  font-size: 14px;
  padding-bottom: 8px;
  line-height: 21px;
  color: #6C6C6F;
  margin-bottom: 20px; }

.reports_checkout #FirstName {
  border-right: none; }

.reports_checkout #FirstName,
.reports_checkout #LastName {
  width: 50%;
  float: left; }

.reports_checkout .form_error {
  padding-left: 22px; }

.reports_checkout .form_error.firstNameError,
.reports_checkout .form_error.lastNameError {
  width: 50%; }

input.mktoTextField {
  border-bottom: none; }

input.mktoTextField.phone {
  border-bottom: 1px solid #B7B9BB; }

.reports_checkout .mktoForm input:focus, textarea:focus {
  border-bottom: none; }

.landing_page .chapter button.androidApp,
.landing_page .chapter button.iosApp {
  font-size: 16px;
  padding-left: 28px; }
  .landing_page .chapter button.androidApp span,
  .landing_page .chapter button.iosApp span {
    left: -4px !important;
    margin-right: 5px; }

/* Tinder April Fools (delete later) */
.tinder {
  text-align: center; }
  .tinder h1, .tinder h2 {
    font-family: 'ProximaNovaLight'; }
  .tinder .cta_transparent {
    margin-top: 20px; }
    .tinder .cta_transparent:hover {
      color: #333;
      border: 1px solid #333; }
  .tinder .hero_wrapper {
    height: 100vh;
    background-​​image: linear-gradient(top, #fc5634, #ca3f20);
    background-image: -webkit-linear-gradient(top, #fc5634, #ca3f20);
    background: -moz-linear-gradient(top, #fc5634, #ca3f20);
    background-image: -ms-linear-gradient(top, #fc5634, #ca3f20); }
  .tinder .hero {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-box-pack: column;
    -webkit-box-align: column;
    height: 100vh; }
    .tinder .hero h1, .tinder .hero p {
      text-align: center;
      color: #fff;
      font-family: 'ProximaNovaLight'; }
    .tinder .hero .more {
      color: #fff;
      border: 1px solid #fff;
      width: 75px;
      height: 75px; }
  .tinder .parallaxfar2 {
    background: transparent url(https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2015/03/bg-far.png) -99px -117px no-repeat;
    background-size: contain;
    width: 90%;
    min-height: 118vh;
    margin-top: -460px;
    z-index: 100000;
    pointer-events: none; }
  .tinder .parallaxfar {
    background: transparent url(https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2015/03/bg-far.png) center top no-repeat;
    background-size: contain;
    width: 90%;
    min-height: 85vh;
    position: absolute;
    margin-top: -160px;
    z-index: 100000;
    margin-left: 33px;
    pointer-events: none; }
  .tinder .parallaxclose {
    background: transparent url(https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2015/03/bg-close.png) center top no-repeat;
    background-size: cover;
    width: 90%;
    min-height: 100vh;
    position: absolute;
    z-index: 100000;
    margin-top: -300px;
    margin-left: 4px;
    pointer-events: none; }
  .tinder .parallaxkindaclose {
    background: transparent url(https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2015/03/bg-kinda-close.png) center top no-repeat;
    background-size: cover;
    width: 90%;
    min-height: 100vh;
    position: absolute;
    z-index: 100000;
    margin-top: -300px;
    pointer-events: none; }
  .tinder .parallaxkindafar {
    background: transparent url(https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2015/03/bg-kinda-far.png) center top no-repeat;
    background-size: cover;
    width: 90%;
    min-height: 85vh;
    position: absolute;
    z-index: 100000;
    margin-top: -160px;
    pointer-events: none; }
  .tinder .hearts {
    background-color: #fceee9;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-box-pack: column;
    -webkit-box-align: column;
    min-height: 100vh;
    position: relative;
    background-size: cover; }
    .tinder .hearts .tier {
      width: 597px; }
    .tinder .hearts .parallax {
      position: absolute; }
    .tinder .hearts .heart1 {
      background: transparent url(https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2015/03/heart.svg) no-repeat;
      width: 99px;
      height: 88px;
      right: 1320px;
      -ms-transform: rotate(-22deg);
      /* IE 9 */
      -webkit-transform: rotate(-22deg);
      /* Chrome, Safari, Opera */
      transform: rotate(-22deg); }
    .tinder .hearts .heart2 {
      background-color: #ccc;
      background: transparent url(https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2015/03/heart.svg) no-repeat;
      width: 99px;
      height: 88px;
      right: 317px;
      margin-top: 388px;
      -ms-transform: rotate(-22deg);
      /* IE 9 */
      -webkit-transform: rotate(-22deg);
      /* Chrome, Safari, Opera */
      transform: rotate(-22deg); }
  .tinder .figure {
    padding-top: 50px;
    padding-bottom: 100px; }
    .tinder .figure img {
      width: 55%; }
  .tinder .optimize {
    background-​​image: linear-gradient(top, #fc5634, #ca3f20);
    background-image: -webkit-linear-gradient(top, #fc5634, #ca3f20);
    background: -moz-linear-gradient(top, #fc5634, #ca3f20);
    background-image: -ms-linear-gradient(top, #fc5634, #ca3f20);
    padding-top: 50px;
    padding-bottom: 100px; }
    .tinder .optimize .cta_transparent {
      color: #fff;
      border: 1px solid #fff; }
    .tinder .optimize h2, .tinder .optimize p {
      color: #fff; }
    .tinder .optimize img {
      width: 80%; }
  .tinder .tier.text {
    width: 597px; }
  .tinder .ribbons {
    padding-bottom: 100px;
    padding-top: 50px; }
  .tinder .popup-content {
    text-align: center; }
  .tinder .popup .popup-body {
    min-height: 283px; }
  .tinder .byline {
    padding-top: 5px;
    padding-bottom: 24px; }
  .tinder img.firefox {
    display: block;
    width: 15%;
    margin: auto; }

/*********************
PRESS PAGE
*********************/
.press {
  position: relative;
  opacity: 0;
  margin: 200px auto 100px auto; }
  .press h1 {
    font: 65px 'ProximaNovaSemibold', sans-serif;
    color: #333;
    margin: 22px 0 5px -2px; }

.press_firms img {
  display: block;
  text-align: center;
  width: 191px;
  margin: 0 auto;
  padding: 75px 0 0 0; }

.press_firms .press_quote {
  color: #6c6c6c;
  color: rgba(108, 108, 108, 0.45);
  font-size: 75px;
  top: 18px;
  left: 0px;
  z-index: 10; }

.press_quote {
  position: relative;
  top: 12px;
  font-size: 50px;
  color: #ddd;
  vertical-align: middle;
  opacity: .99; }

.press_firms p {
  position: relative;
  text-align: center;
  color: #a4a4a4;
  font-size: 14px;
  margin-bottom: 90px;
  margin-top: 0px;
  z-index: 20; }

.press .tier {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding: 30px 0 25px 0; }

.press .tier.press_info {
  border-top: 0;
  margin-bottom: 40px; }

.press a {
  border-bottom: 1px solid #ddd; }

.imagery a {
  border-bottom: 0; }

.press a:hover {
  color: #6c6c6c;
  border-bottom: 1px solid #6c6c6c; }

.press .news_article_logo {
  width: 100%;
  text-align: center;
  height: 140px;
  padding-top: 67px; }

.press_firms {
  background: #333; }

.press_firms img {
  display: block;
  text-align: center;
  width: 191px;
  margin: 0 auto;
  padding: 75px 0 0 0; }

.news_article {
  max-width: 660px;
  height: 550px; }

.news_article h2 {
  height: 110px;
  padding-top: 97px;
  margin-bottom: 0;
  font-size: 32px;
  font-family: 'ProximaNovaSemibold', sans-serif;
  color: #333; }

.news_article p.date {
  font-size: 14px;
  text-transform: uppercase;
  color: #a4a4a4;
  margin-bottom: 0;
  letter-spacing: 1px; }

.news_article p {
  color: #6c6c6c;
  font-size: 15px;
  line-height: 25px; }

.news_article p strong {
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0;
  margin-right: 3px;
  font-family: 'ProximaNovaSemibold', sans-serif;
  font-weight: normal; }

.news_article span.new {
  margin: 0 10px 0 0;
  top: 0; }

.broken h4 {
  font-size: 24px;
  line-height: 1.5;
  padding-top: 100px; }

.press {
  margin-top: 0; }

/* end press page */
.legal {
  position: relative;
  opacity: 0;
  margin: 200px auto 100px auto; }

.legal ul {
  background-color: #f9f9f9;
  list-style: disc;
  padding: 20px 35px; }

.legal h1 {
  font: 65px 'ProximaNovaSemibold', sans-serif;
  color: #333;
  margin-bottom: 65px;
  margin-top: 0; }

h4.list_lead {
  color: rgba(108, 108, 108, 0.45);
  font-size: 1em;
  margin: 0px;
  letter-spacing: .15em;
  line-height: 2.2em;
  text-transform: uppercase;
  font-family: "ProximaNovaSemibold", sans-serif; }

.legal h2 {
  margin-top: 30px; }

.careers h4 {
  font-size: 1.5em;
  line-height: 1.45;
  max-width: 760px;
  padding-top: 20px;
  margin-bottom: 54px; }
.careers ul {
  list-style-type: disc;
  margin-left: 40px; }
  .careers ul li {
    color: #333333;
    font: 15px/23px 'ProximaNovaSemibold', sans-serif;
    padding-top: 3px;
    padding-bottom: 4px; }
.careers .two.apply {
  padding-top: 8%;
  padding-left: 5%; }

.careers_list {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding-bottom: 30px; }

.pricing,
.partner_portal {
  text-align: center; }
  .pricing .cta_green,
  .partner_portal .cta_green {
    padding-top: 12px; }
  .pricing .cta_green,
  .partner_portal .cta_green {
    font-size: 17px;
    color: #221a17;
    padding: 15px 0;
    font-family: 'ProximaNovaRegular'; }
  .pricing .wrapper,
  .partner_portal .wrapper {
    width: 1072px; }
    .pricing .wrapper .caption,
    .partner_portal .wrapper .caption {
      text-align: left; }
  .pricing button.b3,
  .partner_portal button.b3 {
    color: #fff;
    background: black;
    border: 1px solid #313638; }
  .pricing .mobile,
  .partner_portal .mobile {
    display: block;
    margin: auto; }
  .pricing .cta_green span,
  .partner_portal .cta_green span {
    font-family: 'ProximaNovaRegular';
    padding: 15px 0;
    height: 50px;
    font-size: 17px;
    width: 180px;
    border-radius: 3px;
    color: #221a17; }
  .pricing .caption,
  .partner_portal .caption {
    font-size: 13px;
    letter-spacing: 1.4px;
    color: #fff;
    padding-bottom: 0; }
  .pricing h1,
  .partner_portal h1 {
    color: #fff;
    font-size: 35px; }
  .pricing h2,
  .partner_portal h2 {
    font-family: 'ProximaNovaLight';
    font-size: 40px;
    margin-bottom: 25px; }
  .pricing img.testimonial,
  .partner_portal img.testimonial {
    width: 543px;
    display: block;
    position: absolute;
    height: 180px;
    margin: 63px 0 0 68px; }
  .pricing .price span.dollar,
  .partner_portal .price span.dollar {
    left: 27px;
    right: 0;
    font-size: 15px;
    top: 75px; }
  .pricing .price span,
  .partner_portal .price span {
    font-size: 40px; }
  .pricing .price,
  .partner_portal .price {
    color: #fff;
    padding-left: 20px;
    font-size: 20px; }
  .pricing .analytics,
  .partner_portal .analytics {
    background: #cde1ef url(https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2015/03/pricing-computer-analytics.png) center 334px no-repeat;
    height: 860px; }
    .pricing .analytics .tier,
    .partner_portal .analytics .tier {
      padding-top: 50px; }
    .pricing .analytics p,
    .partner_portal .analytics p {
      width: 612px;
      display: block;
      margin: auto;
      margin-bottom: 80px; }
      .pricing .analytics p.caption,
      .partner_portal .analytics p.caption {
        color: #0f0705;
        margin-bottom: auto; }
  .pricing .hero_lower .tier,
  .partner_portal .hero_lower .tier {
    padding-bottom: 80px; }
  .pricing .hero_lower .four,
  .partner_portal .hero_lower .four {
    padding: 20px;
    text-align: left;
    background-color: #f8f8fb;
    border-right: 16px solid #fff;
    width: 357px; }
    .pricing .hero_lower .four:last-child,
    .partner_portal .hero_lower .four:last-child {
      margin-right: 0; }
  .pricing .hero_lower h4,
  .partner_portal .hero_lower h4 {
    padding-bottom: 40px;
    padding-top: 20px;
    line-height: 30px; }
  .pricing .hero_lower ul,
  .partner_portal .hero_lower ul {
    margin-bottom: 40px; }
  .pricing .hero_lower li,
  .partner_portal .hero_lower li {
    padding-bottom: 8px; }
    .pricing .hero_lower li:before,
    .partner_portal .hero_lower li:before {
      content: '·';
      font-size: 98px;
      vertical-align: text-bottom;
      padding-right: 10px; }
  .pricing .hero_lower .cta_white,
  .partner_portal .hero_lower .cta_white {
    background-color: #f7f7fa;
    padding: 20px;
    width: 540px;
    color: #314922; }
  .pricing .hero,
  .partner_portal .hero {
    background-color: #282828;
    color: #fff; }
    .pricing .hero .four,
    .partner_portal .hero .four {
      background-color: #222;
      padding: 20px;
      border-right: 16px solid #282828;
      width: 357px; }
      .pricing .hero .four img,
      .partner_portal .hero .four img {
        float: right; }
      .pricing .hero .four h2,
      .partner_portal .hero .four h2 {
        text-align: left;
        color: #fff;
        margin-bottom: 10px; }
      .pricing .hero .four:first-child,
      .partner_portal .hero .four:first-child {
        background-color: #3c3c3c;
        margin-top: 168px; }
      .pricing .hero .four:nth-child(2),
      .partner_portal .hero .four:nth-child(2) {
        background-color: #5c5c5d;
        margin-top: 116px; }
      .pricing .hero .four:last-child,
      .partner_portal .hero .four:last-child {
        margin-right: 0;
        background-color: #3c3c3c;
        height: 253px;
        margin-top: 52px; }
        .pricing .hero .four:last-child .price,
        .partner_portal .hero .four:last-child .price {
          margin-bottom: 63px; }
    .pricing .hero .sa_logo,
    .partner_portal .hero .sa_logo {
      margin-left: 0;
      width: auto;
      font-size: 20px; }
    .pricing .hero .sa_logo ul,
    .partner_portal .hero .sa_logo ul {
      text-align: left; }
    .pricing .hero .sa_logo ul li span,
    .partner_portal .hero .sa_logo ul li span {
      font-size: 13px; }
    .pricing .hero .sa_logo ul li:first-child,
    .partner_portal .hero .sa_logo ul li:first-child {
      font-size: 18px; }
  .pricing .prime_nav ul li,
  .partner_portal .prime_nav ul li {
    float: left; }
    .pricing .prime_nav ul li a,
    .partner_portal .prime_nav ul li a {
      color: #fff; }
    .pricing .prime_nav ul li:first-child,
    .partner_portal .prime_nav ul li:first-child {
      margin-top: -4px; }
  .pricing .questions,
  .partner_portal .questions {
    text-align: left;
    padding-top: 3%; }
    .pricing .questions h2,
    .partner_portal .questions h2 {
      text-align: center; }
    .pricing .questions .tier,
    .partner_portal .questions .tier {
      width: 50%; }
    .pricing .questions button,
    .partner_portal .questions button {
      text-align: center; }
  .pricing .bottom_cta .tier,
  .partner_portal .bottom_cta .tier {
    padding-bottom: 5%; }
  .pricing .features,
  .partner_portal .features {
    text-align: center;
    background-color: #f2fafc; }
    .pricing .features .four div,
    .partner_portal .features .four div {
      min-height: 174px; }
    .pricing .features .alignment,
    .partner_portal .features .alignment {
      margin-top: 33px; }
    .pricing .features hr,
    .pricing .features p,
    .partner_portal .features hr,
    .partner_portal .features p {
      width: 330px;
      display: block;
      margin: auto; }
    .pricing .features hr,
    .partner_portal .features hr {
      margin-bottom: 20px; }
  .pricing .insights,
  .pricing .reports,
  .partner_portal .insights,
  .partner_portal .reports {
    background-color: #f3f3f8;
    color: #0f0705; }
    .pricing .insights h2,
    .pricing .reports h2,
    .partner_portal .insights h2,
    .partner_portal .reports h2 {
      font-family: 'ProximaNovaSemibold';
      font-size: 30px; }
    .pricing .insights .tier,
    .pricing .reports .tier,
    .partner_portal .insights .tier,
    .partner_portal .reports .tier {
      padding-top: 100px; }
      .pricing .insights .tier:nth-child(2),
      .pricing .reports .tier:nth-child(2),
      .partner_portal .insights .tier:nth-child(2),
      .partner_portal .reports .tier:nth-child(2) {
        padding-bottom: 100px; }
    .pricing .insights .four,
    .pricing .reports .four,
    .partner_portal .insights .four,
    .partner_portal .reports .four {
      border-right: 2px solid #c8c8d4;
      padding-left: 150px;
      text-align: left;
      padding-top: 0; }
    .pricing .insights .eight,
    .pricing .reports .eight,
    .partner_portal .insights .eight,
    .partner_portal .reports .eight {
      padding-top: 0; }
      .pricing .insights .eight p,
      .pricing .reports .eight p,
      .partner_portal .insights .eight p,
      .partner_portal .reports .eight p {
        text-align: left;
        padding: 0 149px 0 80px;
        line-height: 35px; }
    .pricing .insights .availability_wrapper,
    .pricing .reports .availability_wrapper,
    .partner_portal .insights .availability_wrapper,
    .partner_portal .reports .availability_wrapper {
      width: 100%;
      height: 133px; }
    .pricing .insights .price,
    .pricing .reports .price,
    .partner_portal .insights .price,
    .partner_portal .reports .price {
      color: #0f0705;
      text-align: left;
      margin: 27px 0 27px 0;
      font-size: 14px; }
      .pricing .insights .price span,
      .pricing .reports .price span,
      .partner_portal .insights .price span,
      .partner_portal .reports .price span {
        font-size: 60px; }
      .pricing .insights .price span.dollar,
      .pricing .reports .price span.dollar,
      .partner_portal .insights .price span.dollar,
      .partner_portal .reports .price span.dollar {
        left: 159px;
        right: 0;
        top: 76px;
        font-size: 21px; }
    .pricing .insights .cta_transparent,
    .pricing .reports .cta_transparent,
    .partner_portal .insights .cta_transparent,
    .partner_portal .reports .cta_transparent {
      font-size: 17px;
      padding-bottom: 14px;
      margin-bottom: 15px;
      width: 254px; }
    .pricing .insights .cta_green,
    .pricing .reports .cta_green,
    .partner_portal .insights .cta_green,
    .partner_portal .reports .cta_green {
      width: 254px; }
    .pricing .insights .caption,
    .pricing .reports .caption,
    .partner_portal .insights .caption,
    .partner_portal .reports .caption {
      color: #0f0705; }
      .pricing .insights .caption span,
      .pricing .reports .caption span,
      .partner_portal .insights .caption span,
      .partner_portal .reports .caption span {
        font-family: 'SumAllPlatforms';
        font-size: 50px;
        color: #88bee8;
        margin: 18px 17px 52px -6px;
        display: block;
        float: left; }
        .pricing .insights .caption span:nth-child(3),
        .pricing .reports .caption span:nth-child(3),
        .partner_portal .insights .caption span:nth-child(3),
        .partner_portal .reports .caption span:nth-child(3) {
          color: #e89928; }
        .pricing .insights .caption span:nth-child(4),
        .pricing .reports .caption span:nth-child(4),
        .partner_portal .insights .caption span:nth-child(4),
        .partner_portal .reports .caption span:nth-child(4) {
          color: #d0a068; }
        .pricing .insights .caption span:nth-child(5),
        .pricing .reports .caption span:nth-child(5),
        .partner_portal .insights .caption span:nth-child(5),
        .partner_portal .reports .caption span:nth-child(5) {
          color: #3e6380; }
  .pricing .reports,
  .partner_portal .reports {
    background-color: #ebebf2; }
    .pricing .reports p,
    .partner_portal .reports p {
      line-height: 35px; }
  .pricing .plus,
  .pricing .features,
  .partner_portal .plus,
  .partner_portal .features {
    padding-top: 100px;
    padding-bottom: 80px; }
    .pricing .plus .four:nth-child(3) img,
    .pricing .features .four:nth-child(3) img,
    .partner_portal .plus .four:nth-child(3) img,
    .partner_portal .features .four:nth-child(3) img {
      margin-top: -14px; }
  .pricing .cta_green,
  .partner_portal .cta_green {
    margin-bottom: 20px; }
  .pricing .questions,
  .partner_portal .questions {
    padding-bottom: 80px;
    padding-top: 80px; }
  .pricing .app_download,
  .partner_portal .app_download {
    width: 100%; }
  .pricing .accordion .cta_white,
  .partner_portal .accordion .cta_white {
    margin-top: 25px;
    margin-bottom: 25px;
    height: 40px;
    width: 100%; }
  .pricing .accordion .container,
  .partner_portal .accordion .container {
    position: relative; }
  .pricing .accordion dl:after,
  .partner_portal .accordion dl:after {
    content: "";
    display: block;
    height: 1em;
    width: 100%; }
  .pricing .accordion dt,
  .partner_portal .accordion dt {
    margin-top: 15px; }
    .pricing .accordion dt img,
    .partner_portal .accordion dt img {
      float: left;
      margin-right: 10px; }
    .pricing .accordion dt .price,
    .partner_portal .accordion dt .price {
      float: right;
      padding-top: 0;
      padding-bottom: 0;
      font-size: 12px; }
      .pricing .accordion dt .price span,
      .partner_portal .accordion dt .price span {
        font-size: 30px;
        letter-spacing: 1.4px; }
      .pricing .accordion dt .price span.dollar,
      .partner_portal .accordion dt .price span.dollar {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        font-size: 14px;
        display: block;
        float: left;
        margin-top: -4px; }
    .pricing .accordion dt .caption,
    .partner_portal .accordion dt .caption {
      font-size: 17px;
      padding-right: 65px; }
    .pricing .accordion dt a,
    .partner_portal .accordion dt a {
      text-align: left;
      padding: 17px;
      display: block;
      text-decoration: none;
      color: #fff;
      transition: background-color 0.5s ease-in-out; }
  .pricing .accordion dd,
  .partner_portal .accordion dd {
    background-color: #dadadf;
    color: #252525;
    text-align: left;
    font-family: 'ProximaNovaLight'; }
    .pricing .accordion dd p,
    .partner_portal .accordion dd p {
      padding: 1em 2em 1em 2em; }
    .pricing .accordion dd div,
    .partner_portal .accordion dd div {
      padding: 21px 0px 10px 15px; }
    .pricing .accordion dd img.app_download,
    .partner_portal .accordion dd img.app_download {
      float: left; }
    .pricing .accordion dd ul,
    .partner_portal .accordion dd ul {
      list-style: none; }
      .pricing .accordion dd ul li:before,
      .partner_portal .accordion dd ul li:before {
        content: "·";
        font-size: 98px;
        vertical-align: text-bottom;
        padding-right: 1px;
        float: left;
        margin-top: -7px; }
      .pricing .accordion dd ul li,
      .partner_portal .accordion dd ul li {
        padding-bottom: 15px;
        font-size: 14px;
        font-family: 'ProximaNovaLight';
        color: #252525; }
        .pricing .accordion dd ul li:first-child:before,
        .partner_portal .accordion dd ul li:first-child:before {
          content: ''; }
  .pricing .accordionTitle,
  .partner_portal .accordionTitle {
    background-color: #5c5c5d; }
    .pricing .accordionTitle:after,
    .partner_portal .accordionTitle:after {
      content: ">";
      float: right;
      font-size: 30px;
      transition: transform 0.3s ease-in-out;
      font-family: 'ProximaNovaLight';
      font-weight: 100;
      margin-top: -12px; }
  .pricing .accordionTitleActive:after,
  .pricing .accordionTitle.is-expanded:after,
  .partner_portal .accordionTitleActive:after,
  .partner_portal .accordionTitle.is-expanded:after {
    transform: rotate(90deg); }
  .pricing .accordionItem,
  .partner_portal .accordionItem {
    height: auto;
    overflow: hidden;
    max-height: 50em;
    transition: max-height 1s; }
    @media screen and (min-width: 48em) {
      .pricing .accordionItem,
      .partner_portal .accordionItem {
        transition: max-height 0.5s; } }
  .pricing .accordionItemCollapsed,
  .pricing .accordionItem.is-collapsed,
  .partner_portal .accordionItemCollapsed,
  .partner_portal .accordionItem.is-collapsed {
    max-height: 0; }
  .pricing .animateIn,
  .partner_portal .animateIn {
    animation: accordionIn 0.65s normal ease-in-out both 1; }
  .pricing .animateOut,
  .partner_portal .animateOut {
    animation: accordionOut 0.75s alternate ease-in-out both 1; }
@keyframes accordionIn {
  0% {
    opacity: 0;
    transform: scale(0.8); }
  100% {
    opacity: 1;
    transform: scale(1); } }
@keyframes accordionOut {
  0% {
    opacity: 1;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(0.8); } }
.partner_portal h1 {
  line-height: 40px;
  margin-bottom: 15px; }
.partner_portal p.illustrations {
  color: #fff;
  font-size: 36px;
  float: right;
  padding: 0; }
.partner_portal .hero h3 {
  color: #fff; }
.partner_portal .description {
  width: 522px;
  display: block;
  margin: auto; }
.partner_portal .sub_description {
  width: 412px;
  display: block;
  margin: auto; }
.partner_portal h3.description {
  line-height: 36px;
  font-size: 20px; }
.partner_portal .caption {
  font-size: 17px;
  color: #222; }
.partner_portal .wrapper {
  width: 1072px; }
.partner_portal .tier .four .wrapper {
  text-align: left;
  width: 300px;
  margin: auto; }
  .partner_portal .tier .four .wrapper p {
    padding-top: 5px;
    color: #222;
    font-size: 15px;
    line-height: 23px; }
    .partner_portal .tier .four .wrapper p span {
      font-family: 'SumAllIconsRegular';
      font-size: 25px;
      float: right; }
  .partner_portal .tier .four .wrapper .caption {
    font-size: 14px; }
  .partner_portal .tier .four .wrapper hr {
    border: 0;
    border-bottom: 1px solid #222; }
.partner_portal button.contact {
  width: 370px;
  padding-right: 22px; }
.partner_portal .cta_black {
  font-size: 18px;
  padding-top: 17px;
  margin: auto;
  width: 287px;
  display: block; }
.partner_portal .hero_lower h4 {
  min-height: 130px; }
.partner_portal .hero .four:nth-child(2) {
  margin-top: 168px; }
.partner_portal .hero .four:last-child {
  margin-top: 168px;
  height: auto; }
.partner_portal .advisor {
  background-color: #DDE6E8;
  padding-top: 50px;
  padding-bottom: 100px; }
.partner_portal .affiliates {
  background-color: #FFD3A1;
  padding-top: 50px;
  padding-bottom: 100px; }
.partner_portal .integrations {
  background-color: #F5F8F9;
  padding-top: 50px;
  padding-bottom: 100px; }
.partner_portal .cta_transparent {
  padding: 15px 25px 19px 25px;
  height: 50px;
  font-size: 17px;
  width: 253px;
  border-radius: 3px;
  color: #221a17;
  margin-bottom: 100px;
  background-color: transparent; }
  .partner_portal .cta_transparent:hover {
    color: #000; }
.partner_portal .reporting {
  background: #9dd2df url(https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2015/02/home-reach-screenshot.png) center 137px no-repeat;
  background-size: contain;
  text-align: center; }
  .partner_portal .reporting .tier {
    padding-bottom: 50px; }
  .partner_portal .reporting .twelve.top {
    padding-top: 80px; }
  .partner_portal .reporting .four img {
    margin-bottom: 20px; }
  .partner_portal .reporting h3 {
    font-family: 'ProximaNovaLight'; }
  .partner_portal .reporting h2 {
    margin-bottom: 60%; }
  .partner_portal .reporting .twelve {
    padding-bottom: 0; }
  .partner_portal .reporting .sa_logo {
    width: 121px; }
.partner_portal .illuminated {
  background: #f4f4f4 url(https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2015/02/insights-illuminated-bg.jpg) top center no-repeat;
  background-size: contain;
  text-align: center; }
  .partner_portal .illuminated .twelve {
    padding-bottom: 60px; }
  .partner_portal .illuminated img {
    text-align: center; }
  .partner_portal .illuminated h2 {
    margin-top: 62%; }
  .partner_portal .illuminated h3 {
    padding-top: 15px; }
  .partner_portal .illuminated .tier {
    padding-bottom: 50px; }
.partner_portal p.narrow {
  padding-left: 35%;
  padding-right: 35%;
  padding-bottom: 28px; }
.partner_portal .accordion h2 {
  color: #fff;
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 30px; }
.partner_portal .accordion .sa_logo {
  height: 35px; }
.partner_portal .accordion .caption {
  color: #fff; }
.partner_portal .accordion div.wrapper {
  background-color: #5c5c5d;
  text-align: left;
  padding: 17px;
  display: block;
  text-decoration: none;
  color: #fff; }
.partner_portal .accordion .cta_black {
  width: 88%;
  display: inline-block;
  font-size: 15px;
  padding-top: 13px;
  height: 47px; }
.partner_portal .learn_more {
  background-color: #333;
  padding-top: 20px; }
  .partner_portal .learn_more .twelve {
    padding-bottom: 10px; }
  .partner_portal .learn_more h3 {
    color: #fff; }
  .partner_portal .learn_more span {
    font-family: 'SumAllIconsRegular';
    color: #fff;
    font-size: 50px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    display: block; }
.partner_portal .popup-content button.green {
  float: none;
  margin-top: 12px; }

.insights h2 {
  font-family: 'ProximaNovaLight'; }
.insights p.narrow {
  padding-left: 35%;
  padding-right: 35%;
  padding-bottom: 28px; }
.insights .hero {
  text-align: center;
  background: transparent url(https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2015/03/hero-insights.jpg) center center no-repeat;
  height: 800px;
  background-size: cover; }
  .insights .hero .header {
    padding-top: 0; }
.insights .cta_green {
  font-family: 'ProximaNovaRegular';
  padding: 15px 0;
  height: 50px;
  font-size: 17px;
  border-radius: 3px;
  color: #221a17; }
.insights .content {
  background: transparent url(https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2015/02/grey-bg.jpg) no-repeat;
  background-size: cover;
  text-align: center; }
  .insights .content .six img {
    margin: auto;
    width: 753px;
    position: relative;
    display: block; }
  .insights .content h2, .insights .content p, .insights .content h3 {
    color: #fff; }
  .insights .content h2 {
    padding-top: 30px; }
  .insights .content h3 {
    padding-top: 30px;
    padding-bottom: 15px; }
.insights .illuminated {
  background: #f4f4f4 url(https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2015/02/insights-illuminated-bg.jpg) top center no-repeat;
  background-size: contain;
  text-align: center; }
  .insights .illuminated .twelve {
    padding-bottom: 60px; }
  .insights .illuminated img {
    text-align: center; }
  .insights .illuminated h2 {
    margin-top: 62%; }
  .insights .illuminated h3 {
    padding-top: 15px; }
  .insights .illuminated .tier {
    padding-bottom: 50px; }
.insights .bullets {
  padding: 0;
  text-align: center;
  width: 100%;
  float: left; }
  .insights .bullets .six {
    min-height: 1200px; }
  .insights .bullets h4 {
    padding-bottom: 20px;
    padding-top: 50px; }
  .insights .bullets ul {
    margin: auto;
    text-align: left;
    width: 287px;
    padding-left: 5%; }
    .insights .bullets ul li:before {
      content: "·";
      font-size: 98px;
      vertical-align: text-bottom;
      padding-right: 10px; }
    .insights .bullets ul li {
      line-height: 30px;
      color: #222; }
      .insights .bullets ul li a {
        border-bottom: 1px solid #222; }
      .insights .bullets ul li:last-child {
        padding-top: 30px; }
        .insights .bullets ul li:last-child:before {
          content: '';
          padding-left: 20px; }
  .insights .bullets .left {
    background-color: #84d3ed; }
  .insights .bullets .right {
    background-color: #99dff6; }
.insights .pricing_row_one,
.insights .pricing_mobile {
  background-color: #cadce4; }
  .insights .pricing_row_one .tier,
  .insights .pricing_mobile .tier {
    width: 70%; }
    .insights .pricing_row_one .tier .six:first-child,
    .insights .pricing_mobile .tier .six:first-child {
      border-right: 1px solid #b1c4cd; }
    .insights .pricing_row_one .tier .six:nth-child(2),
    .insights .pricing_mobile .tier .six:nth-child(2) {
      border-left: 1px solid #b1c4cd;
      padding-left: 100px; }
  .insights .pricing_row_one h4,
  .insights .pricing_mobile h4 {
    font-size: 20px; }
.insights .pricing_row_two,
.insights .pricing_mobile {
  background-color: #e0eff6;
  height: 110px; }
  .insights .pricing_row_two span.dollar,
  .insights .pricing_row_two span.billed,
  .insights .pricing_mobile span.dollar,
  .insights .pricing_mobile span.billed {
    font-size: 13px;
    display: block;
    float: left; }
  .insights .pricing_row_two span.billed,
  .insights .pricing_mobile span.billed {
    margin-left: 16px;
    margin-top: -9px; }
  .insights .pricing_row_two h4,
  .insights .pricing_mobile h4 {
    font-size: 13px;
    float: left;
    display: block; }
    .insights .pricing_row_two h4 span,
    .insights .pricing_mobile h4 span {
      font-size: 60px; }
  .insights .pricing_row_two span.dollar,
  .insights .pricing_mobile span.dollar {
    margin-top: -17px;
    font-size: 17px; }
  .insights .pricing_row_two .six,
  .insights .pricing_mobile .six {
    padding-top: 50px;
    height: 110px; }
  .insights .pricing_row_two .six:first-child,
  .insights .pricing_mobile .six:first-child {
    border-right: 1px solid #b1c4cd; }
  .insights .pricing_row_two .six:nth-child(2),
  .insights .pricing_mobile .six:nth-child(2) {
    border-left: 1px solid #b1c4cd;
    padding-left: 100px;
    padding-top: 26px; }
  .insights .pricing_row_two .tier,
  .insights .pricing_mobile .tier {
    width: 70%; }
.insights .pricing_row_three,
.insights .pricing_mobile {
  background-color: #d5e3ea; }
  .insights .pricing_row_three p,
  .insights .pricing_mobile p {
    padding-top: 5px;
    padding-bottom: 30px; }
  .insights .pricing_row_three li,
  .insights .pricing_mobile li {
    line-height: 32px; }
    .insights .pricing_row_three li:nth-child(2),
    .insights .pricing_mobile li:nth-child(2) {
      clear: both; }
    .insights .pricing_row_three li span,
    .insights .pricing_mobile li span {
      font-family: 'SumAllPlatforms';
      font-size: 50px;
      vertical-align: middle;
      padding-right: 23px; }
      .insights .pricing_row_three li span.twitter,
      .insights .pricing_mobile li span.twitter {
        display: block;
        float: left;
        height: 50px;
        font-size: 101px;
        margin-left: -27px;
        padding-right: 2px;
        margin-top: 9px; }
      .insights .pricing_row_three li span.twitter_desc,
      .insights .pricing_mobile li span.twitter_desc {
        font-size: 16px;
        font-family: 'ProximaNovaLight'; }
  .insights .pricing_row_three ul.right,
  .insights .pricing_mobile ul.right {
    margin-left: -8px; }
  .insights .pricing_row_three ul.right li,
  .insights .pricing_mobile ul.right li {
    line-height: 60px; }
  .insights .pricing_row_three ul.right li.twitter,
  .insights .pricing_mobile ul.right li.twitter {
    line-height: 22px;
    font-size: 18px; }
  .insights .pricing_row_three .six,
  .insights .pricing_mobile .six {
    padding-bottom: 80px; }
  .insights .pricing_row_three .six:first-child,
  .insights .pricing_mobile .six:first-child {
    border-right: 1px solid #b1c4cd; }
  .insights .pricing_row_three .six:nth-child(2),
  .insights .pricing_mobile .six:nth-child(2) {
    border-left: 1px solid #b1c4cd;
    padding-left: 100px; }
  .insights .pricing_row_three .cta_green,
  .insights .pricing_mobile .cta_green {
    margin: 30px 0 30px 0; }
  .insights .pricing_row_three .tier,
  .insights .pricing_mobile .tier {
    width: 70%; }

/*********************
IMPORTING MODULES
*********************/
/******************************************************************
Site Name: Sumall
Author: David Hanaford

Stylesheet: Button Styles

******************************************************************/
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline; }

/* main cta style */
button.cta_green, button.cta_black, button.cta_blue, button.cta_transparent, button.cta_default {
  font-family: 'ProximaNovaLight';
  padding: 14px 28px 21px 19px;
  height: 57px;
  font-size: 24px;
  width: 281px;
  border-radius: 3px; }

/* small cta style */
button.cta_signup_green {
  overflow: hidden;
  height: 34px;
  font-family: 'ProximaNovaSemibold', sans-serif;
  cursor: pointer;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }

/* top login style */
a.login_black, a.login_white, .nav_black ul li:last-child a, .nav_white ul li:last-child a {
  float: right;
  padding: 6px 13px;
  background: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

/* link button style */
a.btn_black, a.btn_green {
  padding: 8px 43px;
  text-transform: none;
  font: 14px/1.6 'ProximaNovaSemibold', sans-serif;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }

/* button and link styles */
button.cta_signup_green {
  color: #314922;
  background-color: #89d864;
  border: 1px solid #74A558;
  font-weight: bold;
  position: absolute;
  right: 0px;
  top: 12px; }
  button.cta_signup_green:hover {
    background: #97eb71; }

button.cta_green {
  background-color: #7fc85c;
  border: 1px solid #85B667;
  color: #244216; }
  button.cta_green:hover {
    background-color: #a3dd87;
    color: #244216; }

button.cta_black {
  background-color: #383838;
  border: 1px solid #000;
  color: #fff; }
  button.cta_black:hover {
    background-color: #4d4d4d;
    color: #fff; }

button.cta_blue {
  background-color: #3ACAFC;
  border: 1px solid #231F20;
  color: #fff; }
  button.cta_blue:hover {
    background-color: #5FDDFF;
    color: #fff;
    border: 1px solid #231F20; }

button.cta_transparent {
  background-color: transparent;
  border: 1px solid #231F20; }
  button.cta_transparent:hover {
    color: #666;
    border: 1px solid #666; }

button.cta_default {
  background-color: #fff;
  border: 1px solid #0e84a4; }
  button.cta_default:hover {
    color: #29c0ed;
    text-shadow: none;
    background-color: #fff;
    border: 1px solid #29c0ed; }

button.gray {
  color: #333;
  background-color: #e5e5ed;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  font-size: 20px;
  padding: .5em 1.2em;
  margin: 12px 0px 0px 20px; }
  button.gray:hover {
    background-color: #fafafa; }

a.login_black {
  color: #000;
  border: 1px solid #000; }
  a.login_black:hover {
    background: rgba(0, 0, 0, 0.35);
    color: #fff; }

a.login_white {
  color: #fff;
  border: 1px solid #fff; }
  a.login_white:visited:hover,
  a.login_white :visited:focus {
    color: #fff; }

a.btn_black {
  background: #333333;
  border: 1px solid #000;
  color: #fff; }
  a.btn_black:hover {
    background: #484848;
    color: #fff; }

a.btn_green {
  background: #7fc85c;
  border: 1px solid #9DD070;
  color: #006838; }
  a.btn_green:hover {
    background-color: #CCEA92;
    border: 1px solid #849171; }

.nav_black ul li:last-child a {
  border: 1px solid #000; }

.nav_white ul li:last-child a {
  border: 1px solid #fff; }

button.main_login {
  margin: 0;
  font-size: 15px;
  float: right;
  min-width: 80px;
  padding: 5px 15px 7px 15px;
  height: 30px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid #4e5d63;
  cursor: pointer; }

.secureSignup .hero_customer {
  top: 170px;
  right: 0; }

.signup_wrapper {
  /*width: 300px;*/
  margin-right: 225px;
  padding: 1% 0 0 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none; }

#phase_one_wrapper .hero_tag h1 {
  width: 300px;
  font-size: 48px;
  line-height: 56px;
  margin-top: 75px; }

#phase_one_wrapper h5.third_party_prompt {
  margin: 0;
  /*line-height: 1em;*/ }

#phase_two_wrapper {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  float: none;
  width: 306px; }

.timezone_select {
  float: left;
  background: #fff; }

.timezone_arrow p {
  float: right;
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 36px;
  width: 36px;
  top: 3px;
  padding: 5px 0 7px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  position: relative; }

.timezone_select p {
  font-family: 'SumAllIconsRegular';
  font-size: 16px;
  margin-bottom: 0px;
  float: right;
  top: 0; }

.timezone_dropdown select {
  margin-top: -36px;
  background: rgba(1, 1, 1, 0);
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  z-index: 1;
  cursor: pointer;
  position: relative; }

.hero_get_started,
.third_parties a {
  font-family: 'ProximaNovaRegular';
  border: none;
  border-bottom: 1px solid #333;
  padding: 0;
  margin-left: 3px;
  display: inline-block; }

.main_signup {
  min-width: 260px;
  font-family: 'ProximaNovaRegular';
  position: relative;
  float: left;
  color: #fff;
  height: 50px;
  padding: 15px 15px 0 0;
  margin-right: 5px;
  margin-bottom: 12px;
  border-radius: 4px;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.2);
  /*-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);*/
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }

.third_party_login {
  float: left; }

.twitter_right .third_party_signup {
  height: 80px; }

.secondary_signup {
  width: auto;
  float: left;
  position: relative; }

.main_signup:before,
.secondary_signup a:before {
  font-family: 'SumAllPlatforms';
  position: relative;
  line-height: 1;
  float: left; }

.main_signup:before {
  font-size: 42px;
  height: 44px;
  top: -16px;
  padding-top: 6px;
  padding-right: 6px;
  padding-left: 8px;
  margin-right: 10px;
  left: -6px;
  border-right: 1px solid rgba(0, 0, 0, 0.2); }

.main_signup:hover {
  cursor: pointer; }

.main_signup:active {
  -moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.15);
  padding-top: 16px; }

.main_signup:active:before {
  height: 43px; }

.main_signup[provider=twitter] {
  background-color: #28bae5; }

.main_signup[provider=twitter]:before {
  content: 'T'; }

.main_signup[provider=twitter]:hover {
  background: #29c0ed; }

.main_signup[provider=twitter]:active {
  background: #29c0ed; }

.main_signup[provider=facebook] {
  background-color: #284a8e; }

.main_signup[provider=facebook]:before {
  content: 'F'; }

.main_signup[provider=facebook]:hover {
  background: #325393; }

.main_signup[provider=facebook]:active {
  background: #325393; }

.main_signup[provider=googleplus] {
  background-color: #dd4b39; }

.main_signup[provider=googleplus]:before {
  content: 'G'; }

.main_signup[provider=googleplus]:hover {
  background: #e74b37; }

.main_signup[provider=googleplus]:active {
  background: #e74b37; }

.secondary_signup a {
  font-size: 14px;
  float: left;
  display: block;
  margin-right: 6px;
  cursor: pointer;
  color: #6c6c6c;
  border-color: #aaa; }

.secondary_signup .secondary_twitter,
.secondary_signup .secondary_googleplus,
.secondary_signup .secondary_facebook {
  height: 19px; }

.secondary_signup .secondary_email {
  margin-left: 6px; }

.secondary_signup .secondary_twitter:before {
  background: none;
  color: #6c6c6c;
  content: 'T';
  font-size: 27px;
  top: -3px; }

.secondary_signup .secondary_googleplus:before {
  background: none;
  color: #6c6c6c;
  content: 'g';
  font-size: 27px;
  top: -3px; }

.secondary_signup .secondary_facebook:before {
  background: none;
  color: #6c6c6c;
  content: 'F';
  font-size: 27px;
  top: -3px; }

.signup_text p {
  float: left;
  margin: 0 0 0px 3px;
  width: 252px;
  font-size: 12px !important;
  line-height: 16px; }

.signup_text.policy p {
  margin-top: 0; }

.signup_text span {
  font-family: 'ProximaNovaSemibold';
  float: left;
  margin: 5px 0 5px 3px;
  max-width: 347px;
  font-size: 12px;
  line-height: 16px; }

.signup_promo_text strong {
  font-size: 12px;
  margin: 0; }

.signup_promo_text p {
  text-align: center;
  width: 171px;
  margin: 0 0 0 23px; }

/*

Checkout

*/
.checkout_process {
  background: #f9f9fd;
  width: 100%;
  min-height: 950px;
  min-width: 500px;
  padding-top: 35px;
  overflow: auto; }

.checkout_process_conclusion {
  background: #f9f9fd;
  width: 100%;
  min-width: 500px;
  height: 100%;
  min-height: 600px;
  overflow: auto; }

.checkout_process_conclusion .checkout_process_wrapper {
  position: relative;
  opacity: 0;
  top: 800px;
  border: none;
  background: transparent;
  box-shadow: none; }

.checkout_process_conclusion p,
.checkout_process_conclusion h1,
.checkout_process_conclusion button {
  max-width: 400px;
  margin-top: 0; }

.checkout_process p a,
.checkout_process_conclusion p a {
  border-bottom: 1px solid #ddd; }

.checkout_process p a:hover,
.checkout_process_conclusion p a:hover {
  border-bottom: 1px solid #333; }

.secure_checkout_bar {
  width: 100%;
  text-align: left;
  padding: 30px 0 0 0;
  background: #f9f9fd; }

.secure_checkout_bar p {
  display: block;
  width: 500px;
  margin: 0 auto;
  text-transform: uppercase;
  font-size: 12px;
  color: #a4a4a4;
  background: #f9f9fd; }

.secure_checkout_bar p:before {
  position: relative;
  left: 0px;
  top: 5px;
  content: 'S';
  font-family: 'SumAllIconsRegular';
  font-size: 24px;
  color: #333; }

.checkout_process h1,
.checkout_process_conclusion h1 {
  font: 65px 'ProximaNovaSemibold', sans-serif;
  color: #fff;
  max-width: 750px;
  line-height: 1; }

.checkout_cancel {
  opacity: 0;
  position: absolute;
  bottom: 140px;
  left: 195px; }

.checkout_process_wrapper {
  position: relative;
  width: 500px;
  margin: 0 auto;
  padding: 60px 40px 0 40px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #ddd;
  -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); }

.checkout_seals {
  opacity: 0;
  margin: 12px 0;
  border-top: 1px solid #ddd;
  padding: 10px 0 0 0; }

.checkout_seals a {
  border: none; }

.checkout_microcopy {
  opacity: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #a4a4a4;
  text-align: left;
  position: absolute;
  z-index: 1000;
  left: 46px;
  max-width: 380px;
  margin: 20px 0px 0px 0px; }

.checkout_microcopy a {
  color: #a4a4a4;
  padding-bottom: 1px;
  border-bottom: 1px solid #ddd; }

.checkout_microcopy a:hover {
  color: #6c6c6c;
  border-bottom: 1px solid #6c6c6c; }

.microcopy_one {
  top: 111px; }

.microcopy_two {
  top: 316px; }

.checkout_module {
  position: absolute;
  top: 0;
  right: -220px;
  width: 200px;
  border-radius: 6px;
  padding: 0; }

.checkout_module span {
  font-family: 'ProximaNovaSemibold'; }

.checkout_module .guarantee_module,
.checkout_module .benefit_module {
  width: 100%;
  padding: 0 0 20px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: none;
  display: inline-box; }

.checkout_module .benefit_module:before {
  position: relative;
  font-family: 'SumAllIconsRegular';
  content: '\e006';
  font-size: 30px;
  float: left;
  width: 30%;
  text-align: center;
  display: inline-block;
  padding: 0;
  line-height: 100%;
  display: inline; }

.checkout_module .benefit_module:before {
  content: "C";
  color: #a6a6bb;
  display: none; }

.checkout_module p {
  float: left;
  width: 70%;
  font-size: 14px;
  line-height: 1.3;
  margin: 0;
  color: #a6a6bb;
  display: none; }

.checkout_module .guarantee_module p {
  width: 100%;
  font-size: 16px;
  display: none; }

.checkout_module .guarantee_module .lock:before {
  display: block;
  position: relative;
  font-family: 'SumAllIconsRegular';
  content: '\e008';
  font-size: 30px;
  left: -5px;
  margin-bottom: 19px;
  text-align: center;
  display: inline-box; }

.thirdPartyForm .overlay {
  height: 0;
  position: relative;
  z-index: 9999;
  width: 40%;
  max-width: 300px;
  height: 530px;
  margin-right: 50px;
  float: right;
  text-align: left;
  padding: 5% 30px 0 60px; }

.thirdPartyForm .overlay .box {
  position: relative;
  width: 300px;
  margin: 0; }

.thirdPartyForm .box p {
  top: 3px;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 3px; }

.thirdPartyForm .box .timezone_select select {
  float: left;
  width: 100%;
  max-width: 300px;
  font-size: 14px; }

.thirdPartyForm .overlay .box .get_help strong {
  font-family: 'ProximaNovaSemibold'; }

.thirdPartyForm .overlay .box .get_help strong,
.thirdPartyForm .overlay .box .get_help p,
.thirdPartyForm .overlay .box .get_help a {
  font-weight: normal;
  font-size: 12px;
  color: #a4a4a4;
  border: none; }

.thirdPartyForm .box input {
  width: 218px;
  background: #fff;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  height: 34px;
  vertical-align: middle;
  padding: 0 0 0 10px;
  border: 1px solid #e5e5e5; }

.thirdPartyForm .overlay .box .last_field a {
  bottom: 13px;
  border: none;
  background: #fff; }

.thirdPartyForm .box select {
  width: 300px;
  margin-bottom: 3px;
  font-size: 14px;
  text-indent: 0.01px;
  text-overflow: '';
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.thirdPartyForm .overlay .box .firstname,
.thirdPartyForm .overlay .box h2 .provider,
.thirdPartyForm .overlay .box .email {
  font-family: 'ProximaNovaSemibold'; }

.thirdPartyForm .email_pw_field_embedded {
  width: 100%; }

.thirdPartyForm .overlay .box .loading_animation {
  margin: 40px 50px 20px 50px; }

.thirdPartyForm .overlay .box .signup_footer {
  width: 300px;
  color: #a4a4a4;
  display: block;
  clear: both;
  font-size: 12px; }

.thirdPartyForm .overlay .box .get_help {
  color: #a4a4a4;
  display: block;
  clear: both;
  font-size: 12px; }

.thirdPartyForm .overlay .box .signup_footer p,
.thirdPartyForm .overlay .box .signup_footer span {
  text-align: left;
  margin-left: 3px; }

.thirdPartyForm .overlay .box input.password {
  width: 100px; }

.thirdPartyForm .overlay .box button.verifyButton {
  margin-left: 30px; }

.thirdPartyForm .overlay .box .signup_creds {
  margin-bottom: 25px; }

.login_content h1 {
  font-size: 24px;
  line-height: 32px; }

.login_content h5 {
  font-size: 1em;
  line-height: 1em;
  margin: 0;
  margin: -17px 0 22px 0;
  background: #fff;
  width: 30px;
  margin-left: 50%;
  left: -15px;
  position: relative; }

.login_content fieldset {
  float: left; }

.third_parties {
  width: 228px;
  position: relative;
  float: left; }

.third_parties p {
  float: left;
  color: #fff;
  font-size: 14px !important; }

.home_login {
  margin-right: 15px;
  text-align: center;
  width: 100%;
  margin: auto;
  position: relative;
  padding-left: 25px; }
  .home_login h5 {
    color: #fff;
    font-size: 13px;
    padding-top: 10px; }

.forgot_pw_content .third_parties button {
  width: 200px;
  padding-left: 35px; }

.forgot_pw_content .third_parties button:before {
  margin: 0; }

.forgot_pw_content .third_parties button:after {
  content: 'Just log in'; }

.login_content .third_parties {
  margin-left: 50%;
  left: -127px; }

.third_parties .third_party_login,
.third_parties .third_party_signup {
  margin: 4px 6px 0 0; }

.third_parties .third_party_login:last-child,
.third_parties .third_party_signup:last-child {
  margin-right: 0; }

.three_buttons .third_parties button {
  width: 68px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.two_buttons .third_parties button {
  width: 106px;
  padding-left: 32px; }

.two_buttons .third_parties button:active {
  padding-left: 38px; }

.third_parties a {
  margin-top: 12px;
  color: #6c6c6c;
  border-color: #aaa; }

.login_content {
  width: 650px;
  margin: 0 auto; }

.secureLogin .third_party_login {
  text-align: center; }

.secure_signup_form {
  height: 100%;
  z-index: 120;
  margin: 0 auto;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.loginform_help {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center; }

.form_help {
  position: absolute;
  bottom: 8px;
  left: 12px; }

.form_help li, .loginform_help li {
  display: inline;
  margin: 0 10px; }

.form_help li a, .loginform_help li a {
  color: #a4a4a4;
  font-size: 1em; }

.form_help li a:hover, .loginform_help li a:hover {
  color: #6c6c6c; }

input, textarea, select {
  margin: 3px 0 7px 0;
  padding: 12px 0 10px 10px;
  vertical-align: baseline;
  vertical-align: middle;
  height: 12px;
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  overflow: visible;
  resize: none;
  color: #333;
  letter-spacing: .5px;
  line-height: normal; }

input:focus, textarea:focus {
  border: 1px solid #a4a4a4;
  outline: none; }

/*FORM ERROR & OTHER NOTICE STYLING*/
.invalid_field {
  border: 1px solid #a4a4a4; }

.form_error a {
  color: #de5353;
  border-bottom: 1px solid #ddd; }

.form_error a:hover {
  color: #de5353;
  border-bottom: 1px solid #de5353; }

.form_error_center {
  margin-top: -6px;
  color: #de5353;
  font-family: 'ProximaNovaLight', sans-serif;
  font-size: .9em;
  text-align: center; }

.form_error_center img, .form_notice_center img {
  position: relative;
  top: 5px; }

.form_notice_center {
  margin-top: -6px;
  color: #6c6c6c;
  font-family: 'ProximaNovaLight', sans-serif;
  font-size: 1em;
  text-align: center; }

#loginForm .verify_notice {
  display: none;
  padding-left: 32px;
  margin: -12px auto 0 auto;
  width: 410px;
  background: url(../images/action.png) no-repeat 0 9px;
  color: #6c6c6c;
  font-family: 'ProximaNovaLight', sans-serif;
  font-size: .9em;
  line-height: 1.6em;
  text-align: left; }

.remember_me_embedded {
  font-size: 14px;
  line-height: 24px;
  position: relative;
  top: 3px;
  width: 100%;
  margin-left: 50%;
  left: -25%; }

.remember_me_embedded input.remember_me_check {
  height: 14px;
  width: 14px;
  float: left;
  padding: 7px;
  margin: 4px 4px 0 0;
  border: 1px solid #a4a4a4;
  background: #f9f9f9;
  -webkit-appearance: none;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px; }

.remember_me_embedded input.remember_me_check:after {
  content: 'C';
  font-family: 'SumAllIconsRegular';
  line-height: 20px;
  font-size: 10px;
  color: #fff;
  text-shadow: none;
  position: relative;
  top: -10px;
  left: -5px; }

.remember_me_embedded input.remember_me_check:checked {
  background-color: #252525;
  border: 1px solid #000;
  /*    background-color: #89D864;
      border: 1px solid #85B667;*/ }

.remember_me_embedded input.remember_me_check:checked:after {
  /*color: rgba(0, 0, 0, .7);
  text-shadow: 0 1px 0 rgba(255, 255, 255, .2);*/
  color: #fff; }

/*LOGIN FORM STYLING*/
.login {
  background: #fff; }

.container.login {
  border-bottom: 1px dashed #ddd;
  background: #f9f9fd; }

.external_login {
  min-height: 600px;
  position: relative;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 40%, #f6f6f9 70%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #ffffff), color-stop(70%, #f6f6f9), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 40%, #f6f6f9 70%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 40%, #f6f6f9 70%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 40%, #f6f6f9 70%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 40%, #f6f6f9 70%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */ }

.verified_external_login {
  min-height: 400px;
  position: relative; }

.external_login .login_content {
  width: 300px;
  padding-top: 5%; }

.verified_external_login .login_content {
  padding-top: 100px; }

.login_banner {
  color: #6c6c6c;
  background: #fdfdfd;
  border-top: 1px solid rgba(0, 0, 0, 0.2); }

.login_banner .inner_header h1 {
  padding: 25px 0 20px 0;
  text-align: center; }

#internalLogin.login_content {
  position: relative;
  height: 200px;
  width: 1140px;
  margin: 0 auto;
  background: #fff;
  border-bottom: 1px solid #ddd; }

.login_content form {
  margin: 0 auto;
  position: relative;
  padding: 41px 0 21px 0;
  text-align: center; }

.email_pw_field_embedded,
.email_pw_field {
  width: 220px; }

.login_content .field {
  float: left; }

.login_content .field input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 37px;
  width: 218px;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0; }

.login_content .field input:first-child {
  margin-top: -1px; }

.login_content h1 {
  text-align: left; }

.last_field {
  position: relative;
  margin-bottom: 0;
  margin-right: 0; }

.last_field a {
  font-family: 'ProximaNovaRegular';
  position: absolute;
  bottom: 10px;
  right: 12px;
  font-size: 12px;
  color: #aaa;
  border: none; }

.login_submit {
  float: left;
  width: 100%;
  position: relative; }

.login_content .login_submit button {
  cursor: pointer;
  width: 70%;
  position: relative;
  height: 30px;
  padding: 2px 0 0 0;
  margin: 5px 0 0 15%; }

.external_login .login_content .login_submit button {
  position: relative; }

button.closer.cancel_action {
  margin-left: 0; }

.verified_banner_logo {
  position: relative;
  top: 4px; }

.shopify_signup_banner {
  background: #3cb4e7;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  color: #fdfdfd; }

.shopify_signup_banner .inner_header h1 {
  padding: 50px 0 43px 0;
  text-align: center; }

.shopify_signup_banner .inner_header img {
  position: relative;
  top: 9px; }

.initial_signup_content {
  font-size: .95em;
  margin: 100px auto 100px auto;
  position: relative;
  width: 320px; }

.initial_signup_content p {
  margin-bottom: 8px;
  text-align: center; }

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

.initial_signup_content .signup_submit button {
  position: absolute;
  padding: 0;
  right: -12px;
  top: 3px;
  height: 43px;
  width: 80px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;
  -moz-box-shadow: 0 0px 0px #dbdbdb, inset 0 0 7px 1px white;
  -webkit-box-shadow: 0 0px 0px #dbdbdb, inset 0 0 7px 1px white;
  box-shadow: 0 0px 0px #dbdbdb, inset 0 0 7px 1px white;
  color: #3cb4e7;
  text-align: center; }

.signup_content {
  font-size: .95em;
  margin: 35px auto 0 auto;
  position: relative;
  width: 320px;
  height: auto; }

.signup_error {
  text-align: center;
  font-size: 1em;
  line-height: 1.5em;
  margin: 60px 0 40px 0; }

.magento_signup_cred_form .pictos {
  color: #c0c0c0; }

.bc_steps, .magento_steps {
  margin: 10px auto 20px auto;
  width: 610px;
  line-height: 26px;
  text-align: center;
  text-shadow: 0 1px 1px #fff; }

.bc_steps p, .magento_steps p {
  font-size: .9em;
  margin-bottom: 0; }

.bc_steps img, .magento_steps img {
  padding-bottom: 65px;
  margin-bottom: 30px;
  border-bottom: 1px solid #f3f3f3; }

.jumbo_step_numbers {
  font-size: 2em;
  color: #3cb4e7;
  font-family: 'ProximaNovaSemiBold'; }

#cache_step {
  display: none; }

#cache_step_trigger {
  padding: 8px 12px;
  color: #6C6C6C; }

.support_note {
  padding-bottom: 40px;
  margin: 20px 0 50px 0;
  border-bottom: 1px solid #f3f3f3; }

span.bc_step_1, span.mg_step_1 {
  display: inline-block;
  position: relative;
  top: 0px;
  height: 26px;
  width: 27px;
  background: url(/public/external/img/signup/step_numbers.png) no-repeat left top;
  text-indent: -9999px; }

span.bc_step_2, span.mg_step_2 {
  display: inline-block;
  position: relative;
  top: 0px;
  height: 25px;
  width: 27px;
  background: url(/public/external/img/signup/step_numbers.png) no-repeat left -29px;
  text-indent: -9999px; }

span.bc_step_3, span.mg_step_3 {
  display: inline-block;
  position: relative;
  top: 0px;
  height: 27px;
  width: 27px;
  background: url(/public/external/img/signup/step_numbers.png) no-repeat left -55px;
  text-indent: -9999px; }

span.bc_step_4, span.mg_step_4 {
  display: inline-block;
  position: relative;
  top: 0px;
  height: 25px;
  width: 27px;
  background: url(/public/external/img/signup/step_numbers.png) no-repeat left -85px;
  text-indent: -9999px; }

span.bc_step_5, span.mg_step_5 {
  display: inline-block;
  position: relative;
  top: 0px;
  height: 25px;
  width: 27px;
  background: url(/public/external/img/signup/step_numbers.png) no-repeat left -113px;
  text-indent: -9999px; }

span.mg_step_6 {
  display: inline-block;
  position: relative;
  top: 0px;
  height: 25px;
  width: 27px;
  background: url(/public/external/img/signup/step_numbers.png) no-repeat left -141px;
  text-indent: -9999px; }

span.mg_step_7 {
  display: inline-block;
  position: relative;
  top: 0px;
  height: 25px;
  width: 27px;
  background: url(/public/external/img/signup/step_numbers.png) no-repeat left -168px;
  text-indent: -9999px; }

span.mg_step_8 {
  display: inline-block;
  position: relative;
  top: 0px;
  height: 25px;
  width: 27px;
  background: url(/public/external/img/signup/step_numbers.png) no-repeat left -196px;
  text-indent: -9999px; }

span.mg_step_9 {
  display: inline-block;
  position: relative;
  top: 0px;
  height: 25px;
  width: 27px;
  background: url(/public/external/img/signup/step_numbers.png) no-repeat left -224px;
  text-indent: -9999px; }

.signup_content h1 {
  margin: 20px auto;
  height: 42px;
  width: 198px;
  background: url(/public/external/img/sumall_shopify.jpg) no-repeat center center;
  text-align: center; }

.legal_approval.input_disabled p {
  display: block;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 8px 0 16px 0;
  background-color: #fdfdfd;
  border: 1px solid #efefef;
  text-align: center;
  font-size: .8em;
  color: #a4a4a4; }

.signup_form_help {
  margin-top: -20px;
  padding: 6px 0 4px 0;
  color: #a4a4a4;
  font-size: .8em;
  text-align: center; }

.signup_form_help li {
  margin-right: 30px;
  display: inline;
  color: #a4a4a4; }

.signup_form_help a {
  color: #a4a4a4; }

.signup_form_help li:last-child {
  margin-right: 0; }

.signup_content h3 {
  text-align: center; }

.create_act_field {
  margin-bottom: 8px;
  position: relative;
  width: 308px; }

.input_disabled {
  display: inline-block;
  margin: 0px 0 20px 0;
  padding: 8px 0px;
  vertical-align: baseline;
  vertical-align: middle;
  width: 330px;
  border: 1px solid #dddddd;
  background: #f9f9f9;
  overflow-x: auto;
  overflow-y: none;
  resize: none;
  color: #a4a4a4;
  text-align: center;
  text-shadow: 0 1px 1px #fff;
  letter-spacing: .5px;
  line-height: normal; }

.signup_submit {
  font-size: 1.1em;
  margin: 24px auto 0 auto;
  text-align: center;
  width: 190px; }

.signup_submit button {
  color: #3cb4e7; }

/*PLATFORM REQUEST FORM*/
#platformRequestForm {
  margin-top: 70px; }

#platformRequestForm .dropdown {
  margin-bottom: 10px; }

/*PLATFORM REQUEST SUCCESS*/
#successMsg {
  display: none;
  font-size: 1.1em;
  margin-top: 160px;
  text-align: center; }

/*PASSWORD RESET*/
.reset_pw_content {
  font-size: 1em;
  margin: 320px auto 200px auto;
  text-align: center;
  width: 390px; }

.reset_expired_pw_content {
  font-size: 1em;
  margin: 200px auto 200px auto;
  text-align: center;
  width: 400px; }

.forgot_pw_content {
  position: relative;
  margin: 100px auto 100px auto;
  width: 30%;
  max-width: 400px;
  border: 1px dashed #ddd;
  padding: 40px;
  background: #f9f9fc;
  border-radius: 6px;
  /*box-shadow: inset 0px 0px 1px rgba(0, 0, 0, .3);*/ }

.forgot_pw_content fieldset .pw_email_field input {
  width: 97%;
  padding: 5px 0px 5px 9px;
  font-size: 18px; }

.forgot_pw_content input[type=email] {
  margin-bottom: 27px;
  float: left;
  font-size: 14px;
  height: 34px; }

.forgot_pw_content .pw_email_field button[type=submit] {
  width: 200px;
  font-family: 'ProximaNovaSemibold';
  padding: 7px 10px 6px 10px;
  margin-left: 2px; }

.reset_expired_pw_content hr {
  background: #ddd;
  margin-bottom: 33px; }

.forgot_pw_content button[type=submit], .reset_expired_pw_content button {
  margin-top: 10px; }

/*resend verification email*/
.resend_email_content {
  margin: 320px auto 100px auto;
  position: relative;
  width: 580px; }

.resend_email_content p {
  text-align: center; }

#resendEmailForm {
  left: -8px;
  margin: 0 auto;
  position: relative;
  width: 420px; }

/*PASSWORD SENT*/
.pw_sent {
  display: none; }

/*PASSWORD CHANGE*/
.pw_change_field {
  position: relative;
  width: 390px; }

.pw_change_field:last-child {
  margin-top: -1px; }

.pw_change_field .form_error {
  margin-top: 9px; }

/* 8 PAGE STYLING       ============================================================================= */
/*UNSUBSCRIBE PAGE*/
.unsubscribe_content {
  width: 700px;
  margin: 300px auto 0 auto;
  text-align: center; }

.unsubscribe_content textarea {
  height: 100px; }

.unsubscribe_content button {
  font-size: 1.2em;
  text-align: center; }

/*SNOOZE ALERT PAGE*/
.snooze_alert_content {
  width: 700px;
  margin: 300px auto 0 auto;
  text-align: center; }

.snooze_alert_content textarea {
  height: 100px; }

.snooze_alert_content button {
  font-size: 1.2em;
  text-align: center; }

.snooze_alert_content .error:before {
  content: ""; }

/*VIEW EMAIL PAGE*/
.view_email_content {
  width: 700px;
  margin: 300px auto 0 auto;
  text-align: center; }

button, .button, a.button {
  padding: .5em 1.2em;
  background: #fff;
  border: 1px solid #ebebeb;
  cursor: pointer;
  font-size: 1em; }

.blue_button button {
  background: #66c8e6;
  border: 1px solid #3ab4da;
  color: #ffffff;
  text-shadow: 0 -1px 0 #1796bd; }

.blue_button button:hover {
  background: #49c1e5; }

.blue_button button:active {
  background: #1a8fce;
  border: 1px solid #3da5de;
  text-shadow: 0 -1px 0 #1796bd; }

/*NOT FOUND*/
.notfound_wrapper, .app_error_wrapper, .forbidden_wrapper {
  left: 50%;
  margin-left: -290px;
  margin-top: -100px;
  position: absolute;
  top: 50%;
  height: 200px;
  width: 580px; }

.notfound_wrapper .page_error {
  background: url(../images/page_errors.png) no-repeat left bottom;
  height: 120px;
  text-shadow: 0 1px 1px #fff; }

.app_error_wrapper .page_error {
  background: url(../images/page_errors.png) no-repeat left -112px;
  height: 120px;
  text-shadow: 0 1px 1px #fff; }

.forbidden_wrapper .page_error {
  background: url(../images/page_errors.png) no-repeat left 5px;
  height: 120px;
  text-shadow: 0 1px 1px #fff; }

.page_error p {
  color: #6c6c6c;
  font-size: 1em;
  padding: 22px 0 0 130px; }

.page_error a {
  color: #6c6c6c;
  display: inline-block;
  font-size: .7em;
  margin: 10px 12px 0 0; }

.page_error a.button {
  margin: 10px 10px 0 0; }

.clearfix {
  zoom: 1; }

::-webkit-selection {
  background: #dddddd;
  color: #fdfdfd;
  text-shadow: none; }

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

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

.ie7 img,
.iem7 img {
  -ms-interpolation-mode: bicubic; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; }

input[type="search"] {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

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

/* 15 V2 STYLE     ============================================================================= */
h1.signup_steps {
  text-align: center;
  margin-top: 160px;
  font-size: 1.625em;
  font-family: 'ProximaNovaLight', sans-serif; }

.secureSignup {
  width: 100%;
  overflow: hidden; }

.secure_external_signup_form {
  position: absolute;
  z-index: 999;
  left: 50%;
  width: 330px;
  padding: 35px 35px 10px 35px;
  margin: -300px 0 0 -200px;
  -moz-box-shadow: 0 0 0 #000;
  -webkit-box-shadow: 0 0 0 #000;
  box-shadow: 0 0 0 #000;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.secure_external_signup_form h1 {
  font-family: 'ProximaNovaSemibold', sans-serif;
  font-size: 28px;
  position: absolute;
  top: -55px;
  color: #333;
  background: #f9f9f9; }

.secure_external_signup_form input {
  font-size: 1em;
  width: 319px; }

.signup_footer_animation {
  display: none; }

.signup_footer {
  clear: both;
  width: 100%;
  margin-bottom: 9px; }

.signup_footer p,
.signup_footer span {
  font-family: 'ProximaNovaRegular';
  font-size: 12px;
  line-height: 18px;
  color: #a4a4a4;
  text-align: center;
  margin-bottom: 0;
  position: relative;
  height: 40%;
  display: inline-box; }

.signup_footer span {
  margin: 0 12px;
  display: block; }

.signup_footer strong {
  font-family: 'ProximaNovaSemibold', sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #6c6c6c; }

.signup_footer a,
.signup_footer button {
  background: none;
  border: none;
  padding: 0;
  color: #a4a4a4;
  padding-bottom: 1px;
  border-bottom: 1px solid #bbb; }

.signup_footer a:hover,
.signup_footer button:hover {
  color: #333;
  border-bottom: 1px solid #6c6c6c; }

.signup_footer .legal_approval {
  float: left; }

.signup_arrow {
  display: none;
  position: absolute;
  top: -53px;
  right: -90px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation: arrow_nudge 1.2s infinite ease-in-out;
  -moz-animation: arrow_nudge 1.2s infinite ease-in-out;
  -o-animation: arrow_nudge 1.2s infinite ease-in-out;
  animation: arrow_nudge 1.2s infinite ease-in-out; }

.signup_arrow p {
  font-family: 'SumAllIconsRegular';
  font-size: 60px;
  color: #89D864; }

@-webkit-keyframes arrow_nudge {
  0% {
    opacity: .1;
    right: -90px; }
  50% {
    opacity: 1;
    right: -80px; }
  100% {
    opacity: .1;
    right: -90px; } }
@-moz-keyframes arrow_nudge {
  0% {
    opacity: .1;
    right: -90px; }
  50% {
    opacity: 1;
    right: -80px; }
  100% {
    opacity: .1;
    right: -90px; } }
@-o-keyframes arrow_nudge {
  0% {
    opacity: .1;
    right: -90px; }
  50% {
    opacity: 1;
    right: -80px; }
  100% {
    opacity: .1;
    right: -90px; } }
@keyframes arrow_nudge {
  0% {
    opacity: .1;
    right: -90px; }
  50% {
    opacity: 1;
    right: -80px; }
  100% {
    opacity: .1;
    right: -90px; } }
/*

Secure signup form

*/
.secure_signup_form h4 {
  font-size: 48px;
  width: 100%;
  margin: 0px;
  padding: 56px 0 56px 0; }

.secure_signup_form .form_error.timezoneError,
.secure_external_signup_form .form_error.timezoneError {
  background: none;
  color: #f45353;
  width: 300px; }

.secure_signup_form .form_error.agreementError {
  margin: -40px 0 0 0; }

.secure_signup_form input {
  font-size: 14px;
  vertical-align: middle;
  padding: 0 0 0 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  /*to remove extra shadows inside inputs in Safari mobile*/
  margin: 0; }

select[name=timezone] {
  width: 332px;
  color: #888;
  font-size: 1.0em;
  height: 36px;
  vertical-align: middle;
  padding: 8px 0 8px 10px;
  border: 1px solid #e5e5e5;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.secure_signup_form .signup_creds label,
.secure_signup_form .signup_first_last_name label {
  font-size: 1em;
  color: #888888;
  font-family: 'ProximaNovaLight', sans-serif;
  padding-left: 13px; }

.secure_signup_form .signup_creds,
.secure_signup_form .signup_first_last_name {
  position: relative; }

.home_page .secure_signup_form .signup_creds,
.home_page .secure_signup_form .signup_first_last_name {
  height: 110px; }

.secure_signup_form .timezone_dropdown,
.secure_signup_form .timezone_dropdown select {
  float: left;
  padding-right: 17%;
  max-width: 225px;
  font-size: 14px;
  -moz-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.signup_field {
  float: left;
  position: relative;
  width: 100%; }

.phase_one .signup_first_last_name input,
.phase_one .signup_creds input {
  background: white;
  border: 1px solid #008eaa;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 40px;
  width: 225px;
  margin-bottom: 0;
  color: #666; }

.phase_one .signup_first_last_name input::-webkit-input-placeholder,
.phase_one .signup_creds input::-webkit-input-placeholder {
  color: #666 !important; }

.phase_one .signup_first_last_name input::-moz-placeholder,
.phase_one .signup_creds input::-moz-placeholder {
  color: #666 !important; }

.phase_one .signup_first_last_name input:-ms-input-placeholder,
.phase_one .signup_creds input:-ms-input-placeholder {
  color: #666 !important; }

#phase_two_wrapper .signup_first_last_name input,
.third_party_signup_form input {
  background: #fff;
  border: 1px solid #ddd;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 40px;
  width: 240px; }

.secure_signup_form .signup_first_last_name input,
.secure_signup_form .signup_creds input::-webkit-input-placeholder {
  color: #000; }

.secure_signup_form .signup_first_last_name input,
.secure_signup_form .signup_creds input:-moz-placeholder {
  /* Firefox 18- */
  color: #000; }

.secure_signup_form .signup_first_last_name input,
.secure_signup_form .signup_creds input::-moz-placeholder {
  /* Firefox 19+ */
  color: #000; }

.secure_signup_form .signup_first_last_name input,
.secure_signup_form .signup_creds input:-ms-input-placeholder {
  color: #000; }

.secure_signup_form .signup_first_last_name input:last-of-type,
.secure_signup_form .signup_creds input:last-of-type {
  margin-top: -1px; }

.secure_signup_form .signup_first_last_name input:last-child {
  margin-right: 0; }

.secure_signup_form .tip_label {
  font-size: 12px;
  color: #a4a4a4;
  line-height: 14px;
  margin: 5px auto 25px auto;
  text-align: left;
  float: left; }

.secure_signup_form .legal_checkbox a {
  color: #6c6c6c;
  padding-bottom: 1px;
  border-bottom: solid 1px #dddddd; }

.secure_signup_form .legal_checkbox a:hover {
  color: #4f4f4f;
  border-bottom: solid 1px #888888; }

.secure_signup_form .legal_checkbox label {
  border: none;
  color: #6c6c6c;
  padding: 13px 0 13px 12px;
  font-size: .815em;
  margin: 10px 0 0 0;
  display: block; }

.secure_signup_form .legal_checkbox label:hover {
  background: #f9f9f9;
  cursor: pointer; }

.secure_signup_form .legal_checkbox input[type=checkbox] {
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0 5px 0 -8px;
  vertical-align: middle; }

.secure_signup_form .primary_button {
  position: relative;
  width: 170px;
  float: none;
  padding: 10px 0 9px 0;
  font-size: 16px;
  cursor: pointer; }

.secure_signup_form .signup_step_2.primary_button {
  margin-top: 21px; }

.secure_external_signup_form button {
  margin: 20px 0 0 0;
  width: 200px;
  height: 45px;
  font-family: 'ProximaNovaSemibold', sans-serif;
  color: #314922;
  background-color: #89D864;
  border: 1px solid #74A558;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }

.secure_external_signup_form button:hover {
  background-color: #97eb71; }

.secure_external_signup_form button:active {
  background-color: #9FDD7F; }

.secure_signup_form button .sumall_icon, .secure_external_signup_form .sumall_icon {
  position: absolute;
  right: 8px;
  top: 10px;
  display: block;
  width: 25px;
  height: 23px;
  font-size: 25px;
  line-height: 1;
  color: #fff;
  font-family: 'SumAllIconsRegular';
  -webkit-animation: loading 1s linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation: loading 1s linear;
  -moz-animation-iteration-count: infinite;
  -o-animation: loading 1s linear;
  -o-animation-iteration-count: infinite;
  -ms-animation: loading 1s linear;
  -ms-animation-iteration-count: infinite;
  animation: loading 1s linear;
  animation-iteration-count: infinite; }

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes loading {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg); } }
@-o-keyframes loading {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(360deg); } }
.signup_support {
  float: left;
  font-family: 'ProximaNovaLight', sans-serif;
  text-align: center;
  text-shadow: none;
  color: #a4a4a4;
  z-index: 110;
  margin-left: 21px; }

.signup_support p, .signup_support button, .signup_support a {
  font-size: 12px; }

.signup_support button {
  position: relative;
  font-family: 'ProximaNovaRegular', sans-serif;
  padding: .5em .5em;
  border: none;
  background: #f9f9f9;
  color: #a4a4a4; }

.signup_support button:hover, .signup_support a:hover,
.secureSignup .telephone_number, .shopify_external_signup .telephone_number:hover {
  background: #f9f9f9;
  color: #333; }

.secureSignup .telephone_number, .shopify_external_signup .telephone_number {
  display: none;
  z-index: 500;
  position: absolute;
  width: 1000px;
  margin: 0;
  padding: 0;
  font-size: 90px;
  text-align: center;
  top: 40%;
  left: 50%;
  margin-left: -500px; }

.secureSignup .telephone_number a, .shopify_external_signup .telephone_number a {
  display: block;
  font-family: 'ProximaNovaLight', sans-serif;
  line-height: 140px;
  height: 140px;
  background: #4f4f4f;
  color: #fff; }

.secureSignup .telephone_number a:hover, .shopify_external_signup .telephone_number a:hover {
  background-color: #333; }

.secureSignup .telephone_number p.sumall_icon, .shopify_external_signup .telephone_number p.sumall_icon {
  position: absolute;
  top: 0px;
  right: 15px;
  color: #000;
  font-size: 60px;
  line-height: 140px;
  cursor: pointer; }

.secureSignup .telephone_number p.sumall_icon:hover, .shopify_external_signup .telephone_number p.sumall_icon:hover {
  color: #a4a4a4; }

.success_verification_msg .upper {
  /*opacity: 0;*/
  width: 100%;
  background-color: #252525;
  height: 69px;
  margin-top: -1px;
  overflow: hidden;
  z-index: 9; }

.success_verification_msg .upper .message {
  width: 100%;
  color: #fff;
  margin: 16px 0 0 0;
  display: block;
  font-size: 30px;
  line-height: 38px; }

.success_verification_msg .upper .stacked {
  width: 70%;
  float: left; }

.success_verification_msg .upper .sa_logo {
  float: left;
  width: 8.333%;
  text-align: center; }

.success_verification_msg .upper .sa_logo:before {
  font-family: 'SumAllIconsRegular';
  content: '$';
  color: rgba(255, 255, 255, 0.12);
  color: #3a3a3a;
  text-shadow: 0 -1px 0 #111;
  font-size: 27px;
  position: relative;
  top: 17px;
  width: 100%; }

.success_verification_msg {
  overflow: hidden;
  font-family: 'ProximaNovaLight', sans-serif;
  text-align: left;
  display: none;
  position: absolute;
  z-index: 51;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  /*padding: 35px;*/
  /*margin: -255px 0 0 -200px;*/ }

.primary_button {
  font-family: 'ProximaNovaSemibold', sans-serif;
  color: #314922;
  background-color: #89D864;
  border: 1px solid #74A558;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }

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

.signup_button.primary_button {
  width: 225px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  clear: both;
  margin-top: 15px; }

.primary_button:hover {
  background-color: #97eb71; }

.secureSignup#accountSignup,
#thirdpartyform {
  width: 234px;
  margin: auto;
  padding: 15px;
  overflow: visible; }

#accountLogin .entryPhaseOne.home {
  border: none;
  background: none; }

.dialog_wrapper.login_dialog {
  z-index: 1000000; }

.dialog_wrapper h3 {
  text-align: left; }

.dialog_wrapper.login_dialog .close {
  top: 185px;
  left: 165px; }

.secureLogin.container.login {
  margin-right: 0;
  background: #fff;
  border: none;
  padding: 0; }

.secureLogin .row {
  min-width: 258px; }

.secureLogin .login_content {
  width: 258px; }

#loginForm {
  width: 218px;
  height: auto;
  float: left;
  margin-left: 50%;
  left: -127px;
  padding: 0;
  border-top: 1px dashed #ddd;
  margin-top: 15px;
  padding-top: 9px; }

.remember_me_embedded label {
  /*margin-right: 5px;*/
  position: relative;
  float: left;
  padding: 0 0 12px 0;
  font-size: 12px; }

textarea {
  overflow: auto;
  vertical-align: top; }

input:valid,
textarea:valid {
  /*client side validation style*/ }

input:invalid,
textarea:invalid {
  /*client side validation style*/ }

.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
  background-color: #f0dddd; }

fieldset ul {
  text-align: center; }

fieldset ul li {
  display: inline; }

.main_nav {
  display: none; }

p.form_error {
  padding-top: 0;
  padding-bottom: 0; }

.form_error {
  display: none;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 9px 0;
  padding-left: 30px;
  float: left;
  color: #f45353;
  width: 100%; }

#noPasswordWrapper.form_error {
  /*display: none;*/
  padding-left: 0px;
  font-size: 18px;
  width: auto;
  text-indent: -7px; }

#noPasswordWrapper.form_error span#noPasswordError {
  font-family: 'ProximaNovaLight';
  /*color: #89D864;  */
  color: #6c6c6c; }

#noPasswordWrapper.form_error:before {
  content: ''; }

.signup_creds .form_error:before {
  padding-left: 26px; }

.form_error span {
  font-family: 'ProximaNovaSemibold'; }

.form_error.loginError {
  padding-left: 0; }

.secure_external_signup_form .emailError,
.secure_external_signup_form .form_error,
.secure_external_signup_form .form_error.emailError
.secure_signup_form .error_msgs .form_error,
.secure_signup_form .error_msgs .form_error.emailError,
.secure_signup_form .form_error.serverError {
  color: #f45353;
  background: none;
  line-height: 18px;
  width: auto; }

.entryPhaseOne.home {
  text-align: center;
  border: 1px solid #238daa;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 15px;
  width: 243px;
  padding-left: 27px; }

.phase_wrapper {
  background-color: #fff;
  position: absolute;
  top: 30px;
  margin: 85px 0 80px 50%;
  left: -156px;
  width: 247px;
  min-height: 247px;
  padding: 15px 30px 30px 30px;
  box-shadow: 6px 28px 23px 0 rgba(0, 0, 0, 0.6); }

.phase_wrapper h3 {
  text-align: left; }

.phase_wrapper .close {
  overflow: visible;
  margin-left: 95%;
  color: #333;
  cursor: pointer;
  background: #fff;
  width: 22px;
  height: 24px;
  padding: 1px 2px 1px 2px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  z-index: 10; }

.phase_wrapper .close:before {
  content: '*';
  font-family: 'SumAllIconsRegular';
  color: rgba(0, 0, 0, 0.3);
  font-size: 21px;
  line-height: 21px;
  position: relative;
  top: 2px;
  left: 0; }

.home_page .third_parties button[provider=twitter],
.home_page .third_parties button[provider=facebook],
.home_page .third_parties button[provider=googleplus] {
  border: 1px solid #238da7;
  background: rgba(0, 0, 0, 0.1);
  height: 30px;
  margin: 0;
  border-radius: 4px; }

.home_page .third_parties button[provider=twitter] {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.home_page .third_parties button[provider=googleplus] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.home_page .third_parties button[provider=facebook] {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.home_page .third_parties button[provider=twitter]:before,
.home_page .third_parties button[provider=facebook]:before,
.home_page .third_parties button[provider=googleplus]:before {
  color: #1d829b;
  padding-top: 0; }

.home_page .third_parties .third_party_signup {
  margin: 4px -5px 0 0; }

.signup_text.policy {
  margin-bottom: 15px; }

.title_wrapper {
  margin-top: 15px; }

/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
/*********************
MASSIVE VIEWING SIZE
*********************/
@media only screen and (min-width: 2000px) {
  .home_page .hero_home img.hero_massive {
    display: block;
    bottom: 0; }

  .home_page .hero_home img.hero_full {
    display: none; }

  .home_page .spacer {
    display: none; }

  .home_page .hero_wrapper .six {
    width: 65%; } }
/*********************
LARGE VIEWING SIZE
*********************/
@media only screen and (min-width: 1800px) {
  .about .team .twelve .pic {
    height: 15em; }

  .reports_features {
    display: block; }

  .anchor h3.cta {
    padding-right: 72px; }

  .home_page .hero_home .image_wrapper {
    background-size: 55%; }

  .home_page .hero_wrapper .six {
    width: 65%; } }
@media only screen and (max-width: 1500px) {
  .pricing .testimonials .tier {
    width: 100%; }

  .pricing .testimonials .tier .six {
    width: 45%; }

  .home_page .reporting p {
    width: 100%; }

  .home_page .plus .four p {
    width: 100%; }

  .insights p.narrow {
    padding-left: 25%;
    padding-right: 25%; }

  .pricing .insights .four, .pricing .reports .four {
    padding-right: 50px;
    padding-left: 0; }

  .pricing .insights .eight p, .pricing .reports .eight p {
    padding-right: 0; }

  .pricing img.testimonial {
    position: relative;
    margin: 20px auto;
    height: auto;
    width: auto; }

  .home_page .hero_wrapper .six {
    width: 50%; }

  .pricing .insights .price span.dollar,
  .pricing .reports .price span.dollar {
    left: 4px; }

  .insights .pricing_row_three .six:nth-child(2),
  .reports .pricing_row_three .six:nth-child(2),
  .insights .pricing_row_two .six:nth-child(2),
  .reports .pricing_row_two .six:nth-child(2) {
    padding-left: 40px; }

  .home_page .reporting_module p,
  .home_page .insights p {
    width: 100%; }

  .home_page .insights {
    background-position: center -70px; } }
/*********************
LARGE VIEWING SIZE
*********************/
@media only screen and (max-width: 1200px) {
  /******************************************************************
  Site Name: sumall.com
  Author: sumall
  
  Stylesheet: Super Large Monitor Stylesheet
  
  ******************************************************************/
  body {
    font-size: 0.8em;
    line-height: 1.5em; }

  .hero_tag .tag_wrapper {
    background: none; }

  .twelve.hero_tag {
    min-height: 0 !important; }

  .anchor .footer_cta span {
    height: 128px;
    margin-top: 70px; }

  .about .team .ten {
    padding: 0 12%; }

  .about .team .twelve .pic {
    height: 10.8em; }

  .landing .chapter h1,
  .landing .chapter h2,
  .landing .chapter h3,
  .landing .chapter p {
    width: 60%;
    margin-left: 20%; }

  .landing_page.content .chapter h1, .landing_page.content .chapter h2, .landing_page.content .chapter h3, .landing_page.content .chapter p {
    width: 100%;
    margin-left: 0; }

  .tier_wrapper.chapter.engage {
    background: transparent !important; }

  .tier_wrapper.chapter.engage .six:first-child {
    background: transparent url(https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2014/08/reports-engagement-small.png) -53px 0 no-repeat;
    background-size: cover;
    min-height: 520px; }

  .careers .two.apply {
    padding-top: 16%; }

  .home_page .app_views p,
  .home_page .app_features p {
    padding: 15px; }

  .reports_features_mobile {
    display: block; }

  .reports_features {
    display: none; }

  .reports .delivered .twelve:nth-child(2) p {
    padding: 2% 0; }

  .reports .engaged .twelve:first-child p {
    padding: 2% 0; }

  .reports .validation .twelve:first-child p {
    padding: 2% 0 10% 0; }

  .reports .validation img {
    margin: 0 0 -37px 0; }

  .reports .report-points p {
    border-left: none; }

  .reports .hero {
    min-height: 1vh; }

  .reports .delivered h2 {
    padding-top: 5%; }

  .reports .delivered {
    padding-bottom: 100px; }

  .reports .engaged {
    margin-top: 20px; }

  .partners_marketplace .tier .three {
    width: 33.333%; }

  .home_page .hero_home img.hero_1200 {
    display: none; }

  .home_page .hero_home img.hero_1700 {
    display: none; }

  .home_page .hero_home .spacer {
    margin-top: -140px; }

  .card_cvv {
    height: 120px; }

  .total_box {
    margin-top: -25px; }

  .pricing .testimonials .tier .six {
    width: 35%; }

  .pricing .hero .six.left-small {
    display: block; }

  .pricing .six.left {
    display: none; }

  .pricing .hero .six.right,
  .pricing .hero .six.left {
    margin-top: 82px; }

  .pricing .hero .tier,
  .pricing .hero_lower .tier {
    width: 715px; }

  .pricing .delivered .tier.features {
    width: 100%; }

  .hero .six.right {
    margin-top: 128px; }

  .pricing .delivered .twelve img {
    width: 100%; }

  .home_page .hero_home h1 {
    line-height: 50px; }

  .home_page p {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 22px; }

  .home_page .hero_home p {
    margin-bottom: 5px;
    padding-bottom: 0; }

  .reports .hero p {
    width: 100%; }

  .reports .get_started .column1 {
    margin-top: 0; }

  .reports .get_started .column1 {
    margin-top: 0; }

  .reports img.hero-one {
    width: 924px; }

  .reports .get_started p.grey {
    padding-top: 17px; }

  .partners_marketplace .perk_box p {
    min-height: 177px; }

  .home_page .plus .four p,
  .pricing .plus .four p {
    width: 100%; }

  .home_page .features hr, .home_page .features p,
  .pricing .features hr, .pricing .features p {
    width: auto; }

  .pricing .insights .four, .pricing .reports .four {
    padding-right: 0; }

  .partner_portal .wrapper {
    width: 100%; }

  .pricing .hero_lower .four, .partner_portal .hero_lower .four {
    width: 33.33%; }

  .pricing .hero .four, .partner_portal .hero .four {
    width: 33.33%; }

  .partner_portal .cta_black {
    width: 100%; }

  .partner_portal .hero_lower h4 {
    min-height: 150px; }

  .partner_portal .description,
  .partner_portal .sub_description {
    width: 100%; }

  .insights .pricing_row_one,
  .insights .pricing_row_two,
  .insights .pricing_row_three,
  .reports .pricing_row_one,
  .reports .pricing_row_two,
  .reports .pricing_row_three {
    display: none; }

  .insights .pricing_mobile,
  .reports .pricing_mobile {
    display: block; }

  .insights .pricing_mobile,
  .reports .pricing_mobile {
    height: auto;
    text-align: left; }

  .insights .pricing_mobile .tier,
  .reports .pricing_mobile .tier {
    width: 362px;
    padding-top: 20px; }

  .insights .pricing_mobile span.dollar,
  .reports .pricing_mobile span.dollar {
    margin-top: -11px; }

  .insights .pricing_mobile h4,
  .reports .pricing_mobile h4 {
    font-size: 20px;
    padding-left: 5px; }

  .insights .pricing_mobile .twelve,
  .reports .pricing_mobile .twelve {
    padding-bottom: 30px; }

  .insights .pricing_mobile .twelve.price,
  .reports .pricing_mobile .twelve.price {
    padding: 32px 0 17px 10px; }

  .pricing_mobile .price span.dollar {
    top: 30px;
    left: 4px;
    right: 0; }

  .home_page .insights h2 {
    margin-bottom: 60%; }

  .home_page .insights {
    background-position: center -129px; } }
/*********************
Medium Devices, Desktops
*********************/
@media only screen and (max-width: 992px) {
  /******************************************************************
  Site Name: sumall.com
  Author: sumall
  
  Stylesheet: 992px and down Stylesheet
  
  ******************************************************************/
  .rain {
    display: none; }

  .hero_customer {
    display: none; }

  .thirdPartyForm .overlay, .hero_tag .tag_wrapper {
    border-left: none; }

  .title_wrapper p {
    padding: 10px 0 0 0; }

  .twelve.hero_tag {
    min-height: 0 !important; }

  .anchor button.b4 {
    font-size: 18px;
    width: auto;
    padding: 12px 15px 18px 15px; }

  .anchor .footer_cta span {
    margin-top: 73px;
    height: 115px; }

  .social p {
    margin-bottom: 10px !important;
    margin-top: 10px !important; }

  .home .story_time .icons {
    padding: 20% 0 40% 0%; }

  .tier_wrapper.chapter.engage {
    background: transparent !important; }

  .tier_wrapper.chapter.engage .six:first-child {
    background: transparent url(https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2014/08/reports-engagement-small.png) -53px 0 no-repeat;
    background-size: cover;
    min-height: 520px; }

  .careers .two.apply {
    padding-top: 8%; }

  .home_page .hero_home {
    background-size: contain; }

  .home_page .chapter_three .three {
    width: 50%; }

  .home_page .app_views .twelve,
  .home_page .app_features .twelve {
    padding: 0; }

  .reports_hero .tier {
    width: 100%; }

  .reports_impact .tier {
    width: 100%; }

  .reports_consultation .tier {
    width: 100%; }

  .reports .reports-slideshow {
    background-image: none;
    width: auto;
    height: auto; }

  .cycle-slideshow img {
    width: 100%; }

  .reports .validation img {
    width: 100%; }

  .partners_marketplace .tier .three {
    width: 50%; }

  .home_page .hero_home img.hero_full {
    display: none; }

  .home_page .hero_home img.hero_1200 {
    display: block;
    bottom: 0; }

  .home_page .hero_home .spacer {
    margin-top: -140px; }

  .pricing .questions .tier {
    width: 100%; }

  .pricing .plus .tier {
    width: 100%; }

  .pricing .testimonials .tier .six {
    width: 25%; }

  .pricing .testimonials .tier {
    width: 100%; }

  .pricing .plus .tier {
    width: 100%; }

  .reports .get_started .column1 {
    padding-left: 5%; }

  .reports .hero-screenshots {
    display: none; }

  .reports img.hero-mobile {
    display: block;
    margin: auto auto -50px auto;
    padding-top: 20px;
    width: 70%; }

  .perk_box {
    padding: 15px; }

  .home_page .connected .twelve p {
    width: 100%; }

  .insights p.narrow {
    padding-left: 5%;
    padding-right: 5%; }

  .pricing .insights .four, .pricing .reports .four {
    border-right: none;
    width: 100%;
    text-align: center; }

  .pricing .insights .eight p, .pricing .reports .eight p {
    padding: 0; }

  .pricing .insights .price, .pricing .reports .price {
    text-align: center; }

  .pricing .reports .caption span {
    float: left;
    margin: 18px 11px 52px 0px; }

  .pricing .insights .price span.dollar, .pricing .reports .price span.dollar {
    left: 32px;
    right: 132px; }

  .pricing .insights .eight, .pricing .reports .eight {
    width: 100%; }

  .pricing .reports .availability_wrapper {
    width: 250px;
    height: 133px;
    margin: auto; }

  .pricing .insights .availability_wrapper {
    width: 110px;
    height: 152px;
    margin: auto; }
    .pricing .insights .availability_wrapper span {
      float: none; }

  .pricing .insights .tier:nth-child(2), .pricing .reports .tier:nth-child(2) {
    padding-bottom: 75px; }

  .home_page .hero_wrapper .six {
    width: 100% !important; }

  .home_page .hero_home .tier .four {
    width: 100%; }

  .home_page .hero_home h1.version2 {
    width: 100%;
    text-align: center;
    padding: 0; }

  .home_page h1.version2,
  .home_page h1.version1 {
    width: 100%;
    text-align: center;
    padding: 0;
    margin-top: 0; }

  .home_page .hero_home .version2_wrapper {
    width: 100%;
    margin-left: 0; }

  .home_page .hero_home p.version2,
  .home_page .hero_home p.version1,
  .home_page .hero_home h1.version3,
  .home_page .hero_home p.version3 {
    padding: 0;
    text-align: center;
    padding: 15px 0 30px 0px;
    width: auto; }

  .home_page .hero_home .image_wrapper {
    background: none; }

  .home_page .head {
    padding: 22px 5% 0 5%; }

  .home_page .hero_home p.version1 {
    margin-top: -1272px; }

  .home_page .hero_home h1.version1 {
    margin-top: 0; }

  .home_page .version3_wrapper {
    margin-bottom: 0; }

  .partner_portal .tier .four .wrapper {
    width: auto;
    padding-left: 5%;
    padding-right: 5%; } }
/*********************
Tablet and small laptops
*********************/
@media only screen and (max-width: 768px) {
  /******************************************************************
  Site Name: sumall.com
  Author: sumall
  
  Stylesheet: Tablet & Small Desktop Stylesheet
  
  ******************************************************************/
  /* Home */
  .home .story_time .icons {
    padding: 50% 0; }

  .signup_text p {
    margin: 0 0 20px 0;
    width: 207px; }

  .thirdPartyForm .overlay, .hero_tag .tag_wrapper {
    border-right: none; }

  .title_wrapper p {
    padding: 10px 0 0 0;
    margin: 0; }

  .home .story_time button.b4 {
    font-size: 14px; }

  .chapter_five img.client_large {
    display: none; }

  .chapter_six img.client_small {
    display: block !important; }

  .home .story_daily h2 {
    margin-top: 54px;
    padding-top: 0; }

  .home .story_time .icons {
    padding: 20% 0 40% 0%; }

  span.connected_to {
    font-size: 30px;
    line-height: 35px; }

  .story_daily img {
    width: 70%; }

  .home .hero_tag .tag_wrapper h1 {
    text-align: center; }

  #carousel_container {
    display: none; }

  #mobile_platform {
    display: block; }

  /* End Home */
  /* About */
  .about .team .two {
    width: 33.33%; }

  .tier .six p.hhr {
    padding-bottom: 57px; }

  .about .team .twelve .pic {
    height: 14em; }

  .budget {
    background-position-y: 55px !important;
    background-position-x: 0px !important; }

  .careers .two.apply {
    padding: 0; }

  .tier .four.news_article {
    width: 50% !important; }

  .tier .four.news_article {
    width: 50% !important; }

  .news_article p {
    font-size: 12px;
    line-height: 18px; }

  .fitbit_chapter_one .tier .twelve,
  .fitbit_chapter_two .tier .twelve,
  .fitbit_chapter_three .tier .twelve,
  .fitbit_chapter_four .tier .twelve,
  .fitbit_chapter_five .tier .twelve {
    padding: 0; }

  .home_page .chapter_three .three {
    width: 100%; }

  .home_page .nav_platform span {
    font-size: 35px; }

  .reports .delivered .tier:nth-child(2) {
    width: 100%; }

  .reports .get_started .tier {
    width: 100%; }

  .reports .get_started .three {
    width: 25%; }

  .reports .delivered {
    padding-bottom: 5%; }

  .reports .delivered h2 {
    padding-top: 27px; }

  .reports .get_started h3 {
    font-size: 25px; }

  .reports .get_started span {
    font-size: 18px; }

  .reports .report-points {
    background-image: none; }

  .reports img.hero-mobile {
    width: 100%; }

  .home_page .hero_home img.hero_1200 {
    display: block;
    bottom: -15px; }

  .home_page .hero_home .spacer {
    margin-top: -40px; }

  .home_page .hero_home p {
    margin-bottom: 5px; }

  .pricing .testimonials .box1 {
    background: transparent url(https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2015/01/speech-bubble-mobile.png) center bottom no-repeat;
    height: 346px;
    width: 100% !important;
    text-align: left;
    background-size: 80%; }

  .pricing .testimonials .box4 {
    background: transparent url(https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2015/01/speech-bubble-mobile-2.png) center bottom no-repeat;
    height: 346px;
    width: 100% !important;
    text-align: left;
    background-size: 80%;
    padding: 0; }

  .pricing .testimonials {
    background-color: #f6f2f3; }

  .pricing .testimonials .box1 p,
  .pricing .testimonials .box4 p {
    display: none; }

  .pricing .testimonials .box3,
  .pricing .testimonials .box2 {
    display: none; }

  .pricing .testimonials .box_mobile1 {
    display: block;
    float: right; }

  .pricing .testimonials .box_mobile2 {
    display: block;
    float: left; }

  .pricing .testimonials span.left,
  .pricing .testimonials span.right {
    display: none; }

  .pricing .testimonials .box_mobile2 img {
    padding-right: 15px; }

  .pricing .testimonials .box_mobile1 img {
    padding-left: 25px; }

  .pricing .testimonials .tier .six {
    width: 90%; }

  .pricing .testimonials .tier .six p.mobile {
    text-align: left; }

  .pricing .testimonials .box1,
  .pricing .testimonials .box4 {
    height: 400px; }

  .reports .get_started .column1 {
    padding-left: 0;
    float: none;
    text-align: center;
    padding-right: 0; }

  .reports .get_started .column2 div {
    padding-bottom: 20px; }

  .reports .get_started .tier {
    padding-bottom: 5%; }

  .reports .get_started p.grey {
    width: 100%;
    margin-right: 0;
    padding-left: 0; }

  .reports .get_started .twelve div {
    padding-bottom: 0;
    font-size: 50px; }

  .reports .get_started span {
    font-size: 14px; }

  .reports .get_started .column2 {
    margin-left: 9%; } }
@media only screen and (max-width: 768px) and (max-width: 600px) {
  .reports .get_started .column2 {
    margin-left: 0; } }
@media only screen and (max-width: 768px) {
  .partners_marketplace .six {
    width: 100%; }

  .partners_marketplace .perk_box p {
    min-height: 95px; }

  .home_page .reporting p {
    width: 100%; }

  .home_page .hero_home h1 {
    font-size: 31px;
    line-height: 42px;
    width: 100%; }

  .insights .hero {
    background: #f2f2f2 url(https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2015/03/insights-hero-mobile.png) center bottom no-repeat;
    background-size: contain;
    height: 830px; }

  .insights h1 {
    font-size: 35px;
    padding-top: 20px; }

  .insights .six img,
  .insights .content .six img {
    margin-top: 40px;
    width: 93%; }

  .insights .bullets .six {
    min-height: 964px; }

  .pricing .insights .eight p, .pricing .reports .eight p {
    font-size: 15px;
    line-height: 32px; }

  .pricing .analytics p {
    width: auto; }

  .pricing .analytics {
    background: #cde1ef url(https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2015/03/pricing-computer-analytics.png) center bottom no-repeat;
    background-size: contain;
    height: 765px; }

  .pricing .insights img:first-child,
  .pricing .reports img:first-child {
    display: none; }

  .pricing .insights .tier, .pricing .reports .tier {
    padding-top: 15px;
    padding-bottom: 40px; }

  .pricing .insights .availability_wrapper {
    height: 110px; }

  .pricing .hero_lower .four {
    padding: 0; }

  .pricing .hero_lower .cta_white {
    width: auto; }

  .pricing .plus, .pricing .features {
    padding-top: 50px;
    padding-bottom: 41px; }

  .pricing .questions {
    padding-top: 40px;
    padding-bottom: 40px; }

  .pricing .tier.mobile {
    width: 100%; }

  .home_page .four p {
    margin-top: 0; }

  .home_page .reporting .twelve.top {
    padding-top: 33px; }

  .home_page .version3_wrapper {
    padding-left: 0; }

  .home_page p.caption,
  p span.caption {
    padding: 10px;
    margin: 10px; }

  .home_page .hero_home img.hero_mobile {
    padding-bottom: 15px; }

  .tinder .tier.text,
  .tinder .hearts .tier {
    width: 100%; }

  .tinder img.screenshot {
    width: 100%; }

  .partner_portal p.illustrations {
    float: left;
    padding-right: 5px; }

  .pricing .reports .availability_wrapper {
    height: 115px; }

  .pricing .insights .cta_transparent,
  .pricing .reports .cta_transparent {
    margin-bottom: 27px; }

  .home_page .insights h2 {
    margin-bottom: 30px; }

  .home_page .insights {
    background: none;
    background-color: #dde6e8; }

  .home_page .insights img.hidden {
    display: block; }

  .home_page .insights .tier {
    padding-bottom: 0; } }
/*********************
iPhone landscape
*********************/
@media screen and (max-width: 568px) {
  /******************************************************************
  Site Name: sumall.com
  Author: sumall
  
  Stylesheet: 468px and down Stylesheet
  
  ******************************************************************/
  .prime_nav ul {
    top: 25px;
    width: auto; }

  .home .story_time .icons {
    padding: 20%; }

  .prime_nav ul {
    top: 10px;
    left: 234px; }

  .home_page .prime_nav ul {
    top: 41px;
    left: auto; }

  .home .story_daily img.large {
    display: none; }

  .home .story_daily img.small {
    display: block; }

  .home .story_user .tier {
    padding-top: 0px; }

  .home .story_time {
    text-align: center; }

  .home .story_time {
    font-size: 15px; }

  .about .team .twelve .pic {
    height: 10em; }

  /* landing */
  .landing_page .head {
    height: 41px;
    padding: 14px 0 0 0; }

  .landing_page .head a.sa_logo {
    width: 96px;
    margin-left: 50%;
    left: -48px;
    float: left;
    position: relative; }

  .landing_page .head a.login {
    display: none; }

  .landing_page .hero {
    min-height: 100%; }

  .landing_page .hero .message {
    padding-top: 5%; }

  .landing_page .hero .message h1 {
    font-size: 48px;
    line-height: 51px;
    margin-top: 21px;
    margin-bottom: 12px;
    padding-left: 1%;
    width: 90%;
    margin-left: 5%; }

  .landing_page .hero .message p,
  .powerups p {
    width: 80%;
    margin-left: 10%;
    margin-bottom: 42px;
    white-space: normal;
    padding-left: 1%; }

  .cta_wrapper button.main_signup {
    margin-left: 0;
    left: 0;
    width: 100%; }

  .landing_page .more {
    display: none; }

  .chapter.discover {
    background-size: auto;
    background-attachment: scroll; }

  .chapter.discover {
    background: none !important; }

  .popup-content input {
    width: 269px;
    height: 30px; }

  .popup .popup-body {
    width: 277px; }

  .popup {
    left: 54%;
    top: 15%; }

  .about h1 {
    padding: 125px 5%;
    font-size: 43px;
    line-height: 50px; }

  .about .hero {
    height: 427px;
    background: transparent url(../images/about-hero-mobile2.jpg) center -206px no-repeat; }

  .about .hero_two img, .about .hero_three img {
    display: none; }

  .about .hero_two {
    background: transparent url(../images/about-hero-two-small.jpg) center center no-repeat;
    height: 400px; }

  .about .hero_three {
    background: transparent url(../images/about-hero-three-small.jpg) center center no-repeat;
    height: 400px; }

  .about .location {
    display: none; }

  .about .press_cta {
    display: none; }

  .full_nav {
    display: none; }

  .mobile_nav {
    display: block; }

  .mobile_nav ul li.menu-item-344 {
    margin-top: 7px; }

  .tier .four.news_article {
    width: 100% !important; }

  .tier .four.news_article {
    width: 100% !important; }

  .news_article {
    height: 460px; }

  .landing_page h2,
  .landing_page h2 strong {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 27px;
    margin-top: 32px; }

  .landing_page p,
  .landing_page p strong {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 24px; }

  .landing_page .chapter p {
    width: 90%;
    margin-left: 5%; }

  .powerups .powerup p {
    margin-left: 9%; }

  .landing_page .hero p.pattern {
    height: 428px; }

  .app_views img {
    display: none; }

  .reports_hero {
    min-height: 60vh; }

  .master {
    min-height: 60vh; }

  .reports h1,
  .insights h1 {
    font-size: 30px;
    line-height: 40px;
    padding: 15px 15px 0 15px; }

  .reports_hero p, strong {
    font-size: 13px;
    line-height: 17px;
    padding: 0 2%; }

  button.cta_green, button.cta_blue, button.cta_transparent, button.cta_default {
    width: 80%;
    font-size: 20px; }

  .pricing .cta_green span {
    font-size: 15px; }

  .home_page .news_flash {
    display: none; }

  .home_page .nav_platform .twelve {
    padding: 0 3%; }

  .home_page .nav_platform span {
    font-size: 27px; }

  .home_page .nav_platform:nth-child(2) {
    font-size: .9em; }

  nav.platforms {
    display: inline-block; }

  .home_page .app_views {
    min-height: 345px; }

  nav.platforms li {
    float: left !important; }

  .home_page nav.platforms span:nth-child(3) {
    font-size: 10px; }

  .home_page nav.platforms a {
    padding: 38px 0px 16px 0px; }

  .reports .engaged h2 {
    padding-top: 10%; }

  .reports .reports-slideshow {
    height: 374px;
    margin-bottom: 0; }

  .reports .report-points .three p {
    padding-bottom: 50px !important; }

  .reports .get_started .more img {
    padding-top: 23px; }

  .partners_marketplace .tier .three {
    width: 100%; }

  .home_page .hero_home img {
    bottom: 0; }

  .home_page .hero_home {
    height: 760px; }

  .home_page .hero_home img.hero_small {
    display: none; }

  .home_page .hero_home img.hero_mobile {
    padding-bottom: 15px;
    padding-top: 15px; }

  .home_page .hero_home img.app_download {
    display: block;
    width: 170px;
    position: relative;
    margin: auto; }

  .home_page .hero_home h1.mobile {
    font-size: 18px;
    line-height: 25px;
    padding-top: 20px; }

  .pricing h1 {
    font-size: 25px;
    line-height: 35px; }

  .home_page .hero_home .prime_nav ul li:nth-child(2),
  .home_page .hero_home .prime_nav ul li:nth-child(3) {
    display: none; }

  .home_page span.caption {
    display: block; }

  .head {
    padding-top: 10px;
    height: 55px; }

  .home_page p.caption, p span.caption {
    padding-top: 0; }

  .prime_nav ul li:first-child {
    margin-top: 0; }

  .pricing h2,
  .insights h2 {
    font-size: 30px; }

  .home_page .hero_home img.hero_1200 {
    bottom: -2%; }

  .home_page .prime_nav {
    position: relative; }

  .reports .pricing_features .tier {
    width: 286px; }

  .reports .pricing_features .cta_green {
    width: 265px; }

  .reports .pricing_features .pricing_wrapper {
    left: 65px; }

  .reports .hero p,
  .insights .hero .twelve p {
    padding: 10px 20px;
    width: auto; }

  .reports h1,
  .insights h1,
  .insights h2 {
    padding: 25px 10px; }

  .mission h2, .mission p {
    font-size: 20px;
    line-height: 43px; }

  .mission {
    background-attachment: scroll; }

  .home_page .features .alignment {
    margin-top: 0; }

  .insights .hero {
    height: 680px; }

  .insights .content h2 {
    padding-bottom: 0; }

  .insights p.narrow {
    font-size: 18px !important;
    line-height: 30px !important;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 50px; }

  .insights .illuminated .cta_green {
    margin-bottom: 75px; }

  .insights .bullets h4 {
    font-size: 20px; }

  .insights .bullets .six {
    min-height: 0;
    padding-bottom: 50px; }

  .insights .pricing_mobile li {
    font-size: 13px; }

  .pricing .analytics {
    height: 620px; }

  .mobile {
    display: none; }

  .pricing .insights .price span.dollar {
    left: 32px;
    right: 132px;
    top: 125px; }

  .reports .get_started .twelve div {
    float: none; } }
/*********************
iPhone's and stuff
*********************/
@media only screen and (max-width: 481px) {
  /******************************************************************
  Site Name: sumall.com
  Author: sumall
  
  Stylesheet: 480px and down Stylesheet
  
  ******************************************************************/
  /* Home */
  .hero_tag .tag_wrapper {
    background: none;
    text-align: center;
    padding: 0; }

  #phase_one_wrapper fieldset, .third_parties {
    padding-left: 0px; }

  .prime_nav ul {
    top: 40px;
    left: 141px; }

  span.connected_to {
    font-size: 50px;
    line-height: 55px; }

  .home .story_daily img.large {
    display: none; }

  .home .story_daily img.small {
    display: block; }

  .mobile_platforms {
    width: 130%;
    margin-left: -60px; }

  .home .story_user .tier {
    padding-top: 0px; }

  .home .twelve.hero_tag {
    min-height: 0; }

  .hero_tag .tag_wrapper {
    padding-left: 0; }

  /* End Home */
  /* About */
  .about .team .twelve {
    padding: 0; }

  .about .team .two {
    width: 50%;
    padding: 0; }

  .about .freebies .three {
    margin-bottom: 25%; }

  .about .tier_wrapper.freebies {
    padding-bottom: 20%; }

  .about .team .twelve .pic {
    height: 11.5em; }

  .about .hero {
    height: 427px;
    background: transparent url(../images/about-hero-mobile.jpg) center -206px no-repeat; }

  /* End About */
  .cloud-one, .cloud-two, .cloud-three {
    display: none; }

  .landing_page.content h2 {
    padding-top: 5%; }

  .landing_page.content .chapter h1, .landing_page.content .chapter h2, .landing_page.content .chapter h3, .landing_page.content .chapter p {
    width: 100%;
    text-align: center;
    margin-left: 0; }

  .budget {
    background-position-y: 241px !important;
    background-position-x: -337px !important;
    background-attachment: local !important;
    background-size: cover;
    height: 600px; }

  .gold {
    background-position-y: 241px !important;
    background-position-x: -124px !important;
    background-attachment: local !important; }

  .tier_wrapper.chapter.engage .six:first-child {
    background: transparent url(https://s3.amazonaws.com/sumall-wordpress/prod/wp-content/uploads/2014/08/reports-engagement-small.png) 20px 0 no-repeat;
    background-size: cover;
    min-height: 520px; }

  .prime_nav ul li:nth-child(6):after {
    left: 341px; }

  .landing_page .hero h2 {
    text-align: center; }

  .landing_page.square .hero .message p {
    text-align: center !important; }

  .home_page .app_views .twelve,
  .home_page .app_features .twelve {
    padding: 0 5%; }

  .home_page .nav_platform:nth-child(2) {
    font-size: .6em; }

  .reports .reports-slideshow {
    height: 300px; }

  .home_page .hero_home {
    height: 100vh; }

  .pricing .testimonials .box1,
  .pricing .testimonials .box4 {
    height: 175px; }

  .pricing .header_wrapper.mobile {
    min-height: 400px !important;
    height: 400px; }

  .pricing div.six.box_mobile1 > img,
  .pricing div.six.box_mobile2 > img {
    width: 50%; }

  .pricing .testimonials .tier .six p.mobile {
    font-size: 14px;
    line-height: 20px; }

  .dialog_content {
    left: -164px; }

  .reports .get_started .twelve div {
    font-size: 38px; } }
/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*********************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Retina Screens & Devices Stylesheet
  
  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.
  
  ******************************************************************/
  /* 
  
  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:
  
  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }
  
  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:
  
  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }
  
  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 
  
  */ }
/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
@media print {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Print Stylesheet
  
  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
  
  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }