/* Requires: normalize.css */
/* Global Reset & Standards ---------------------- */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  background: white;
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 1;
  color: #455560;
  position: relative;
  -webkit-font-smoothing: antialiased;
}

/* Links ---------------------- */
a {
  color: #33a7c7;
  text-decoration: none;
  line-height: inherit;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

a:hover {
  color: #ea9e0a;
  cursor: pointer;
}

a:focus {
  color: #ea9e0a;
  outline: none;
}

p a, p a:visited {
  line-height: inherit;
}

/* Misc ---------------------- */
.left {
  float: left;
}

.right {
  float: right;
}

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

.text-right {
  text-align: right;
}

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

.hide {
  display: none !important;
}

.highlight {
  background: #ffff99;
}

#googlemap img, object, embed {
  max-width: none;
}

#map_canvas embed {
  max-width: none;
}

#map_canvas img {
  max-width: none;
}

#map_canvas object {
  max-width: none;
}

/* Reset for strange margins by default on <figure> elements */
figure {
  margin: 0;
}

/* Base Type Styles Using Modular Scale ---------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  font-size: 14px;
  direction: ltr;
}

p {
  font-family: inherit;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
}

p.lead {
  font-size: 17.5px;
  line-height: 1.5;
  margin-bottom: 20px;
}

aside p {
  font-size: 13px;
  line-height: 1.35;
  font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Ubuntu", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  text-rendering: optimizeLegibility;
  line-height: 1.1;
  margin: 0 0 20px 0;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-size: 60%;
  color: #6f6f6f;
  line-height: 0;
}

h1 {
  font-size: 34px;
  letter-spacing: -1px;
}

h2 {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
}

h3 {
  font-size: 42px;
  letter-spacing: -2px;
  margin: 0 auto 35px;
}

h4 {
  font-size: 24px;
  letter-spacing: -1px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 14px;
}

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 22px 0 21px;
  height: 0;
}

.subheader {
  line-height: 1.6;
  margin: -15px auto 35px;
}

em, i {
  font-style: italic;
  line-height: inherit;
}

strong, b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 60%;
  line-height: inherit;
}

code {
  font-weight: bold;
  background: #ffff99;
}

/* Lists ---------------------- */
ul, ol, dl {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
  list-style-position: outside;
}

ul li ul, ul li ol {
  margin-left: 20px;
  margin-bottom: 0;
}

ul.square, ul.circle, ul.disc {
  margin-left: 17px;
}

ul.square {
  list-style-type: square;
}

ul.square li ul {
  list-style: inherit;
}

ul.circle {
  list-style-type: circle;
}

ul.circle li ul {
  list-style: inherit;
}

ul.disc {
  list-style-type: disc;
}

ul.disc li ul {
  list-style: inherit;
}

ul.no-bullet {
  list-style: none;
}

ul.large li {
  line-height: 21px;
}

ol {
  margin-left: 20px;
}

ol li ul, ol li ol {
  margin-left: 20px;
  margin-bottom: 0;
}

/* Blockquotes ---------------------- */
blockquote, blockquote p {
  line-height: 1.5;
  color: #6f6f6f;
}

blockquote {
  margin: 0 0 17px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #ddd;
}

blockquote cite {
  display: block;
  font-size: 13px;
  color: #455560;
}

blockquote cite:before {
  content: "\2014 \0020";
}

blockquote cite a, blockquote cite a:visited {
  color: #455560;
}

abbr, acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #455560;
  border-bottom: 1px solid #ddd;
  cursor: help;
}

abbr {
  text-transform: none;
}

/* Print styles.  Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  /* h5bp.com/t */
  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;
  }

  .hide-on-print {
    display: none !important;
  }

  .print-only {
    display: block !important;
  }

  .hide-for-print {
    display: none !important;
  }

  .show-for-print {
    display: inherit !important;
  }
}
/* Requires globals.css */
/* Standard Forms ---------------------- */
form {
  margin: 0 0 19.41641px;
}

.row form .row {
  margin: 0 -6px;
}

.row form .row .column, .row form .row .columns {
  padding: 0 6px;
}

.row form .row.collapse {
  margin: 0;
}

.row form .row.collapse .column, .row form .row.collapse .columns {
  padding: 0;
}

label {
  font-size: 14px;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: 500;
  margin-bottom: 3px;
}

label.right {
  float: none;
  text-align: right;
}

label.inline {
  line-height: 32px;
  margin: 0 0 12px 0;
}

.prefix, .postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  height: 32px;
  line-height: 31px;
}

a.button.prefix, a.button.postfix {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

span.prefix, span.postfix {
  background: #f2f2f2;
  border: 1px solid #cccccc;
}

.prefix {
  left: 2px;
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  overflow: hidden;
}

.postfix {
  right: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 14px;
  margin: 0 0 12px 0;
  padding: 6px;
  height: 32px;
  width: 100%;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize {
  font-size: 17px;
  padding: 4px 6px;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
  background: #fafafa;
  outline: none !important;
  border-color: #b3b3b3;
}

input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] {
  background-color: #ddd;
}

textarea {
  height: auto;
}

select {
  width: 100%;
}

/* Fieldsets */
fieldset {
  border: solid 1px #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 12px 12px 0;
  margin: 18px 0;
}

fieldset legend {
  font-weight: bold;
  background: white;
  padding: 0 3px;
  margin: 0;
  margin-left: -3px;
}

/* Errors */
.error input, input.error, .error textarea, textarea.error {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1);
}

.error label, label.error {
  color: #c60f13;
}

.error small, small.error {
  display: block;
  padding: 6px 4px;
  margin-top: -13px;
  margin-bottom: 12px;
  background: #c60f13;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.error textarea:focus, textarea.error:focus {
  background: #fafafa;
  border-color: #b3b3b3;
}

/* Custom Forms ---------------------- */
form.custom {
  /* Custom input, disabled */
}

form.custom span.custom {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
  border: solid 1px #cccccc;
  background: white;
}

form.custom span.custom.radio {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}

form.custom span.custom.checkbox:before {
  content: "";
  display: block;
  line-height: 0.8;
  height: 14px;
  width: 14px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  color: #fff;
}

form.custom span.custom.radio.checked:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  background: #455560;
  position: relative;
  top: 3px;
  left: 3px;
}

form.custom span.custom.checkbox.checked:before {
  content: "\00d7";
  color: #455560;
}

form.custom div.custom.dropdown {
  display: block;
  position: relative;
  width: auto;
  height: 28px;
  margin-bottom: 9px;
  margin-top: 2px;
}

form.custom div.custom.dropdown ul {
  overflow-y: auto;
  max-height: 200px;
}

form.custom div.custom.dropdown a.current {
  display: block;
  width: auto;
  line-height: 26px;
  min-height: 28px;
  padding: 0;
  padding-left: 6px;
  padding-right: 38px;
  border: solid 1px #dddddd;
  color: #141414;
  background-color: white;
  white-space: nowrap;
}

form.custom div.custom.dropdown a.selector {
  position: absolute;
  width: 27px;
  height: 28px;
  display: block;
  right: 0;
  top: 0;
  border: solid 1px #dddddd;
}

form.custom div.custom.dropdown a.selector:after {
  content: "";
  display: block;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: #aaaaaa transparent transparent transparent;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -2px;
  margin-left: -5px;
}

form.custom div.custom.dropdown:hover a.selector:after, form.custom div.custom.dropdown.open a.selector:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: #455560 transparent transparent transparent;
}

form.custom div.custom.dropdown.open ul {
  display: block;
  z-index: 10;
}

form.custom div.custom.dropdown.small {
  width: 134px !important;
}

form.custom div.custom.dropdown.medium {
  width: 254px !important;
}

form.custom div.custom.dropdown.large {
  width: 434px !important;
}

form.custom div.custom.dropdown.expand {
  width: 100% !important;
}

form.custom div.custom.dropdown.open.small ul {
  width: 134px !important;
}

form.custom div.custom.dropdown.open.medium ul {
  width: 254px !important;
}

form.custom div.custom.dropdown.open.large ul {
  width: 434px !important;
}

form.custom div.custom.dropdown.open.expand ul {
  width: 100% !important;
}

form.custom div.custom.dropdown ul {
  position: absolute;
  width: auto;
  display: none;
  margin: 0;
  left: 0;
  top: 27px;
  margin: 0;
  padding: 0;
  background: white;
  background: rgba(255, 255, 255, 0.95);
  border: solid 1px #cccccc;
}

form.custom div.custom.dropdown ul li {
  color: #455560;
  font-size: 13px;
  cursor: pointer;
  padding: 3px;
  padding-left: 6px;
  padding-right: 38px;
  min-height: 18px;
  line-height: 18px;
  margin: 0;
  white-space: nowrap;
  list-style: none;
}

form.custom div.custom.dropdown ul li.selected {
  background: #cdebf5;
  color: black;
}

form.custom div.custom.dropdown ul li.selected:after {
  content: "\2013";
  position: absolute;
  right: 10px;
}

form.custom div.custom.dropdown ul li:hover {
  background-color: #cdebf5;
  color: black;
}

form.custom div.custom.dropdown ul li:hover:after {
  content: "\2013";
  position: absolute;
  right: 10px;
  color: #a3dbec;
}

form.custom div.custom.dropdown ul li.selected:hover {
  background: #cdebf5;
  cursor: default;
  color: black;
}

form.custom div.custom.dropdown ul li.selected:hover:after {
  color: black;
}

form.custom div.custom.dropdown ul.show {
  display: block;
}

form.custom .custom.disabled {
  background-color: #dddddd;
}

/* Correct FF custom dropdown height */
@-moz-document url-prefix() {
  form.custom div.custom.dropdown a.selector {
    height: 30px;
  }
}
.lt-ie9 form.custom div.custom.dropdown a.selector {
  height: 30px;
}

/* The Grid ---------------------- */
.row {
  width: 990px;
  max-width: 100%;
  min-width: 768px;
  margin: 0 auto;
}

.row .row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 -15px;
}

.row.collapse .column, .row.collapse .columns {
  padding: 0;
}

.row .row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 -15px;
}

.row .row.collapse {
  margin: 0;
}

.column, .columns {
  float: left;
  min-height: 1px;
  padding: 0 15px;
  position: relative;
}

.column.centered, .columns.centered {
  float: none;
  margin: 0 auto;
}

[class*="column"] + [class*="column"]:last-child {
  float: right;
}

[class*="column"] + [class*="column"].end {
  float: left;
}

.one, .row .one {
  width: 8.33333%;
}

.two, .row .two {
  width: 16.66667%;
}

.three, .row .three {
  width: 25%;
}

.four, .row .four {
  width: 33.33333%;
}

.five, .row .five {
  width: 41.66667%;
}

.six, .row .six {
  width: 50%;
}

.seven, .row .seven {
  width: 58.33333%;
}

.eight, .row .eight {
  width: 66.66667%;
}

.nine, .row .nine {
  width: 75%;
}

.ten, .row .ten {
  width: 83.33333%;
}

.eleven, .row .eleven {
  width: 91.66667%;
}

.twelve, .row .twelve {
  width: 100%;
}

.row .offset-by-one {
  margin-left: 8.33333%;
}

.row .offset-by-two {
  margin-left: 16.66667%;
}

.row .offset-by-three {
  margin-left: 25%;
}

.row .offset-by-four {
  margin-left: 33.33333%;
}

.row .offset-by-five {
  margin-left: 41.66667%;
}

.row .offset-by-six {
  margin-left: 50%;
}

.row .offset-by-seven {
  margin-left: 58.33333%;
}

.row .offset-by-eight {
  margin-left: 66.66667%;
}

.row .offset-by-nine {
  margin-left: 75%;
}

.row .offset-by-ten {
  margin-left: 83.33333%;
}

.push-two {
  left: 16.66667%;
}

.pull-two {
  right: 16.66667%;
}

.push-three {
  left: 25%;
}

.pull-three {
  right: 25%;
}

.push-four {
  left: 33.33333%;
}

.pull-four {
  right: 33.33333%;
}

.push-five {
  left: 41.66667%;
}

.pull-five {
  right: 41.66667%;
}

.push-six {
  left: 50%;
}

.pull-six {
  right: 50%;
}

.push-seven {
  left: 58.33333%;
}

.pull-seven {
  right: 58.33333%;
}

.push-eight {
  left: 66.66667%;
}

.pull-eight {
  right: 66.66667%;
}

.push-nine {
  left: 75%;
}

.pull-nine {
  right: 75%;
}

.push-ten {
  left: 83.33333%;
}

.pull-ten {
  right: 83.33333%;
}

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

object, embed {
  height: 100%;
}

img {
  -ms-interpolation-mode: bicubic;
}

#map_canvas img, .map_canvas img {
  max-width: none !important;
}

/* Nicolas Gallagher's micro clearfix */
.row {
  *zoom: 1;
}

.row:before, .row:after {
  content: "";
  display: table;
}

.row:after {
  clear: both;
}

/* Block Grids ---------------------- */
/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
for repeating blocks of content. Add 'mobile' to
them to switch them just like the layout grid
(one item per line) on phones

For IE7/8 compatibility block-grid items need to be
the same height. You can optionally uncomment the
lines below to support arbitrary height, but know
that IE7/8 do not support :nth-child.
-------------------------------------------------- */
.block-grid {
  display: block;
  overflow: hidden;
  padding: 0;
}

.block-grid > li {
  display: block;
  height: auto;
  float: left;
}

.block-grid.one-up {
  margin: 0;
  margin: 0 -8px;
}

.block-grid.one-up > li {
  width: 100%;
  padding: 0 0 15px;
  padding: 0 8px 8px;
}

.block-grid.two-up {
  margin: 0 -15px;
  margin: 0 -8px;
}

.block-grid.two-up > li {
  width: 50%;
  padding: 0 15px 15px;
  padding: 0 8px 8px;
}

.block-grid.two-up > li:nth-child(2n+1) {
  clear: both;
}

.block-grid.three-up {
  margin: 0 -12px;
  margin: 0 -8px;
}

.block-grid.three-up > li {
  width: 33.33333%;
  padding: 0 12px 12px;
  padding: 0 8px 8px;
}

.block-grid.three-up > li:nth-child(3n+1) {
  clear: both;
}

.block-grid.four-up {
  margin: 0 -10px;
}

.block-grid.four-up > li {
  width: 25%;
  padding: 0 10px 10px;
}

.block-grid.four-up > li:nth-child(4n+1) {
  clear: both;
}

.block-grid.five-up {
  margin: 0 -8px;
}

.block-grid.five-up > li {
  width: 20%;
  padding: 0 8px 8px;
}

.block-grid.five-up > li:nth-child(5n+1) {
  clear: both;
}

.block-grid.six-up {
  margin: 0 -8px;
}

.block-grid.six-up > li {
  width: 16.66667%;
  padding: 0 8px 8px;
}

.block-grid.six-up > li:nth-child(6n+1) {
  clear: both;
}

.block-grid.seven-up {
  margin: 0 -8px;
}

.block-grid.seven-up > li {
  width: 14.28571%;
  padding: 0 8px 8px;
}

.block-grid.seven-up > li:nth-child(7n+1) {
  clear: both;
}

.block-grid.eight-up {
  margin: 0 -8px;
}

.block-grid.eight-up > li {
  width: 12.5%;
  padding: 0 8px 8px;
}

.block-grid.eight-up > li:nth-child(8n+1) {
  clear: both;
}

.block-grid.nine-up {
  margin: 0 -8px;
}

.block-grid.nine-up > li {
  width: 11.11111%;
  padding: 0 8px 8px;
}

.block-grid.nine-up > li:nth-child(9n+1) {
  clear: both;
}

.block-grid.ten-up {
  margin: 0 -8px;
}

.block-grid.ten-up > li {
  width: 10%;
  padding: 0 8px 8px;
}

.block-grid.ten-up > li:nth-child(10n+1) {
  clear: both;
}

.block-grid.eleven-up {
  margin: 0 -8px;
}

.block-grid.eleven-up > li {
  width: 9.09091%;
  padding: 0 8px 8px;
}

.block-grid.eleven-up > li:nth-child(11n+1) {
  clear: both;
}

.block-grid.twelve-up {
  margin: 0 -8px;
}

.block-grid.twelve-up > li {
  width: 8.33333%;
  padding: 0 8px 8px;
}

.block-grid.twelve-up > li:nth-child(12n+1) {
  clear: both;
}

/* Normal Buttons ---------------------- */
.button {
  width: auto;
  background: #2ba6cb;
  border: 1px solid #1e728c;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  margin: 0;
  outline: none;
  padding: 10px 15px 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  /* Hovers */
  /* Sizes */
  /* Colors */
  /* Radii */
  /* Layout */
  /* Disabled ---------- */
}

.button:hover {
  color: white;
  background-color: #2284a1;
}

.button:active {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
}

.button:focus {
  -webkit-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  color: white;
}

.button.large {
  font-size: 17px;
  padding: 15px 30px 16px;
}

.button.medium {
  font-size: 14px;
}

.button.small {
  font-size: 11px;
  padding: 7px 14px 8px;
}

.button.tiny {
  font-size: 10px;
  padding: 5px 10px 6px;
}

.button.expand {
  width: 100%;
  text-align: center;
}

.button.primary {
  background-color: #2ba6cb;
  border: 1px solid #1e728c;
}

.button.primary:hover {
  background-color: #2284a1;
}

.button.primary:focus {
  -webkit-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

.button.success {
  background-color: #5da423;
  border: 1px solid #396516;
}

.button.success:hover {
  background-color: #457a1a;
}

.button.success:focus {
  -webkit-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

.button.alert {
  background-color: #c60f13;
  border: 1px solid #7f0a0c;
}

.button.alert:hover {
  background-color: #970b0e;
}

.button.alert:focus {
  -webkit-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

.button.secondary {
  background-color: #e9e9e9;
  color: #1d1d1d;
  border: 1px solid #c3c3c3;
}

.button.secondary:hover {
  background-color: #d0d0d0;
}

.button.secondary:focus {
  -webkit-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

.button.radius {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.button.round {
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px;
}

.button.full-width {
  width: 100%;
  text-align: center;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.button.left-align {
  text-align: left;
  text-indent: 12px;
}

.button.disabled, .button[disabled] {
  opacity: 0.6;
  cursor: default;
  background: #2ba6cb;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.button.disabled :hover, .button[disabled] :hover {
  background: #2ba6cb;
}

.button.disabled.success, .button[disabled].success {
  background-color: #5da423;
}

.button.disabled.success:hover, .button[disabled].success:hover {
  background-color: #5da423;
}

.button.disabled.alert, .button[disabled].alert {
  background-color: #c60f13;
}

.button.disabled.alert:hover, .button[disabled].alert:hover {
  background-color: #c60f13;
}

.button.disabled.secondary, .button[disabled].secondary {
  background-color: #e9e9e9;
}

.button.disabled.secondary:hover, .button[disabled].secondary:hover {
  background-color: #e9e9e9;
}

/* Don't use native buttons on iOS */
input[type=submit].button, button.button {
  -webkit-appearance: none;
}

/* Correct FF button padding */
@-moz-document url-prefix() {
  button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
    padding: 0;
  }

  input[type="submit"].tiny.button {
    padding: 3px 10px 4px;
  }

  input[type="submit"].small.button {
    padding: 5px 14px 6px;
  }

  input[type="submit"].button, input[type=submit].medium.button {
    padding: 8px 20px 9px;
  }

  input[type="submit"].large.button {
    padding: 13px 30px 14px;
  }
}
/* Buttons with Dropdowns ---------------------- */
.button.dropdown {
  position: relative;
  padding-right: 44px;
  /* Sizes */
  /* Triangles */
  /* Flyout List */
  /* Split Dropdown Buttons */
}

.button.dropdown.large {
  padding-right: 60px;
}

.button.dropdown.small {
  padding-right: 28px;
}

.button.dropdown.tiny {
  padding-right: 20px;
}

.button.dropdown:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 6px;
  border-color: white transparent transparent transparent;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -2px;
}

.button.dropdown.large:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 7px;
  border-color: white transparent transparent transparent;
  margin-top: -3px;
  right: 30px;
}

.button.dropdown.small:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: white transparent transparent transparent;
  margin-top: -2px;
  right: 14px;
}

.button.dropdown.tiny:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 4px;
  border-color: white transparent transparent transparent;
  margin-top: -1px;
  right: 10px;
}

.button.dropdown > ul {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: none;
  position: absolute;
  left: -1px;
  background: #fff;
  background: rgba(255, 255, 255, 0.95);
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #cccccc;
  border-top: none;
  min-width: 100%;
  z-index: 40;
}

.button.dropdown > ul li {
  width: 100%;
  cursor: pointer;
  padding: 0;
  min-height: 18px;
  line-height: 18px;
  margin: 0;
  white-space: nowrap;
  list-style: none;
}

.button.dropdown > ul li a {
  display: block;
  color: #555;
  font-size: 13px;
  font-weight: normal;
  padding: 6px 14px;
  text-align: left;
}

.button.dropdown > ul li:hover {
  background-color: #e3f4f9;
  color: #222;
}

.button.dropdown > ul li.divider {
  min-height: 0;
  padding: 0;
  height: 1px;
  margin: 4px 0;
  background: #ededed;
}

.button.dropdown.up > ul {
  border-top: 1px solid #cccccc;
  border-bottom: none;
}

.button.dropdown ul.no-hover.show-dropdown {
  display: block !important;
}

.button.dropdown:hover > ul.no-hover {
  display: none;
}

.button.dropdown.split {
  padding: 0;
  position: relative;
  /* Sizes */
  /* Triangle Spans */
  /* Colors */
}

.button.dropdown.split:after {
  display: none;
}

.button.dropdown.split:hover {
  background-color: #2ba6cb;
}

.button.dropdown.split.alert:hover {
  background-color: #c60f13;
}

.button.dropdown.split.success:hover {
  background-color: #5da423;
}

.button.dropdown.split.secondary:hover {
  background-color: #e9e9e9;
}

.button.dropdown.split > a {
  color: white;
  display: block;
  padding: 10px 50px 11px 20px;
  padding-left: 20px;
  padding-right: 50px;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}

.button.dropdown.split > a:hover {
  background-color: #2284a1;
}

.button.dropdown.split.large > a {
  padding: 15px 75px 16px 30px;
  padding-left: 30px;
  padding-right: 75px;
}

.button.dropdown.split.small > a {
  padding: 7px 35px 8px 14px;
  padding-left: 14px;
  padding-right: 35px;
}

.button.dropdown.split.tiny > a {
  padding: 5px 25px 6px 10px;
  padding-left: 10px;
  padding-right: 25px;
}

.button.dropdown.split > span {
  background-color: #2ba6cb;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 30px;
  border-left: 1px solid #1e728c;
  -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}

.button.dropdown.split > span:hover {
  background-color: #2284a1;
}

.button.dropdown.split > span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 6px;
  border-color: white transparent transparent transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -6px;
  margin-top: -2px;
}

.button.dropdown.split.secondary > span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 6px;
  border-color: #1d1d1d transparent transparent transparent;
}

.button.dropdown.split.large span {
  width: 45px;
}

.button.dropdown.split.small span {
  width: 21px;
}

.button.dropdown.split.tiny span {
  width: 15px;
}

.button.dropdown.split.large span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 7px;
  border-color: white transparent transparent transparent;
  margin-top: -3px;
  margin-left: -7px;
}

.button.dropdown.split.small span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 4px;
  border-color: white transparent transparent transparent;
  margin-top: -1px;
  margin-left: -4px;
}

.button.dropdown.split.tiny span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 3px;
  border-color: white transparent transparent transparent;
  margin-top: -1px;
  margin-left: -3px;
}

.button.dropdown.split.alert > span {
  background-color: #c60f13;
  border-left-color: #7f0a0c;
}

.button.dropdown.split.success > span {
  background-color: #5da423;
  border-left-color: #396516;
}

.button.dropdown.split.secondary > span {
  background-color: #e9e9e9;
  border-left-color: #c3c3c3;
}

.button.dropdown.split.secondary > a {
  color: #1d1d1d;
}

.button.dropdown.split.alert > a:hover, .button.dropdown.split.alert > span:hover {
  background-color: #970b0e;
}

.button.dropdown.split.success > a:hover, .button.dropdown.split.success > span:hover {
  background-color: #457a1a;
}

.button.dropdown.split.secondary > a:hover, .button.dropdown.split.secondary > span:hover {
  background-color: #d0d0d0;
}

/* Button Groups ---------------------- */
ul.button-group {
  list-style: none;
  padding: 0;
  margin: 0 0 12px;
  *zoom: 1;
}

ul.button-group:before, ul.button-group:after {
  content: "";
  display: table;
}

ul.button-group:after {
  clear: both;
}

ul.button-group li {
  padding: 0;
  margin: 0 0 0 -1px;
  float: left;
}

ul.button-group li:first-child {
  margin-left: 0;
}

ul.button-group.radius li a.button, ul.button-group.radius li a.button.radius, ul.button-group.radius li a.button-rounded, ul.button-group.radius li input[type="submit"].button, ul.button-group.radius li input[type="submit"].button.radius, ul.button-group.radius li input[type="submit"].button-rounded {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}

ul.button-group.radius li:first-child a.button, ul.button-group.radius li:first-child a.button.radius, ul.button-group.radius li:first-child input[type="submit"].button, ul.button-group.radius li:first-child input[type="submit"].button.radius {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

ul.button-group.radius li:first-child a.button.rounded, ul.button-group.radius li:first-child input[type="submit"].button.rounded {
  -moz-border-radius-topleft: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-top-left-radius: 1000px;
  -moz-border-radius-bottomleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
}

ul.button-group.radius li:last-child a.button, ul.button-group.radius li:last-child a.button.radius, ul.button-group.radius li:last-child input[type="submit"].button, ul.button-group.radius li:last-child input[type="submit"].button.radius {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

ul.button-group.radius li:last-child a.button.rounded, ul.button-group.radius li:last-child input[type="submit"].button.rounded {
  -moz-border-radius-topright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-top-right-radius: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
}

ul.button-group.even .button {
  width: 100%;
}

ul.button-group.even.two-up li {
  width: 50%;
}

ul.button-group.even.three-up li {
  width: 33.3%;
}

ul.button-group.even.three-up li:first-child {
  width: 33.4%;
}

ul.button-group.even.four-up li {
  width: 25%;
}

ul.button-group.even.five-up li {
  width: 20%;
}

div.button-bar {
  overflow: hidden;
}

div.button-bar ul.button-group {
  float: left;
  margin-right: 8px;
}

div.button-bar ul.button-group:last-child {
  margin-left: 0;
}

.nav-bar {
  height: 30px;
  background: #4d4d4d;
  margin-left: 0;
  padding: 0;
}

.nav-bar > li {
  float: left;
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
  border-right: none;
  line-height: 38px;
  -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;
  -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;
}

.nav-bar > li:first-child {
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
}

.nav-bar > li:last-child {
  border-right: solid 1px #333333;
  -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2);
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2);
}

.nav-bar > li.active {
  background: #2ba6cb;
  border-color: #2284a1;
}

.nav-bar > li.active > a {
  color: white;
  cursor: default;
}

.nav-bar > li.active:hover {
  background: #2ba6cb;
  cursor: default;
}

.nav-bar > li > a {
  color: #e6e6e6;
}

.nav-bar > li ul {
  margin-bottom: 0;
}

.nav-bar > li .flyout {
  display: none;
}

.nav-bar > li.has-flyout > a:first-child {
  padding-right: 40px;
  position: relative;
}

.nav-bar > li.has-flyout > a:first-child:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 4px;
  border-color: #e6e6e6 transparent transparent transparent;
  position: absolute;
  right: 20px;
  top: 17px;
}

.nav-bar > li.has-flyout > a.flyout-toggle {
  border-left: 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  padding: 20px;
  z-index: 2;
  display: block;
}

.nav-bar > li.has-flyout.is-touch > a:first-child {
  padding-right: 55px;
}

.nav-bar > li.has-flyout.is-touch > a.flyout-toggle {
  border-left: 1px dashed #666;
}

.nav-bar > li > a:first-child {
  position: relative;
  padding: 0 15px;
  display: block;
  text-decoration: none;
  font-size: 14px;
}

.nav-bar > li > input {
  margin: 0 10px;
}

.nav-bar.vertical {
  height: auto;
  margin-top: 0;
}

.nav-bar.vertical > li {
  float: none;
  border-bottom: none;
  border-right: solid 1px #333333;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.nav-bar.vertical > li.has-flyout > a:first-child:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 4px;
  border-color: transparent transparent transparent #e6e6e6;
}

.nav-bar.vertical > li .flyout {
  left: 100%;
  top: -1px;
}

.nav-bar.vertical > li .flyout.right {
  left: auto;
  right: 100%;
}

.nav-bar.vertical > li.active {
  border-right: solid 1px #2284a1;
}

.nav-bar.vertical > li:last-child {
  border-bottom: solid 1px #333333;
}

.flyout {
  background: #f2f2f2;
  padding: 20px;
  margin: 0;
  border: 1px solid #d9d9d9;
  position: absolute;
  top: 39px;
  left: -1px;
  width: 250px;
  z-index: 40;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  /* remove margin on any first-child element */
  /* remove margin on last element */
}

.flyout p {
  line-height: 1.2;
  font-size: 13px;
}

.flyout *:first-child {
  margin-top: 0;
}

.flyout *:last-child {
  margin-bottom: 0;
}

.flyout.small {
  width: 166.66667px;
}

.flyout.large {
  width: 437.5px;
}

.flyout.right {
  left: auto;
  right: -2px;
}

.flyout.left {
  right: auto;
  left: -2px;
}

.flyout.up {
  top: auto;
  bottom: 39px;
}

ul.flyout, .nav-bar li ul {
  padding: 0;
  list-style: none;
}

ul.flyout li, .nav-bar li ul li {
  border-left: solid 3px #CCC;
}

ul.flyout li a, .nav-bar li ul li a {
  background: #f2f2f2;
  border: 1px solid #e6e6e6;
  border-width: 1px 1px 0 0;
  color: #555;
  display: block;
  font-size: 14px;
  height: auto;
  line-height: 1;
  padding: 15px 20px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

ul.flyout li a:hover, .nav-bar li ul li a:hover {
  background: #ebebeb;
  color: #333;
}

ul.flyout li.active, .nav-bar li ul li.active {
  margin-top: 0;
  border-top: 1px solid #4d4d4d;
  border-left: 4px solid #1a1a1a;
}

ul.flyout li.active a, .nav-bar li ul li.active a {
  background: #4d4d4d;
  border: none;
  color: #fff;
  height: auto;
  margin: 0;
  position: static;
  top: 0;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
}

/* CSS for jQuery Orbit Plugin 1.4.0 Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php
*/
/* Container ---------------------- */
.orbit-wrapper {
  width: 1px;
  height: 1px;
  position: relative;
}

.orbit {
  width: 1px;
  height: 1px;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

.orbit.with-bullets {
  margin-bottom: 40px;
}

.orbit .orbit-slide {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.orbit a.orbit-slide {
  border: none;
  line-height: 0;
  display: none;
}

.orbit div.orbit-slide {
  width: 100%;
  height: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
/* Timer ---------------------- */
div.orbit-wrapper div.timer {
  width: 40px;
  height: 40px;
  overflow: hidden;
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: .6;
  cursor: pointer;
  z-index: 31;
}

div.orbit-wrapper span.rotator {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: -20px;
  background: url("../images/foundation/orbit/rotator-black.png") no-repeat;
  z-index: 3;
}

div.orbit-wrapper span.rotator.move {
  left: 0;
}

div.orbit-wrapper span.mask {
  display: block;
  width: 20px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  overflow: hidden;
}

div.orbit-wrapper span.mask.move {
  width: 40px;
  left: 0;
  background: url("../images/foundation/orbit/timer-black.png") repeat 0 0;
}

div.orbit-wrapper span.pause {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/foundation/orbit/pause-black.png") no-repeat;
  z-index: 4;
  opacity: 0;
}

div.orbit-wrapper span.pause.active {
  background: url("../images/foundation/orbit/pause-black.png") no-repeat 0 -40px;
}

div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active {
  opacity: 1;
}

/* Captions ---------------------- */
.orbit-caption {
  display: none;
  font-family: inherit;
}

.orbit-wrapper .orbit-caption {
  background: black;
  background: rgba(0, 0, 0, 0.6);
  z-index: 30;
  color: white;
  text-align: center;
  padding: 7px 0;
  font-size: 13px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
}

/* Directional Nav ---------------------- */
div.orbit-wrapper div.slider-nav {
  display: block;
}

div.orbit-wrapper div.slider-nav span {
  width: 39px;
  height: 65px;
  text-indent: -9999px;
  position: absolute;
  z-index: 30;
  top: 50%;
  margin-top: -25px;
  cursor: pointer;
}

div.orbit-wrapper div.slider-nav span.right {
  background: url("../images/formstack-sprite.png");
  background-position: -39px -385px;
  right: -50px;
}

div.orbit-wrapper div.slider-nav span.left {
  background: url("../images/formstack-sprite.png");
  background-position: 0 -385px;
  left: -50px;
}

.lt-ie9 div.orbit-wrapper div.slider-nav span.right {
  background: url("../images/foundation/orbit/right-arrow-small.png");
}

.lt-ie9 div.orbit-wrapper div.slider-nav span.left {
  background: url("../images/foundation/orbit/left-arrow-small.png");
}

/* Bullet Nav ---------------------- */
ul.orbit-bullets {
  position: absolute;
  z-index: 30;
  list-style: none;
  bottom: -60px;
  left: 50%;
  margin-left: -50px;
  padding: 0;
}

ul.orbit-bullets li {
  float: left;
  margin-left: 5px;
  cursor: pointer;
  color: #999999;
  text-indent: -9999px;
  background: url("../images/formstack-sprite.png") no-repeat 0px -450px;
  width: 14px;
  height: 14px;
  overflow: hidden;
}

ul.orbit-bullets li.active {
  color: #455560;
  background-position: -14px -450px;
}

ul.orbit-bullets li.has-thumb {
  background: none;
  width: 100px;
  height: 75px;
}

ul.orbit-bullets li.active.has-thumb {
  background-position: 0 0;
  border-top: 2px solid black;
}

/* Orbit Slide Counter */
.orbit-slide-counter {
  position: absolute;
  bottom: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px;
}

/* Fluid Layout ---------------------- */
div.orbit img.fluid-placeholder {
  visibility: hidden;
  position: static;
  display: block;
  width: 100%;
}

div.orbit, div.orbit-wrapper {
  width: 100% !important;
}

/* Correct timer in IE */
.lt-ie9 .timer {
  display: none !important;
}

.lt-ie9 div.caption {
  background: black;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
  zoom: 1;
}

@media only screen and (max-width: 767px) {
  div.orbit.orbit-stack-on-small img.fluid-placeholder {
    visibility: visible;
  }

  div.orbit.orbit-stack-on-small .orbit-slide {
    position: static;
    margin-bottom: 10px;
  }
}
/* CSS for jQuery Reveal Plugin Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php */
/* Reveal Modals ---------------------- */
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.45);
  z-index: 40;
  display: none;
  top: 0;
  left: 0;
}

.reveal-modal {
  background: white;
  visibility: hidden;
  display: none;
  top: 100px;
  left: 50%;
  margin-left: -260px;
  width: 520px;
  position: absolute;
  z-index: 41;
  padding: 30px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.reveal-modal .close-reveal-modal {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: .5;
  position: absolute;
  top: 8px;
  right: 11px;
  color: #aaa;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
  font-weight: bold;
  cursor: pointer;
}

.reveal-modal.small {
  width: 30%;
  margin-left: -15%;
}

.reveal-modal.medium {
  width: 40%;
  margin-left: -20%;
}

.reveal-modal.large {
  width: 60%;
  margin-left: -30%;
}

.reveal-modal.xlarge {
  width: 70%;
  margin-left: -35%;
}

.reveal-modal.expand {
  width: 90%;
  margin-left: -45%;
}

.reveal-modal .row {
  min-width: 0;
  margin-bottom: 10px;
}

.reveal-modal > :first-child {
  margin-top: 0;
}

.reveal-modal > :last-child {
  margin-bottom: 0;
}

@media print {
  .reveal-modal {
    border: solid 1px #000;
    background: white !important;
  }
}
/* Tabs ---------------------- */
.tabs {
  list-style: none;
  border-bottom: solid 1px #e6e6e6;
  display: block;
  height: 40px;
  padding: 0;
  margin-bottom: 20px;
}

.tabs.contained {
  margin-bottom: 0;
  margin-left: 0;
}

.tabs dt, .tabs li.section-title {
  color: #b3b3b3;
  cursor: default;
  display: block;
  float: left;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  padding-right: 9px;
  padding-left: 20px;
  font-weight: normal;
  width: auto;
  text-transform: uppercase;
}

.tabs dt:first-child, .tabs li.section-title:first-child {
  padding: 0;
  padding-right: 9px;
}

.tabs dd, .tabs li {
  display: block;
  float: left;
  padding: 0;
  margin: 0;
}

.tabs dd a, .tabs li a {
  color: #6f6f6f;
  display: block;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0px 23.8px;
}

.tabs dd a:focus, .tabs li a:focus {
  font-weight: bold;
  color: #2ba6cb;
}

.tabs dd.active, .tabs li.active {
  border-top: 3px solid #2ba6cb;
  margin-top: -3px;
}

.tabs dd.active a, .tabs li.active a {
  cursor: default;
  color: #3c3c3c;
  background: #fff;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  font-weight: bold;
}

.tabs dd:first-child, .tabs li:first-child {
  margin-left: 0;
}

.tabs.vertical {
  height: auto;
  border-bottom: 1px solid #e6e6e6;
}

.tabs.vertical dt, .tabs.vertical dd, .tabs.vertical li {
  float: none;
  height: auto;
}

.tabs.vertical dd, .tabs.vertical li {
  border-left: 3px solid #cccccc;
}

.tabs.vertical dd a, .tabs.vertical li a {
  background: #f2f2f2;
  border: none;
  border: 1px solid #e6e6e6;
  border-width: 1px 1px 0 0;
  color: #555;
  display: block;
  font-size: 14px;
  height: auto;
  line-height: 1;
  padding: 15px 20px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

.tabs.vertical dd.active, .tabs.vertical li.active {
  margin-top: 0;
  border-top: 1px solid #4d4d4d;
  border-left: 4px solid #1a1a1a;
}

.tabs.vertical dd.active a, .tabs.vertical li.active a {
  background: #4d4d4d;
  border: none;
  color: #fff;
  height: auto;
  margin: 0;
  position: static;
  top: 0;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
}

.tabs.vertical dd:first-child a.active, .tabs.vertical li:first-child a.active {
  margin: 0;
}

.tabs.pill {
  border-bottom: none;
  margin-bottom: 10px;
}

.tabs.pill dd, .tabs.pill li {
  margin-right: 10px;
}

.tabs.pill dd:last-child, .tabs.pill li:last-child {
  margin-right: 0;
}

.tabs.pill dd a, .tabs.pill li a {
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px;
  background: #e6e6e6;
  height: 26px;
  line-height: 26px;
  color: #666;
}

.tabs.pill dd.active, .tabs.pill li.active {
  border: none;
  margin-top: 0;
}

.tabs.pill dd.active a, .tabs.pill li.active a {
  background-color: #2ba6cb;
  border: none;
  color: #fff;
}

.tabs.pill.contained {
  border-bottom: solid 1px #eee;
  margin-bottom: 0;
}

.tabs.pill.two-up dd, .tabs.pill.two-up li, .tabs.pill.three-up dd, .tabs.pill.three-up li, .tabs.pill.four-up dd, .tabs.pill.four-up li, .tabs.pill.five-up dd, .tabs.pill.five-up li {
  margin-right: 0;
}

.tabs.two-up dt a, .tabs.two-up dd a, .tabs.two-up li a, .tabs.three-up dt a, .tabs.three-up dd a, .tabs.three-up li a, .tabs.four-up dt a, .tabs.four-up dd a, .tabs.four-up li a, .tabs.five-up dt a, .tabs.five-up dd a, .tabs.five-up li a {
  padding: 0 17px;
  text-align: center;
  overflow: hidden;
}

.tabs.two-up dt, .tabs.two-up dd, .tabs.two-up li {
  width: 50%;
}

.tabs.three-up dt, .tabs.three-up dd, .tabs.two-up li {
  width: 33.33%;
}

.tabs.four-up dt, .tabs.four-up dd, .tabs.two-up li {
  width: 25%;
}

.tabs.five-up dt, .tabs.five-up dd, .tabs.two-up li {
  width: 20%;
}

ul.tabs-content {
  display: block;
  margin: 0 0 20px;
  padding: 0;
}

ul.tabs-content > li {
  display: none;
}

ul.tabs-content > li.active {
  display: block;
}

ul.tabs-content.contained {
  padding: 0;
}

ul.tabs-content.contained > li {
  border: solid 0 #e6e6e6;
  border-width: 0 1px 1px 1px;
  padding: 20px;
}

ul.tabs-content.contained.vertical > li {
  border-width: 1px 1px 1px 1px;
}

.no-js ul.tabs-content > li {
  display: block;
}

/* Table of Contents

:: Visibility
:: Alerts
:: Labels
:: Tooltips
:: Panels
:: Accordion
:: Side Nav
:: Sub Nav
:: Pagination
:: Breadcrumbs
:: Lists
:: Inline/Link Lists
:: Keystroke Chars
:: Image Thumbnails
:: Video
:: Tables
:: Microformats
:: Progress Bars
:: Pricing Tables

*/
/* Alerts ---------------------- */
div.alert-box {
  display: block;
  padding: 6px 7px 7px;
  font-weight: bold;
  font-size: 14px;
  color: white;
  background-color: #2ba6cb;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  position: relative;
}

div.alert-box.success {
  background-color: #5da423;
  color: #fff;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}

div.alert-box.alert {
  background-color: #c60f13;
  color: #fff;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}

div.alert-box.secondary {
  background-color: #e9e9e9;
  color: #505050;
  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
}

div.alert-box a.close {
  color: #333;
  position: absolute;
  right: 4px;
  top: -1px;
  font-size: 17px;
  opacity: 0.2;
  padding: 4px;
}

div.alert-box a.close:hover, div.alert-box a.close:focus {
  opacity: 0.4;
}

/* Labels ---------------------- */
.label {
  padding: 1px 4px 2px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  display: inline;
  position: relative;
  bottom: 1px;
  color: #fff;
  background: #7bc143;
}

.label.radius {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.label.round {
  padding: 1px 7px 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.label.alert {
  background-color: #c60f13;
}

.label.success {
  background-color: #5da423;
}

.label.secondary {
  background-color: #EA9E0A;
  color: #fff;
}

/* Tooltips ---------------------- */
.has-tip {
  border-bottom: dotted 1px #cccccc;
  cursor: help;
  font-weight: bold;
  color: #333333;
}

.has-tip:hover {
  border-bottom: dotted 1px #196177;
  color: #2ba6cb;
}

.has-tip.tip-left, .has-tip.tip-right {
  float: none !important;
}

.has-tip-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  background: url(../images/formstack-sprite.png) no-repeat -28px -450px;
}

.tooltip {
  display: none;
  background: #455560;
  background: rgba(69, 85, 96, 0.85);
  position: absolute;
  color: white;
  font-weight: bold;
  font-size: 14px;
  text-shadow: 0 0 3px black;
  text-align: center;
  padding: 12px;
  z-index: 999;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  line-height: normal;
}

.tooltip > .nub {
  display: block;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: transparent transparent #455560 transparent;
  border-color: transparent transparent rgba(69, 85, 96, 0.85) transparent;
  position: absolute;
  top: -10px;
  left: 10px;
}

.tooltip.tip-override > .nub {
  border-color: transparent transparent #455560 transparent !important;
  border-color: transparent transparent rgba(69, 85, 96, 0.85) transparent !important;
  top: -10px !important;
}

.tooltip.tip-top > .nub {
  border-color: #455560 transparent transparent transparent;
  border-color: rgba(69, 85, 96, 0.85) transparent transparent transparent;
  top: -15px;
  bottom: -10px;
}

.tooltip.tip-left, .tooltip.tip-right {
  float: none !important;
  margin-top: -25px;
}

.tooltip.tip-left {
  margin-right: 5px;
}

.tooltip.tip-left > .nub {
  border-color: transparent transparent transparent #455560;
  border-color: transparent transparent transparent rgba(69, 85, 96, 0.85);
  right: -10px;
  left: auto;
}

.tooltip.tip-right {
  margin-left: 5px;
}

.tooltip.tip-right > .nub {
  border-color: transparent #455560 transparent transparent;
  border-color: transparent rgba(69, 85, 96, 0.85) transparent transparent;
  right: auto;
  left: -10px;
  top: 30px !important;
}

.tooltip.noradius {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.tooltip.opened {
  color: #2ba6cb !important;
  border-bottom: dotted 1px #196177 !important;
}

.tap-to-close {
  display: block;
  font-size: 10px;
  font-size: 1rem;
  color: #888888;
  font-weight: normal;
}

/* Panels ---------------------- */
.panel {
  background: #f2f2f2;
  border: solid 1px #e6e6e6;
  margin: 0 0 22px 0;
  padding: 20px;
}

.panel > :first-child {
  margin-top: 0;
}

.panel > :last-child {
  margin-bottom: 0;
}

.panel.callout {
  background: #2ba6cb;
  color: #fff;
  border-color: #2284a1;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
}

.panel.callout a {
  color: #fff;
}

.panel.callout .button {
  background: white;
  border: none;
  color: #2ba6cb;
  text-shadow: none;
}

.panel.callout .button:hover {
  background: rgba(255, 255, 255, 0.8);
}

.panel.radius {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

/* Accordion ---------------------- */
ul.accordion {
  margin: 0 0 22px 0;
  border-bottom: 1px solid #e9e9e9;
}

ul.accordion > li {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #e9e9e9;
}

ul.accordion > li .title {
  cursor: pointer;
  background: #f6f6f6;
  padding: 15px;
  margin: 0;
  position: relative;
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  -webkit-transition: 0.15s background linear;
  -moz-transition: 0.15s background linear;
  -o-transition: 0.15s background linear;
  transition: 0.15s background linear;
}

ul.accordion > li .title h1, ul.accordion > li .title h2, ul.accordion > li .title h3, ul.accordion > li .title h4, ul.accordion > li .title h5 {
  margin: 0;
}

ul.accordion > li .title:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 6px;
  border-color: transparent #9d9d9d transparent transparent;
  position: absolute;
  right: 15px;
  top: 21px;
}

ul.accordion > li .content {
  display: none;
  padding: 15px;
}

ul.accordion > li.active {
  border-top: 3px solid #2ba6cb;
}

ul.accordion > li.active .title {
  background: white;
  padding-top: 13px;
}

ul.accordion > li.active .title:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 6px;
  border-color: #9d9d9d transparent transparent transparent;
}

ul.accordion > li.active .content {
  background: white;
  display: block;
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
}

/* Side Nav ---------------------- */
ul.side-nav {
  display: block;
  list-style: none;
  margin: 0;
  padding: 17px 0;
}

ul.side-nav li {
  display: block;
  list-style: none;
  margin: 0 0 7px 0;
}

ul.side-nav li a {
  display: block;
}

ul.side-nav li.active a {
  color: #4d4d4d;
  font-weight: bold;
}

ul.side-nav li.divider {
  border-top: 1px solid #e6e6e6;
  height: 0;
  padding: 0;
}

/* Sub Navs http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na ---------------------- */
dl.sub-nav {
  display: block;
  width: auto;
  overflow: hidden;
  margin: -4px 0 18px;
  margin-right: 0;
  margin-left: -9px;
  padding-top: 4px;
}

dl.sub-nav dt, dl.sub-nav dd {
  float: left;
  display: inline;
  margin-left: 9px;
  margin-bottom: 10px;
}

dl.sub-nav dt {
  color: #999;
  font-weight: normal;
}

dl.sub-nav dd a {
  text-decoration: none;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px;
}

dl.sub-nav dd.active a {
  font-weight: bold;
  background: #2ba6cb;
  color: #fff;
  padding: 3px 9px;
  cursor: default;
}

/* Pagination ---------------------- */
ul.pagination {
  display: block;
  height: 24px;
  margin-left: -5px;
}

ul.pagination li {
  float: left;
  display: block;
  height: 24px;
  color: #999;
  font-size: 14px;
  margin-left: 5px;
}

ul.pagination li a {
  display: block;
  padding: 1px 7px 1px;
  color: #555;
}

ul.pagination li:hover a, ul.pagination li a:focus {
  background: #e6e6e6;
}

ul.pagination li.unavailable a {
  cursor: default;
  color: #999;
}

ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
  background: transparent;
}

ul.pagination li.current a {
  background: #2ba6cb;
  color: white;
  font-weight: bold;
  cursor: default;
}

ul.pagination li.current a:hover {
  background: #2ba6cb;
}

/* Breadcrums ---------------------- */
ul.breadcrumbs {
  display: block;
  background: #f6f6f6;
  padding: 6px 10px 7px;
  border: 1px solid #e9e9e9;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
  margin-left: 0;
}

ul.breadcrumbs li {
  margin: 0;
  padding: 0 12px 0 0;
  float: left;
  list-style: none;
}

ul.breadcrumbs li a, ul.breadcrumbs li span {
  text-transform: uppercase;
  font-size: 11px;
  font-size: 1.1rem;
  margin-left: 12px;
}

ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span {
  margin-left: 0;
}

ul.breadcrumbs li:before {
  content: "/";
  color: #aaa;
}

ul.breadcrumbs li:first-child:before {
  content: " ";
}

ul.breadcrumbs li.current a {
  cursor: default;
  color: #333;
}

ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus {
  text-decoration: underline;
}

ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus {
  text-decoration: none;
}

ul.breadcrumbs li.unavailable a {
  color: #999;
}

ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus {
  text-decoration: none;
  color: #999;
  cursor: default;
}

/* Inline Link List */
ul.inline-list, ul.link-list {
  margin: 0 0 17px -22px;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

ul.inline-list li, ul.link-list li {
  list-style: none;
  float: left;
  margin-left: 22px;
  display: block;
}

ul.inline-list li a, ul.link-list li a {
  display: block;
}

/* Keytroke Characters ---------------------- */
.keystroke, kbd {
  font-family: "Consolas", "Menlo", "Courier", monospace;
  font-size: 13px;
  padding: 2px 4px 0px;
  margin: 0;
  background: #ededed;
  border: solid 1px #dbdbdb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

/* Image Thumbnails ---------------------- */
.th {
  display: block;
}

.th img {
  display: block;
  border: solid 4px #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition-property: box-shadow;
  -moz-transition-property: box-shadow;
  -o-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
}

.th:hover img {
  -webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
  -moz-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
  box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
}

/* Video - Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ ---------------------- */
.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  overflow: hidden;
}

.flex-video.widescreen {
  padding-bottom: 57.25%;
}

.flex-video.vimeo {
  padding-top: 0;
}

.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Tables ---------------------- */
table {
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin: 0 0 18px;
  border: 1px solid #ddd;
}

table thead, table tfoot {
  background: #f5f5f5;
}

table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
  display: table-cell;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
}

table thead tr th, table tfoot tr td {
  padding: 8px 10px 9px;
  font-size: 14px;
  font-weight: bold;
  color: #222;
}

table thead tr th:first-child, table tfoot tr td:first-child {
  border-left: none;
}

table thead tr th:last-child, table tfoot tr td:last-child {
  border-right: none;
}

table tbody tr.even, table tbody tr.alt {
  background: #f9f9f9;
}

table tbody tr:nth-child(even) {
  background: #f9f9f9;
}

table tbody tr td {
  color: #333;
  padding: 9px 10px;
  vertical-align: top;
  border: none;
}

/* Microformats ---------------------- */
ul.vcard {
  display: inline-block;
  margin: 0 0 12px 0;
  border: 1px solid #ddd;
  padding: 10px;
}

ul.vcard li {
  margin: 0;
  display: block;
}

ul.vcard li.fn {
  font-weight: bold;
  font-size: 15px;
}

p.vevent span.summary {
  font-weight: bold;
}

p.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 1px;
}

/* Progress Bar ---------------------- */
div.progress {
  padding: 2px;
  margin-bottom: 10px;
  border: 1px solid #cccccc;
  height: 25px;
  /* meter */
  /* border radii */
}

div.progress .meter {
  background: #2ba6cb;
  height: 100%;
  display: block;
  width: 50%;
}

div.progress.secondary .meter {
  background: #e9e9e9;
}

div.progress.success .meter {
  background: #5da423;
}

div.progress.alert .meter {
  background: #c60f13;
}

div.progress.radius {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

div.progress.radius .meter {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

div.progress.round {
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px;
}

div.progress.round .meter {
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px;
}

/* Pricing Tables ---------------------- */
.pricing-table {
  border: solid 1px #dddddd;
  margin-left: 0;
  margin-bottom: 20px;
}

.pricing-table * {
  list-style: none;
  line-height: 1;
}

.pricing-table .title {
  background-color: #dddddd;
  padding: 15px 20px;
  text-align: center;
  color: #333333;
  font-weight: bold;
  font-size: 16px;
}

.pricing-table .price {
  background-color: #eeeeee;
  padding: 15px 20px;
  text-align: center;
  color: #333333;
  font-weight: normal;
  font-size: 20px;
}

.pricing-table .description {
  background-color: white;
  padding: 15px;
  text-align: center;
  color: #777777;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  border-bottom: dotted 1px #dddddd;
}

.pricing-table .bullet-item {
  background-color: white;
  padding: 15px;
  text-align: center;
  color: #333333;
  font-size: 14px;
  font-weight: normal;
  border-bottom: dotted 1px #dddddd;
}

.pricing-table .cta-button {
  background-color: whitesmoke;
  text-align: center;
  padding: 20px;
}

#joyRideTipContent {
  display: none;
}

/* Default styles for the container */
.joyride-tip-guide {
  display: none;
  position: absolute;
  background: black;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  width: 300px;
  z-index: 101;
  top: 0;
  left: 0;
  font-family: inherit;
  font-weight: normal;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.joyride-content-wrapper {
  padding: 18px 20px 24px;
}

/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.joyride-tip-guide span.joyride-nub {
  display: block;
  position: absolute;
  left: 22px;
  width: 0;
  height: 0;
  border: solid 14px;
}

.joyride-tip-guide span.joyride-nub.top {
  border-color: black;
  border-color: rgba(0, 0, 0, 0.8);
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  top: -28px;
  bottom: none;
}

.joyride-tip-guide span.joyride-nub.bottom {
  border-color: black;
  border-color: rgba(0, 0, 0, 0.8) !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  bottom: -28px;
  bottom: none;
}

.joyride-tip-guide span.joyride-nub.right {
  border-color: black;
  border-color: rgba(0, 0, 0, 0.8) !important;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  top: 22px;
  bottom: none;
  left: auto;
  right: -28px;
}

.joyride-tip-guide span.joyride-nub.left {
  border-color: black;
  border-color: rgba(0, 0, 0, 0.8) !important;
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-bottom-color: transparent !important;
  top: 22px;
  left: -28px;
  right: auto;
  bottom: none;
}

/* Typography */
.joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 {
  line-height: 1.25;
  margin: 0;
  font-weight: bold;
  color: white;
}

.joyride-tip-guide p {
  margin: 0 0 18px 0;
  font-size: 14px;
  line-height: 1.3;
}

.joyride-timer-indicator-wrap {
  width: 50px;
  height: 3px;
  border: solid 1px #455560;
  position: absolute;
  right: 17px;
  bottom: 16px;
}

.joyride-timer-indicator {
  display: block;
  width: 0;
  height: inherit;
  background: #666666;
}

.joyride-close-tip {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #777777 !important;
  text-decoration: none;
  font-size: 20px;
  font-weight: normal;
  line-height: .5 !important;
}

.joyride-close-tip:hover {
  color: #eee !important;
}

.joyride-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
  cursor: pointer;
}

.clearing-blackout {
  background: black;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}

.clearing-blackout .clearing-close {
  display: block;
}

.clearing-container {
  position: relative;
  z-index: 999;
  height: 100%;
  overflow: hidden;
}

.visible-img {
  height: 75%;
  position: relative;
}

.visible-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50%;
  max-height: 100%;
  max-width: 100%;
}

.visible-img .clearing-caption {
  color: white;
  margin-bottom: 0;
  text-align: center;
  position: absolute;
  bottom: 0;
  background: black;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  padding: 10px 100px;
}

.clearing-close {
  z-index: 999;
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 30px;
  line-height: 1;
  color: white;
  display: none;
}

.clearing-close:hover {
  color: #ccc;
}

.clearing-main-left, .clearing-main-right {
  position: absolute;
  top: 50%;
  margin-top: -16px;
}

.clearing-main-left.disabled, .clearing-main-right.disabled {
  opacity: 0.5;
}

.clearing-main-left:active, .clearing-main-right:active {
  margin-top: -15px;
}

.clearing-main-left {
  left: 10px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 16px;
  border-color: transparent white transparent transparent;
}

.clearing-main-right {
  right: 10px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 16px;
  border-color: transparent transparent transparent white;
}

.block-grid.three-up > li:nth-child(3n+1) {
  clear: none;
}

ul[data-clearing] li {
  display: block;
}

ul[data-clearing] li.clearing-feature ~ li {
  display: none;
}

.clearing-assembled .clearing-container .carousel {
  background: black;
  background: rgba(0, 0, 0, 0.75);
  height: 150px;
  margin-top: 5px;
}

.clearing-assembled .clearing-container .visible-img {
  background: black;
  background: rgba(0, 0, 0, 0.75);
  overflow: hidden;
}

.clearing-assembled .clearing-container ul[data-clearing] {
  z-index: 999;
  width: 200%;
  height: 100%;
  margin-left: 0;
  position: relative;
  left: 0;
}

.clearing-assembled .clearing-container ul[data-clearing] li {
  display: block;
  width: 175px;
  height: inherit;
  padding: 0;
  float: left;
  overflow: hidden;
  background: #222;
  margin-right: 1px;
  position: relative;
}

.clearing-assembled .clearing-container ul[data-clearing] li.fix-height img {
  min-height: 100%;
  height: 100%;
  max-width: none;
}

.clearing-assembled .clearing-container ul[data-clearing] li img {
  cursor: pointer !important;
  min-width: 100% !important;
}

.clearing-assembled .clearing-container ul[data-clearing] li.visible {
  border-top: 4px solid white;
}

/* Visibility Classes ---------------------- */
/*                                           */
/* Standard (large) display targeting */
.show-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .show-for-xlarge, .show-for-print {
  display: none !important;
}

.hide-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .hide-for-xlarge, .hide-for-print {
  display: inherit !important;
}

/* Very large display targeting */
@media only screen and (min-width: 1441px) {
  .hide-for-small, .hide-for-medium, .hide-for-medium-down, .hide-for-large, .show-for-large-up, .show-for-xlarge {
    display: inherit !important;
  }

  .show-for-small, .show-for-medium, .show-for-medium-down, .show-for-large, .hide-for-large-up, .hide-for-xlarge {
    display: none !important;
  }
}
/* Medium display targeting */
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .hide-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge {
    display: inherit !important;
  }

  .show-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge {
    display: none !important;
  }
}
/* Small display targeting */
@media only screen and (max-width: 767px) {
  .show-for-small, .hide-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge {
    display: inherit !important;
  }

  .hide-for-small, .show-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge {
    display: none !important;
  }
}
/* Orientation targeting */
.show-for-landscape, .hide-for-portrait {
  display: inherit !important;
}

.hide-for-landscape, .show-for-portrait {
  display: none !important;
}

@media screen and (orientation: landscape) {
  .show-for-landscape, .hide-for-portrait {
    display: inherit !important;
  }

  .hide-for-landscape, .show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .show-for-portrait, .hide-for-landscape {
    display: inherit !important;
  }

  .hide-for-portrait, .show-for-landscape {
    display: none !important;
  }
}
/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important;
}

.hide-for-touch {
  display: inherit !important;
}

.touch .show-for-touch {
  display: inherit !important;
}

.touch .hide-for-touch {
  display: none !important;
}

/* Specific overrides for elements that require something other than display: block */
table.show-for-xlarge, table.show-for-large, table.hide-for-small, table.hide-for-medium {
  display: table !important;
}

@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .touch table.hide-for-xlarge, .touch table.hide-for-large, .touch table.hide-for-small, .touch table.show-for-medium {
    display: table !important;
  }
}
@media only screen and (max-width: 767px) {
  table.hide-for-xlarge, table.hide-for-large, table.hide-for-medium, table.show-for-small {
    display: table !important;
  }
}
/* 1280 tablet ------------ */
@media only screen and (max-device-width: 1280px) {
  /* NavBar --- */
  /*            */
  .touch .nav-bar li.has-flyout > a {
    padding-right: 36px !important;
  }
}
/* Covering almost all ----- */
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video {
    padding-top: 0;
  }
}
/* Between Medium and Small */
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  /* NavBar --- */
  /*            */
  .touch .nav-bar li a {
    font-size: 13px;
  }

  .touch .nav-bar li.has-flyout > a.flyout-toggle {
    padding: 20px !important;
  }

  .touch .nav-bar li.has-flyout > a {
    padding-right: 36px !important;
  }

  /* Clearing --- */
  /*              */
  .clearing-main-right, .clearing-main-left {
    height: 100%;
    width: 40px;
    top: 0;
    border: none;
  }

  .clearing-main-right:before, .clearing-main-left:before {
    position: absolute;
    top: 50%;
  }

  .clearing-main-left {
    left: 0;
  }

  .clearing-main-left:before {
    left: 5px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 16px;
    border-color: transparent white transparent transparent;
  }

  .clearing-main-right {
    height: 100%;
    right: 0;
  }

  .clearing-main-right:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 16px;
    border-color: transparent transparent transparent white;
  }
}
/* Small Devices ------------ */
@media only screen and (max-width: 767px) {
  /* Global Misc --- */
  /*                 */
  .left, .right {
    float: none;
  }

  body {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  /* The Grid --- */
  /*              */
  .row {
    width: auto;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .column, .columns {
    width: auto !important;
    float: none;
  }

  .column:last-child, .columns:last-child {
    float: none;
  }

  [class*="column"] + [class*="column"]:last-child {
    float: none;
  }

  .column:before, .columns:before, .column:after, .columns:after {
    content: "";
    display: table;
  }

  .column:after, .columns:after {
    clear: both;
  }

  .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten {
    margin-left: 0 !important;
  }

  .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten {
    left: auto;
  }

  .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten {
    right: auto;
  }

  /* Mobile 4-column Grid */
  .row .mobile-one {
    width: 25% !important;
    float: left;
    padding: 0 15px;
  }

  .row .mobile-one:last-child {
    float: right;
  }

  .row .mobile-one.end {
    float: left;
  }

  .row.collapse .mobile-one {
    padding: 0;
  }

  .row .mobile-two {
    width: 50% !important;
    float: left;
    padding: 0 15px;
  }

  .row .mobile-two:last-child {
    float: right;
  }

  .row .mobile-two.end {
    float: left;
  }

  .row.collapse .mobile-two {
    padding: 0;
  }

  .row .mobile-three {
    width: 75% !important;
    float: left;
    padding: 0 15px;
  }

  .row .mobile-three:last-child {
    float: right;
  }

  .row .mobile-three.end {
    float: left;
  }

  .row.collapse .mobile-three {
    padding: 0;
  }

  .row .mobile-four {
    width: 100% !important;
    float: left;
    padding: 0 15px;
  }

  .row .mobile-four:last-child {
    float: right;
  }

  .row .mobile-four.end {
    float: left;
  }

  .row.collapse .mobile-four {
    padding: 0;
  }

  .push-one-mobile {
    left: 25%;
  }

  .pull-one-mobile {
    right: 25%;
  }

  .push-two-mobile {
    left: 50%;
  }

  .pull-two-mobile {
    right: 50%;
  }

  .push-three-mobile {
    left: 75%;
  }

  .pull-three-mobile {
    right: 75%;
  }

  /* Block Grids --- */
  /*                 */
  .block-grid.mobile > li {
    float: none;
    width: 100%;
    margin-left: 0;
  }

  .block-grid > li {
    clear: none !important;
  }

  .block-grid.mobile-one-up > li {
    width: 100%;
  }

  .block-grid.mobile-two-up > li {
    width: 50%;
  }

  .block-grid.mobile-two-up > li:nth-child(2n+1) {
    clear: both;
  }

  .block-grid.mobile-three-up > li {
    width: 33.33333%;
  }

  .block-grid.mobile-three-up > li:nth-child(3n+1) {
    clear: both;
  }

  .block-grid.mobile-four-up > li {
    width: 25%;
  }

  .block-grid.mobile-four-up > li:nth-child(4n+1) {
    clear: both;
  }

  .block-grid.mobile-five-up > li {
    width: 20%;
  }

  .block-grid.mobile-five-up > li:nth-child(5n+1) {
    clear: both;
  }

  .block-grid.mobile-six-up > li {
    width: 16.66667%;
  }

  .block-grid.mobile-six-up > li:nth-child(6n+1) {
    clear: both;
  }

  .block-grid.mobile-seven-up > li {
    width: 14.28571%;
  }

  .block-grid.mobile-seven-up > li:nth-child(7n+1) {
    clear: both;
  }

  .block-grid.mobile-eight-up > li {
    width: 12.5%;
  }

  .block-grid.mobile-eight-up > li:nth-child(8n+1) {
    clear: both;
  }

  .block-grid.mobile-nine-up > li {
    width: 11.11111%;
  }

  .block-grid.mobile-nine-up > li:nth-child(9n+1) {
    clear: both;
  }

  .block-grid.mobile-ten-up > li {
    width: 10%;
  }

  .block-grid.mobile-ten-up > li:nth-child(10n+1) {
    clear: both;
  }

  .block-grid.mobile-eleven-up > li {
    width: 9.09091%;
  }

  .block-grid.mobile-eleven-up > li:nth-child(11n+1) {
    clear: both;
  }

  .block-grid.mobile-twelve-up > li {
    width: 8.33333%;
  }

  .block-grid.mobile-twelve-up > li:nth-child(12n+1) {
    clear: both;
  }

  /* Forms --- */
  /*           */
  /* Label alignment */
  label.right {
    text-align: left;
  }

  /* Extend width of all inputs */
  input[type="text"].one, .row input[type="text"].one, input[type="password"].one, .row input[type="password"].one, input[type="date"].one, .row input[type="date"].one, input[type="datetime"].one, .row input[type="datetime"].one, input[type="email"].one, .row input[type="email"].one, input[type="number"].one, .row input[type="number"].one, input[type="search"].one, .row input[type="search"].one, input[type="tel"].one, .row input[type="tel"].one, input[type="time"].one, .row input[type="time"].one, input[type="url"].one, .row input[type="url"].one, textarea.one, .row textarea.one {
    width: 100% !important;
  }

  input[type="text"].two, .row input[type="text"].two, input[type="password"].two, .row input[type="password"].two, input[type="date"].two, .row input[type="date"].two, input[type="datetime"].two, .row input[type="datetime"].two, input[type="email"].two, .row input[type="email"].two, input[type="number"].two, .row input[type="number"].two, input[type="search"].two, .row input[type="search"].two, input[type="tel"].two, .row input[type="tel"].two, input[type="time"].two, .row input[type="time"].two, input[type="url"].two, .row input[type="url"].two, textarea.two, .row textarea.two {
    width: 100% !important;
  }

  input[type="text"].three, .row input[type="text"].three, input[type="password"].three, .row input[type="password"].three, input[type="date"].three, .row input[type="date"].three, input[type="datetime"].three, .row input[type="datetime"].three, input[type="email"].three, .row input[type="email"].three, input[type="number"].three, .row input[type="number"].three, input[type="search"].three, .row input[type="search"].three, input[type="tel"].three, .row input[type="tel"].three, input[type="time"].three, .row input[type="time"].three, input[type="url"].three, .row input[type="url"].three, textarea.three, .row textarea.three {
    width: 100% !important;
  }

  input[type="text"].four, .row input[type="text"].four, input[type="password"].four, .row input[type="password"].four, input[type="date"].four, .row input[type="date"].four, input[type="datetime"].four, .row input[type="datetime"].four, input[type="email"].four, .row input[type="email"].four, input[type="number"].four, .row input[type="number"].four, input[type="search"].four, .row input[type="search"].four, input[type="tel"].four, .row input[type="tel"].four, input[type="time"].four, .row input[type="time"].four, input[type="url"].four, .row input[type="url"].four, textarea.four, .row textarea.four {
    width: 100% !important;
  }

  input[type="text"].five, .row input[type="text"].five, input[type="password"].five, .row input[type="password"].five, input[type="date"].five, .row input[type="date"].five, input[type="datetime"].five, .row input[type="datetime"].five, input[type="email"].five, .row input[type="email"].five, input[type="number"].five, .row input[type="number"].five, input[type="search"].five, .row input[type="search"].five, input[type="tel"].five, .row input[type="tel"].five, input[type="time"].five, .row input[type="time"].five, input[type="url"].five, .row input[type="url"].five, textarea.five, .row textarea.five {
    width: 100% !important;
  }

  input[type="text"].six, .row input[type="text"].six, input[type="password"].six, .row input[type="password"].six, input[type="date"].six, .row input[type="date"].six, input[type="datetime"].six, .row input[type="datetime"].six, input[type="email"].six, .row input[type="email"].six, input[type="number"].six, .row input[type="number"].six, input[type="search"].six, .row input[type="search"].six, input[type="tel"].six, .row input[type="tel"].six, input[type="time"].six, .row input[type="time"].six, input[type="url"].six, .row input[type="url"].six, textarea.six, .row textarea.six {
    width: 100% !important;
  }

  input[type="text"].seven, .row input[type="text"].seven, input[type="password"].seven, .row input[type="password"].seven, input[type="date"].seven, .row input[type="date"].seven, input[type="datetime"].seven, .row input[type="datetime"].seven, input[type="email"].seven, .row input[type="email"].seven, input[type="number"].seven, .row input[type="number"].seven, input[type="search"].seven, .row input[type="search"].seven, input[type="tel"].seven, .row input[type="tel"].seven, input[type="time"].seven, .row input[type="time"].seven, input[type="url"].seven, .row input[type="url"].seven, textarea.seven, .row textarea.seven {
    width: 100% !important;
  }

  input[type="text"].eight, .row input[type="text"].eight, input[type="password"].eight, .row input[type="password"].eight, input[type="date"].eight, .row input[type="date"].eight, input[type="datetime"].eight, .row input[type="datetime"].eight, input[type="email"].eight, .row input[type="email"].eight, input[type="number"].eight, .row input[type="number"].eight, input[type="search"].eight, .row input[type="search"].eight, input[type="tel"].eight, .row input[type="tel"].eight, input[type="time"].eight, .row input[type="time"].eight, input[type="url"].eight, .row input[type="url"].eight, textarea.eight, .row textarea.eight {
    width: 100% !important;
  }

  input[type="text"].nine, .row input[type="text"].nine, input[type="password"].nine, .row input[type="password"].nine, input[type="date"].nine, .row input[type="date"].nine, input[type="datetime"].nine, .row input[type="datetime"].nine, input[type="email"].nine, .row input[type="email"].nine, input[type="number"].nine, .row input[type="number"].nine, input[type="search"].nine, .row input[type="search"].nine, input[type="tel"].nine, .row input[type="tel"].nine, input[type="time"].nine, .row input[type="time"].nine, input[type="url"].nine, .row input[type="url"].nine, textarea.nine, .row textarea.nine {
    width: 100% !important;
  }

  input[type="text"].ten, .row input[type="text"].ten, input[type="password"].ten, .row input[type="password"].ten, input[type="date"].ten, .row input[type="date"].ten, input[type="datetime"].ten, .row input[type="datetime"].ten, input[type="email"].ten, .row input[type="email"].ten, input[type="number"].ten, .row input[type="number"].ten, input[type="search"].ten, .row input[type="search"].ten, input[type="tel"].ten, .row input[type="tel"].ten, input[type="time"].ten, .row input[type="time"].ten, input[type="url"].ten, .row input[type="url"].ten, textarea.ten, .row textarea.ten {
    width: 100% !important;
  }

  input[type="text"].eleven, .row input[type="text"].eleven, input[type="password"].eleven, .row input[type="password"].eleven, input[type="date"].eleven, .row input[type="date"].eleven, input[type="datetime"].eleven, .row input[type="datetime"].eleven, input[type="email"].eleven, .row input[type="email"].eleven, input[type="number"].eleven, .row input[type="number"].eleven, input[type="search"].eleven, .row input[type="search"].eleven, input[type="tel"].eleven, .row input[type="tel"].eleven, input[type="time"].eleven, .row input[type="time"].eleven, input[type="url"].eleven, .row input[type="url"].eleven, textarea.eleven, .row textarea.eleven {
    width: 100% !important;
  }

  input[type="text"].twelve, .row input[type="text"].twelve, input[type="password"].twelve, .row input[type="password"].twelve, input[type="date"].twelve, .row input[type="date"].twelve, input[type="datetime"].twelve, .row input[type="datetime"].twelve, input[type="email"].twelve, .row input[type="email"].twelve, input[type="number"].twelve, .row input[type="number"].twelve, input[type="search"].twelve, .row input[type="search"].twelve, input[type="tel"].twelve, .row input[type="tel"].twelve, input[type="time"].twelve, .row input[type="time"].twelve, input[type="url"].twelve, .row input[type="url"].twelve, textarea.twelve, .row textarea.twelve {
    width: 100% !important;
  }

  /* Buttons --- */
  /*             */
  /* Basic overrides */
  .button {
    display: block;
  }

  button.button, input[type="submit"].button {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  /* Button Groups */
  .button-group button.button, .button-group input[type="submit"].button {
    width: auto;
    padding: 10px 20px 11px;
  }

  .button-group button.button.large, .button-group input[type="submit"].button.large {
    padding: 15px 30px 16px;
  }

  .button-group button.button.medium, .button-group input[type="submit"].button.medium {
    padding: 10px 20px 11px;
  }

  .button-group button.button.small, .button-group input[type="submit"].button.small {
    padding: 7px 14px 8px;
  }

  .button-group button.button.tiny, .button-group input[type="submit"].button.tiny {
    padding: 5px 10px 6px;
  }

  .button-group.even button.button, .button-group.even input[type="submit"].button {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar --- */
  /*            */
  .nav-bar {
    height: auto;
  }

  .nav-bar > li {
    float: none;
    display: block;
    border-right: none;
  }

  .nav-bar > li > a.main {
    text-align: left;
    border-top: 1px solid #ddd;
    border-right: none;
  }

  .nav-bar > li:first-child > a.main {
    border-top: none;
  }

  .nav-bar > li.has-flyout > a.flyout-toggle {
    position: absolute;
    right: 0;
    top: 0;
    padding: 22px;
    z-index: 2;
    display: block;
  }

  .nav-bar > li.has-flyout.is-touch > a.flyout-toggle span {
    content: "";
    width: 0;
    height: 0;
    display: block;
  }

  .nav-bar > li.has-flyout > a.flyout-toggle:hover span {
    border-top-color: #141414;
  }

  .nav-bar.vertical > li.has-flyout > .flyout {
    left: 0;
  }

  .flyout {
    position: relative;
    width: 100% !important;
    top: auto;
    margin-right: -2px;
    border-width: 1px 1px 0 1px;
  }

  .flyout.right {
    float: none;
    right: auto;
    left: -1px;
  }

  .flyout.small, .flyout.large {
    width: 100% !important;
  }

  .flyout p:last-child {
    margin-bottom: 18px;
  }

  /* Reveal --- */
  /*            */
  .reveal-modal-bg {
    position: absolute;
  }

  .reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge {
    width: 80%;
    top: 15px;
    left: 50%;
    margin-left: -40%;
    padding: 20px;
    height: auto;
  }

  /* Clearing --- */
  /*              */
  .clearing-container {
    margin: 0;
  }

  .clearing-close {
    z-index: 99;
    font-size: 37px;
    top: 0px;
    right: 5px;
  }

  .clearing-caption {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 10px !important;
    line-height: 1.3;
  }

  .clearing-main-right, .clearing-main-left {
    display: none;
  }

  .clearing-blackout.clearing-assembled .visible-img, .clearing-blackout.clearing-assembled .clearing-container {
    height: 100%;
  }

  .clearing-blackout.clearing-assembled ul[data-clearing] {
    display: none;
  }

  /* Joyride --- */
  /*             */
  .joyride-tip-guide {
    width: 95% !important;
    left: 2.5% !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }

  .joyride-tip-guide-wrapper {
    width: 100%;
  }

  /* Tabs --- */
  /*          */
  .tabs.mobile {
    width: auto;
    margin: 20px -20px 40px;
    border-bottom: solid 1px #ccc;
    height: auto;
    margin: 20px -15px 0px -15px;
  }

  .tabs.mobile dt, .tabs.mobile li, .tabs.mobile dd {
    float: none;
    height: auto;
  }

  .tabs.mobile dd a, .tabs.mobile li a {
    font-size: 15px;
    display: block;
    width: auto;
    height: auto;
    padding: 18px 20px;
    margin: 0;
    color: #555;
    line-height: 1;
    border: none;
    border-left: none;
    border-right: none;
    border-top: 1px solid #ccc;
    background: #fff;
  }

  .tabs.mobile dd a.active, .tabs.mobile li a.active {
    border: none;
    background: #2ba6cb;
    color: #fff;
    margin: 0;
    position: static;
    top: 0;
    height: auto;
  }

  .tabs.mobile dd:first-child, .tabs.mobile li:first-child {
    padding-left: 20px !important;
  }

  .tabs.mobile dd:first-child a.active, .tabs.mobile li:first-child a.active {
    margin: 0;
  }

  .tabs.mobile + .tabs-content.contained {
    margin-left: -15px;
    margin-right: -15px;
  }

  .contained.mobile {
    margin-bottom: 0;
  }

  .contained.tabs.mobile dd a, .contained.tabs.mobile li a {
    padding: 18px 20px;
  }

  .tabs.mobile + ul.contained {
    margin-left: -20px;
    margin-right: -20px;
    border-width: 0 0 1px 0;
  }

  /* UI Elements --- */
  /*                 */
  /* Tooltips */
  .tooltip {
    font-size: 14;
    line-height: 1.4;
    padding: 7px 10px 9px 10px;
    left: 50% !important;
    max-width: 80% !important;
    margin-left: -40%;
    font-size: 110%;
  }

  .tooltip > .nub, .tooltip.top > .nub, .tooltip.left > .nub, .tooltip.right > .nub {
    border-color: transparent transparent black transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
    top: -12px;
    left: 10px;
  }
}
/* Sections */
[data-section=''], [data-section='auto'], .section-container.auto,
[data-section='vertical-tabs'], .section-container.vertical-tabs,
[data-section='vertical-nav'], .section-container.vertical-nav,
[data-section='horizontal-nav'], .section-container.horizontal-nav,
[data-section='accordion'], .section-container.accordion {
  width: 100%;
  position: relative;
  display: block;
  margin-bottom: 1.25em;
}

[data-section=''][data-section-small-style], [data-section='auto'][data-section-small-style], .section-container.auto[data-section-small-style],
[data-section='vertical-tabs'][data-section-small-style], .section-container.vertical-tabs[data-section-small-style],
[data-section='vertical-nav'][data-section-small-style], .section-container.vertical-nav[data-section-small-style],
[data-section='horizontal-nav'][data-section-small-style], .section-container.horizontal-nav[data-section-small-style],
[data-section='accordion'][data-section-small-style], .section-container.accordion[data-section-small-style] {
  width: 100% !important;
}

[data-section=''][data-section-small-style] > [data-section-region], [data-section=''][data-section-small-style] > section, [data-section=''][data-section-small-style] > .section, [data-section='auto'][data-section-small-style] > [data-section-region], [data-section='auto'][data-section-small-style] > section, [data-section='auto'][data-section-small-style] > .section, .section-container.auto[data-section-small-style] > [data-section-region], .section-container.auto[data-section-small-style] > section, .section-container.auto[data-section-small-style] > .section,
[data-section='vertical-tabs'][data-section-small-style] > [data-section-region],
[data-section='vertical-tabs'][data-section-small-style] > section,
[data-section='vertical-tabs'][data-section-small-style] > .section, .section-container.vertical-tabs[data-section-small-style] > [data-section-region], .section-container.vertical-tabs[data-section-small-style] > section, .section-container.vertical-tabs[data-section-small-style] > .section,
[data-section='vertical-nav'][data-section-small-style] > [data-section-region],
[data-section='vertical-nav'][data-section-small-style] > section,
[data-section='vertical-nav'][data-section-small-style] > .section, .section-container.vertical-nav[data-section-small-style] > [data-section-region], .section-container.vertical-nav[data-section-small-style] > section, .section-container.vertical-nav[data-section-small-style] > .section,
[data-section='horizontal-nav'][data-section-small-style] > [data-section-region],
[data-section='horizontal-nav'][data-section-small-style] > section,
[data-section='horizontal-nav'][data-section-small-style] > .section, .section-container.horizontal-nav[data-section-small-style] > [data-section-region], .section-container.horizontal-nav[data-section-small-style] > section, .section-container.horizontal-nav[data-section-small-style] > .section,
[data-section='accordion'][data-section-small-style] > [data-section-region],
[data-section='accordion'][data-section-small-style] > section,
[data-section='accordion'][data-section-small-style] > .section, .section-container.accordion[data-section-small-style] > [data-section-region], .section-container.accordion[data-section-small-style] > section, .section-container.accordion[data-section-small-style] > .section {
  padding: 0 !important;
  margin: 0 !important;
}

[data-section=''][data-section-small-style] > [data-section-region] > [data-section-title], [data-section=''][data-section-small-style] > [data-section-region] > .title, [data-section=''][data-section-small-style] > section > [data-section-title], [data-section=''][data-section-small-style] > section > .title, [data-section=''][data-section-small-style] > .section > [data-section-title], [data-section=''][data-section-small-style] > .section > .title, [data-section='auto'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='auto'][data-section-small-style] > [data-section-region] > .title, [data-section='auto'][data-section-small-style] > section > [data-section-title], [data-section='auto'][data-section-small-style] > section > .title, [data-section='auto'][data-section-small-style] > .section > [data-section-title], [data-section='auto'][data-section-small-style] > .section > .title, .section-container.auto[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.auto[data-section-small-style] > [data-section-region] > .title, .section-container.auto[data-section-small-style] > section > [data-section-title], .section-container.auto[data-section-small-style] > section > .title, .section-container.auto[data-section-small-style] > .section > [data-section-title], .section-container.auto[data-section-small-style] > .section > .title,
[data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > [data-section-title],
[data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > .title,
[data-section='vertical-tabs'][data-section-small-style] > section > [data-section-title],
[data-section='vertical-tabs'][data-section-small-style] > section > .title,
[data-section='vertical-tabs'][data-section-small-style] > .section > [data-section-title],
[data-section='vertical-tabs'][data-section-small-style] > .section > .title, .section-container.vertical-tabs[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > [data-section-region] > .title, .section-container.vertical-tabs[data-section-small-style] > section > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > section > .title, .section-container.vertical-tabs[data-section-small-style] > .section > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > .section > .title,
[data-section='vertical-nav'][data-section-small-style] > [data-section-region] > [data-section-title],
[data-section='vertical-nav'][data-section-small-style] > [data-section-region] > .title,
[data-section='vertical-nav'][data-section-small-style] > section > [data-section-title],
[data-section='vertical-nav'][data-section-small-style] > section > .title,
[data-section='vertical-nav'][data-section-small-style] > .section > [data-section-title],
[data-section='vertical-nav'][data-section-small-style] > .section > .title, .section-container.vertical-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.vertical-nav[data-section-small-style] > [data-section-region] > .title, .section-container.vertical-nav[data-section-small-style] > section > [data-section-title], .section-container.vertical-nav[data-section-small-style] > section > .title, .section-container.vertical-nav[data-section-small-style] > .section > [data-section-title], .section-container.vertical-nav[data-section-small-style] > .section > .title,
[data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > [data-section-title],
[data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > .title,
[data-section='horizontal-nav'][data-section-small-style] > section > [data-section-title],
[data-section='horizontal-nav'][data-section-small-style] > section > .title,
[data-section='horizontal-nav'][data-section-small-style] > .section > [data-section-title],
[data-section='horizontal-nav'][data-section-small-style] > .section > .title, .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > .title, .section-container.horizontal-nav[data-section-small-style] > section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > section > .title, .section-container.horizontal-nav[data-section-small-style] > .section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > .section > .title,
[data-section='accordion'][data-section-small-style] > [data-section-region] > [data-section-title],
[data-section='accordion'][data-section-small-style] > [data-section-region] > .title,
[data-section='accordion'][data-section-small-style] > section > [data-section-title],
[data-section='accordion'][data-section-small-style] > section > .title,
[data-section='accordion'][data-section-small-style] > .section > [data-section-title],
[data-section='accordion'][data-section-small-style] > .section > .title, .section-container.accordion[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.accordion[data-section-small-style] > [data-section-region] > .title, .section-container.accordion[data-section-small-style] > section > [data-section-title], .section-container.accordion[data-section-small-style] > section > .title, .section-container.accordion[data-section-small-style] > .section > [data-section-title], .section-container.accordion[data-section-small-style] > .section > .title {
  width: 100% !important;
}

[data-section=''] > section, [data-section=''] > .section, [data-section=''] > [data-section-region], [data-section='auto'] > section, [data-section='auto'] > .section, [data-section='auto'] > [data-section-region], .section-container.auto > section, .section-container.auto > .section, .section-container.auto > [data-section-region],
[data-section='vertical-tabs'] > section,
[data-section='vertical-tabs'] > .section,
[data-section='vertical-tabs'] > [data-section-region], .section-container.vertical-tabs > section, .section-container.vertical-tabs > .section, .section-container.vertical-tabs > [data-section-region],
[data-section='vertical-nav'] > section,
[data-section='vertical-nav'] > .section,
[data-section='vertical-nav'] > [data-section-region], .section-container.vertical-nav > section, .section-container.vertical-nav > .section, .section-container.vertical-nav > [data-section-region],
[data-section='horizontal-nav'] > section,
[data-section='horizontal-nav'] > .section,
[data-section='horizontal-nav'] > [data-section-region], .section-container.horizontal-nav > section, .section-container.horizontal-nav > .section, .section-container.horizontal-nav > [data-section-region],
[data-section='accordion'] > section,
[data-section='accordion'] > .section,
[data-section='accordion'] > [data-section-region], .section-container.accordion > section, .section-container.accordion > .section, .section-container.accordion > [data-section-region] {
  margin: 0;
}

[data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title,
[data-section='vertical-tabs'] > section > [data-section-title],
[data-section='vertical-tabs'] > section > .title,
[data-section='vertical-tabs'] > .section > [data-section-title],
[data-section='vertical-tabs'] > .section > .title,
[data-section='vertical-tabs'] > [data-section-region] > [data-section-title],
[data-section='vertical-tabs'] > [data-section-region] > .title, .section-container.vertical-tabs > section > [data-section-title], .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > [data-section-title], .section-container.vertical-tabs > .section > .title, .section-container.vertical-tabs > [data-section-region] > [data-section-title], .section-container.vertical-tabs > [data-section-region] > .title,
[data-section='vertical-nav'] > section > [data-section-title],
[data-section='vertical-nav'] > section > .title,
[data-section='vertical-nav'] > .section > [data-section-title],
[data-section='vertical-nav'] > .section > .title,
[data-section='vertical-nav'] > [data-section-region] > [data-section-title],
[data-section='vertical-nav'] > [data-section-region] > .title, .section-container.vertical-nav > section > [data-section-title], .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > [data-section-title], .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > [data-section-region] > [data-section-title], .section-container.vertical-nav > [data-section-region] > .title,
[data-section='horizontal-nav'] > section > [data-section-title],
[data-section='horizontal-nav'] > section > .title,
[data-section='horizontal-nav'] > .section > [data-section-title],
[data-section='horizontal-nav'] > .section > .title,
[data-section='horizontal-nav'] > [data-section-region] > [data-section-title],
[data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title,
[data-section='accordion'] > section > [data-section-title],
[data-section='accordion'] > section > .title,
[data-section='accordion'] > .section > [data-section-title],
[data-section='accordion'] > .section > .title,
[data-section='accordion'] > [data-section-region] > [data-section-title],
[data-section='accordion'] > [data-section-region] > .title, .section-container.accordion > section > [data-section-title], .section-container.accordion > section > .title, .section-container.accordion > .section > [data-section-title], .section-container.accordion > .section > .title, .section-container.accordion > [data-section-region] > [data-section-title], .section-container.accordion > [data-section-region] > .title {
  margin-bottom: 0;
}

[data-section=''] > section > [data-section-title] a, [data-section=''] > section > .title a, [data-section=''] > .section > [data-section-title] a, [data-section=''] > .section > .title a, [data-section=''] > [data-section-region] > [data-section-title] a, [data-section=''] > [data-section-region] > .title a, [data-section='auto'] > section > [data-section-title] a, [data-section='auto'] > section > .title a, [data-section='auto'] > .section > [data-section-title] a, [data-section='auto'] > .section > .title a, [data-section='auto'] > [data-section-region] > [data-section-title] a, [data-section='auto'] > [data-section-region] > .title a, .section-container.auto > section > [data-section-title] a, .section-container.auto > section > .title a, .section-container.auto > .section > [data-section-title] a, .section-container.auto > .section > .title a, .section-container.auto > [data-section-region] > [data-section-title] a, .section-container.auto > [data-section-region] > .title a,
[data-section='vertical-tabs'] > section > [data-section-title] a,
[data-section='vertical-tabs'] > section > .title a,
[data-section='vertical-tabs'] > .section > [data-section-title] a,
[data-section='vertical-tabs'] > .section > .title a,
[data-section='vertical-tabs'] > [data-section-region] > [data-section-title] a,
[data-section='vertical-tabs'] > [data-section-region] > .title a, .section-container.vertical-tabs > section > [data-section-title] a, .section-container.vertical-tabs > section > .title a, .section-container.vertical-tabs > .section > [data-section-title] a, .section-container.vertical-tabs > .section > .title a, .section-container.vertical-tabs > [data-section-region] > [data-section-title] a, .section-container.vertical-tabs > [data-section-region] > .title a,
[data-section='vertical-nav'] > section > [data-section-title] a,
[data-section='vertical-nav'] > section > .title a,
[data-section='vertical-nav'] > .section > [data-section-title] a,
[data-section='vertical-nav'] > .section > .title a,
[data-section='vertical-nav'] > [data-section-region] > [data-section-title] a,
[data-section='vertical-nav'] > [data-section-region] > .title a, .section-container.vertical-nav > section > [data-section-title] a, .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > [data-section-title] a, .section-container.vertical-nav > .section > .title a, .section-container.vertical-nav > [data-section-region] > [data-section-title] a, .section-container.vertical-nav > [data-section-region] > .title a,
[data-section='horizontal-nav'] > section > [data-section-title] a,
[data-section='horizontal-nav'] > section > .title a,
[data-section='horizontal-nav'] > .section > [data-section-title] a,
[data-section='horizontal-nav'] > .section > .title a,
[data-section='horizontal-nav'] > [data-section-region] > [data-section-title] a,
[data-section='horizontal-nav'] > [data-section-region] > .title a, .section-container.horizontal-nav > section > [data-section-title] a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > [data-section-title] a, .section-container.horizontal-nav > .section > .title a, .section-container.horizontal-nav > [data-section-region] > [data-section-title] a, .section-container.horizontal-nav > [data-section-region] > .title a,
[data-section='accordion'] > section > [data-section-title] a,
[data-section='accordion'] > section > .title a,
[data-section='accordion'] > .section > [data-section-title] a,
[data-section='accordion'] > .section > .title a,
[data-section='accordion'] > [data-section-region] > [data-section-title] a,
[data-section='accordion'] > [data-section-region] > .title a, .section-container.accordion > section > [data-section-title] a, .section-container.accordion > section > .title a, .section-container.accordion > .section > [data-section-title] a, .section-container.accordion > .section > .title a, .section-container.accordion > [data-section-region] > [data-section-title] a, .section-container.accordion > [data-section-region] > .title a {
  width: 100%;
  display: inline-block;
  white-space: nowrap;
}

[data-section=''] > section > [data-section-content], [data-section=''] > section > .content, [data-section=''] > .section > [data-section-content], [data-section=''] > .section > .content, [data-section=''] > [data-section-region] > [data-section-content], [data-section=''] > [data-section-region] > .content, [data-section='auto'] > section > [data-section-content], [data-section='auto'] > section > .content, [data-section='auto'] > .section > [data-section-content], [data-section='auto'] > .section > .content, [data-section='auto'] > [data-section-region] > [data-section-content], [data-section='auto'] > [data-section-region] > .content, .section-container.auto > section > [data-section-content], .section-container.auto > section > .content, .section-container.auto > .section > [data-section-content], .section-container.auto > .section > .content, .section-container.auto > [data-section-region] > [data-section-content], .section-container.auto > [data-section-region] > .content,
[data-section='vertical-tabs'] > section > [data-section-content],
[data-section='vertical-tabs'] > section > .content,
[data-section='vertical-tabs'] > .section > [data-section-content],
[data-section='vertical-tabs'] > .section > .content,
[data-section='vertical-tabs'] > [data-section-region] > [data-section-content],
[data-section='vertical-tabs'] > [data-section-region] > .content, .section-container.vertical-tabs > section > [data-section-content], .section-container.vertical-tabs > section > .content, .section-container.vertical-tabs > .section > [data-section-content], .section-container.vertical-tabs > .section > .content, .section-container.vertical-tabs > [data-section-region] > [data-section-content], .section-container.vertical-tabs > [data-section-region] > .content,
[data-section='vertical-nav'] > section > [data-section-content],
[data-section='vertical-nav'] > section > .content,
[data-section='vertical-nav'] > .section > [data-section-content],
[data-section='vertical-nav'] > .section > .content,
[data-section='vertical-nav'] > [data-section-region] > [data-section-content],
[data-section='vertical-nav'] > [data-section-region] > .content, .section-container.vertical-nav > section > [data-section-content], .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > [data-section-content], .section-container.vertical-nav > .section > .content, .section-container.vertical-nav > [data-section-region] > [data-section-content], .section-container.vertical-nav > [data-section-region] > .content,
[data-section='horizontal-nav'] > section > [data-section-content],
[data-section='horizontal-nav'] > section > .content,
[data-section='horizontal-nav'] > .section > [data-section-content],
[data-section='horizontal-nav'] > .section > .content,
[data-section='horizontal-nav'] > [data-section-region] > [data-section-content],
[data-section='horizontal-nav'] > [data-section-region] > .content, .section-container.horizontal-nav > section > [data-section-content], .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > [data-section-content], .section-container.horizontal-nav > .section > .content, .section-container.horizontal-nav > [data-section-region] > [data-section-content], .section-container.horizontal-nav > [data-section-region] > .content,
[data-section='accordion'] > section > [data-section-content],
[data-section='accordion'] > section > .content,
[data-section='accordion'] > .section > [data-section-content],
[data-section='accordion'] > .section > .content,
[data-section='accordion'] > [data-section-region] > [data-section-content],
[data-section='accordion'] > [data-section-region] > .content, .section-container.accordion > section > [data-section-content], .section-container.accordion > section > .content, .section-container.accordion > .section > [data-section-content], .section-container.accordion > .section > .content, .section-container.accordion > [data-section-region] > [data-section-content], .section-container.accordion > [data-section-region] > .content {
  display: none;
}

[data-section=''] > section.active > [data-section-content], [data-section=''] > section.active > .content, [data-section=''] > .section.active > [data-section-content], [data-section=''] > .section.active > .content, [data-section=''] > [data-section-region].active > [data-section-content], [data-section=''] > [data-section-region].active > .content, [data-section='auto'] > section.active > [data-section-content], [data-section='auto'] > section.active > .content, [data-section='auto'] > .section.active > [data-section-content], [data-section='auto'] > .section.active > .content, [data-section='auto'] > [data-section-region].active > [data-section-content], [data-section='auto'] > [data-section-region].active > .content, .section-container.auto > section.active > [data-section-content], .section-container.auto > section.active > .content, .section-container.auto > .section.active > [data-section-content], .section-container.auto > .section.active > .content, .section-container.auto > [data-section-region].active > [data-section-content], .section-container.auto > [data-section-region].active > .content,
[data-section='vertical-tabs'] > section.active > [data-section-content],
[data-section='vertical-tabs'] > section.active > .content,
[data-section='vertical-tabs'] > .section.active > [data-section-content],
[data-section='vertical-tabs'] > .section.active > .content,
[data-section='vertical-tabs'] > [data-section-region].active > [data-section-content],
[data-section='vertical-tabs'] > [data-section-region].active > .content, .section-container.vertical-tabs > section.active > [data-section-content], .section-container.vertical-tabs > section.active > .content, .section-container.vertical-tabs > .section.active > [data-section-content], .section-container.vertical-tabs > .section.active > .content, .section-container.vertical-tabs > [data-section-region].active > [data-section-content], .section-container.vertical-tabs > [data-section-region].active > .content,
[data-section='vertical-nav'] > section.active > [data-section-content],
[data-section='vertical-nav'] > section.active > .content,
[data-section='vertical-nav'] > .section.active > [data-section-content],
[data-section='vertical-nav'] > .section.active > .content,
[data-section='vertical-nav'] > [data-section-region].active > [data-section-content],
[data-section='vertical-nav'] > [data-section-region].active > .content, .section-container.vertical-nav > section.active > [data-section-content], .section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > [data-section-content], .section-container.vertical-nav > .section.active > .content, .section-container.vertical-nav > [data-section-region].active > [data-section-content], .section-container.vertical-nav > [data-section-region].active > .content,
[data-section='horizontal-nav'] > section.active > [data-section-content],
[data-section='horizontal-nav'] > section.active > .content,
[data-section='horizontal-nav'] > .section.active > [data-section-content],
[data-section='horizontal-nav'] > .section.active > .content,
[data-section='horizontal-nav'] > [data-section-region].active > [data-section-content],
[data-section='horizontal-nav'] > [data-section-region].active > .content, .section-container.horizontal-nav > section.active > [data-section-content], .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > [data-section-content], .section-container.horizontal-nav > .section.active > .content, .section-container.horizontal-nav > [data-section-region].active > [data-section-content], .section-container.horizontal-nav > [data-section-region].active > .content,
[data-section='accordion'] > section.active > [data-section-content],
[data-section='accordion'] > section.active > .content,
[data-section='accordion'] > .section.active > [data-section-content],
[data-section='accordion'] > .section.active > .content,
[data-section='accordion'] > [data-section-region].active > [data-section-content],
[data-section='accordion'] > [data-section-region].active > .content, .section-container.accordion > section.active > [data-section-content], .section-container.accordion > section.active > .content, .section-container.accordion > .section.active > [data-section-content], .section-container.accordion > .section.active > .content, .section-container.accordion > [data-section-region].active > [data-section-content], .section-container.accordion > [data-section-region].active > .content {
  display: block;
}

[data-section=''] > section:not(.active), [data-section=''] > .section:not(.active), [data-section=''] > [data-section-region]:not(.active), [data-section='auto'] > section:not(.active), [data-section='auto'] > .section:not(.active), [data-section='auto'] > [data-section-region]:not(.active), .section-container.auto > section:not(.active), .section-container.auto > .section:not(.active), .section-container.auto > [data-section-region]:not(.active),
[data-section='vertical-tabs'] > section:not(.active),
[data-section='vertical-tabs'] > .section:not(.active),
[data-section='vertical-tabs'] > [data-section-region]:not(.active), .section-container.vertical-tabs > section:not(.active), .section-container.vertical-tabs > .section:not(.active), .section-container.vertical-tabs > [data-section-region]:not(.active),
[data-section='vertical-nav'] > section:not(.active),
[data-section='vertical-nav'] > .section:not(.active),
[data-section='vertical-nav'] > [data-section-region]:not(.active), .section-container.vertical-nav > section:not(.active), .section-container.vertical-nav > .section:not(.active), .section-container.vertical-nav > [data-section-region]:not(.active),
[data-section='horizontal-nav'] > section:not(.active),
[data-section='horizontal-nav'] > .section:not(.active),
[data-section='horizontal-nav'] > [data-section-region]:not(.active), .section-container.horizontal-nav > section:not(.active), .section-container.horizontal-nav > .section:not(.active), .section-container.horizontal-nav > [data-section-region]:not(.active),
[data-section='accordion'] > section:not(.active),
[data-section='accordion'] > .section:not(.active),
[data-section='accordion'] > [data-section-region]:not(.active), .section-container.accordion > section:not(.active), .section-container.accordion > .section:not(.active), .section-container.accordion > [data-section-region]:not(.active) {
  padding: 0 !important;
}

[data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title,
[data-section='vertical-tabs'] > section > [data-section-title],
[data-section='vertical-tabs'] > section > .title,
[data-section='vertical-tabs'] > .section > [data-section-title],
[data-section='vertical-tabs'] > .section > .title,
[data-section='vertical-tabs'] > [data-section-region] > [data-section-title],
[data-section='vertical-tabs'] > [data-section-region] > .title, .section-container.vertical-tabs > section > [data-section-title], .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > [data-section-title], .section-container.vertical-tabs > .section > .title, .section-container.vertical-tabs > [data-section-region] > [data-section-title], .section-container.vertical-tabs > [data-section-region] > .title,
[data-section='vertical-nav'] > section > [data-section-title],
[data-section='vertical-nav'] > section > .title,
[data-section='vertical-nav'] > .section > [data-section-title],
[data-section='vertical-nav'] > .section > .title,
[data-section='vertical-nav'] > [data-section-region] > [data-section-title],
[data-section='vertical-nav'] > [data-section-region] > .title, .section-container.vertical-nav > section > [data-section-title], .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > [data-section-title], .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > [data-section-region] > [data-section-title], .section-container.vertical-nav > [data-section-region] > .title,
[data-section='horizontal-nav'] > section > [data-section-title],
[data-section='horizontal-nav'] > section > .title,
[data-section='horizontal-nav'] > .section > [data-section-title],
[data-section='horizontal-nav'] > .section > .title,
[data-section='horizontal-nav'] > [data-section-region] > [data-section-title],
[data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title,
[data-section='accordion'] > section > [data-section-title],
[data-section='accordion'] > section > .title,
[data-section='accordion'] > .section > [data-section-title],
[data-section='accordion'] > .section > .title,
[data-section='accordion'] > [data-section-region] > [data-section-title],
[data-section='accordion'] > [data-section-region] > .title, .section-container.accordion > section > [data-section-title], .section-container.accordion > section > .title, .section-container.accordion > .section > [data-section-title], .section-container.accordion > .section > .title, .section-container.accordion > [data-section-region] > [data-section-title], .section-container.accordion > [data-section-region] > .title {
  width: 100%;
}

.section-container.auto,
.section-container.vertical-tabs,
.section-container.vertical-nav,
.section-container.horizontal-nav,
.section-container.accordion {
  border-top: 1px solid #cccccc;
}

.section-container.auto > section > .title, .section-container.auto > .section > .title,
.section-container.vertical-tabs > section > .title,
.section-container.vertical-tabs > .section > .title,
.section-container.vertical-nav > section > .title,
.section-container.vertical-nav > .section > .title,
.section-container.horizontal-nav > section > .title,
.section-container.horizontal-nav > .section > .title,
.section-container.accordion > section > .title,
.section-container.accordion > .section > .title {
  background-color: #efefef;
  cursor: pointer;
  border: solid 1px #cccccc;
}

.section-container.auto > section > .title a, .section-container.auto > .section > .title a,
.section-container.vertical-tabs > section > .title a,
.section-container.vertical-tabs > .section > .title a,
.section-container.vertical-nav > section > .title a,
.section-container.vertical-nav > .section > .title a,
.section-container.horizontal-nav > section > .title a,
.section-container.horizontal-nav > .section > .title a,
.section-container.accordion > section > .title a,
.section-container.accordion > .section > .title a {
  padding: 0.9375em;
  color: #333333;
  font-size: 0.875em;
  background: none;
}

.section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover,
.section-container.vertical-tabs > section > .title:hover,
.section-container.vertical-tabs > .section > .title:hover,
.section-container.vertical-nav > section > .title:hover,
.section-container.vertical-nav > .section > .title:hover,
.section-container.horizontal-nav > section > .title:hover,
.section-container.horizontal-nav > .section > .title:hover,
.section-container.accordion > section > .title:hover,
.section-container.accordion > .section > .title:hover {
  background-color: #e2e2e2;
}

.section-container.auto > section > .content, .section-container.auto > .section > .content,
.section-container.vertical-tabs > section > .content,
.section-container.vertical-tabs > .section > .content,
.section-container.vertical-nav > section > .content,
.section-container.vertical-nav > .section > .content,
.section-container.horizontal-nav > section > .content,
.section-container.horizontal-nav > .section > .content,
.section-container.accordion > section > .content,
.section-container.accordion > .section > .content {
  padding: 0.9375em;
  background-color: white;
  border: solid 1px #cccccc;
}

.section-container.auto > section > .content > *:last-child, .section-container.auto > .section > .content > *:last-child,
.section-container.vertical-tabs > section > .content > *:last-child,
.section-container.vertical-tabs > .section > .content > *:last-child,
.section-container.vertical-nav > section > .content > *:last-child,
.section-container.vertical-nav > .section > .content > *:last-child,
.section-container.horizontal-nav > section > .content > *:last-child,
.section-container.horizontal-nav > .section > .content > *:last-child,
.section-container.accordion > section > .content > *:last-child,
.section-container.accordion > .section > .content > *:last-child {
  margin-bottom: 0;
}

.section-container.auto > section > .content > *:first-child, .section-container.auto > .section > .content > *:first-child,
.section-container.vertical-tabs > section > .content > *:first-child,
.section-container.vertical-tabs > .section > .content > *:first-child,
.section-container.vertical-nav > section > .content > *:first-child,
.section-container.vertical-nav > .section > .content > *:first-child,
.section-container.horizontal-nav > section > .content > *:first-child,
.section-container.horizontal-nav > .section > .content > *:first-child,
.section-container.accordion > section > .content > *:first-child,
.section-container.accordion > .section > .content > *:first-child {
  padding-top: 0;
}

.section-container.auto > section > .content > *:last-child:not(.flex-video), .section-container.auto > .section > .content > *:last-child:not(.flex-video),
.section-container.vertical-tabs > section > .content > *:last-child:not(.flex-video),
.section-container.vertical-tabs > .section > .content > *:last-child:not(.flex-video),
.section-container.vertical-nav > section > .content > *:last-child:not(.flex-video),
.section-container.vertical-nav > .section > .content > *:last-child:not(.flex-video),
.section-container.horizontal-nav > section > .content > *:last-child:not(.flex-video),
.section-container.horizontal-nav > .section > .content > *:last-child:not(.flex-video),
.section-container.accordion > section > .content > *:last-child:not(.flex-video),
.section-container.accordion > .section > .content > *:last-child:not(.flex-video) {
  padding-bottom: 0;
}

.section-container.auto > section.active > .title, .section-container.auto > .section.active > .title,
.section-container.vertical-tabs > section.active > .title,
.section-container.vertical-tabs > .section.active > .title,
.section-container.vertical-nav > section.active > .title,
.section-container.vertical-nav > .section.active > .title,
.section-container.horizontal-nav > section.active > .title,
.section-container.horizontal-nav > .section.active > .title,
.section-container.accordion > section.active > .title,
.section-container.accordion > .section.active > .title {
  background: #d5d5d5;
}

.section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a,
.section-container.vertical-tabs > section.active > .title a,
.section-container.vertical-tabs > .section.active > .title a,
.section-container.vertical-nav > section.active > .title a,
.section-container.vertical-nav > .section.active > .title a,
.section-container.horizontal-nav > section.active > .title a,
.section-container.horizontal-nav > .section.active > .title a,
.section-container.accordion > section.active > .title a,
.section-container.accordion > .section.active > .title a {
  color: #333333;
}

.section-container.auto > section:not(.active), .section-container.auto > .section:not(.active),
.section-container.vertical-tabs > section:not(.active),
.section-container.vertical-tabs > .section:not(.active),
.section-container.vertical-nav > section:not(.active),
.section-container.vertical-nav > .section:not(.active),
.section-container.horizontal-nav > section:not(.active),
.section-container.horizontal-nav > .section:not(.active),
.section-container.accordion > section:not(.active),
.section-container.accordion > .section:not(.active) {
  padding: 0 !important;
}

.section-container.auto > section > .title, .section-container.auto > .section > .title,
.section-container.vertical-tabs > section > .title,
.section-container.vertical-tabs > .section > .title,
.section-container.vertical-nav > section > .title,
.section-container.vertical-nav > .section > .title,
.section-container.horizontal-nav > section > .title,
.section-container.horizontal-nav > .section > .title,
.section-container.accordion > section > .title,
.section-container.accordion > .section > .title {
  border-top: none;
}

[data-section='tabs'], .section-container.tabs {
  width: 100%;
  position: relative;
  display: block;
  margin-bottom: 1.25em;
}

[data-section='tabs']:not([data-section-resized]):not([data-section-small-style]), .section-container.tabs:not([data-section-resized]):not([data-section-small-style]) {
  visibility: hidden;
}

[data-section='tabs'] > section > [data-section-title], [data-section='tabs'] > section > .title, [data-section='tabs'] > .section > [data-section-title], [data-section='tabs'] > .section > .title, [data-section='tabs'] > [data-section-region] > [data-section-title], [data-section='tabs'] > [data-section-region] > .title, .section-container.tabs > section > [data-section-title], .section-container.tabs > section > .title, .section-container.tabs > .section > [data-section-title], .section-container.tabs > .section > .title, .section-container.tabs > [data-section-region] > [data-section-title], .section-container.tabs > [data-section-region] > .title {
  margin-bottom: 0;
}

[data-section='tabs'] > section > [data-section-title] a, [data-section='tabs'] > section > .title a, [data-section='tabs'] > .section > [data-section-title] a, [data-section='tabs'] > .section > .title a, [data-section='tabs'] > [data-section-region] > [data-section-title] a, [data-section='tabs'] > [data-section-region] > .title a, .section-container.tabs > section > [data-section-title] a, .section-container.tabs > section > .title a, .section-container.tabs > .section > [data-section-title] a, .section-container.tabs > .section > .title a, .section-container.tabs > [data-section-region] > [data-section-title] a, .section-container.tabs > [data-section-region] > .title a {
  width: 100%;
  display: inline-block;
  white-space: nowrap;
}

[data-section='tabs'] > section > [data-section-content], [data-section='tabs'] > section > .content, [data-section='tabs'] > .section > [data-section-content], [data-section='tabs'] > .section > .content, [data-section='tabs'] > [data-section-region] > [data-section-content], [data-section='tabs'] > [data-section-region] > .content, .section-container.tabs > section > [data-section-content], .section-container.tabs > section > .content, .section-container.tabs > .section > [data-section-content], .section-container.tabs > .section > .content, .section-container.tabs > [data-section-region] > [data-section-content], .section-container.tabs > [data-section-region] > .content {
  display: none;
}

[data-section='tabs'] > section.active > [data-section-content], [data-section='tabs'] > section.active > .content, [data-section='tabs'] > .section.active > [data-section-content], [data-section='tabs'] > .section.active > .content, [data-section='tabs'] > [data-section-region].active > [data-section-content], [data-section='tabs'] > [data-section-region].active > .content, .section-container.tabs > section.active > [data-section-content], .section-container.tabs > section.active > .content, .section-container.tabs > .section.active > [data-section-content], .section-container.tabs > .section.active > .content, .section-container.tabs > [data-section-region].active > [data-section-content], .section-container.tabs > [data-section-region].active > .content {
  display: block;
}

[data-section='tabs'] > section:not(.active), [data-section='tabs'] > .section:not(.active), [data-section='tabs'] > [data-section-region]:not(.active), .section-container.tabs > section:not(.active), .section-container.tabs > .section:not(.active), .section-container.tabs > [data-section-region]:not(.active) {
  padding: 0 !important;
}

[data-section='tabs'] > section > [data-section-title], [data-section='tabs'] > section > .title, [data-section='tabs'] > .section > [data-section-title], [data-section='tabs'] > .section > .title, [data-section='tabs'] > [data-section-region] > [data-section-title], [data-section='tabs'] > [data-section-region] > .title, .section-container.tabs > section > [data-section-title], .section-container.tabs > section > .title, .section-container.tabs > .section > [data-section-title], .section-container.tabs > .section > .title, .section-container.tabs > [data-section-region] > [data-section-title], .section-container.tabs > [data-section-region] > .title {
  width: auto;
  position: absolute;
  top: 0;
  left: 0;
}

.section-container.tabs {
  border: none;
}

.section-container.tabs > section > .title, .section-container.tabs > .section > .title {
  background-color: #efefef;
  cursor: pointer;
  border: solid 1px #cccccc;
}

.section-container.tabs > section > .title a, .section-container.tabs > .section > .title a {
  padding: 0.9375em;
  color: #333333;
  font-size: 0.875em;
  background: none;
}

.section-container.tabs > section > .title:hover, .section-container.tabs > .section > .title:hover {
  background-color: #e2e2e2;
}

.section-container.tabs > section > .content, .section-container.tabs > .section > .content {
  padding: 0.9375em;
  background-color: white;
  border: solid 1px #cccccc;
}

.section-container.tabs > section > .content > *:last-child, .section-container.tabs > .section > .content > *:last-child {
  margin-bottom: 0;
}

.section-container.tabs > section > .content > *:first-child, .section-container.tabs > .section > .content > *:first-child {
  padding-top: 0;
}

.section-container.tabs > section > .content > *:last-child:not(.flex-video), .section-container.tabs > .section > .content > *:last-child:not(.flex-video) {
  padding-bottom: 0;
}

.section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title {
  background: white;
}

.section-container.tabs > section.active > .title a, .section-container.tabs > .section.active > .title a {
  color: #333333;
}

.section-container.tabs > section:not(.active), .section-container.tabs > .section:not(.active) {
  padding: 0 !important;
}

.section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title {
  border-bottom: 0;
}

@media only screen and (min-width: 768px) {
  [data-section=''], [data-section='auto'], .section-container.auto {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 1.25em;
  }

  [data-section='']:not([data-section-resized]):not([data-section-small-style]), [data-section='auto']:not([data-section-resized]):not([data-section-small-style]), .section-container.auto:not([data-section-resized]):not([data-section-small-style]) {
    visibility: hidden;
  }

  [data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title {
    margin-bottom: 0;
  }

  [data-section=''] > section > [data-section-title] a, [data-section=''] > section > .title a, [data-section=''] > .section > [data-section-title] a, [data-section=''] > .section > .title a, [data-section=''] > [data-section-region] > [data-section-title] a, [data-section=''] > [data-section-region] > .title a, [data-section='auto'] > section > [data-section-title] a, [data-section='auto'] > section > .title a, [data-section='auto'] > .section > [data-section-title] a, [data-section='auto'] > .section > .title a, [data-section='auto'] > [data-section-region] > [data-section-title] a, [data-section='auto'] > [data-section-region] > .title a, .section-container.auto > section > [data-section-title] a, .section-container.auto > section > .title a, .section-container.auto > .section > [data-section-title] a, .section-container.auto > .section > .title a, .section-container.auto > [data-section-region] > [data-section-title] a, .section-container.auto > [data-section-region] > .title a {
    width: 100%;
    display: inline-block;
    white-space: nowrap;
  }

  [data-section=''] > section > [data-section-content], [data-section=''] > section > .content, [data-section=''] > .section > [data-section-content], [data-section=''] > .section > .content, [data-section=''] > [data-section-region] > [data-section-content], [data-section=''] > [data-section-region] > .content, [data-section='auto'] > section > [data-section-content], [data-section='auto'] > section > .content, [data-section='auto'] > .section > [data-section-content], [data-section='auto'] > .section > .content, [data-section='auto'] > [data-section-region] > [data-section-content], [data-section='auto'] > [data-section-region] > .content, .section-container.auto > section > [data-section-content], .section-container.auto > section > .content, .section-container.auto > .section > [data-section-content], .section-container.auto > .section > .content, .section-container.auto > [data-section-region] > [data-section-content], .section-container.auto > [data-section-region] > .content {
    display: none;
  }

  [data-section=''] > section.active > [data-section-content], [data-section=''] > section.active > .content, [data-section=''] > .section.active > [data-section-content], [data-section=''] > .section.active > .content, [data-section=''] > [data-section-region].active > [data-section-content], [data-section=''] > [data-section-region].active > .content, [data-section='auto'] > section.active > [data-section-content], [data-section='auto'] > section.active > .content, [data-section='auto'] > .section.active > [data-section-content], [data-section='auto'] > .section.active > .content, [data-section='auto'] > [data-section-region].active > [data-section-content], [data-section='auto'] > [data-section-region].active > .content, .section-container.auto > section.active > [data-section-content], .section-container.auto > section.active > .content, .section-container.auto > .section.active > [data-section-content], .section-container.auto > .section.active > .content, .section-container.auto > [data-section-region].active > [data-section-content], .section-container.auto > [data-section-region].active > .content {
    display: block;
  }

  [data-section=''] > section:not(.active), [data-section=''] > .section:not(.active), [data-section=''] > [data-section-region]:not(.active), [data-section='auto'] > section:not(.active), [data-section='auto'] > .section:not(.active), [data-section='auto'] > [data-section-region]:not(.active), .section-container.auto > section:not(.active), .section-container.auto > .section:not(.active), .section-container.auto > [data-section-region]:not(.active) {
    padding: 0 !important;
  }

  [data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title {
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
  }

  .section-container.auto {
    border: none;
  }

  .section-container.auto > section > .title, .section-container.auto > .section > .title {
    background-color: #efefef;
    cursor: pointer;
    border: solid 1px #cccccc;
  }

  .section-container.auto > section > .title a, .section-container.auto > .section > .title a {
    padding: 0.9375em;
    color: #333333;
    font-size: 0.875em;
    background: none;
  }

  .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover {
    background-color: #e2e2e2;
  }

  .section-container.auto > section > .content, .section-container.auto > .section > .content {
    padding: 0.9375em;
    background-color: white;
    border: solid 1px #cccccc;
  }

  .section-container.auto > section > .content > *:last-child, .section-container.auto > .section > .content > *:last-child {
    margin-bottom: 0;
  }

  .section-container.auto > section > .content > *:first-child, .section-container.auto > .section > .content > *:first-child {
    padding-top: 0;
  }

  .section-container.auto > section > .content > *:last-child:not(.flex-video), .section-container.auto > .section > .content > *:last-child:not(.flex-video) {
    padding-bottom: 0;
  }

  .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title {
    background: white;
  }

  .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a {
    color: #333333;
  }

  .section-container.auto > section:not(.active), .section-container.auto > .section:not(.active) {
    padding: 0 !important;
  }

  .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title {
    border-bottom: 0;
  }

  [data-section='vertical-tabs'], .section-container.vertical-tabs {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 1.25em;
  }

  [data-section='vertical-tabs']:not([data-section-resized]):not([data-section-small-style]), .section-container.vertical-tabs:not([data-section-resized]):not([data-section-small-style]) {
    visibility: hidden;
  }

  [data-section='vertical-tabs'][data-section-small-style], .section-container.vertical-tabs[data-section-small-style] {
    width: 100% !important;
  }

  [data-section='vertical-tabs'][data-section-small-style] > [data-section-region], [data-section='vertical-tabs'][data-section-small-style] > section, [data-section='vertical-tabs'][data-section-small-style] > .section, .section-container.vertical-tabs[data-section-small-style] > [data-section-region], .section-container.vertical-tabs[data-section-small-style] > section, .section-container.vertical-tabs[data-section-small-style] > .section {
    padding: 0 !important;
    margin: 0 !important;
  }

  [data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > .title, [data-section='vertical-tabs'][data-section-small-style] > section > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > section > .title, [data-section='vertical-tabs'][data-section-small-style] > .section > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > .section > .title, .section-container.vertical-tabs[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > [data-section-region] > .title, .section-container.vertical-tabs[data-section-small-style] > section > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > section > .title, .section-container.vertical-tabs[data-section-small-style] > .section > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > .section > .title {
    width: 100% !important;
  }

  [data-section='vertical-tabs'] > section > [data-section-title], [data-section='vertical-tabs'] > section > .title, [data-section='vertical-tabs'] > .section > [data-section-title], [data-section='vertical-tabs'] > .section > .title, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'] > [data-section-region] > .title, .section-container.vertical-tabs > section > [data-section-title], .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > [data-section-title], .section-container.vertical-tabs > .section > .title, .section-container.vertical-tabs > [data-section-region] > [data-section-title], .section-container.vertical-tabs > [data-section-region] > .title {
    margin-bottom: 0;
  }

  [data-section='vertical-tabs'] > section > [data-section-title] a, [data-section='vertical-tabs'] > section > .title a, [data-section='vertical-tabs'] > .section > [data-section-title] a, [data-section='vertical-tabs'] > .section > .title a, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title] a, [data-section='vertical-tabs'] > [data-section-region] > .title a, .section-container.vertical-tabs > section > [data-section-title] a, .section-container.vertical-tabs > section > .title a, .section-container.vertical-tabs > .section > [data-section-title] a, .section-container.vertical-tabs > .section > .title a, .section-container.vertical-tabs > [data-section-region] > [data-section-title] a, .section-container.vertical-tabs > [data-section-region] > .title a {
    width: 100%;
    display: inline-block;
    white-space: nowrap;
  }

  [data-section='vertical-tabs'] > section > [data-section-content], [data-section='vertical-tabs'] > section > .content, [data-section='vertical-tabs'] > .section > [data-section-content], [data-section='vertical-tabs'] > .section > .content, [data-section='vertical-tabs'] > [data-section-region] > [data-section-content], [data-section='vertical-tabs'] > [data-section-region] > .content, .section-container.vertical-tabs > section > [data-section-content], .section-container.vertical-tabs > section > .content, .section-container.vertical-tabs > .section > [data-section-content], .section-container.vertical-tabs > .section > .content, .section-container.vertical-tabs > [data-section-region] > [data-section-content], .section-container.vertical-tabs > [data-section-region] > .content {
    display: none;
  }

  [data-section='vertical-tabs'] > section.active > [data-section-content], [data-section='vertical-tabs'] > section.active > .content, [data-section='vertical-tabs'] > .section.active > [data-section-content], [data-section='vertical-tabs'] > .section.active > .content, [data-section='vertical-tabs'] > [data-section-region].active > [data-section-content], [data-section='vertical-tabs'] > [data-section-region].active > .content, .section-container.vertical-tabs > section.active > [data-section-content], .section-container.vertical-tabs > section.active > .content, .section-container.vertical-tabs > .section.active > [data-section-content], .section-container.vertical-tabs > .section.active > .content, .section-container.vertical-tabs > [data-section-region].active > [data-section-content], .section-container.vertical-tabs > [data-section-region].active > .content {
    display: block;
  }

  [data-section='vertical-tabs'] > section:not(.active), [data-section='vertical-tabs'] > .section:not(.active), [data-section='vertical-tabs'] > [data-section-region]:not(.active), .section-container.vertical-tabs > section:not(.active), .section-container.vertical-tabs > .section:not(.active), .section-container.vertical-tabs > [data-section-region]:not(.active) {
    padding: 0 !important;
  }

  [data-section='vertical-tabs'] > section > [data-section-title], [data-section='vertical-tabs'] > section > .title, [data-section='vertical-tabs'] > .section > [data-section-title], [data-section='vertical-tabs'] > .section > .title, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'] > [data-section-region] > .title, .section-container.vertical-tabs > section > [data-section-title], .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > [data-section-title], .section-container.vertical-tabs > .section > .title, .section-container.vertical-tabs > [data-section-region] > [data-section-title], .section-container.vertical-tabs > [data-section-region] > .title {
    position: absolute;
    top: 0;
    left: 0;
    width: 12.5em;
  }

  [data-section='vertical-tabs'] > section.active, [data-section='vertical-tabs'] > .section.active, [data-section='vertical-tabs'] > [data-section-region].active, .section-container.vertical-tabs > section.active, .section-container.vertical-tabs > .section.active, .section-container.vertical-tabs > [data-section-region].active {
    padding-left: 12.5em;
  }

  [data-section='vertical-tabs'] > section.active > [data-section-title], [data-section='vertical-tabs'] > section.active > .title, [data-section='vertical-tabs'] > .section.active > [data-section-title], [data-section='vertical-tabs'] > .section.active > .title, [data-section='vertical-tabs'] > [data-section-region].active > [data-section-title], [data-section='vertical-tabs'] > [data-section-region].active > .title, .section-container.vertical-tabs > section.active > [data-section-title], .section-container.vertical-tabs > section.active > .title, .section-container.vertical-tabs > .section.active > [data-section-title], .section-container.vertical-tabs > .section.active > .title, .section-container.vertical-tabs > [data-section-region].active > [data-section-title], .section-container.vertical-tabs > [data-section-region].active > .title {
    width: 12.5em;
  }

  .section-container.vertical-tabs {
    border: none;
  }

  .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > .title {
    background-color: #efefef;
    cursor: pointer;
    border: solid 1px #cccccc;
  }

  .section-container.vertical-tabs > section > .title a, .section-container.vertical-tabs > .section > .title a {
    padding: 0.9375em;
    color: #333333;
    font-size: 0.875em;
    background: none;
  }

  .section-container.vertical-tabs > section > .title:hover, .section-container.vertical-tabs > .section > .title:hover {
    background-color: #e2e2e2;
  }

  .section-container.vertical-tabs > section > .content, .section-container.vertical-tabs > .section > .content {
    padding: 0.9375em;
    background-color: white;
    border: solid 1px #cccccc;
  }

  .section-container.vertical-tabs > section > .content > *:last-child, .section-container.vertical-tabs > .section > .content > *:last-child {
    margin-bottom: 0;
  }

  .section-container.vertical-tabs > section > .content > *:first-child, .section-container.vertical-tabs > .section > .content > *:first-child {
    padding-top: 0;
  }

  .section-container.vertical-tabs > section > .content > *:last-child:not(.flex-video), .section-container.vertical-tabs > .section > .content > *:last-child:not(.flex-video) {
    padding-bottom: 0;
  }

  .section-container.vertical-tabs > section.active > .title, .section-container.vertical-tabs > .section.active > .title {
    background: #d5d5d5;
  }

  .section-container.vertical-tabs > section.active > .title a, .section-container.vertical-tabs > .section.active > .title a {
    color: #333333;
  }

  .section-container.vertical-tabs > section:not(.active), .section-container.vertical-tabs > .section:not(.active) {
    padding: 0 !important;
  }

  .section-container.vertical-tabs > section.active, .section-container.vertical-tabs > .section.active {
    padding-left: 12.4375em;
  }

  .section-container.vertical-tabs > section.active > .title, .section-container.vertical-tabs > .section.active > .title {
    background-color: #d5d5d5;
  }

  [data-section='vertical-nav'], .section-container.vertical-nav {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 1.25em;
  }

  [data-section='vertical-nav']:not([data-section-resized]):not([data-section-small-style]), .section-container.vertical-nav:not([data-section-resized]):not([data-section-small-style]) {
    visibility: hidden;
  }

  [data-section='vertical-nav'][data-section-small-style], .section-container.vertical-nav[data-section-small-style] {
    width: 100% !important;
  }

  [data-section='vertical-nav'][data-section-small-style] > [data-section-region], [data-section='vertical-nav'][data-section-small-style] > section, [data-section='vertical-nav'][data-section-small-style] > .section, .section-container.vertical-nav[data-section-small-style] > [data-section-region], .section-container.vertical-nav[data-section-small-style] > section, .section-container.vertical-nav[data-section-small-style] > .section {
    padding: 0 !important;
    margin: 0 !important;
  }

  [data-section='vertical-nav'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > [data-section-region] > .title, [data-section='vertical-nav'][data-section-small-style] > section > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > section > .title, [data-section='vertical-nav'][data-section-small-style] > .section > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > .section > .title, .section-container.vertical-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.vertical-nav[data-section-small-style] > [data-section-region] > .title, .section-container.vertical-nav[data-section-small-style] > section > [data-section-title], .section-container.vertical-nav[data-section-small-style] > section > .title, .section-container.vertical-nav[data-section-small-style] > .section > [data-section-title], .section-container.vertical-nav[data-section-small-style] > .section > .title {
    width: 100% !important;
  }

  [data-section='vertical-nav'] > section, [data-section='vertical-nav'] > .section, [data-section='vertical-nav'] > [data-section-region], .section-container.vertical-nav > section, .section-container.vertical-nav > .section, .section-container.vertical-nav > [data-section-region] {
    position: relative;
    display: inline-block;
  }

  [data-section='vertical-nav'] > section > [data-section-title], [data-section='vertical-nav'] > section > .title, [data-section='vertical-nav'] > .section > [data-section-title], [data-section='vertical-nav'] > .section > .title, [data-section='vertical-nav'] > [data-section-region] > [data-section-title], [data-section='vertical-nav'] > [data-section-region] > .title, .section-container.vertical-nav > section > [data-section-title], .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > [data-section-title], .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > [data-section-region] > [data-section-title], .section-container.vertical-nav > [data-section-region] > .title {
    margin-bottom: 0;
  }

  [data-section='vertical-nav'] > section > [data-section-title] a, [data-section='vertical-nav'] > section > .title a, [data-section='vertical-nav'] > .section > [data-section-title] a, [data-section='vertical-nav'] > .section > .title a, [data-section='vertical-nav'] > [data-section-region] > [data-section-title] a, [data-section='vertical-nav'] > [data-section-region] > .title a, .section-container.vertical-nav > section > [data-section-title] a, .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > [data-section-title] a, .section-container.vertical-nav > .section > .title a, .section-container.vertical-nav > [data-section-region] > [data-section-title] a, .section-container.vertical-nav > [data-section-region] > .title a {
    width: 100%;
    display: inline-block;
    white-space: nowrap;
  }

  [data-section='vertical-nav'] > section > [data-section-content], [data-section='vertical-nav'] > section > .content, [data-section='vertical-nav'] > .section > [data-section-content], [data-section='vertical-nav'] > .section > .content, [data-section='vertical-nav'] > [data-section-region] > [data-section-content], [data-section='vertical-nav'] > [data-section-region] > .content, .section-container.vertical-nav > section > [data-section-content], .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > [data-section-content], .section-container.vertical-nav > .section > .content, .section-container.vertical-nav > [data-section-region] > [data-section-content], .section-container.vertical-nav > [data-section-region] > .content {
    display: none;
  }

  [data-section='vertical-nav'] > section.active > [data-section-content], [data-section='vertical-nav'] > section.active > .content, [data-section='vertical-nav'] > .section.active > [data-section-content], [data-section='vertical-nav'] > .section.active > .content, [data-section='vertical-nav'] > [data-section-region].active > [data-section-content], [data-section='vertical-nav'] > [data-section-region].active > .content, .section-container.vertical-nav > section.active > [data-section-content], .section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > [data-section-content], .section-container.vertical-nav > .section.active > .content, .section-container.vertical-nav > [data-section-region].active > [data-section-content], .section-container.vertical-nav > [data-section-region].active > .content {
    display: block;
  }

  [data-section='vertical-nav'] > section:not(.active), [data-section='vertical-nav'] > .section:not(.active), [data-section='vertical-nav'] > [data-section-region]:not(.active), .section-container.vertical-nav > section:not(.active), .section-container.vertical-nav > .section:not(.active), .section-container.vertical-nav > [data-section-region]:not(.active) {
    padding: 0 !important;
  }

  [data-section='vertical-nav'] > section > [data-section-title], [data-section='vertical-nav'] > section > .title, [data-section='vertical-nav'] > .section > [data-section-title], [data-section='vertical-nav'] > .section > .title, [data-section='vertical-nav'] > [data-section-region] > [data-section-title], [data-section='vertical-nav'] > [data-section-region] > .title, .section-container.vertical-nav > section > [data-section-title], .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > [data-section-title], .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > [data-section-region] > [data-section-title], .section-container.vertical-nav > [data-section-region] > .title {
    position: static;
    width: auto;
  }

  [data-section='vertical-nav'] > section > [data-section-title] a, [data-section='vertical-nav'] > section > .title a, [data-section='vertical-nav'] > .section > [data-section-title] a, [data-section='vertical-nav'] > .section > .title a, [data-section='vertical-nav'] > [data-section-region] > [data-section-title] a, [data-section='vertical-nav'] > [data-section-region] > .title a, .section-container.vertical-nav > section > [data-section-title] a, .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > [data-section-title] a, .section-container.vertical-nav > .section > .title a, .section-container.vertical-nav > [data-section-region] > [data-section-title] a, .section-container.vertical-nav > [data-section-region] > .title a {
    display: block;
  }

  [data-section='vertical-nav'] > section > [data-section-content], [data-section='vertical-nav'] > section > .content, [data-section='vertical-nav'] > .section > [data-section-content], [data-section='vertical-nav'] > .section > .content, [data-section='vertical-nav'] > [data-section-region] > [data-section-content], [data-section='vertical-nav'] > [data-section-region] > .content, .section-container.vertical-nav > section > [data-section-content], .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > [data-section-content], .section-container.vertical-nav > .section > .content, .section-container.vertical-nav > [data-section-region] > [data-section-content], .section-container.vertical-nav > [data-section-region] > .content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    min-width: 12.5em;
  }

  .section-container.vertical-nav {
    border: none;
  }

  .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title {
    background-color: #efefef;
    cursor: pointer;
    border: solid 1px #cccccc;
  }

  .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > .title a {
    padding: 0.9375em;
    color: #333333;
    font-size: 0.875em;
    background: none;
  }

  .section-container.vertical-nav > section > .title:hover, .section-container.vertical-nav > .section > .title:hover {
    background-color: #e2e2e2;
  }

  .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > .content {
    padding: 0.9375em;
    background-color: white;
    border: solid 1px #cccccc;
  }

  .section-container.vertical-nav > section > .content > *:last-child, .section-container.vertical-nav > .section > .content > *:last-child {
    margin-bottom: 0;
  }

  .section-container.vertical-nav > section > .content > *:first-child, .section-container.vertical-nav > .section > .content > *:first-child {
    padding-top: 0;
  }

  .section-container.vertical-nav > section > .content > *:last-child:not(.flex-video), .section-container.vertical-nav > .section > .content > *:last-child:not(.flex-video) {
    padding-bottom: 0;
  }

  .section-container.vertical-nav > section.active > .title, .section-container.vertical-nav > .section.active > .title {
    background: #d5d5d5;
  }

  .section-container.vertical-nav > section.active > .title a, .section-container.vertical-nav > .section.active > .title a {
    color: #333333;
  }

  .section-container.vertical-nav > section:not(.active), .section-container.vertical-nav > .section:not(.active) {
    padding: 0 !important;
  }

  [data-section='horizontal-nav'], .section-container.horizontal-nav {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 1.25em;
  }

  [data-section='horizontal-nav']:not([data-section-resized]):not([data-section-small-style]), .section-container.horizontal-nav:not([data-section-resized]):not([data-section-small-style]) {
    visibility: hidden;
  }

  [data-section='horizontal-nav'][data-section-small-style], .section-container.horizontal-nav[data-section-small-style] {
    width: 100% !important;
  }

  [data-section='horizontal-nav'][data-section-small-style] > [data-section-region], [data-section='horizontal-nav'][data-section-small-style] > section, [data-section='horizontal-nav'][data-section-small-style] > .section, .section-container.horizontal-nav[data-section-small-style] > [data-section-region], .section-container.horizontal-nav[data-section-small-style] > section, .section-container.horizontal-nav[data-section-small-style] > .section {
    padding: 0 !important;
    margin: 0 !important;
  }

  [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > .title, [data-section='horizontal-nav'][data-section-small-style] > section > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > section > .title, [data-section='horizontal-nav'][data-section-small-style] > .section > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > .section > .title, .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > .title, .section-container.horizontal-nav[data-section-small-style] > section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > section > .title, .section-container.horizontal-nav[data-section-small-style] > .section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > .section > .title {
    width: 100% !important;
  }

  [data-section='horizontal-nav'] > section, [data-section='horizontal-nav'] > .section, [data-section='horizontal-nav'] > [data-section-region], .section-container.horizontal-nav > section, .section-container.horizontal-nav > .section, .section-container.horizontal-nav > [data-section-region] {
    position: relative;
    float: left;
  }

  [data-section='horizontal-nav'] > section > [data-section-title], [data-section='horizontal-nav'] > section > .title, [data-section='horizontal-nav'] > .section > [data-section-title], [data-section='horizontal-nav'] > .section > .title, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title {
    margin-bottom: 0;
  }

  [data-section='horizontal-nav'] > section > [data-section-title] a, [data-section='horizontal-nav'] > section > .title a, [data-section='horizontal-nav'] > .section > [data-section-title] a, [data-section='horizontal-nav'] > .section > .title a, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title] a, [data-section='horizontal-nav'] > [data-section-region] > .title a, .section-container.horizontal-nav > section > [data-section-title] a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > [data-section-title] a, .section-container.horizontal-nav > .section > .title a, .section-container.horizontal-nav > [data-section-region] > [data-section-title] a, .section-container.horizontal-nav > [data-section-region] > .title a {
    width: 100%;
    display: inline-block;
    white-space: nowrap;
  }

  [data-section='horizontal-nav'] > section > [data-section-content], [data-section='horizontal-nav'] > section > .content, [data-section='horizontal-nav'] > .section > [data-section-content], [data-section='horizontal-nav'] > .section > .content, [data-section='horizontal-nav'] > [data-section-region] > [data-section-content], [data-section='horizontal-nav'] > [data-section-region] > .content, .section-container.horizontal-nav > section > [data-section-content], .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > [data-section-content], .section-container.horizontal-nav > .section > .content, .section-container.horizontal-nav > [data-section-region] > [data-section-content], .section-container.horizontal-nav > [data-section-region] > .content {
    display: none;
  }

  [data-section='horizontal-nav'] > section.active > [data-section-content], [data-section='horizontal-nav'] > section.active > .content, [data-section='horizontal-nav'] > .section.active > [data-section-content], [data-section='horizontal-nav'] > .section.active > .content, [data-section='horizontal-nav'] > [data-section-region].active > [data-section-content], [data-section='horizontal-nav'] > [data-section-region].active > .content, .section-container.horizontal-nav > section.active > [data-section-content], .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > [data-section-content], .section-container.horizontal-nav > .section.active > .content, .section-container.horizontal-nav > [data-section-region].active > [data-section-content], .section-container.horizontal-nav > [data-section-region].active > .content {
    display: block;
  }

  [data-section='horizontal-nav'] > section:not(.active), [data-section='horizontal-nav'] > .section:not(.active), [data-section='horizontal-nav'] > [data-section-region]:not(.active), .section-container.horizontal-nav > section:not(.active), .section-container.horizontal-nav > .section:not(.active), .section-container.horizontal-nav > [data-section-region]:not(.active) {
    padding: 0 !important;
  }

  [data-section='horizontal-nav'] > section > [data-section-title], [data-section='horizontal-nav'] > section > .title, [data-section='horizontal-nav'] > .section > [data-section-title], [data-section='horizontal-nav'] > .section > .title, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title {
    position: static;
    width: auto;
  }

  [data-section='horizontal-nav'] > section > [data-section-title] a, [data-section='horizontal-nav'] > section > .title a, [data-section='horizontal-nav'] > .section > [data-section-title] a, [data-section='horizontal-nav'] > .section > .title a, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title] a, [data-section='horizontal-nav'] > [data-section-region] > .title a, .section-container.horizontal-nav > section > [data-section-title] a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > [data-section-title] a, .section-container.horizontal-nav > .section > .title a, .section-container.horizontal-nav > [data-section-region] > [data-section-title] a, .section-container.horizontal-nav > [data-section-region] > .title a {
    display: block;
  }

  [data-section='horizontal-nav'] > section > [data-section-content], [data-section='horizontal-nav'] > section > .content, [data-section='horizontal-nav'] > .section > [data-section-content], [data-section='horizontal-nav'] > .section > .content, [data-section='horizontal-nav'] > [data-section-region] > [data-section-content], [data-section='horizontal-nav'] > [data-section-region] > .content, .section-container.horizontal-nav > section > [data-section-content], .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > [data-section-content], .section-container.horizontal-nav > .section > .content, .section-container.horizontal-nav > [data-section-region] > [data-section-content], .section-container.horizontal-nav > [data-section-region] > .content {
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    min-width: 12.5em;
  }

  .section-container.horizontal-nav {
    background: #efefef;
    border: 1px solid #cccccc;
  }

  .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title {
    background-color: #efefef;
    cursor: pointer;
    border: solid 1px #cccccc;
  }

  .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > .title a {
    padding: 0.9375em;
    color: #333333;
    font-size: 0.875em;
    background: none;
  }

  .section-container.horizontal-nav > section > .title:hover, .section-container.horizontal-nav > .section > .title:hover {
    background-color: #e2e2e2;
  }

  .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > .content {
    padding: 0.9375em;
    background-color: white;
    border: solid 1px #cccccc;
  }

  .section-container.horizontal-nav > section > .content > *:last-child, .section-container.horizontal-nav > .section > .content > *:last-child {
    margin-bottom: 0;
  }

  .section-container.horizontal-nav > section > .content > *:first-child, .section-container.horizontal-nav > .section > .content > *:first-child {
    padding-top: 0;
  }

  .section-container.horizontal-nav > section > .content > *:last-child:not(.flex-video), .section-container.horizontal-nav > .section > .content > *:last-child:not(.flex-video) {
    padding-bottom: 0;
  }

  .section-container.horizontal-nav > section.active > .title, .section-container.horizontal-nav > .section.active > .title {
    background: #d5d5d5;
  }

  .section-container.horizontal-nav > section.active > .title a, .section-container.horizontal-nav > .section.active > .title a {
    color: #333333;
  }

  .section-container.horizontal-nav > section:not(.active), .section-container.horizontal-nav > .section:not(.active) {
    padding: 0 !important;
  }
}
.no-js [data-section], .no-js .section-container {
  width: 100%;
  position: relative;
  display: block;
  margin-bottom: 1.25em;
}

.no-js [data-section][data-section-small-style], .no-js .section-container[data-section-small-style] {
  width: 100% !important;
}

.no-js [data-section][data-section-small-style] > [data-section-region], .no-js [data-section][data-section-small-style] > section, .no-js [data-section][data-section-small-style] > .section, .no-js .section-container[data-section-small-style] > [data-section-region], .no-js .section-container[data-section-small-style] > section, .no-js .section-container[data-section-small-style] > .section {
  padding: 0 !important;
  margin: 0 !important;
}

.no-js [data-section][data-section-small-style] > [data-section-region] > [data-section-title], .no-js [data-section][data-section-small-style] > [data-section-region] > .title, .no-js [data-section][data-section-small-style] > section > [data-section-title], .no-js [data-section][data-section-small-style] > section > .title, .no-js [data-section][data-section-small-style] > .section > [data-section-title], .no-js [data-section][data-section-small-style] > .section > .title, .no-js .section-container[data-section-small-style] > [data-section-region] > [data-section-title], .no-js .section-container[data-section-small-style] > [data-section-region] > .title, .no-js .section-container[data-section-small-style] > section > [data-section-title], .no-js .section-container[data-section-small-style] > section > .title, .no-js .section-container[data-section-small-style] > .section > [data-section-title], .no-js .section-container[data-section-small-style] > .section > .title {
  width: 100% !important;
}

.no-js [data-section] > section, .no-js [data-section] > .section, .no-js [data-section] > [data-section-region], .no-js .section-container > section, .no-js .section-container > .section, .no-js .section-container > [data-section-region] {
  margin: 0;
}

.no-js [data-section] > section > [data-section-title], .no-js [data-section] > section > .title, .no-js [data-section] > .section > [data-section-title], .no-js [data-section] > .section > .title, .no-js [data-section] > [data-section-region] > [data-section-title], .no-js [data-section] > [data-section-region] > .title, .no-js .section-container > section > [data-section-title], .no-js .section-container > section > .title, .no-js .section-container > .section > [data-section-title], .no-js .section-container > .section > .title, .no-js .section-container > [data-section-region] > [data-section-title], .no-js .section-container > [data-section-region] > .title {
  margin-bottom: 0;
}

.no-js [data-section] > section > [data-section-title] a, .no-js [data-section] > section > .title a, .no-js [data-section] > .section > [data-section-title] a, .no-js [data-section] > .section > .title a, .no-js [data-section] > [data-section-region] > [data-section-title] a, .no-js [data-section] > [data-section-region] > .title a, .no-js .section-container > section > [data-section-title] a, .no-js .section-container > section > .title a, .no-js .section-container > .section > [data-section-title] a, .no-js .section-container > .section > .title a, .no-js .section-container > [data-section-region] > [data-section-title] a, .no-js .section-container > [data-section-region] > .title a {
  width: 100%;
  display: inline-block;
  white-space: nowrap;
}

.no-js [data-section] > section > [data-section-content], .no-js [data-section] > section > .content, .no-js [data-section] > .section > [data-section-content], .no-js [data-section] > .section > .content, .no-js [data-section] > [data-section-region] > [data-section-content], .no-js [data-section] > [data-section-region] > .content, .no-js .section-container > section > [data-section-content], .no-js .section-container > section > .content, .no-js .section-container > .section > [data-section-content], .no-js .section-container > .section > .content, .no-js .section-container > [data-section-region] > [data-section-content], .no-js .section-container > [data-section-region] > .content {
  display: none;
}

.no-js [data-section] > section.active > [data-section-content], .no-js [data-section] > section.active > .content, .no-js [data-section] > .section.active > [data-section-content], .no-js [data-section] > .section.active > .content, .no-js [data-section] > [data-section-region].active > [data-section-content], .no-js [data-section] > [data-section-region].active > .content, .no-js .section-container > section.active > [data-section-content], .no-js .section-container > section.active > .content, .no-js .section-container > .section.active > [data-section-content], .no-js .section-container > .section.active > .content, .no-js .section-container > [data-section-region].active > [data-section-content], .no-js .section-container > [data-section-region].active > .content {
  display: block;
}

.no-js [data-section] > section:not(.active), .no-js [data-section] > .section:not(.active), .no-js [data-section] > [data-section-region]:not(.active), .no-js .section-container > section:not(.active), .no-js .section-container > .section:not(.active), .no-js .section-container > [data-section-region]:not(.active) {
  padding: 0 !important;
}

.no-js [data-section] > section > [data-section-title], .no-js [data-section] > section > .title, .no-js [data-section] > .section > [data-section-title], .no-js [data-section] > .section > .title, .no-js [data-section] > [data-section-region] > [data-section-title], .no-js [data-section] > [data-section-region] > .title, .no-js .section-container > section > [data-section-title], .no-js .section-container > section > .title, .no-js .section-container > .section > [data-section-title], .no-js .section-container > .section > .title, .no-js .section-container > [data-section-region] > [data-section-title], .no-js .section-container > [data-section-region] > .title {
  width: 100%;
}

.no-js .section-container {
  border-top: 1px solid #cccccc;
}

.no-js .section-container > section > .title, .no-js .section-container > .section > .title {
  background-color: #efefef;
  cursor: pointer;
  border: solid 1px #cccccc;
}

.no-js .section-container > section > .title a, .no-js .section-container > .section > .title a {
  padding: 0.9375em;
  color: #333333;
  font-size: 0.875em;
  background: none;
}

.no-js .section-container > section > .title:hover, .no-js .section-container > .section > .title:hover {
  background-color: #e2e2e2;
}

.no-js .section-container > section > .content, .no-js .section-container > .section > .content {
  padding: 0.9375em;
  background-color: white;
  border: solid 1px #cccccc;
}

.no-js .section-container > section > .content > *:last-child, .no-js .section-container > .section > .content > *:last-child {
  margin-bottom: 0;
}

.no-js .section-container > section > .content > *:first-child, .no-js .section-container > .section > .content > *:first-child {
  padding-top: 0;
}

.no-js .section-container > section > .content > *:last-child:not(.flex-video), .no-js .section-container > .section > .content > *:last-child:not(.flex-video) {
  padding-bottom: 0;
}

.no-js .section-container > section.active > .title, .no-js .section-container > .section.active > .title {
  background: #d5d5d5;
}

.no-js .section-container > section.active > .title a, .no-js .section-container > .section.active > .title a {
  color: #333333;
}

.no-js .section-container > section:not(.active), .no-js .section-container > .section:not(.active) {
  padding: 0 !important;
}

.no-js .section-container > section > .title, .no-js .section-container > .section > .title {
  border-top: none;
}

/* MAIN FOUNDATION 3 STYLES */
/* -----------------------------------------
MEDIA QUERIES
----------------------------------------- */
/*
Usage:
@media only screen and (max-width: 767px) { }
*/
/* -----------------------------------------
COLORS
----------------------------------------- */
/* FORMSTACK PRIMARY */
/* FORMSTACK SECONDARY */
/* UTILITY BG COLORS */
/* -----------------------------------------
FONTS
----------------------------------------- */
/* -----------------------------------------
DEFINITIONS
----------------------------------------- */
/* -----------------------------------------
MIXINS
----------------------------------------- */
/* COLORS, MEDIA QUERIES, ETC... */
/* -----------------------------------------
   GLOBAL HELPERS
----------------------------------------- */
/* -----------------------------------------
   CLEARFIX
----------------------------------------- */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

/* -----------------------------------------
   PADDING HELPERS
----------------------------------------- */
.padding-left-15 {
  padding-left: 15px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-left-none {
  padding-left: 0px !important;
}

.padding-bottom-none {
  padding-bottom: 0 !important;
}

.padding-top-none {
  padding-top: 0 !important;
}

.padding-40 {
  padding: 40px;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

/* -----------------------------------------
   MARGIN HELPERS
----------------------------------------- */
.margin-25 {
  margin: 25px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

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

.margin-top-none {
  margin-top: 0 !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-35 {
  margin-bottom: 35px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-none {
  margin-bottom: 0 !important;
}

/* -----------------------------------------
   TEXT HELPERS
----------------------------------------- */
.text--lightblue {
  color: #62cae3 !important;
}

.text--orange {
  color: #ed9d21 !important;
}

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

.text--green {
  color: #7bc143 !important;
}

.text--gray {
  color: #455560 !important;
}

/* -----------------------------------------
   BORDER HELPERS
----------------------------------------- */
.no-border {
  border: 0 !important;
}

.border-radius {
  border-radius: 3px;
}

.border--bottom__lightestgray {
  border-bottom: thin solid #e3e5e7;
}

@media only screen and (min-width: 767px) {
  .border--right__lightestgray {
    border-right: thin solid #e3e5e7;
  }
}

/* -----------------------------------------
   MISC HELPERS
----------------------------------------- */
.uppercase {
  text-transform: uppercase;
}

.background--orange {
  background-color: #ed9d21 !important;
}

.paragraph_size--21 {
  font-size: 21px !important;
}

.cr-survey {
  width: 20% !important;
}

.cr-order-payment {
  width: 6% !important;
}

.cr-event-registration {
  width: 11% !important;
}

.cr-contest {
  width: 40% !important;
}

.cr-donation {
  width: 10% !important;
}

.cr-contact {
  width: 12% !important;
}

.list_style--none {
  list-style: none !important;
}

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

.display--inline {
  display: inline !important;
}

.width-55 {
  width: 55% !important;
}

/* -----------------------------------------
Create a line-break. Better than using <br>.
----------------------------------------- */
.break {
  display: block;
}
@media only screen and (max-width: 767px) {
  .break {
    display: inline;
  }
}

/* -----------------------------------------
   MOBILE-ONLY HELPERS
----------------------------------------- */
@media only screen and (max-width: 767px) {
  .mobile-margin-bottom-15 {
    margin-bottom: 15px !important;
  }

  .mobile-margin-bottom-30 {
    margin-bottom: 30px !important;
  }

  .mobile-margin-top-0 {
    margin-top: 0 !important;
  }

  .large-only {
    display: none;
  }
}
.animated {
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -moz-animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -moz-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeIn {
  -moz-animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.fadeInDown {
  -moz-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-moz-keyframes slide-one {
  from {
    opacity: 0;
    top: 10px;
    left: 0;
  }
  6.25% {
    opacity: 1;
    top: 0;
  }
  18.75% {
    opacity: 1;
    top: 0;
  }
  25% {
    opacity: 0;
    top: 10px;
  }
  to {
    opacity: 0;
    top: 10px;
  }
}
@-webkit-keyframes slide-one {
  from {
    opacity: 0;
    top: 10px;
    left: 0;
  }
  6.25% {
    opacity: 1;
    top: 0;
  }
  18.75% {
    opacity: 1;
    top: 0;
  }
  25% {
    opacity: 0;
    top: 10px;
  }
  to {
    opacity: 0;
    top: 10px;
  }
}
@keyframes slide-one {
  from {
    opacity: 0;
    top: 10px;
    left: 0;
  }
  6.25% {
    opacity: 1;
    top: 0;
  }
  18.75% {
    opacity: 1;
    top: 0;
  }
  25% {
    opacity: 0;
    top: 10px;
  }
  to {
    opacity: 0;
    top: 10px;
  }
}
@-moz-keyframes slide-two {
  from {
    opacity: 0;
    top: 10px;
    left: 0;
  }
  25% {
    opacity: 0;
    top: 10px;
  }
  31% {
    opacity: 1;
    top: 0;
  }
  44% {
    opacity: 1;
    top: 0;
  }
  50% {
    opacity: 0;
    top: 10px;
  }
  to {
    opacity: 0;
    top: 10px;
  }
}
@-webkit-keyframes slide-two {
  from {
    opacity: 0;
    top: 10px;
    left: 0;
  }
  25% {
    opacity: 0;
    top: 10px;
  }
  31% {
    opacity: 1;
    top: 0;
  }
  44% {
    opacity: 1;
    top: 0;
  }
  50% {
    opacity: 0;
    top: 10px;
  }
  to {
    opacity: 0;
    top: 10px;
  }
}
@keyframes slide-two {
  from {
    opacity: 0;
    top: 10px;
    left: 0;
  }
  25% {
    opacity: 0;
    top: 10px;
  }
  31% {
    opacity: 1;
    top: 0;
  }
  44% {
    opacity: 1;
    top: 0;
  }
  50% {
    opacity: 0;
    top: 10px;
  }
  to {
    opacity: 0;
    top: 10px;
  }
}
@-moz-keyframes slide-three {
  from {
    opacity: 0;
    top: 10px;
    left: 0;
  }
  50% {
    opacity: 0;
    top: 10px;
  }
  56.25% {
    opacity: 1;
    top: 0;
  }
  68.75% {
    opacity: 1;
    top: 0;
  }
  75% {
    opacity: 0;
    top: 10px;
  }
  to {
    opacity: 0;
    top: 10px;
  }
}
@-webkit-keyframes slide-three {
  from {
    opacity: 0;
    top: 10px;
    left: 0;
  }
  50% {
    opacity: 0;
    top: 10px;
  }
  56.25% {
    opacity: 1;
    top: 0;
  }
  68.75% {
    opacity: 1;
    top: 0;
  }
  75% {
    opacity: 0;
    top: 10px;
  }
  to {
    opacity: 0;
    top: 10px;
  }
}
@keyframes slide-three {
  from {
    opacity: 0;
    top: 10px;
    left: 0;
  }
  50% {
    opacity: 0;
    top: 10px;
  }
  56.25% {
    opacity: 1;
    top: 0;
  }
  68.75% {
    opacity: 1;
    top: 0;
  }
  75% {
    opacity: 0;
    top: 10px;
  }
  to {
    opacity: 0;
    top: 10px;
  }
}
@-moz-keyframes slide-four {
  from {
    opacity: 0;
    top: 10px;
  }
  75% {
    opacity: 0;
    top: 10px;
  }
  81.25% {
    opacity: 1;
    top: 0;
  }
  93.75% {
    opacity: 1;
    top: 0;
  }
  to {
    opacity: 0;
    top: 10px;
  }
}
@-webkit-keyframes slide-four {
  from {
    opacity: 0;
    top: 10px;
  }
  75% {
    opacity: 0;
    top: 10px;
  }
  81.25% {
    opacity: 1;
    top: 0;
  }
  93.75% {
    opacity: 1;
    top: 0;
  }
  to {
    opacity: 0;
    top: 10px;
  }
}
@keyframes slide-four {
  from {
    opacity: 0;
    top: 10px;
  }
  75% {
    opacity: 0;
    top: 10px;
  }
  81.25% {
    opacity: 1;
    top: 0;
  }
  93.75% {
    opacity: 1;
    top: 0;
  }
  to {
    opacity: 0;
    top: 10px;
  }
}
html,
body {
  width: 100%;
  height: 100%;
}

body {
  font-family: "proxima-nova", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "jaf-facitweb", sans-serif;
  letter-spacing: 0;
  line-height: normal;
}

p {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1.5;
}

/* GENERIC */
.clear {
  clear: both;
}

a img {
  border: none;
}

input {
  white-space: normal;
}

.offscreen {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

.page-name {
  background-color: white;
  border-top: 4px solid #e3e5e7;
  border-bottom: 1px dotted #e3e5e7;
  margin: -50px 0 50px;
  padding: 10px 0;
}
.page-name .page-name__text {
  color: #6c7a85;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
  font-family: "jaf-facitweb", sans-serif;
}

.sub-page-name {
  /* seconary page name, ie: Integrations > Sales Force > Headline */
  color: #455560;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  letter-spacing: -.75px;
  margin-bottom: 15px;
}

.tabs.pill dd a {
  text-decoration: none;
  border-bottom: none;
}

/* team circles */
.team .circle {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.team a {
  display: block;
  float: left;
  margin: 0 20px 35px;
}

.team img {
  width: 120px;
  height: 120px;
  opacity: 0.8;
  border: 5px solid #aaa;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
}

.team img:hover {
  opacity: 1;
  border: 5px solid #fff;
}

.team .has-tip {
  border: none;
}

.team .has-tip:hover {
  border: none;
}

/* SIDEBAR MENU */
.sidebar.nav-bar.vertical {
  background: #cee39b;
  border-radius: 6px;
  border: 0;
  box-shadow: none;
  border: 1px solid #a8c933;
  padding: 0;
}
.sidebar.nav-bar.vertical li {
  border: 0;
  line-height: 1;
  border-right: 0;
  list-style: none;
}
.sidebar.nav-bar.vertical li.heading {
  color: #1c2f3a;
  font-size: 16px;
  padding: 7px 15px;
  margin-top: 15px;
  border-bottom: 1px solid #a8c933;
  font-weight: 700;
  text-transform: uppercase;
}
.sidebar.nav-bar.vertical li a {
  color: #1c2f3a;
  font-size: 14px;
  letter-spacing: -.25px;
  padding: 7px 15px;
  margin: 0;
  display: block;
  border-bottom: 1px solid #a8c933;
}
.sidebar.nav-bar.vertical li a.btm {
  border-bottom: 0;
}
.sidebar.nav-bar.vertical li a:hover {
  background: #a8c933;
  color: #fff;
}
.sidebar.nav-bar.vertical li.icon a {
  line-height: 30px;
  font-weight: bold;
}
.sidebar.nav-bar.vertical.sidebar--features {
  background: transparent;
  padding: 0;
  border: 0;
}
.sidebar.nav-bar.vertical.sidebar--features li.heading {
  border-bottom: 1px solid #ccc;
  margin: 15px 0;
  padding: 7px 0;
}
.sidebar.nav-bar.vertical.sidebar--features li.heading-top {
  margin-top: 0;
}
.sidebar.nav-bar.vertical.sidebar--features li a {
  color: #1c2f3a;
  padding: 5px 0;
  border-bottom: 0;
}
.sidebar.nav-bar.vertical.sidebar--features li a:hover {
  color: #ed9d21;
  background: transparent;
}

/* SOCIAL ICONS */
a.social-icon {
  display: block;
  width: 50px;
  height: 50px;
  background: url(../images/formstack-sprite.png) no-repeat;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

a.social-icon.facebook {
  background-position: 0 0;
}

a.social-icon.facebook:hover {
  background-position: -50px 0px;
}

a.social-icon.twitter {
  background-position: 0px -50px;
}

a.social-icon.twitter:hover {
  background-position: -50px -50px;
}

a.social-icon.linkedin {
  background-position: 0px -100px;
}

a.social-icon.linkedin:hover {
  background-position: -50px -100px;
}

a.social-icon.google {
  background-position: 0px -150px;
}

a.social-icon.google:hover {
  background-position: -50px -150px;
}

a.social-icon.youtube {
  background-position: 0px -200px;
}

a.social-icon.youtube:hover {
  background-position: -50px -200px;
}

/* -----------------------------------------
TERMS, PRIVACY, PROPERTIES
----------------------------------------- */
.terms li {
  margin-bottom: 15px;
}

.terms ul ul {
  margin-left: 35px;
}

.privacy h3 {
  padding-top: 25px;
  margin-bottom: 15px;
}

.properties p.intro {
  font-size: 18px;
}

section.white.page-title.properties h2 {
  font-size: 24px;
  letter-spacing: -1px;
  margin: 40px 0 15px;
}

section.white.page-title.properties h2 a {
  color: #7BC143;
}

section.white.page-title.properties h2 a:hover {
  color: #EA9E0A;
}

.properties img.logo {
  margin: 35px 0 -10px;
}

/* -----------------------------------------
INFOGRAPHIC SOCIAL SHARING BUTTONS
----------------------------------------- */
.addthis_floating_style.addthis_counter_style {
  width: auto;
}

@media only screen and (max-width: 767px) {
  .addthis_floating_style.addthis_counter_style .addthis_internal_container {
    width: auto;
  }

  .addthis_floating_style {
    position: inherit;
  }

  .addthis_floating_style .at300b {
    float: left;
  }
}
/* SECTIONS/TIERS, WRAPS, SIDEBAR, MENUS, TERMS, PRIVACY, PROPERTIES, INFOGRAPHIC SOCIAL SHARING BUTTONS */
/* -----------------------------------------
NEW SECTIONS
----------------------------------------- */
.section--white,
.section--green,
.section--lightblue,
.section--gray,
.section--lightergray,
.section--lightestgray,
.section--orange {
  padding: 50px 0;
  color: #455560;
  background-color: white;
  /* wraps are for linking subsections */
  /* views are for example previews, frames are for wrapping imgs */
  /* masks are the view's rollover */
}
.section--white .button,
.section--green .button,
.section--lightblue .button,
.section--gray .button,
.section--lightergray .button,
.section--lightestgray .button,
.section--orange .button {
  text-decoration: none;
}
.section--white .headline,
.section--white .sub-headline,
.section--white .subsection-headline,
.section--green .headline,
.section--green .sub-headline,
.section--green .subsection-headline,
.section--lightblue .headline,
.section--lightblue .sub-headline,
.section--lightblue .subsection-headline,
.section--gray .headline,
.section--gray .sub-headline,
.section--gray .subsection-headline,
.section--lightergray .headline,
.section--lightergray .sub-headline,
.section--lightergray .subsection-headline,
.section--lightestgray .headline,
.section--lightestgray .sub-headline,
.section--lightestgray .subsection-headline,
.section--orange .headline,
.section--orange .sub-headline,
.section--orange .subsection-headline {
  margin-bottom: 5px;
}
.section--white .headline,
.section--green .headline,
.section--lightblue .headline,
.section--gray .headline,
.section--lightergray .headline,
.section--lightestgray .headline,
.section--orange .headline {
  font-family: "jaf-facitweb", sans-serif;
  color: #7bc143;
  font-size: 40px;
  line-height: 1.375;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.section--white .headline strong,
.section--green .headline strong,
.section--lightblue .headline strong,
.section--gray .headline strong,
.section--lightergray .headline strong,
.section--lightestgray .headline strong,
.section--orange .headline strong {
  font-weight: 800;
}
.section--white .sub-headline,
.section--green .sub-headline,
.section--lightblue .sub-headline,
.section--gray .sub-headline,
.section--lightergray .sub-headline,
.section--lightestgray .sub-headline,
.section--orange .sub-headline {
  /* Follows a headline */
  font-family: "proxima-nova", sans-serif;
  color: #455560;
  font-size: 22px;
  line-height: 1.54545;
  font-weight: 300;
  margin-top: 10px;
}
.section--white .minor-headline,
.section--green .minor-headline,
.section--lightblue .minor-headline,
.section--gray .minor-headline,
.section--lightergray .minor-headline,
.section--lightestgray .minor-headline,
.section--orange .minor-headline {
  /* Use sparingly -- for bolder headlines within same section, ie: Features & Integrations pages */
  font-family: "jaf-facitweb", sans-serif;
  color: #7bc143;
  font-size: 32px;
  line-height: 1.40625;
  font-weight: 300;
  letter-spacing: -.75px;
}
.section--white .minor-headline strong,
.section--green .minor-headline strong,
.section--lightblue .minor-headline strong,
.section--gray .minor-headline strong,
.section--lightergray .minor-headline strong,
.section--lightestgray .minor-headline strong,
.section--orange .minor-headline strong {
  font-weight: 600;
}
.section--white .subsection-headline,
.section--green .subsection-headline,
.section--lightblue .subsection-headline,
.section--gray .subsection-headline,
.section--lightergray .subsection-headline,
.section--lightestgray .subsection-headline,
.section--orange .subsection-headline {
  /* Headline for smaller subsections, usually grouped w/ 3-4 columns */
  font-family: "proxima-nova", sans-serif;
  color: #455560;
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;
  text-transform: uppercase;
}
.section--white .subsection-headline.larger,
.section--green .subsection-headline.larger,
.section--lightblue .subsection-headline.larger,
.section--gray .subsection-headline.larger,
.section--lightergray .subsection-headline.larger,
.section--lightestgray .subsection-headline.larger,
.section--orange .subsection-headline.larger {
  font-size: 26px;
  line-height: 1.46154;
  font-weight: 600;
}
.section--white .h3--green,
.section--green .h3--green,
.section--lightblue .h3--green,
.section--gray .h3--green,
.section--lightergray .h3--green,
.section--lightestgray .h3--green,
.section--orange .h3--green {
  color: #7bc143;
  letter-spacing: -2px;
}
.section--white .h4--green,
.section--green .h4--green,
.section--lightblue .h4--green,
.section--gray .h4--green,
.section--lightergray .h4--green,
.section--lightestgray .h4--green,
.section--orange .h4--green {
  color: #7bc143;
}
.section--white a,
.section--green a,
.section--lightblue a,
.section--gray a,
.section--lightergray a,
.section--lightestgray a,
.section--orange a {
  color: #455560;
  border-bottom: 1px dotted;
}
.section--white a:hover,
.section--green a:hover,
.section--lightblue a:hover,
.section--gray a:hover,
.section--lightergray a:hover,
.section--lightestgray a:hover,
.section--orange a:hover {
  color: #ed9d21;
}
.section--white ul,
.section--green ul,
.section--lightblue ul,
.section--gray ul,
.section--lightergray ul,
.section--lightestgray ul,
.section--orange ul {
  padding-left: 15px;
}
.section--white hr,
.section--green hr,
.section--lightblue hr,
.section--gray hr,
.section--lightergray hr,
.section--lightestgray hr,
.section--orange hr {
  margin: 50px 0 49px;
  border-color: #e5e5e5;
}
.section--white .four-across p,
.section--green .four-across p,
.section--lightblue .four-across p,
.section--gray .four-across p,
.section--lightergray .four-across p,
.section--lightestgray .four-across p,
.section--orange .four-across p {
  font-size: 14px;
}
.section--white .quote-box,
.section--green .quote-box,
.section--lightblue .quote-box,
.section--gray .quote-box,
.section--lightergray .quote-box,
.section--lightestgray .quote-box,
.section--orange .quote-box {
  padding: 0;
  margin: 0;
}
.section--white .quote-box.larger .quote,
.section--green .quote-box.larger .quote,
.section--lightblue .quote-box.larger .quote,
.section--gray .quote-box.larger .quote,
.section--lightergray .quote-box.larger .quote,
.section--lightestgray .quote-box.larger .quote,
.section--orange .quote-box.larger .quote {
  font-size: 18px;
  padding: 25px 35px;
}
.section--white .quote-box .quote,
.section--green .quote-box .quote,
.section--lightblue .quote-box .quote,
.section--gray .quote-box .quote,
.section--lightergray .quote-box .quote,
.section--lightestgray .quote-box .quote,
.section--orange .quote-box .quote {
  background-color: #7bc143;
  border: 1px solid #7bc143;
  display: block;
  color: white;
  font-weight: 700;
  line-height: 1.4;
  padding: 15px 20px;
  position: relative;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.section--white .quote-box .quote:before, .section--white .quote-box .quote:after,
.section--green .quote-box .quote:before,
.section--green .quote-box .quote:after,
.section--lightblue .quote-box .quote:before,
.section--lightblue .quote-box .quote:after,
.section--gray .quote-box .quote:before,
.section--gray .quote-box .quote:after,
.section--lightergray .quote-box .quote:before,
.section--lightergray .quote-box .quote:after,
.section--lightestgray .quote-box .quote:before,
.section--lightestgray .quote-box .quote:after,
.section--orange .quote-box .quote:before,
.section--orange .quote-box .quote:after {
  border-bottom: 0 none;
  border-color: transparent;
  border-style: solid solid none;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}
.section--white .quote-box .quote:after,
.section--green .quote-box .quote:after,
.section--lightblue .quote-box .quote:after,
.section--gray .quote-box .quote:after,
.section--lightergray .quote-box .quote:after,
.section--lightestgray .quote-box .quote:after,
.section--orange .quote-box .quote:after {
  border-top-color: #7bc143;
  border-width: 15px;
  bottom: -15px;
  left: 22px;
}
.section--white .quote-box .quote:before,
.section--green .quote-box .quote:before,
.section--lightblue .quote-box .quote:before,
.section--gray .quote-box .quote:before,
.section--lightergray .quote-box .quote:before,
.section--lightestgray .quote-box .quote:before,
.section--orange .quote-box .quote:before {
  border-top-color: #7bc143;
  border-width: 16px;
  bottom: -16px;
  left: 21px;
}
.section--white .quote-box .with-thumb,
.section--green .quote-box .with-thumb,
.section--lightblue .quote-box .with-thumb,
.section--gray .quote-box .with-thumb,
.section--lightergray .quote-box .with-thumb,
.section--lightestgray .quote-box .with-thumb,
.section--orange .quote-box .with-thumb {
  margin-top: 30px;
}
.section--white .quote-box .with-thumb img,
.section--green .quote-box .with-thumb img,
.section--lightblue .quote-box .with-thumb img,
.section--gray .quote-box .with-thumb img,
.section--lightergray .quote-box .with-thumb img,
.section--lightestgray .quote-box .with-thumb img,
.section--orange .quote-box .with-thumb img {
  border: 1px solid #ffffff;
  border-radius: 3px;
  float: left;
  margin-right: 10px;
  max-width: 60px;
}
.section--white .wrap,
.section--green .wrap,
.section--lightblue .wrap,
.section--gray .wrap,
.section--lightergray .wrap,
.section--lightestgray .wrap,
.section--orange .wrap {
  border: 1px solid #ddd;
  border-radius: 6px;
  -moz-box-shadow: #ddd 0px 0px 3px;
  -webkit-box-shadow: #ddd 0px 0px 3px;
  box-shadow: #ddd 0px 0px 3px;
}
.section--white .view,
.section--green .view,
.section--lightblue .view,
.section--gray .view,
.section--lightergray .view,
.section--lightestgray .view,
.section--orange .view {
  margin: 0;
}
.section--white .view,
.section--white .frame img,
.section--white .frame,
.section--green .view,
.section--green .frame img,
.section--green .frame,
.section--lightblue .view,
.section--lightblue .frame img,
.section--lightblue .frame,
.section--gray .view,
.section--gray .frame img,
.section--gray .frame,
.section--lightergray .view,
.section--lightergray .frame img,
.section--lightergray .frame,
.section--lightestgray .view,
.section--lightestgray .frame img,
.section--lightestgray .frame,
.section--orange .view,
.section--orange .frame img,
.section--orange .frame {
  border: 7px solid white;
  background: transparent;
  overflow: hidden;
  position: relative;
  -moz-box-shadow: #777 0px 0px 1px, transparent 0px 0px 0px;
  -webkit-box-shadow: #777 0px 0px 1px, transparent 0px 0px 0px;
  box-shadow: #777 0px 0px 1px, transparent 0px 0px 0px;
  padding: 0 !important;
}
.section--white .mask,
.section--green .mask,
.section--lightblue .mask,
.section--gray .mask,
.section--lightergray .mask,
.section--lightestgray .mask,
.section--orange .mask {
  background-color: rgba(17, 17, 17, 0.88);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.88);
  height: 100%;
  padding: 50px 20px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.section--white .mask .button,
.section--green .mask .button,
.section--lightblue .mask .button,
.section--gray .mask .button,
.section--lightergray .mask .button,
.section--lightestgray .mask .button,
.section--orange .mask .button {
  width: 75%;
}
.section--white .mask:hover,
.section--green .mask:hover,
.section--lightblue .mask:hover,
.section--gray .mask:hover,
.section--lightergray .mask:hover,
.section--lightestgray .mask:hover,
.section--orange .mask:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.section--white .page-callout .headline,
.section--white .page-callout .sub-headline,
.section--green .page-callout .headline,
.section--green .page-callout .sub-headline,
.section--lightblue .page-callout .headline,
.section--lightblue .page-callout .sub-headline,
.section--gray .page-callout .headline,
.section--gray .page-callout .sub-headline,
.section--lightergray .page-callout .headline,
.section--lightergray .page-callout .sub-headline,
.section--lightestgray .page-callout .headline,
.section--lightestgray .page-callout .sub-headline,
.section--orange .page-callout .headline,
.section--orange .page-callout .sub-headline {
  margin-bottom: 15px;
}
.section--white .page-callout .headline,
.section--green .page-callout .headline,
.section--lightblue .page-callout .headline,
.section--gray .page-callout .headline,
.section--lightergray .page-callout .headline,
.section--lightestgray .page-callout .headline,
.section--orange .page-callout .headline {
  font-size: 26px;
  line-height: 1.3;
}
.section--white .page-callout .sub-headline,
.section--green .page-callout .sub-headline,
.section--lightblue .page-callout .sub-headline,
.section--gray .page-callout .sub-headline,
.section--lightergray .page-callout .sub-headline,
.section--lightestgray .page-callout .sub-headline,
.section--orange .page-callout .sub-headline {
  color: #1c2f3a;
  background-color: #cee39b;
  text-transform: uppercase;
  display: inline-block;
  font-size: 13px;
  letter-spacing: .2px;
  margin-top: 3px;
  padding: 1px 10px 0;
  border-radius: 2px;
}
.section--white.background--shapes,
.section--green.background--shapes,
.section--lightblue.background--shapes,
.section--gray.background--shapes,
.section--lightergray.background--shapes,
.section--lightestgray.background--shapes,
.section--orange.background--shapes {
  background-position: center center;
  background-image: url("../images/shapes-background-repeat-o.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-size: auto;
  background-position: left;
  background-repeat: repeat;
}

.section--green {
  color: white;
  background-color: #7bc143;
}
.section--green .headline {
  color: white;
}
.section--green .sub-headline,
.section--green .subsection-headline {
  color: white;
}
.section--green .h3--white {
  color: white;
  font-size: 36px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.section--green hr {
  border-color: #95cd68;
}
.section--green a {
  color: white;
}
.section--green a:hover {
  color: #455560;
}
.section--green .quote-box .quote {
  background-color: #629a35;
  border: 1px solid #629a35;
}
.section--green .quote-box .quote:before, .section--green .quote-box .quote:after {
  border-top-color: #629a35;
}
.section--green .quote-box .author {
  color: white;
}
.section--green .quote-box .author .company {
  color: #1c2f3a;
}
.section--green .page-callout .sub-headline {
  color: #455560;
}
.section--green .page-callout .headline {
  color: white;
}

.section--lightblue {
  background-color: #62cae3;
  color: white;
}
.section--lightblue hr {
  border-color: #4ea1b5;
}
.section--lightblue a {
  color: white;
}
.section--lightblue a:hover {
  color: #455560;
}
.section--lightblue .page-name {
  background-color: #455560;
  border-top: 4px solid #455560;
  border-bottom: 1px dotted #455560;
}
.section--lightblue .page-name .page-name__text {
  color: white;
}
.section--lightblue .headline,
.section--lightblue .sub-headline,
.section--lightblue .subsection-headline {
  color: white;
}

.section--orange {
  background-color: #ed9d21;
  color: white;
}
.section--orange hr {
  border-color: #4ea1b5;
}
.section--orange a {
  color: white;
}
.section--orange a:hover {
  color: #455560;
}
.section--orange .page-name {
  background-color: #455560;
  border-top: 4px solid #455560;
  border-bottom: 1px dotted #455560;
}
.section--orange .page-name .page-name__text {
  color: white;
}
.section--orange .headline,
.section--orange .sub-headline,
.section--orange .subsection-headline {
  color: white;
}

.section--gray {
  background-color: #455560;
  color: white;
}
.section--gray hr {
  border-color: #37444c;
}
.section--gray a {
  color: white;
}
.section--gray a:hover {
  color: #62cae3;
}
.section--gray .headline,
.section--gray .sub-headline,
.section--gray .subsection-headline {
  color: white;
}

.section--lightergray {
  background-color: #bdc3c7;
  color: #455560;
}
.section--lightergray .headline,
.section--lightergray .sub-headline,
.section--lightergray .subsection-headline {
  color: #455560;
}
.section--lightergray hr {
  border-color: #979c9f;
}
.section--lightergray a {
  color: #455560;
}
.section--lightergray a:hover {
  color: #1c2f3a;
}
.section--lightergray .page-callout .sub-headline {
  background-color: white;
  color: #7bc143;
}

.section--lightestgray {
  background-color: #e3e5e7;
  color: #455560;
}
.section--lightestgray .headline,
.section--lightestgray .sub-headline,
.section--lightestgray .subsection-headline {
  color: #455560;
}
.section--lightestgray hr {
  border-color: #b5b7b8;
}
.section--lightestgray a {
  color: #455560;
}
.section--lightestgray a:hover {
  color: #ed9d21;
}
.section--lightestgray .page-callout .sub-headline {
  background-color: #7bc143;
  color: white;
}

/* BUTTONS */
.button {
  border-radius: 3px;
  text-transform: uppercase;
  background-repeat: repeat;
  font-weight: 600;
  padding: 12px 15px 10px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  position: relative;
}
.button.green {
  border: 1px solid #629a35;
  color: white;
  text-shadow: 1px 1px #629a35;
  background: #7bc143;
}
.button.green:hover {
  color: white;
  background-color: #42aa44;
}
.button.lightgray {
  border: 1px solid #bdc3c7;
  color: #1c2f3a;
  text-shadow: 0;
  background: #e3e5e7;
}
.button.lightgray:hover {
  background-color: #bdc3c7;
  color: #1c2f3a;
}
.button.gray {
  border: 1px solid #455560;
  color: white;
  text-shadow: 1px 1px #1c2f3a;
  background: #455560;
}
.button.gray:hover {
  color: white;
}
.button.ghost-orange {
  border: 1px solid #fff;
  color: white;
  background: none;
}
.button.ghost-orange:hover {
  background-color: #ed9d21;
  border-color: #ed9d21;
}
.button.orange {
  border: 1px solid #ed9d21;
  color: white;
  text-shadow: 1px 1px #da8605;
  background: #ed9d21;
}
.button.orange:hover {
  color: white;
  background-color: #da8605;
  border-color: #c67b08;
}
.button.orange.spacer {
  margin-top: 5px;
}
.button.ghost {
  border: 1px solid white;
  color: white;
  background: transparent;
}
.button.ghost:hover {
  color: #62cae3;
  background-color: white;
  border-color: none;
}
.button.ghost.spacer {
  margin-top: 5px;
}
.button:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  top: 1px;
}

.big-button {
  font-size: 18px;
  padding: 25px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px;
}
.big-button .formstack-logo {
  background-image: url(../images/formstack_btn_logo.png);
  background-position: 0 0;
  background-size: 118px 23px;
  display: inline-block;
  height: 22px;
  margin: -1px 3px 0 5px;
  text-indent: -9999px;
  vertical-align: text-top;
  width: 118px;
}
.big-button.lightgray .formstack-logo {
  background-image: url(../images/formstack_btn_logo_dark.png);
}

/* HEADER */
header {
  background-color: white;
}

.upper-nav {
  border-top: #455560 solid 10px;
}
.upper-nav .upper-nav-links {
  float: right;
  margin: -20px 15px 0 0;
  padding: 7px 7px 0 7px;
  background: #455560;
  border-radius: 0 0 9px 9px;
}
.upper-nav .upper-nav-links ul {
  list-style: none;
}
.upper-nav .upper-nav-links ul li {
  float: left;
}
.upper-nav .upper-nav-links a {
  display: block;
  padding: 7px 7px 5px;
  margin: 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 11px;
  text-decoration: 1px 1px #455560;
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  -o-transition: all .15s linear;
  -ms-transition: all .15s linear;
  transition: all .15s linear;
}
.upper-nav .upper-nav-links a:hover {
  background: #ed9d21;
}
.upper-nav .upper-nav-links .login-left a {
  padding-right: 10px;
}
.upper-nav .upper-nav-links .login a {
  padding-left: 10px;
  border-left: 1px solid #fff;
}

#main-nav {
  padding-top: 5px;
  padding-bottom: 3px;
}

#site-links {
  padding: 8px;
  padding-bottom: 0;
}
#site-links .nav-bar {
  background: #fff;
}
#site-links .nav-bar li {
  border: 0;
}
#site-links .nav-bar li:hover {
  background: #ea9e0a;
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  -o-transition: all .15s linear;
  -ms-transition: all .15s linear;
  transition: all .15s linear;
}
#site-links .nav-bar li a {
  color: #455560;
  font-size: 18px;
  letter-spacing: -.25px;
}
#site-links .nav-bar li a:hover {
  color: #fff;
}
#site-links .nav-bar li a:first-child {
  padding: 0 10px;
}
#site-links .nav-bar ul.flyout {
  top: 37px;
  left: 0;
  border: 0;
  border-left: 1px solid #D9D9D9;
}
#site-links .nav-bar ul.flyout li a {
  padding: 10px 20px;
}
#site-links .nav-bar ul.flyout a {
  margin: 0;
  font-size: 14px;
  letter-spacing: -0.25px;
}
#site-links .nav-bar li.has-flyout a:first-child {
  padding-right: 25px;
}
#site-links .nav-bar li.has-flyout a:first-child:after {
  right: 10px;
  border-color: #6c7a85 transparent transparent transparent;
}
#site-links .nav-bar li.has-flyout:hover {
  background: #D9D9D9;
}
#site-links .nav-bar li.has-flyout a:hover {
  background: #ea9e0a;
}
#site-links #mobile-menu {
  display: none;
}
#site-links .mobile-show {
  display: none;
}
#site-links .mobile-hide {
  display: block;
}
#site-links .phone-show {
  display: none;
}

.demo-login {
  padding-top: 8px;
}
.demo-login a {
  float: right;
  margin-left: 5px;
}
.demo-login .mobile-show {
  display: none;
}
.demo-login .mobile-hide {
  display: block;
}

.main-logo {
  display: inline-block;
  height: 38px;
  padding-top: 2px;
  width: 100%;
  background: url(../images/formstack-logo.svg) no-repeat;
}

.no-svg .main-logo {
  background: url(../images/formstack-logo.png) no-repeat;
}

@media only screen and (max-width: 983px) {
  #site-links {
    padding: 0 10px;
  }
  #site-links .nav-bar li a {
    font-size: 16px;
  }
  #site-links .nav-bar li a:first-child {
    padding: 0 8px;
  }

  .demo-login .button {
    font-size: 12px;
    padding: 9px 10px 11px;
  }
}
@media only screen and (max-width: 860px) {
  #site-links .nav-bar li.examples {
    display: none;
  }

  .main-logo {
    height: 31px;
  }
}
@media only screen and (max-width: 767px) {
  .main-logo {
    width: 215px;
    height: 38px;
    margin: 10px 0;
  }

  #main-nav {
    padding: 0;
  }

  #site-links #mobile-menu {
    display: block;
    border-top: 1px solid #D9D9D9;
  }
  #site-links #mobile-menu .first {
    background: url(../images/formstack-sprite.png) 0px -464px no-repeat;
    float: left;
    width: 28px;
    height: 40px;
  }
  #site-links #mobile-menu span {
    vertical-align: middle;
    padding: 0 12px;
  }
  #site-links #mobile-submenu {
    display: none;
    background-color: #eee;
  }
  #site-links #mobile-submenu li:hover {
    background: #ea9e0a;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    -ms-transition: all .15s linear;
    transition: all .15s linear;
  }
  #site-links .features {
    display: block;
  }
  #site-links .nav-bar li {
    border-bottom: 1px solid #D9D9D9;
  }
  #site-links .nav-bar li a {
    font-size: 18px;
  }
  #site-links .nav-bar li.examples {
    display: block;
  }
  #site-links .navbar {
    margin-bottom: 0;
  }
  #site-links ul.nav-bar {
    margin-bottom: 0;
  }
  #site-links ul.nav-bar ul.flyout {
    top: 0;
  }
  #site-links .mobile-show {
    display: block;
  }
  #site-links .mobile-hide {
    display: none;
  }

  .demo-login {
    padding-top: 10px;
  }
  .demo-login a.button {
    font-size: 16px;
    margin: 0 0 10px 0;
  }
  .demo-login a.login {
    float: left;
    width: 49%;
  }
  .demo-login a.trial {
    display: none;
  }
  .demo-login .mobile-show {
    display: block;
    float: right;
    width: 49%;
  }
  .demo-login .mobile-hide {
    display: none;
  }
}
@media only screen and (max-width: 539px) {
  .upper-nav {
    display: none;
  }

  #logo {
    text-align: center;
  }

  #site-links .nav-bar li a {
    font-size: 16px;
  }
  #site-links .phone-show {
    display: block;
  }
}
.main-hero, .main-hero--white, .main-hero--darkgray, .hero--nicereply, .hero--webinars__confirmation {
  background-color: #62cae3;
  padding: 100px 0;
}
.main-hero .page-name, .main-hero--white .page-name, .main-hero--darkgray .page-name, .hero--nicereply .page-name, .hero--webinars__confirmation .page-name {
  background-color: #455560;
  border-top: 4px solid #455560;
  border-bottom: 1px dotted #455560;
  margin: -100px 0 100px;
}
.main-hero .page-name .page-name__text, .main-hero--white .page-name .page-name__text, .main-hero--darkgray .page-name .page-name__text, .hero--nicereply .page-name .page-name__text, .hero--webinars__confirmation .page-name .page-name__text {
  color: white;
}
@media only screen and (max-width: 767px) {
  .main-hero .page-name, .main-hero--white .page-name, .main-hero--darkgray .page-name, .hero--nicereply .page-name, .hero--webinars__confirmation .page-name {
    margin-top: -50px;
  }
}
.main-hero .headline, .main-hero--white .headline, .main-hero--darkgray .headline, .hero--nicereply .headline, .hero--webinars__confirmation .headline,
.main-hero .sub-headline,
.main-hero--white .sub-headline,
.main-hero--darkgray .sub-headline,
.hero--nicereply .sub-headline,
.hero--webinars__confirmation .sub-headline {
  text-shadow: rgba(0, 0, 0, 0.25) 1px 1px 2px;
  color: white;
}
.main-hero .headline, .main-hero--white .headline, .main-hero--darkgray .headline, .hero--nicereply .headline, .hero--webinars__confirmation .headline {
  font-size: 40px;
  line-height: 1.375;
  font-weight: 600;
  margin: 0;
}
.main-hero .headline span, .main-hero--white .headline span, .main-hero--darkgray .headline span, .hero--nicereply .headline span, .hero--webinars__confirmation .headline span {
  display: block;
  font-size: 52px;
  line-height: 1.34615;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.main-hero .sub-headline, .main-hero--white .sub-headline, .main-hero--darkgray .sub-headline, .hero--nicereply .sub-headline, .hero--webinars__confirmation .sub-headline {
  font-size: 22px;
  line-height: 1.54545;
  letter-spacing: -.25px;
}
@media only screen and (max-width: 767px) {
  .main-hero, .main-hero--white, .main-hero--darkgray, .hero--nicereply, .hero--webinars__confirmation {
    padding: 50px 0;
  }
  .main-hero .headline, .main-hero--white .headline, .main-hero--darkgray .headline, .hero--nicereply .headline, .hero--webinars__confirmation .headline {
    margin-bottom: 15px;
  }
  .main-hero .headline span, .main-hero--white .headline span, .main-hero--darkgray .headline span, .hero--nicereply .headline span, .hero--webinars__confirmation .headline span {
    line-height: 1.1;
  }
  .main-hero .title, .main-hero--white .title, .main-hero--darkgray .title, .hero--nicereply .title, .hero--webinars__confirmation .title {
    margin: -50px 0 50px;
  }
}

.main-hero--white {
  background-color: white;
}
.main-hero--white .page-name {
  background-color: white;
  border-top: 4px solid #e3e5e7;
  border-bottom: 1px dotted #e3e5e7;
}
.main-hero--white .page-name .page-name__text {
  color: #e3e5e7;
}
.main-hero--white .headline,
.main-hero--white .sub-headline {
  text-shadow: none;
}
.main-hero--white .headline {
  color: #7bc143;
}
.main-hero--white .sub-headline {
  color: #455560;
}

.main-hero--darkgray {
  background-color: #1c2f3a;
}

.hero--nicereply {
  background-position: center center;
  background-image: url("../images/hero-support-nicereply.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.slick-hero {
  background-color: #62cae3;
  padding: 50px 0;
}
.slick-hero .headline,
.slick-hero .sub-headline {
  color: white;
}
.slick-hero .headline {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.1;
  text-shadow: rgba(0, 0, 0, 0.25) 1px 1px 2px;
}
.slick-hero .sub-headline {
  font-size: 16px;
  background-color: rgba(123, 193, 67, 0.75);
  padding: 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 767px) {
  .slick-hero .headline {
    margin-bottom: 0;
    background-color: rgba(123, 193, 67, 0.75);
    padding: 20px 20px 0;
  }
}

/* -----------------------------------------
HOMEPAGE
----------------------------------------- */
.homepage .hero-home--nevada {
  background-color: #333;
  background-position: center center;
  background-image: url("../images/hero-home-nevada.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 110px 0;
}
.homepage .hero-home--nevada .headline {
  margin-bottom: 10px;
}
.homepage .hero-home--nevada .sub-headline {
  font-family: "proxima-nova", sans-serif;
}

.homepage__benefits .thumb {
  height: 90px;
  width: 90px;
}
.homepage__benefits .subsection-headline {
  font-size: 16px;
}
.homepage__benefits .benefits__description {
  color: #bdc3c7;
}

.homepage__features .headline {
  color: #455560;
}
@media only screen and (max-width: 767px) {
  .homepage__features .features__graphic {
    margin-bottom: 30px;
  }
}
.homepage__features .features__content {
  padding-top: 55px;
}
@media only screen and (max-width: 767px) {
  .homepage__features .features__content {
    padding-top: 0;
  }
}
.homepage__features .features__content--right {
  padding-left: 20px;
}
@media only screen and (max-width: 767px) {
  .homepage__features .features__content--right {
    padding-left: 0;
  }
}
.homepage__features .features__list {
  padding: 0;
  list-style-type: none;
}
.homepage__features .features__list .list__item .item__icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  vertical-align: top;
  padding: 15px;
  background-color: #7bc143;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.homepage__features .features__list .list__item .item__label {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  padding-left: 5px;
  padding-top: 15px;
  vertical-align: top;
}

.homepage__integrations .features__logos {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.homepage__integrations .features__logos .logos__item {
  display: inline-block;
  padding: 0 10px;
}
.homepage__integrations .features__logos .logos__item .item__thumb {
  height: 70px;
  width: auto;
  display: block;
}
@media only screen and (max-width: 767px) {
  .homepage__integrations .features__logos .logos__item {
    display: block;
    text-align: center;
    margin-bottom: 15px;
  }
  .homepage__integrations .features__logos .logos__item:last-child {
    margin-bottom: 0;
  }
  .homepage__integrations .features__logos .logos__item .item__thumb {
    display: inline-block;
  }
}
.homepage__integrations .features__explore {
  padding-top: 40px;
  font-size: 18px;
}

.homepage__testimonials {
  background-position: center center;
  background-image: url("../images/homepage/background_testimonials.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.homepage__testimonials .banner {
  position: relative;
  z-index: 0;
  overflow: auto;
  width: auto !important;
}
@media only screen and (max-width: 767px) {
  .homepage__testimonials .banner {
    width: 100% !important;
    height: auto !important;
  }
}
.homepage__testimonials .banner ul {
  margin-bottom: 0;
  padding: 0;
}
.homepage__testimonials .slide {
  padding: 0 0;
  float: left;
  display: block;
  list-style: none;
  height: 350px;
}
.homepage__testimonials .slide .slide-content {
  background-color: #fff;
  height: 350px;
  width: 450px;
  margin: 0 auto;
  color: #455560;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  text-align: center;
}
.homepage__testimonials .slide .slide-content .slide-content__quote {
  font-size: 16px;
  margin-bottom: 5px;
}
.homepage__testimonials .slide .slide-content .slide-content__author {
  font-size: 13px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.homepage__testimonials .slide .slide-content .slide-content__top {
  height: 245px;
  padding: 15px;
}
@media only screen and (max-width: 767px) {
  .homepage__testimonials .slide .slide-content .slide-content__top {
    height: auto;
  }
}
.homepage__testimonials .slide .slide-content .slide-content__bottom {
  background-color: #7bc143;
  color: #fff;
  padding: 15px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.homepage__testimonials .slide .slide-content .slide-content__bottom .fa {
  margin-right: 3px;
}
.homepage__testimonials .slide .slide-content .slide-content__thumb {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 75px;
  height: 75px;
  border: 2px solid #455560;
  margin-bottom: 5px;
}
.homepage__testimonials .slide .slide-content .fa {
  margin-right: 3px;
}
.homepage__testimonials .slide .slide-content .slide-content__line {
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .homepage__testimonials .slide .slide-content {
    width: auto;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .homepage__testimonials .slide {
    height: auto;
  }
}
.homepage__testimonials .unslider-arrow {
  position: absolute;
  top: 50%;
  margin-top: -32px;
  color: #fff;
  font-size: 65px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  border-bottom: 0;
}
.homepage__testimonials .unslider-arrow.prev {
  left: 0;
}
@media only screen and (max-width: 767px) {
  .homepage__testimonials .unslider-arrow.prev {
    left: 15px;
  }
}
.homepage__testimonials .unslider-arrow.next {
  right: 0;
}
@media only screen and (max-width: 767px) {
  .homepage__testimonials .unslider-arrow.next {
    right: 15px;
  }
}
.homepage__testimonials .unslider-arrow:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .homepage__testimonials .unslider-arrow {
    font-size: 55px;
    color: #62cae3;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
.homepage__testimonials .testimonials__logos {
  list-style: none;
  margin: 0;
  background-color: white;
  padding: 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}
.homepage__testimonials .testimonials__logos .logos__item {
  display: inline-block;
  padding: 0 30px;
}
.homepage__testimonials .testimonials__logos .logos__item img {
  width: auto;
  height: 89px;
  vertical-align: text-bottom;
}
@media only screen and (max-width: 767px) {
  .homepage__testimonials .testimonials__logos .logos__item {
    display: block;
    text-align: center;
    margin-bottom: 10px;
  }
  .homepage__testimonials .testimonials__logos .logos__item:last-child {
    margin-bottom: 0;
  }
}

/* -----------------------------------------
NEW MODAL
----------------------------------------- */
.modal--webinar {
  width: 550px;
  margin-left: -275px;
  padding: 0;
}
.modal--webinar .modal--webinar__head {
  width: 550px;
  height: 307px;
  background-image: url("../images/modal/modal--webinar-head.jpg");
  background-size: 550px 307px;
  text-align: center;
  padding: 150px 40px 40px;
}
.modal--webinar .modal--webinar__head .webinar__head__banner,
.modal--webinar .modal--webinar__head .webinar__head__title,
.modal--webinar .modal--webinar__head .webinar__head__subtitle {
  margin-bottom: 5px;
}
.modal--webinar .modal--webinar__head .webinar__head__banner {
  color: #1c2f3a;
  background-color: white;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 4px 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
}
.modal--webinar .modal--webinar__head .webinar__head__title {
  color: white;
  font-size: 32px;
  line-height: 1.3;
  font-weight: 600;
}
.modal--webinar .modal--webinar__head .webinar__head__subtitle {
  color: white;
  font-size: 16px;
  line-height: 1;
}
.modal--webinar .modal--webinar__head .webinar__head__subtitle .widerfunnel {
  background-image: url("../images/modal/modal--webinar-wflogo.png");
  background-size: 50px 21px;
  height: 21px;
  width: 50px;
  margin-left: 3px;
  display: inline-block;
  text-indent: -9999px;
  vertical-align: text-top;
}
.modal--webinar .modal--webinar__footer {
  padding: 15px 0;
}
.modal--webinar .webinar__footer__close {
  font-size: 12px;
}

/* -----------------------------------------
FIXED CALLOUT
----------------------------------------- */
.webinar-callout {
  display: none;
  background-color: #fff;
  background-image: url("../images/modal/callout--webinar-head.jpg");
  background-size: 300px 171px;
  background-repeat: no-repeat;
  position: fixed;
  bottom: 20px;
  right: 20px;
  height: 225px;
  width: 300px;
  padding: 62px 0 0;
  text-align: center;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) -2px 3px 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) -2px 3px 5px;
  box-shadow: rgba(0, 0, 0, 0.2) -2px 3px 5px;
}
.webinar-callout.webinar-callout--show {
  display: block;
}
.webinar-callout .webinar-callout__close {
  display: block;
  position: absolute;
  font-size: 20px;
  right: 10px;
  top: 10px;
  color: #1c2f3a;
}
.webinar-callout .webinar-callout__header {
  margin-bottom: 5px;
  background-color: transparent;
}
.webinar-callout .webinar-callout__logo {
  width: 26px;
  height: 25px;
  display: inline-block;
  vertical-align: text-top;
}
.webinar-callout .webinar-callout__banner {
  color: #1c2f3a;
  background-color: white;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 4px 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  margin-bottom: 0;
}
.webinar-callout .webinar-callout__title {
  color: white;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0;
}
.webinar-callout .webinar-callout__subtitle {
  color: white;
  font-size: 15px;
}
.webinar-callout .webinar-callout__subtitle .widerfunnel {
  background-image: url("../images/modal/modal--webinar-wflogo.png");
  background-size: 50px 21px;
  height: 21px;
  width: 50px;
  margin-left: 3px;
  display: inline-block;
  text-indent: -9999px;
  vertical-align: text-top;
}
.webinar-callout .webinar-callout__link {
  color: #7bc143;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}
.webinar-callout .webinar-callout__link:hover {
  text-decoration: underline;
}

/* -----------------------------------------
OLD MODAL
----------------------------------------- */
.modal-header {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 15px;
  padding-bottom: 20px;
  text-align: center;
}
.modal-header .modal-header__logo {
  width: 160px;
  height: 28px;
  padding-top: 0;
  vertical-align: text-top;
  margin: 0;
}
.modal-header .modal-header__title {
  border-left: 1px solid #e5e5e5;
  color: #455560;
  display: inline-block;
  font-size: 17px;
  font-weight: 500;
  margin-left: 7px;
  margin-bottom: 0;
  padding-left: 10px;
  padding-top: 4px;
  text-transform: uppercase;
  vertical-align: text-top;
}

.modal-content {
  text-align: center;
}
.modal-content .modal-content__hero {
  background-position: center center;
  background-image: url("../images/webinar/chris-goward-modal.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  font-family: "jaf-facitweb", sans-serif;
  color: #fff;
  display: block;
  margin-bottom: 20px;
  padding: 53px 0 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 34px;
  letter-spacing: -1.25px;
}
.modal-content .modal-content__hero .speaker {
  display: block;
  background-color: #455560;
  font-size: 14px;
  font-weight: 300;
  font-family: "proxima-nova", sans-serif;
  letter-spacing: 0;
  padding: 5px 0;
  margin-top: 60px;
  text-transform: uppercase;
}
.modal-content p {
  margin-bottom: 0;
}
.modal-content .modal-close {
  margin-top: 15px;
  display: block;
}

/* -----------------------------------------
WEBINAR TOP BAR
----------------------------------------- */
.webinar-bar {
  padding: 11px 0 10px;
  background: #e3e5e7;
  position: relative;
  z-index: 1;
}
.webinar-bar p {
  margin: 0;
}
.webinar-bar .title {
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .webinar-bar .title {
    display: block;
  }
}
.webinar-bar .date {
  margin-right: 5px;
  padding-right: 10px;
  border-right: 1px solid #455560;
}
.webinar-bar .label {
  background-color: #7bc143;
  color: #ffffff;
  padding: 4px 5px;
  margin-right: 5px;
  text-transform: uppercase;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 767px) {
  .webinar-bar .label {
    margin-bottom: 5px;
    display: inline-block;
  }
}
@media only screen and (max-width: 767px) {
  .webinar-bar .label {
    font-size: 20px;
  }
}

/* -----------------------------------------
CLIENTS
----------------------------------------- */
.clients .customers .wrap {
  background: #fff;
  width: 100%;
  margin: 0 0 7px 0;
  float: left;
  padding: 30px;
}
.clients .customers .wrap:hover {
  border: 1px solid #7bc143;
  -moz-box-shadow: 0px 0px 3px #7bc143;
  -webkit-box-shadow: 0px 0px 3px #7bc143;
  box-shadow: 0px 0px 3px #7bc143;
}
.clients .customers .wrap p {
  color: #455560;
}
.clients .testimonials p {
  padding: 20px;
}
.clients .logos img {
  max-width: 200px;
  max-height: 100px;
}
.clients .logos p {
  font-size: 16px;
  padding: 15px;
}
.clients .logos-fade .wrap {
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.clients .fade {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  opacity: 0.25;
}
.clients .fade.full {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.clients .wrap.fade {
  cursor: default;
}
.clients .wrap img {
  max-width: 160px;
}
.clients .number {
  color: #ffffff;
  font-size: 68px;
  font-weight: 600;
  padding: 20px 0;
  text-align: center;
}
.clients .video-wrap {
  padding: 10px;
  background-color: white;
}
.clients .video-wrap .wistia_embed,
.clients .video-wrap #wistia_chrome_8,
.clients .video-wrap #wistia_grid_12_main,
.clients .video-wrap #wistia_grid_12_wrapper,
.clients .video-wrap #wistia_8tdejo0w0g_grid_wrapper,
.clients .video-wrap #wistia_8tdejo0w0g_grid_main {
  width: 100% !important;
}
.clients .tabs dd,
.clients .tabs li {
  display: inline-block;
  float: none;
}
.clients .tabs dd a,
.clients .tabs li a {
  background-color: #fff;
}
.clients .clients-conversions .sub-headline {
  font-size: 18px;
  line-height: 24px;
  color: #bdc3c7;
}

/* -----------------------------------------
HOW, CASE STUDIES
----------------------------------------- */
.how-it-works .flex-video {
  margin: 0;
}

/* Case Studies */
section.case-study.page-title.white h3 {
  font-weight: 700;
  margin: 35px 0 25px;
}

.case-study .quote, .case-study .byline {
  font-family: 'georgia', serif;
  color: #7BC143;
  line-height: 1.3;
}

.case-study .quote {
  font-size: 24px;
  margin: 10px 0 20px 0;
  padding: 20px 0;
  border: 1px dotted #ddd;
  border-right: 0;
  border-left: 0;
}

.case-study .byline {
  font-size: 12px;
}

.case-study .profile {
  background: #e0e2e4;
  padding: 8%;
}

.case-study .profile p {
  font-size: 12px;
}

.case-study .profile strong {
  text-transform: uppercase;
}

section.case-study.page-title.white .profile h3 {
  border-bottom: 1px dotted #aaa;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 990px) {
  .customers.hero {
    background-position: 135% bottom;
  }

  .customers.hero h1 {
    margin-top: 35px;
  }

  .customers.hero h2 {
    background: #62cae3;
  }
}
@media only screen and (max-width: 767px) {
  .customers.white.slider {
    display: none;
  }

  .customers.gray.profiles .arrow.white {
    display: none;
  }

  .customers.hero {
    background-position: 170px bottom;
  }

  .customers.hero h1 {
    margin-top: 35px;
    width: 350px;
  }

  .customers.hero h2 {
    margin-bottom: 100px;
    width: 230px;
  }

  .how.gray div {
    text-align: center;
  }

  .customers.darkgray div {
    text-align: center;
  }
}
/* HOW, CASE STUDIES */
@media only screen and (max-width: 767px) {
  .use-cases section.white.page-title p {
    text-align: center;
    margin-top: 20px;
  }
}
.use-cases section.white.page-title p:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .use-cases .formstack-users {
    padding-bottom: 0;
  }
}
.use-cases .formstack-users .circle-icon {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .use-cases .formstack-users .circle-icon {
    margin-bottom: 35px;
  }
}
.use-cases .formstack-users .circle-icon .icon {
  background-color: #62cae3;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 70px;
  height: 150px;
  margin-bottom: 20px;
  padding: 33px 0;
  width: 150px;
  border: 5px solid #62cae3;
  transition: background 0.5s;
}
.use-cases .formstack-users .circle-icon .icon .fa {
  transition: color 0.5s;
}
.use-cases .formstack-users .circle-icon .icon.nonprofit {
  background-color: #7bc143;
  border-color: #7bc143;
}
.use-cases .formstack-users .circle-icon .icon.digital-marketer {
  background-color: #EE9D20;
  border-color: #EE9D20;
}
.use-cases .formstack-users .circle-icon .icon.digital-marketer:hover {
  background-color: #fff;
}
.use-cases .formstack-users .circle-icon .icon.digital-marketer:hover .fa {
  color: #EE9D20;
}
.use-cases .formstack-users .circle-icon:hover .icon {
  background-color: #fff;
}
.use-cases .formstack-users .circle-icon:hover .icon .fa {
  color: #62cae3;
}
.use-cases .formstack-users .circle-icon:hover .icon.nonprofit {
  background-color: #fff;
}
.use-cases .formstack-users .circle-icon:hover .icon.nonprofit .fa {
  color: #7bc143;
}
.use-cases .formstack-users .circle-icon:hover .icon.digital-marketer {
  background-color: #fff;
}
.use-cases .formstack-users .circle-icon:hover .icon.digital-marketer .fa {
  color: #EE9D20;
}
@media only screen and (max-width: 767px) {
  .use-cases .individual-use-case .use-case-persona {
    margin-bottom: 20px;
  }
}
.use-cases .individual-use-case p,
.use-cases .individual-use-case ul {
  color: #6c7a85;
}
.use-cases .individual-use-case ul {
  list-style: none;
}
.use-cases .individual-use-case .integrations {
  margin-top: 20px;
}
.use-cases .individual-use-case .integrations li {
  display: inline-block;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .use-cases .individual-use-case .integrations li {
    display: block;
    margin-bottom: 20px;
  }
}
.use-cases .individual-use-case .integrations li img {
  height: 30px;
  width: auto;
  display: block;
}

/* -----------------------------------------
FEATURES, INTEGRATIONS
----------------------------------------- */
/* Features & Intergrations shared */
section.white.page-title.features-pg h1,
section.white.page-title.integrations-pg h1 {
  font-size: 24px;
  letter-spacing: -1px;
  color: #455560;
  font-weight: 700;
  border: 0;
  padding: 0;
  text-transform: none;
  margin-bottom: 15px;
}

section.white.page-title.features-pg h1.specialcase {
  width: 100%;
  font-size: 22px;
  line-height: 1;
  padding: 10px 0;
  border-top: 4px solid #e0e2e4;
  border-bottom: 1px dotted #ddd;
  color: #ABB2B7;
  text-transform: uppercase;
  margin: 0 0 35px 0;
  letter-spacing: 0;
  font-weight: normal;
}

section.white.page-title.features-pg h2,
section.white.page-title.integrations-pg h2 {
  font-size: 32px;
  letter-spacing: -1px;
  width: 80%;
  margin: 10px 0 30px;
}

section.white.features-pg h4 {
  color: #455560;
  font-size: 20px;
  font-weight: 700;
  margin-top: 30px;
}
section.white.features-pg .no-top-margin {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  section.white.features-pg .no-top-margin {
    margin-top: 20px;
  }
}
section.white.features-pg .zapier {
  margin-top: 20px;
}
section.white.features-pg a:hover h4 {
  color: #7bc143;
}

.features-pg .intro, .integrations-pg .intro {
  font-size: 16px;
  margin-top: 15px;
}

.features-pg .main.intro, .integrations-pg .main.intro {
  width: 80%;
  margin-bottom: 35px;
}

.features-pg h4, .integrations-pg h4 {
  margin-bottom: 15px;
  font-weight: bold;
}

/* Features */
.features-pg .quote {
  margin: 20px 0;
  background: #f0f0f0;
  border-radius: 5px;
  border: 1px solid #E0E0E0;
}

.features-pg .quote p {
  font-size: 20px;
  line-height: 1.3;
  color: #7bc143;
  font-family: Georgia,serif;
  margin: 15px 0 10px;
}

.features-pg .quote p.byline {
  float: left;
  font-size: 12px;
  font-style: italic;
  color: #666;
}

.features-pg .quote img {
  float: right;
  margin-bottom: 15px;
}

.features-pg .feature-column {
  border-bottom: 1px solid #ddd;
  margin: 0px 0px 30px 0px;
  padding: 30px 0;
}

.features-pg .feature-column.newfeature a.play {
  background: url(../images/features-new-play.png) no-repeat;
  background-position: 50% 50%;
  text-indent: -9999px;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 40;
  opacity: 0.2;
}

.features-pg .feature-column.newfeature a.play:hover {
  opacity: 0.8;
}

.features-pg .feature-column.newfeature .four p {
  font-size: 12px;
}

.feature-column.newfeature h4 {
  margin-top: 20px;
}

.features-pg h5 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  margin: 0 0 20px 0;
  line-height: 30px;
}

.features-pg .newfeature i {
  float: left;
  width: 30px;
  height: 30px;
  background: url(../images/features-new-icons.png);
  display: block;
  margin-right: 5px;
}

.features-pg .newfeature i.one {
  background-position: 0px 0px;
}

.features-pg .newfeature i.two {
  background-position: 0px 30px;
}

.features-pg .newfeature i.three {
  background-position: 0px 60px;
}

.features-pg .nine.columns ul {
  margin-left: 15px;
}

.features-pg .digital-sig-example .fsBody .fsRowBody {
  padding: 0 !important;
}
.features-pg .digital-sig-example .fsLabel {
  color: #7bc143 !important;
}
.features-pg .digital-sig-example div.fsSignature {
  border: 10px solid #ccc !important;
  border-radius: 14px;
  -moz-box-shadow: 0 0 4px #ccc;
  -webkit-box-shadow: 0 0 4px #ccc;
  box-shadow: 0 0 4px #ccc;
  margin-top: 10px;
}

.features-pg #recaptcha_response_field {
  height: auto !important;
}

.integrations-pg ul.no-bullet, .features-pg ul.no-bullet {
  margin-left: 0;
}

.integrations-pg ul.breadcrumbs li, .features-pg ul.breadcrumbs li {
  margin-bottom: 0;
}

/* mixins */
@media screen and (min-width: 676px) {
  .temporary-text-space {
    margin-left: 50px;
  }
}
.features-pg .section-end {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 10px;
  margin-bottom: 40px;
}
.features-pg.feat-menu a {
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  border: none;
}
.features-pg.feat-menu a:hover {
  color: #62cae3;
}
.features-pg.feat-menu h5 {
  font-size: 14px;
  margin: 0;
}
.features-pg.feat-menu .two.columns {
  padding: 0 5px;
}
.features-pg .mini-icon {
  display: inline-block;
  width: 30px;
  height: 22px;
  margin: 0 0 -6px 5px;
  background-image: url(../images/features/mini-sprite.png);
}
.features-pg .mini-icon.code {
  background-position: 0px 0px;
}
.features-pg .mini-icon.arrange {
  background-position: 0px -22px;
}
.features-pg .mini-icon.live {
  background-position: 0px -44px;
}
.features-pg .mini-icon.percent {
  background-position: 0px -66px;
}
.features-pg .mini-icon.upload {
  background-position: 0px -88px;
}
.features-pg .mini-icon.signature {
  background-position: 0px -110px;
}
.features-pg .mini-icon.font {
  background-position: 0px -132px;
}
.features-pg .mini-icon.color {
  background-position: 0px -154px;
}
.features-pg .mini-icon.apple {
  background-position: 0px -176px;
}
.features-pg .mini-icon.android {
  background-position: 0px -198px;
}
.features-pg .mini-icon.windows {
  background-position: 0px -220px;
}
.features-pg .mini-icon.funnel {
  background-position: 0px -242px;
}
.features-pg .mini-icon.money {
  background-position: 0px -264px;
}
.features-pg .mini-icon.megaphone {
  background-position: 0px -286px;
}

.test-features-new section.white.page-title h3 {
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
  letter-spacing: -.5px;
}

.features-icon {
  height: 50px;
  width: auto;
}

/* Integrations */
.integration img {
  margin: 0 0 15px 0;
}

.integration img.logo {
  max-width: 150px;
}

.integration .listings a {
  border: none;
}

.integration .listings a img.logo {
  max-width: 220px;
  padding: 15px 12px;
  margin-right: 10px;
  background: #fff;
  border: 0;
}

.integration.nine.columns .breadcrumbs {
  margin-left: 0;
}

/*INTEGRATIONS MENU*/
.integrations-menu a div.icon {
  float: left;
  height: 30px;
  width: 30px;
  margin-right: 10px;
  display: block;
  background: url(../images/integrations-icons.png) no-repeat;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.integrations-menu a.crm div.icon {
  background-position: 0 0;
}

.integrations-menu a.crm:hover div.icon {
  background-position: -30px 0;
}

.integrations-menu a.helpdesk div.icon {
  background-position: 0 -30px;
}

.integrations-menu a.helpdesk:hover div.icon {
  background-position: -30px -30px;
}

.integrations-menu a.email div.icon {
  background-position: 0 -60px;
}

.integrations-menu a.email:hover div.icon {
  background-position: -30px -60px;
}

.integrations-menu a.accounting div.icon {
  background-position: 0 -90px;
}

.integrations-menu a.accounting:hover div.icon {
  background-position: -30px -90px;
}

.integrations-menu a.calendar div.icon {
  background-position: 0 -121px;
}

.integrations-menu a.calendar:hover div.icon {
  background-position: -30px -121px;
}

.integrations-menu a.documents div.icon {
  background-position: 0 -152px;
}

.integrations-menu a.documents:hover div.icon {
  background-position: -30px -152px;
}

.integrations-menu a.socialmedia div.icon {
  background-position: 0 -183px;
}

.integrations-menu a.socialmedia:hover div.icon {
  background-position: -30px -183px;
}

.integrations-menu a.payments div.icon {
  background-position: 0 -214px;
}

.integrations-menu a.payments:hover div.icon {
  background-position: -30px -214px;
}

.integrations-menu a.cms div.icon {
  background-position: 0 -245px;
}

.integrations-menu a.cms:hover div.icon {
  background-position: -30px -245px;
}

.integrations-menu a.analytics div.icon {
  background-position: 0 -276px;
}

.integrations-menu a.analytics:hover div.icon {
  background-position: -30px -276px;
}

@media only screen and (max-width: 767px) {
  .features-pg div, .integrations-pg div {
    text-align: center;
  }

  section.white.page-title.features-pg h2, section.white.page-title.integrations-pg h2 {
    width: 100%;
  }

  .features-pg p.intro, .integrations-pg p.intro {
    width: 100%;
  }

  .integration.nine.columns .eight.columns {
    padding-left: 15px;
  }
}
ul.integrations-nav {
  padding: 0;
}

.integrations-nav {
  background: white;
  border-radius: 6px;
  border: 0;
  box-shadow: none;
  padding: 0;
  margin-top: 10px;
}
.integrations-nav .main {
  border-bottom: thin solid #e3e5e7;
}
.integrations-nav li {
  border: 0;
  line-height: 1.5;
  border-right: 0;
  list-style: none;
  margin-bottom: 5px;
  cursor: pointer;
}
.integrations-nav li:hover {
  color: #ed9d21;
}
.integrations-nav li.active {
  color: #ed9d21;
  cursor: default;
}
.integrations-nav li.bottom-li {
  padding-bottom: 10px;
}
.integrations-nav li a {
  color: #1c2f3a;
  font-size: 14px;
  letter-spacing: -.25px;
  padding: 5px 0px;
  margin: 0;
  display: block;
  border-bottom: 0;
}
.integrations-nav li a:hover {
  color: #ed9d21;
}
.integrations-nav.sidebar--features {
  background: transparent;
  padding: 0;
  border: 0;
}
.integrations-nav.sidebar--features li.heading {
  border-bottom: 1px solid #ccc;
  margin: 15px 0;
  padding: 7px 0;
}
.integrations-nav.sidebar--features li.heading-top {
  margin-top: 0;
}
.integrations-nav.sidebar--features li a {
  color: #1c2f3a;
  padding: 7px 0;
  border-bottom: 0;
}
.integrations-nav.sidebar--features li a:hover {
  color: #ed9d21;
  background: transparent;
}

#accordian ul ul {
  display: none;
  margin-top: 10px;
}

#accordian li.active ul {
  display: block;
}

.integrations-box {
  padding-top: 25px;
  border: thin solid white;
  border-radius: 25px;
}
.integrations-box img {
  height: 50px;
}
.integrations-box:hover {
  border: thin solid #ed9d21;
  cursor: pointer;
}

/* FEATURES, INTEGRATIONS */
/* -----------------------------------------
   EXAMPLES
----------------------------------------- */
.form-examples .tabs dd,
.form-examples .tabs li {
  display: inline-block;
  float: none;
}
.form-examples .subsection-headline {
  margin-bottom: 15px;
}

.example-popup {
  padding: 0;
}
.example-popup .current {
  padding: 30px;
}
.example-popup .current .button {
  float: right;
  margin: 12px 0 10px 10px;
}
.example-popup .current h4 {
  font-weight: bold;
  margin-bottom: 5px;
}
.example-popup .current p {
  font-size: 14px;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .example-popup.reveal-modal {
    padding: 0;
  }
  .example-popup .new .phone {
    width: 100%;
  }
}
.example-popup .new {
  background: #EA9E0A;
  padding: 30px;
}
.example-popup .new h4 {
  color: #fff;
  font-weight: bold;
  margin-bottom: 5px;
}
.example-popup .new p {
  color: #fff;
  font-size: 14px;
}
.example-popup .new .firstname,
.example-popup .new .lastname {
  width: 43%;
  float: left;
}
.example-popup .new .lastname {
  margin-left: 15px;
}
.example-popup .new .phone {
  width: 38%;
}
.example-popup .new .green.button {
  margin: 20px 0;
}
.example-popup .new .fineprint {
  font-size: 11px;
  color: #7d5d20;
  margin: 0;
}
.example-popup .new .fineprint a {
  color: #7d5d20;
  text-decoration: underline;
}
.example-popup .new .fineprint a:hover {
  color: white;
}

/* -----------------------------------------
   EXAMPLES TEST CONTENT (AUG 2015)
----------------------------------------- */
.example-form-holder {
  position: relative;
}
.example-form-holder div {
  position: absolute;
  left: 25%;
}
.example-form-holder a {
  border-bottom: 0;
}

.examples-nav > li.active {
  background: transparent;
}

.examples-nav > li.active:hover {
  background: transparent;
}

#test--examples-new a {
  display: inline-block;
}

#test--examples-new object {
  pointer-events: none;
}

/* -----------------------------------------
TEMPLATES
----------------------------------------- */
.templates .page-name {
  margin: -50px 0 0;
}
.templates .imitation {
  width: 100%;
  font-size: 18px;
  line-height: 1;
  padding: 10px 0;
  border-top: 4px solid #e0e2e4;
  border-bottom: 1px dotted #ddd;
  color: #6c7a85;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0;
  margin-bottom: 0;
  font-weight: 500;
  font-family: "jaf-facitweb", sans-serif;
}
.templates .desc {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
}
.templates .heading {
  padding: 20px 0 0;
}
.templates .getbutton {
  padding: 0;
}
.templates .fsBody .fsForm {
  margin: 0 auto !important;
}
.templates .fsBody .fsForm .fsSectionHeading {
  letter-spacing: 0;
}
.templates .fsForm select {
  width: auto;
}

/* -----------------------------------------
PRICING
----------------------------------------- */
/* PRICING HEADER */
.page-title.pricing h2 {
  margin-bottom: 50px;
}

.page-title.pricing h3.subheader {
  font-weight: 700;
  font-size: 21px;
  letter-spacing: -1px;
  margin-bottom: 60px;
}

.pricing .subheader.comparison-link {
  margin: -40px 0 40px;
  font-size: 16px;
}

/* PRICING TABLE */
.pricing-options {
  padding-left: 0;
}

.pricing-options .row {
  margin: 0;
}

.pricing-options .column,
.pricing-options .columns {
  padding: 0 0 0 10px;
}

.pricing-table {
  border-radius: 10px;
  overflow: hidden;
}

.pricing-table .title {
  background: #6c7a85;
  padding: 20px 15px 15px 15px;
  font-size: 28px;
  line-height: 28px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.pricing-table .title p.desc {
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0;
  text-transform: uppercase;
  margin: 7px 0 0 0;
}

.pricing-features {
  padding-top: 71px;
}

.pricing-features .title {
  background: #ddd;
  color: #455560;
  text-shadow: none;
}

.pricing-features ul li.title {
  font-size: 18px;
  text-transform: uppercase;
  text-align: left;
  padding: 20px 25px 15px;
}

.pricing-features ul li.price {
  padding: 12px 0 13px 10px;
}

.pricing-features ul li.bullet-item,
.pricing-features ul li.bullet-item.check {
  text-align: left;
  padding: 12px 23px 12px;
}

.pricing-features ul li.bullet-item.large {
  padding-left: 23px;
}

.pricing-features ul li.bullet-item .has-tip,
.pricing-features ul li.bullet-item.large .has-tip {
  font-weight: normal;
  border-bottom: 0;
}

.pricing-table .price {
  padding: 10px 0 10px 10px;
  margin: 0;
  color: #455560;
  font-weight: bold;
}

.pricing-table .price div.monthly {
  font-size: 20px;
}

.pricing-table .price div.annual {
  font-size: 20px;
  display: none;
}

.pricing-table .price .tiny {
  font-size: 11px;
  display: block;
  margin-top: 2px;
  font-weight: normal;
}

.pricing-table .bullet-item {
  padding: 13px;
}

.pricing-table .bullet-item.last {
  border: 0;
}

.pricing-table .bullet-item .has-tip-icon {
  height: 13px;
}

.pricing-container .bullet-item.large {
  font-size: 18px;
  padding: 13px 0 12px;
}

.pricing-container .bullet-item.large span.small {
  font-size: 12px;
}

.pricing-container .bullet-item.check,
.pricing-container .bullet-item.nocheck {
  height: 41px;
  padding: 0;
}

.pricing-container .bullet-item.check .checkmark {
  width: 32px;
  height: 40px;
  background-image: url(../images/formstack-sprite.png);
  background-position: -28px -464px;
  background-repeat: no-repeat;
  margin: 0 auto;
}

.pricing-container .bullet-item span {
  display: none;
}

/*hide desc for line items, show in mobile view*/
.pricing-container .pricing-features .bullet-item span {
  display: inline;
}

.pricing-table .cta-button {
  padding: 10px 0;
}

.pricing-table .cta-button .button {
  font-size: 16px;
  padding: 14px 25px 15px;
}

/* FEATURE ROWS TO HIDE */
.pricing-container .storage {
  display: none;
}

div.price-switch {
  width: 170px;
  margin: 0 auto;
}

div.price-switch ul {
  margin: 0 auto;
}

/* TABLE HIGHLIGHT */
.pricing-table.highlight .title {
  background: #42AA44;
  color: #fff;
  text-shadow: -1px 1px 2px #1d701a;
}

.pricing-table.highlight .price {
  background: #CEE39B;
}

.pricing-table.highlight .most-popular {
  position: absolute;
  top: -20px;
  left: 180px;
  z-index: 10;
  max-width: 55px;
}

.pricing-table.highlight .bullet-item,
.pricing-table.highlight .cta-button {
  background: #E7F9C9;
}

@media only screen and (max-width: 767px) {
  .top.gold {
    margin-top: 45px;
  }
}
/* BOTTOM MARKETING */
.gpricing.marketing {
  padding-top: 0;
}
.gpricing.marketing hr {
  border: dotted #ccc;
  border-width: 1px 0 0;
  margin: 15px 0 14px;
}
.gpricing.marketing h3 {
  background: #fff;
  width: 30%;
  font-family: 'ubuntu';
  color: #7BC143;
  font-size: 32px;
  letter-spacing: -1px;
  text-align: center;
  margin: -35px auto 25px;
  font-weight: 300;
}
.gpricing.marketing h4 {
  margin: 20px 0;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 0;
  color: #455560;
}
.gpricing.marketing h4 span.small {
  font-size: 11px;
  vertical-align: super;
}
.gpricing.marketing .testimonials p.name {
  margin-bottom: 0;
  text-align: left;
}
.gpricing.marketing ul {
  margin-left: 20px;
}
.gpricing.marketing li {
  font-size: 16px;
}
.gpricing.marketing .plan-includes img {
  margin-top: 15px;
  width: 100%;
  max-width: 200px;
}
.gpricing.marketing .enterprise-plans {
  margin-bottom: 30px;
}
.gpricing.marketing .testimonials {
  margin-bottom: 40px;
}

.pricing-callout-wrap {
  padding: 10px;
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.pricing-callout-wrap p {
  float: left;
  margin: 0;
}
.pricing-callout-wrap span.name {
  padding: 0;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -1px;
}
.pricing-callout-wrap .button {
  float: right;
  margin-top: -4px;
}
.pricing-callout-wrap img {
  float: left;
  margin-right: 10px;
  max-width: 60px;
}

.pricing-callout-wrap.darkblue {
  background: #6c7a85;
  border: 1px solid #6c7a85;
}
.pricing-callout-wrap.darkblue p {
  color: #fff;
}

@media only screen and (max-width: 945px) {
  .pricing-callout-wrap p {
    float: none;
    margin: 0;
  }

  .pricing-callout-wrap .button {
    float: none;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .pricing.marketing h3 {
    width: 60%;
    margin: -25px 0 0;
  }

  .pricing-features {
    display: none;
  }

  .pricing-container .bullet-item.check .checkmark {
    display: none;
  }

  .pricing-container .bullet-item.nocheck {
    display: none;
  }

  .pricing-container .bullet-item span {
    display: inline;
  }

  .pricing-container .bullet-item.check span {
    display: block;
    padding-top: 15px;
  }

  .most-popular {
    top: -15px;
    left: 20px;
  }

  .pricing-table .price div.monthly {
    display: block;
  }

  .pricing-table .price div.annual {
    display: none;
  }

  .pricing.marketing ul {
    margin-left: 0px;
    list-style: none;
  }

  .pricing.marketing .columns {
    text-align: center;
  }
}
/* Expandable styles */
.pricing-features-expand {
  border: 1px solid #ddd;
  padding: 15px;
  border-top: 0;
}
.pricing-features-expand ul {
  list-style: inside;
  margin: 0;
  padding: 0;
}
.pricing-features-expand li.first {
  list-style: none;
  font-weight: bold;
}
.pricing-features-expand img {
  max-width: 75px;
  margin-bottom: 15px;
}
.pricing-features-expand img.horizontal {
  max-width: 90px;
  margin-bottom: -10px;
}

.pricing-features-expand-header {
  background: #7BC143;
  padding: 6px 0 7px;
  text-align: center;
  color: #fff;
}
.pricing-features-expand-header p {
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
}

.pricing-container ul {
  padding: 0;
}

.pricing-container.top ul {
  border-radius: 15px 15px 0 0;
  border-bottom: 0;
  margin-bottom: 0;
}
.pricing-container.top ul.btm {
  border-radius: 0 0 15px 15px;
  border-top: 0;
}

.pricing-container.btm .pricing-features-expand-header {
  border-radius: 5px 5px 0 0;
}
.pricing-container.btm ul {
  border-radius: 0 0 15px 15px;
  border-top: 0;
}
.pricing-container.btm ul.top {
  border-radius: 15px 15px 0 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.pricing-container.btm ul.btm.pricing-table {
  border-top: 0;
}

.features-box-mid .pricing-features-expand-btn, .features-box-btm .pricing-features-expand-btn {
  padding: 6px 0 7px;
  background: #7BC143;
  text-align: center;
  border: 1px solid #ddd;
  border-bottom: 0;
  border-top: 0;
}
.features-box-mid .pricing-features-expand-btn:hover, .features-box-btm .pricing-features-expand-btn:hover {
  background: #42AA44;
  cursor: pointer;
}
.features-box-mid .pricing-features-expand-btn p, .features-box-btm .pricing-features-expand-btn p {
  margin: 0;
  text-transform: uppercase;
  font-size: 16px;
  color: #fff;
}
.features-box-mid .pricing-features-expand-btn:hover p, .features-box-btm .pricing-features-expand-btn:hover p {
  color: #fff;
}
.features-box-mid .pricing-features-expand, .features-box-btm .pricing-features-expand {
  background: #eee;
  padding: 25px 0;
}

.features-box-btm {
  display: none;
}

@media only screen and (max-width: 945px) {
  .features-box-mid {
    display: none;
  }

  .features-box-btm {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .features-box-btm {
    text-align: center;
  }
}
.pricing-form {
  background-color: #eee;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 30px 0;
  margin-bottom: 50px;
  border: 1px solid #979C9F;
}
@media only screen and (max-width: 767px) {
  .pricing-form {
    padding: 30px;
  }
}
.pricing-form form {
  margin-bottom: 0;
}
.pricing-form input {
  height: 35px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .pricing-form input {
    margin-bottom: 20px;
  }
}
.pricing-form select {
  height: 35px;
  border: 1px solid #ccc;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .pricing-form select {
    margin-bottom: 20px;
  }
}
.pricing-form #pricing-form-title {
  font-size: 22px;
  font-weight: 500;
}

/* -----------------------------------------
MOBILE
----------------------------------------- */
.mobile .mobile-hero {
  background-position: center center;
  background-image: url("../images/hero-mobile-forms.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.mobile .mobile-hero h1 {
  font-size: 42px;
}
.mobile .mobile-hero img {
  float: right;
  margin-top: 25px;
}
.mobile .section--white img {
  margin-bottom: 35px;
  clear: left;
}
.mobile .section--white h4 {
  float: left;
  margin: 25px 0 0 15px;
  width: 47%;
  color: #455560;
  font-family: 'Open Sans', arial, helvetica, sans-serif;
  font-weight: normal;
}
.mobile .section--white .cardio img {
  margin-top: 30px;
}
.mobile .section--lightestgray .iphone {
  padding-top: 10.5%;
}
.mobile .section--lightestgray .android {
  padding-top: 11%;
}
.mobile .section--lightestgray .windows {
  padding-top: 13%;
}
.mobile .section--lightestgray .button {
  margin-top: 25px;
}

@media only screen and (max-width: 767px) {
  .mobile .section--lightestgray .iphone, .mobile .section--lightestgray .ipad, .mobile .section--lightestgray .android, .mobile .section--lightestgray .windows {
    padding-top: 0;
    margin-bottom: 15px;
  }
  .mobile .section--lightestgray .iphone .crop, .mobile .section--lightestgray .ipad .crop, .mobile .section--lightestgray .android .crop, .mobile .section--lightestgray .windows .crop {
    height: 120px;
    overflow: hidden;
    margin-bottom: -25px;
  }
}
.mobile-responsive .mobile-responsive-hero {
  background-position: center center;
  background-image: url("../images/hero_mobile-responsive.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center bottom;
}
.mobile-responsive .iphone-background {
  width: 314px;
  height: 550px;
  background: url(../images/responsive-iphone-bg.png) no-repeat;
}
.mobile-responsive .iphone-screen {
  width: 253px;
  height: 403px;
  margin: 62px 0 0 30px;
  position: absolute;
  overflow-y: scroll;
}
.mobile-responsive .check-list {
  list-style: none;
}
.mobile-responsive .check-list li {
  font-size: 16px;
}
.mobile-responsive .check-list span.green {
  color: #7bc143;
}
.mobile-responsive .check-list span.red {
  color: red;
}
.mobile-responsive .signup .free-trial {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0;
}
.mobile-responsive .signup .free-trial img {
  max-width: 170px;
  margin: -15px 10px -5px 0;
}
.mobile-responsive .signup input[type="submit"] {
  padding: 29px 19px;
}
.mobile-responsive .signup select {
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 14px;
  margin: 0 0 12px 0;
  padding: 6px;
  height: 32px;
  width: 100%;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.partners.hero h1 {
  font-size: 32px;
}

.partners.hero h2 {
  margin-top: 25px;
}

.partners.hero img {
  margin: 25px 0;
}

.partners.gray h3 {
  margin-bottom: 50px;
}

.partners.gray h4 {
  font-weight: 700;
}

.partners.gray p {
  margin-bottom: 50px;
}

.partners.gray p.last {
  margin-bottom: 20px;
}

.partners.darkgray h3 {
  font-size: 36px;
}

.partners .wrapper {
  background: #fff;
  padding: 35px;
  border-radius: 6px;
}

.ctct-faq .top-q li {
  padding-bottom: 10px;
}

.ctct-faq .a-link {
  display: block;
}

.ctct-faq .q {
  font-weight: bold;
  font-size: 18px;
  padding: 0;
  margin-top: 35px;
}

.ctct-faq .a {
  padding: 0;
  margin-top: 15px;
}

.ctct-faq .a b {
  font-size: 14px;
  line-height: 21px;
  font-weight: normal;
  color: #EA9E0A;
}

.ctct-faq ul.a {
  padding-bottom: 0;
  margin-top: 15px;
}

.ctct-faq ul.a li {
  padding-bottom: 0;
}

/* PARTNERS & AFFILIATES */
.about-page .hero {
  overflow: hidden;
  position: relative;
  height: 300px;
}
.about-page .hero #instafeed {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
  width: 110%;
  position: absolute;
  z-index: 0;
}
.about-page .hero #instafeed img {
  display: inline;
  margin-top: -20px;
  width: 160px;
}
.about-page .hero .overlay .headline {
  font-family: "jaf-facitweb", sans-serif;
  font-size: 40px;
  line-height: 48px;
  font-weight: 600;
  letter-spacing: -1.25px;
  padding-top: 95px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .about-page .hero .overlay .headline {
    padding-top: 70px;
  }
}
.about-page .hero .overlay .sub-headline {
  font-family: "proxima-nova", sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 26px;
  margin-top: 10px;
}
.about-page .tagline {
  padding: 25px 0 30px;
}
.about-page .tagline img {
  margin: -85px auto 15px;
  display: block;
  width: 100px;
}
.about-page .tagline p {
  font-size: 16px;
}
.about-page .about.video .flex-video {
  margin-top: 0;
}
.about-page .member {
  width: 180px;
  height: 180px;
  display: block;
  margin: 0 auto;
  position: relative;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 0 8px #aaa;
  -webkit-box-shadow: 0 0 8px #aaa;
  box-shadow: 0 0 8px #aaa;
}
.about-page .member img {
  position: absolute;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.about-page .member .throwback {
  z-index: 2;
}
.about-page .member .now {
  z-index: 1;
}
.about-page .member .stateicon,
.about-page .member .depticon {
  position: absolute;
  width: 40px;
  height: 40px;
}
.about-page .member .stateicon {
  right: -15px;
  bottom: -15px;
  z-index: 3;
}
.about-page .member .depticon {
  right: -15px;
  bottom: -15px;
  z-index: 4;
}
.about-page .member:hover .depticon,
.about-page .member:hover .throwback {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.about-page .name {
  text-align: center;
  margin: 15px 0 0;
  height: 75px;
  line-height: 1.3;
  font-size: 12px;
}
.about-page .name strong {
  font-size: 15px;
}
@media only screen and (max-width: 767px) {
  .about-page .about.tagline a.team {
    display: none;
  }
}

.careers-page .joblist {
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.careers-page .joblist a {
  color: #455560;
}
.careers-page .joblist a:hover {
  color: #ed9d21;
}
.careers-page .joblist h5 {
  width: 100%;
  background: #7BC143;
  font-size: 18px;
  color: white;
  font-weight: bold;
  line-height: 1;
  padding: 15px;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0;
  text-align: left;
}
.careers-page .joblist ul {
  list-style: none;
  margin: 0 0 15px 0;
  text-align: left;
  padding: 15px;
  border-radius: 0 0 5px 5px;
  background-color: #fff;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
  background-image: -moz-linear-gradient(#ffffff, #dddddd);
  background-image: -webkit-linear-gradient(#ffffff, #dddddd);
  background-image: linear-gradient(#ffffff, #dddddd);
}
.careers-page .joblist ul li a {
  display: block;
  font-size: 24px;
  padding: 15px;
  border-radius: 5px;
  line-height: .9;
  font-weight: bold;
  letter-spacing: -.5px;
  border-bottom: 0;
}
.careers-page .joblist ul li a span {
  font-size: 14px;
  color: gray;
  font-weight: normal;
  letter-spacing: 0;
}
.careers-page .joblist ul li a:hover {
  background-color: #fff;
  -moz-box-shadow: 0 0 5px #aaa;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}
.careers-page .remote {
  background-color: transparent;
  position: relative;
  padding-bottom: 50px;
  overflow: hidden;
}
.careers-page .remote .sub-headline {
  text-shadow: -1px 1px 1px #fff, 0 0 7px #fff;
}
.careers-page .remote .rotate {
  background: url("../images/careers-world.gif") no-repeat center center;
  position: absolute;
  top: 130px;
  left: 20%;
  margin: 0 auto;
  width: 850px;
  height: 850px;
  z-index: -1;
  opacity: 1;
  -moz-animation-name: rotate;
  -webkit-animation-name: rotate;
  animation-name: rotate;
  -moz-animation-duration: 15s;
  -webkit-animation-duration: 15s;
  animation-duration: 15s;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* PRESS */
.press-releases h4 a, .section--white li span.headline a {
  font-size: 21px;
  font-weight: 300;
  letter-spacing: -1px;
  font-family: 'ubuntu', sans-serif;
  line-height: 1.1;
}

.press-releases span.date {
  font-size: 14px;
  color: #455560;
  text-transform: uppercase;
  letter-spacing: 0px;
}

.press div.orbit-wrapper div.slider-nav span.left {
  left: -20px;
}

.press div.orbit-wrapper div.slider-nav span.right {
  right: -20px;
}

#pressSlider div {
  text-align: center;
}

section.section--lightestgray.press h3 {
  font-weight: bold;
  font-size: 24px;
}

.tweet_list {
  border-radius: 9px;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: hidden;
  background-color: #ebedee;
}

.tweet_list li {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 15px;
  list-style-type: none;
}

.tweet_list .tweet_time {
  font-size: 12px;
}

.tweet_list .tweet_text {
  font-size: 16px;
}

.tweet_list .tweet_even {
  background-color: #e0e2e4;
}

.tweet_list .tweet_avatar {
  padding-right: 20px;
  float: left;
}

.tweet_list .tweet_avatar img {
  vertical-align: middle;
}

.press .wrapper {
  background: #fff;
  padding: 35px;
  border-radius: 6px;
}

.press.section--gray h3 {
  font-size: 36px;
}

.press.section--gray .wrapper img {
  border: 1px solid #e0e2e4;
}

.press.section--gray .wrapper p {
  margin: 20px 0 0 0;
}

.press.section--gray .wrapper a {
  color: #33a7c7;
}

.press.section--gray .wrapper a:hover {
  color: #ea9e0a;
}

.press.section--gray .download {
  text-align: left;
  margin-top: 20px;
}

.press.section--gray .download .button {
  float: right;
}

.press.section--green h3 {
  font-size: 36px;
}

@media only screen and (max-width: 767px) {
  .press.section--green a.button {
    float: none;
  }

  .press.section--gray .download .button {
    float: none;
  }
}
/* -----------------------------------------
RESOURCES (APRIL/MAY 2015)
----------------------------------------- */
.visitor-resources--home .main-hero, .visitor-resources--home .main-hero--white, .visitor-resources--home .main-hero--darkgray, .visitor-resources--home .hero--nicereply, .visitor-resources--home .hero--webinars__confirmation {
  padding: 0;
  position: relative;
}
.visitor-resources--home .page-name {
  margin: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.visitor-resources--home .banner {
  position: relative;
  z-index: 0;
  overflow: auto;
  height: 553px !important;
}
@media only screen and (max-width: 767px) {
  .visitor-resources--home .banner {
    width: 100% !important;
    height: auto !important;
  }
}
.visitor-resources--home .banner ul {
  margin-bottom: 0;
}
.visitor-resources--home .slide {
  padding: 155px 0 0;
  float: left;
  display: block;
  list-style: none;
  background-color: #333;
  height: 553px;
  -moz-box-shadow: inset 0px 0px 100px 50px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0px 0px 100px 50px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 100px 50px rgba(0, 0, 0, 0.5);
}
.visitor-resources--home .slide .slide-content .small-headline {
  background-color: #fff;
  color: #455560;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 15px;
  padding: 2px 5px;
  text-transform: uppercase;
}
.visitor-resources--home .slide .slide-content a {
  text-decoration: underline;
  color: #fff;
}
.visitor-resources--home .slide .slide-content a:hover {
  color: #62cae3;
}
@media only screen and (max-width: 767px) {
  .visitor-resources--home .slide {
    padding: 130px 0 100px;
    height: auto;
  }
}
.visitor-resources--home .slide.one {
  background-position: center center;
  background-image: url("../images/resources/heros/fcr-hero-home.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.visitor-resources--home .slide.two {
  background-position: center center;
  background-image: url("../images/ebook_lead_gen_with_adwords_resources_hero.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  padding-top: 115px;
}
.visitor-resources--home .slide.three {
  background-position: center center;
  background-image: url("../images/resources/heros/state-of-lead-gen.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.visitor-resources--home .slide.four {
  background-position: center center;
  background-image: url("../images/resources/heros/infographic-a-b-testing-home.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.visitor-resources--home .unslider-arrow {
  position: absolute;
  top: 50%;
  margin-top: -32px;
  color: #fff;
  font-size: 65px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  border-bottom: 0;
}
.visitor-resources--home .unslider-arrow.prev {
  left: 20px;
}
@media only screen and (max-width: 767px) {
  .visitor-resources--home .unslider-arrow.prev {
    left: auto;
    right: 50px;
  }
}
.visitor-resources--home .unslider-arrow.next {
  right: 20px;
}
@media only screen and (max-width: 767px) {
  .visitor-resources--home .unslider-arrow.next {
    right: 15px;
  }
}
.visitor-resources--home .unslider-arrow:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .visitor-resources--home .unslider-arrow {
    top: auto;
    bottom: 7px;
    font-size: 55px;
  }
}
.visitor-resources--home .boxes {
  list-style: none;
  padding: 0;
  margin: 0;
}
.visitor-resources--home .boxes__item a {
  width: 100%;
  height: 225px;
  background-color: #455560;
  margin-bottom: 30px;
  display: block;
  color: #fff;
  border: 0;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.visitor-resources--home .boxes__item a .boxes__title,
.visitor-resources--home .boxes__item a .boxes__description {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 0;
  padding: 0 10px;
}
.visitor-resources--home .boxes__item a .boxes__title {
  font-size: 22px;
  text-align: center;
  font-weight: 600;
  padding: 95px 10px 0 10px;
}
.visitor-resources--home .boxes__item a .boxes__description {
  text-align: center;
  opacity: 0;
}
.visitor-resources--home .boxes__item a:hover .boxes__title {
  padding-top: 65px;
}
.visitor-resources--home .boxes__item a:hover .boxes__description {
  opacity: 1;
}
.visitor-resources--home .boxes__item--industry a,
.visitor-resources--home .boxes__item--fs a {
  background-position: center center;
  -moz-background-size: 120%;
  -o-background-size: 120%;
  -webkit-background-size: 120%;
  background-size: 120%;
  -moz-box-shadow: inset 0px 0px 100px 50px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0px 0px 100px 50px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 100px 50px rgba(0, 0, 0, 0.5);
}
.visitor-resources--home .boxes__item--industry a:hover,
.visitor-resources--home .boxes__item--fs a:hover {
  -moz-background-size: 130%;
  -o-background-size: 130%;
  -webkit-background-size: 130%;
  background-size: 130%;
  -moz-box-shadow: inset 0px 0px 100px 150px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0px 0px 100px 150px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 100px 150px rgba(0, 0, 0, 0.5);
}
.visitor-resources--home .boxes__item--industry a {
  background-image: url("../images/resources/resources_box_industry.jpg");
}
.visitor-resources--home .boxes__item--fs a {
  background-image: url("../images/resources/resources_box_formstack101.jpg");
}
.visitor-resources--home .boxes__item--cro a .boxes__title {
  padding-top: 85px;
}
.visitor-resources--home .boxes__item--cro a:hover .boxes__title {
  padding-top: 50px;
}

ul.categories {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.categories .categories__item {
  border-bottom: 1px solid #e5e5e5;
  font-size: 18px;
  padding: 6px 0;
}
ul.categories .categories__item a {
  border: 0;
}
ul.categories .categories__item:last-child {
  border-bottom: 0;
}
ul.categories .categories__item.last {
  border-bottom: 1px solid #e5e5e5;
}
@media only screen and (max-width: 767px) {
  ul.categories {
    margin-bottom: 30px;
  }
}

.resources-content .resources-headline {
  border-bottom: 1px solid #e5e5e5;
  font-weight: 600;
  margin-bottom: 30px;
  padding-bottom: 10px;
  text-transform: uppercase;
  color: #7bc143;
}
.resources-content .resources-content__item {
  margin-bottom: 30px;
}
.resources-content .thumb {
  display: block;
  border: 5px solid #ddd;
}
.resources-content .thumb img {
  display: block;
}
@media only screen and (max-width: 767px) {
  .resources-content .thumb {
    border: 0;
  }
}
.resources-content .summary {
  display: none;
  margin-bottom: 5px;
  color: #6c7a85;
}
.resources-content .subsection-headline {
  text-transform: none;
  margin: 10px 0;
}
.resources-content .subsection-headline a {
  border-bottom: 0;
}
.resources-content .pages {
  color: #7bc143;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 0;
}
.resources-content .featured-logos {
  list-style: none;
  padding: 0;
}
.resources-content .featured-logos li {
  display: inline-block;
  margin-right: 10px;
}
.resources-content .featured-logos li img {
  width: 100px;
  height: 100px;
  display: block;
}

.resources-breadcrumbs {
  list-style: none;
  margin: 7px 0 0;
}
.resources-breadcrumbs .resources-breadcrumbs__item {
  font-size: 18px;
  display: inline-block;
  margin-right: 5px;
}
.resources-breadcrumbs .resources-breadcrumbs__item a {
  border: 0;
}
.resources-breadcrumbs.resources-breadcrumbs--no-padding {
  padding: 0;
}

.resources-content__controls {
  margin-bottom: 50px;
}
.resources-content__controls .toggle {
  background-color: #e3e5e7;
  display: inline-block;
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.resources-content__controls .toggle .toggle__item {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  border: 0;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  padding: 8px 10px;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.resources-content__controls .toggle .toggle__item.active {
  background-color: #62cae3;
  color: #ffffff;
}

.resources-content--list .headline {
  margin-top: 15px;
}
.resources-content--list .thumb {
  display: none;
}
.resources-content--list .resources-headline {
  margin-top: 20px;
}
.resources-content--list .resources-content__item {
  width: 100%;
  margin-bottom: 0;
}
.resources-content--list .resources-content__item .content {
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 0 10px;
}
.resources-content--list .subsection-headline {
  margin-top: 0;
}
.resources-content--list .summary {
  display: block;
  width: 85%;
}
.resources-content--list .pages {
  margin-top: -28px;
  float: right;
}
.resources-content--list > .row:last-child .resources-content__item:last-child .content {
  border-bottom: 0;
}

.resources-sidebar .resources-sidebar__headline {
  font-family: "proxima-nova", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
}
.resources-sidebar .resources-sidebar__list {
  list-style: none;
  padding-left: 0;
}
.resources-sidebar .resources-sidebar__list .resources-list__item a {
  border: 0;
}

.visitor-resources--sub .main-hero, .visitor-resources--sub .main-hero--white, .visitor-resources--sub .main-hero--darkgray, .visitor-resources--sub .hero--nicereply, .visitor-resources--sub .hero--webinars__confirmation,
.visitor-resources--content .main-hero,
.visitor-resources--content .main-hero--white,
.visitor-resources--content .main-hero--darkgray,
.visitor-resources--content .hero--nicereply,
.visitor-resources--content .hero--webinars__confirmation {
  -moz-box-shadow: inset 0px 0px 100px 50px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0px 0px 100px 50px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 100px 50px rgba(0, 0, 0, 0.5);
}

/* -----------------------------------------
INDIVIDUAL PAGE HEROS
----------------------------------------- */
.main-hero--dm {
  background-position: center center;
  background-image: url("../images/resources/heros/digital-marketing.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--cro {
  background-position: center center;
  background-image: url("../images/resources/heros/cro.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--fs {
  background-position: center center;
  background-image: url("../images/resources/heros/fs101.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--industry {
  background-position: center center;
  background-image: url("../images/resources/heros/industry.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--ebooks {
  background-position: center center;
  background-image: url("../images/resources/heros/ebooks.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guides {
  background-position: center center;
  background-image: url("../images/resources/heros/guides.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--infographics {
  background-position: center center;
  background-image: url("../images/resources/heros/infographics.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--reports {
  background-position: center center;
  background-image: url("../images/resources/heros/reports.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--videos {
  background-position: center center;
  background-image: url("../images/resources/heros/videos.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--webinars {
  background-position: center center;
  background-image: url("../images/resources/heros/webinars.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-abtest {
  background-position: center center;
  background-image: url("../images/resources/heros/ebook-ab-test-your-forms-maximum.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-church {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-using-online-forms-to-turn-a-church-visitor-into-a-member.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-conduct {
  background-position: center center;
  background-image: url("../images/resources/heros/ebook-how-to-conduct-a-digital-brand-identity-audit.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-cro {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-so-whats-conversion-rate-optimization-anyway.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-creative {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-beyond-the-contact-form.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-design {
  background-position: center center;
  background-image: url("../images/resources/heros/ebook-design-forms-for-higher-conversions.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-event {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-online-forms-for-event-planning.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-fair {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-turn-fair-weather-fans-into-diehard-followers.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-fancy {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-fancy-form-themes.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-features {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-using-formstack-to-safely-capture-more-responses-in-higher-education.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-marketing {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-formstack-marketing-field-guide.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-smallbiz {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-formstack-small-business-handbook.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-fbtraffic {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-four-ways-to-get-more-out-of-facebook-traffic.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-highered-dept {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-formstack-for-higher-education-departments.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-highered-inquiry {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-higher-ed-forms-from-inquiry-to-acceptance.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-highered {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-formstack-for-higher-education.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-sigs {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-how-to-collect-electronic-signatures.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-survey {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-how-to-conduct-an-online-survey.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-campaign {
  background-position: center center;
  background-image: url("../images/resources/heros/ebook-how-to-create-a-post-event-email-marketing-campaign.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-season {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-how-to-make-an-order-form-for-season-ticket-sales.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-primer-basic {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-formstack-primer.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-primer-customize {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-formstack-primer.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-primer-securing {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-formstack-primer.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-primer-sharing {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-formstack-primer.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-safely {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-using-formstack-to-safely-capture-more-responses-in-higher-education.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-strengthen {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-four-ways-to-use-summer-break-to-strengthen-your-branding.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-formstack-primer {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-formstack-primer.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-track {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-why-should-i-track-my-form-in-google-analytics.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-compliance {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-formstack-508-compliance.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-cta {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-what-is-a-call-to-action-and-why-does-it-matter.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-conversion-rate {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-whats-all-the-fuss-about-conversion-rate-anyway.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--guide-value-prop {
  background-position: center center;
  background-image: url("../images/resources/heros/guide-what-is-a-value-proposition-and-why-should-i-care.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--ebook-cro {
  background-position: center center;
  background-image: url("../images/ebook_cro_hero_bg.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--ebook-budgeting {
  background-position: center center;
  background-image: url("../images/ebook_cro_budget_hero_bg.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--ebook-nonprofits {
  background-position: center center;
  background-image: url("../images/ebook-bg-formstack-nonprofits.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--ebook-ab-test {
  background-position: center center;
  background-image: url("../images/ebook-bg-ab-test-forms.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--ebook-killer-content-strategy {
  background-position: center center;
  background-image: url("../images/resources/heros/ebook-killer-content-marketing-strategy.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--ebook-testing-your-way {
  background-position: center center;
  background-image: url("../images/hero-macbook-pro.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--higher-ed-survey-infographic {
  background-position: center center;
  background-image: url("../images/resources/heros/higher-ed-survey-infographic.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--form-conversion-report-2015 {
  background-position: center center;
  background-image: url("../images/resources/heros/form-conversion-report-2015.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--mobile-marketing-mistakes {
  background-position: center center;
  background-image: url("../images/resources/heros/mobile-marketing-mistakes.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--website-losing-money {
  background-position: center center;
  background-image: url("../images/resources/heros/website-losing-money.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--toolbox-of-the-small-business-marketing-cycle {
  background-position: center center;
  background-image: url("../images/resources/heros/toolbox-of-the-small-business-marketing-cycle.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--the-small-business-journey-to-the-cloud {
  background-position: center center;
  background-image: url("../images/resources/heros/the-small-business-journey-to-the-cloud.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--small-businesses-engaging-ecommerce {
  background-position: center center;
  background-image: url("../images/resources/heros/small-businesses-engaging-ecommerce.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--less-form-fields-drives-conversions {
  background-position: center center;
  background-image: url("../images/resources/heros/less-form-fields-drives-conversions.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--personalized-marketing {
  background-position: center center;
  background-image: url("../images/resources/heros/personalized-marketing.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--marketing-skills-to-succeed {
  background-position: center center;
  background-image: url("../images/resources/heros/marketing-skills-to-succeed.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--higher-ed-survey-infographic {
  background-position: center center;
  background-image: url("../images/resources/heros/higher-ed-survey-infographic.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--form-conversion-report {
  background-position: center center;
  background-image: url("../images/resources/heros/form-conversion-report.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--fictional-bosses-remote-teams {
  background-position: center center;
  background-image: url("../images/resources/heros/fictional-bosses-remote-teams.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--calculate-landing-page-roi {
  background-position: center center;
  background-image: url("../images/resources/heros/calculate-landing-page-roi.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--blueprint-higher-education-cmo {
  background-position: center center;
  background-image: url("../images/resources/heros/blueprint-higher-education-cmo.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--best-payment-gateway {
  background-position: center center;
  background-image: url("../images/resources/heros/best-payment-gateway.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--anatomy-perfect-event {
  background-position: center center;
  background-image: url("../images/resources/heros/anatomy-perfect-event.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--anatomy-of-online-form {
  background-position: center center;
  background-image: url("../images/resources/heros/anatomy-of-online-form.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--report-google-analytics {
  background-position: center center;
  background-image: url("../images/google-analytics-report-hero-ipad.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--report-higher-ed {
  background-position: center center;
  background-image: url("../images/reports/hero-higher-ed.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--webinar-ab-testing {
  background-position: center center;
  background-image: url("../images/webinar/hero-ab-testing-perfect-lp.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--ab-testing {
  background-position: center center;
  background-image: url("../images/resources/heros/infographic-a-b-testing.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--conversion-killers {
  background-position: center center;
  background-image: url("../images/hero-mac-iphone-notebook.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--perfect-lead-gen-form {
  background-position: center center;
  background-image: url("../images/resources/heros/infographic-constructing-the-perfect-lead-gen-form.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--ebook-lead-gen-adwords {
  background-position: center center;
  background-image: url("../images/ebook_lead_gen_with_adwords_hero.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.main-hero--ascend-to-conversion-heights {
  background-position: center center;
  background-image: url("../images/resources/infographic-ascend-to-conversion-heights-hero.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

/*  RESOURCES, GUIDES, VIDEOS, WEBINARS */
/* -----------------------------------------
ROI CALCULATOR
----------------------------------------- */
.marketing-roi .hero {
  background-color: #333;
  background-position: center center;
  background-image: url("../images/hero-roi-computer.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: left 30px;
  padding: 100px 0;
}
.marketing-roi .hero .headline {
  font-size: 40px;
  line-height: 48px;
  margin-bottom: 10px;
}
.marketing-roi .calculator {
  margin-bottom: 35px;
}
.marketing-roi .calculator .top-wrap {
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px;
  border-radius: 3px 3px 0 0;
  padding: 25px 35px 15px 35px;
  font-weight: bold;
}
.marketing-roi .calculator .top-wrap .title {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}
.marketing-roi .calculator fieldset {
  border: 0;
  padding: 0;
  margin: 35px 0 0 0;
}
.marketing-roi .calculator fieldset.first {
  margin-top: 0;
}
.marketing-roi .calculator fieldset.cpc input, .marketing-roi .calculator fieldset.leads input {
  max-width: 150px;
}
.marketing-roi .calculator label {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 7px;
}
.marketing-roi .calculator input {
  margin-bottom: 0;
  max-width: 250px;
  font-size: 18px;
  font-weight: bold;
}
.marketing-roi .calculator.gray .top-wrap {
  background: #bdc3c7;
}
.marketing-roi .calculator.gray .top-wrap .title {
  color: #455560;
}
.marketing-roi .calculator.gray .calculator--wrap {
  background: #e3e5e7;
}
.marketing-roi .calculator.gray .helper {
  color: #455560;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 25px;
}
.marketing-roi .calculator.gray .poweredby {
  max-width: 175px;
  margin: 27px 0 -8px;
}
.marketing-roi .calculator.default-message {
  background: #1c2f3a;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 35px;
}
.marketing-roi .calculator.default-message .arrow-left {
  width: 0;
  height: 0;
  border-top: 27px solid transparent;
  border-bottom: 27px solid transparent;
  border-right: 30px solid #1c2f3a;
  position: absolute;
  left: -5px;
  top: 10px;
}
.marketing-roi .calculator.default-message .helper {
  font-size: 13px;
  font-style: italic;
  line-height: 1.25;
}
.marketing-roi .calculator.green .top-wrap {
  background: #629a35;
}
.marketing-roi .calculator.green .top-wrap .title {
  color: white;
}
.marketing-roi .calculator.green .top-wrap .title .logo {
  width: 140px;
  margin: 0 5px -4px;
}
.marketing-roi .calculator.green .calculator--wrap {
  background: #7bc143;
}
.marketing-roi .calculator.green .label, .marketing-roi .calculator.green .label .has-tip {
  color: #4f8422;
  font-size: 18px;
}
.marketing-roi .calculator.green .label.your-cr, .marketing-roi .calculator.green .label .has-tip.your-cr {
  margin-top: 15px;
}
.marketing-roi .calculator.green .label .has-tip {
  border-bottom: 1px dotted #4f8422;
}
.marketing-roi .calculator.green .label .has-tip:hover {
  color: #fff;
  border-bottom: 1px dotted #fff;
}
.marketing-roi .calculator.green .output {
  color: white;
  font-size: 36px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 20px;
}
.marketing-roi .calculator.green .output.your-cr-fs {
  margin-bottom: 0;
}
.marketing-roi .calculator.green .output.roi {
  margin-bottom: 0;
  background: #629a35;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 6px 8px 4px;
  margin-top: 5px;
}
.marketing-roi .calculator.green .output .cr-increase {
  font-size: 24px;
  color: #7bc143;
}
.marketing-roi .calculator.green .cta {
  margin: 15px 0 0 0;
}
.marketing-roi .calculator.green .cta a {
  width: 100%;
}
.marketing-roi .calculator.green #calc_slider {
  margin: 10px 0 20px;
  max-width: 100%;
}
.marketing-roi .calculator .calculator--wrap {
  padding: 25px 35px 35px 35px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0;
  border-radius: 0 0 3px 3px;
}
.marketing-roi .conversion-rate-optimization .features .cr-improvement {
  font-size: 42px;
  font-weight: bold;
  margin-bottom: 0;
}
.marketing-roi .conversion-rate-optimization .features .features__item img {
  margin-bottom: 17px;
  width: auto;
}

@media only screen and (max-width: 880px) {
  section.home.hero h1 {
    width: 100%;
    margin-top: 35px;
  }

  section.home.hero h2 {
    width: 100%;
    margin-top: 15px;
    font-size: 14px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  section.home.hero .headline-wrap {
    background: rgba(123, 193, 67, 0.75);
    border-radius: 3px;
    padding: 30px;
    margin: 150px 50px 0;
  }

  section.home.hero h1 {
    text-align: center;
    font-size: 35px;
    line-height: 1;
    margin: 0;
  }

  section.home.hero h2 {
    text-align: center;
    margin: 20px 0 0;
    font-size: 16px;
    background: none;
    padding: 0;
  }

  .home.integrations {
    text-align: center;
  }

  .home.integrations a .wrap {
    float: none;
  }

  .home.integrations h4 {
    text-align: center;
    background: none;
    padding: 0;
    font-size: 24px;
  }

  .home h3 {
    font-size: 32px;
  }

  .home.first h3 {
    margin-bottom: 0;
  }

  section.home.darkgray .press {
    display: none;
  }
}
@media only screen and (max-width: 500px) {
  section.home.hero .headline-wrap {
    padding: 30px;
    margin: 150px 25px 0;
  }

  section.home.hero h2 {
    font-size: 14px;
  }
}
/* -----------------------------------------
ONLINE FORMS
----------------------------------------- */
/* Features Styles used on: Online Forms & Demo */
.features .listings a {
  text-decoration: none;
  display: block;
  padding: 15px 25px;
  border-radius: 6px;
  border: 1px solid #e3e5e7;
}
.features .listings a h4 {
  margin: 0 0 10px 0;
  font-weight: 700;
  font-size: 22px;
}
.features .listings a p {
  margin: 0;
}
.features .listings a .icon {
  float: left;
  width: 80px;
  height: 80px;
  background: url(../images/hp-feature-sprite-new.png) no-repeat;
}
.features .listings a .content {
  float: left;
  width: 250px;
}
.features .listings a:hover {
  background: #fff;
  border: 1px solid #ccc;
  -moz-box-shadow: 0px 0px 3px #ccc;
  -webkit-box-shadow: 0px 0px 3px #ccc;
  box-shadow: 0px 0px 3px #ccc;
}
.features .listings a.dragdrop .icon {
  background-position: 0 0;
}
.features .listings a.dragdrop:hover .icon {
  background-position: 0px -80px;
}
.features .listings a.themes .icon {
  background-position: 0px -160px;
}
.features .listings a.themes:hover .icon {
  background-position: 0px -240px;
}
.features .listings a.analytics .icon {
  background-position: 0px -320px;
}
.features .listings a.analytics:hover .icon {
  background-position: 0px -400px;
}
.features .listings a.fileuploads .icon {
  background-position: 0px -480px;
}
.features .listings a.fileuploads:hover .icon {
  background-position: 0px -560px;
}
.features .listings a.security .icon {
  background-position: 0px -640px;
}
.features .listings a.security:hover .icon {
  background-position: 0px -720px;
}
.features .listings a.data .icon {
  background-position: 0px -800px;
}
.features .listings a.data:hover .icon {
  background-position: 0px -880px;
}
.features .listings a.social .icon {
  background-position: -80px 0;
}
.features .listings a.social:hover .icon {
  background-position: -80px -80px;
}
.features .listings a.partial .icon {
  background-position: -80px -160px;
}
.features .listings a.partial:hover .icon {
  background-position: -80px -240px;
}
.features .listings a.abtesting .icon {
  background-position: -80px -320px;
}
.features .listings a.abtesting:hover .icon {
  background-position: -80px -400px;
}
.features .listings a.campaign .icon {
  background-position: -80px -480px;
}
.features .listings a.campaign:hover .icon {
  background-position: -80px -560px;
}
.features .listings a.fbtabembed .icon {
  background-position: -80px -640px;
}
.features .listings a.fbtabembed:hover .icon {
  background-position: -80px -720px;
}

.start-to-finish {
  background-position: center center;
  background-image: url("../images/online-forms-timeline-bg.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.start-to-finish .banner {
  position: relative;
  z-index: 0;
  overflow: visible;
}
@media only screen and (max-width: 767px) {
  .start-to-finish .banner {
    width: 100% !important;
    height: auto !important;
  }
}
.start-to-finish .slide-content {
  padding: 0 0;
  float: left;
  display: block;
  list-style: none;
  height: 180px;
  background-color: #fff;
  margin: 8px;
  color: #455560;
  border-radius: 10px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  text-align: center;
  width: 231px;
}
.start-to-finish .slide-content .slide-content__title {
  font-size: 20px;
  margin: 0px;
  font-weight: bold;
  text-transform: uppercase;
}
.start-to-finish .slide-content .slide-content__top {
  padding: 10px;
  background-color: #7bc143;
  color: white;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .start-to-finish .slide-content .slide-content__top {
    height: auto;
  }
}
.start-to-finish .slide-content .slide-content__bottom {
  padding: 25px 13px 19px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.start-to-finish .slide-content .slide-content__bottom .fa {
  margin-right: 3px;
}
.start-to-finish .slide-content img {
  margin-top: 5px;
}
@media only screen and (max-width: 767px) {
  .start-to-finish .slide-content {
    width: auto;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .start-to-finish .slide-content.last {
    float: left;
  }
}
.start-to-finish .slide-content .triangle-pointer {
  margin-top: -3px;
}
@media only screen and (max-width: 767px) {
  .start-to-finish {
    height: auto;
  }
}

/* FORMS, TOOLS, STORES, EMAILS, PAGES */
/* -----------------------------------------
   FREE TRIAL PAGE
   https://www.formstack.com/free-trial
----------------------------------------- */
.free-trial .page-title .free-trial-copy {
  padding-right: 30px;
}
.free-trial .page-title .free-trial-copy h2 {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: -1px;
  line-height: 1.2;
  margin-bottom: 20px;
}
.free-trial .page-title .free-trial-copy .divider {
  border-style: dotted;
}
.free-trial .page-title .free-trial-copy .features h3 {
  font-size: 12px;
  font-weight: 600;
  line-height: 30px;
  margin: 0;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .free-trial .page-title .free-trial-copy .quotebyline {
    margin-bottom: 30px;
  }
}
.free-trial .page-title .free-trial-copy .quotebyline .name {
  margin-bottom: 0;
}
.free-trial .page-title .free-trial-copy .quotebyline span {
  font-size: 14px;
  font-weight: 700;
  display: block;
}
.free-trial .page-title .free-trial-copy .quotebyline .jay {
  float: left;
  margin-right: 10px;
  max-width: 50px;
  border: 1px solid #fff;
  border-radius: 5px;
}
.free-trial .page-title .free-trial-copy .sign-up {
  padding-left: 30px;
}

/* TEST -- SIGNUP -- Pricing Plans Pg */
.test-signup-pricing .pricing-table.highlight .most-popular {
  left: 0;
}
.test-signup-pricing .pricing-features ul li.bullet-item,
.test-signup-pricing .pricing-features ul li.bullet-item.check {
  padding: 13px 17px 12px;
}
.test-signup-pricing ul.features {
  margin-left: -10px;
  list-style: none;
}
.test-signup-pricing ul.features li {
  margin-bottom: 5px;
}

.plan-marketing .plan-title {
  font-weight: bold;
  margin-top: 10px;
}
.plan-marketing .plan-title strong {
  color: #4f8127;
}
.plan-marketing ul {
  margin-left: -10px;
  list-style: none;
}
.plan-marketing ul li {
  font-size: 18px;
  margin-bottom: 5px;
}

.interactive.hero {
  height: 650px;
  position: relative;
}
.interactive.hero .headers-padded {
  padding-top: 190px;
}
.interactive.hero h1, .interactive.hero h2 {
  font-weight: 400;
  line-height: 1.1;
  text-shadow: none;
}
.interactive.hero h1 {
  font-size: 52px;
  margin: 15px 0;
}
.interactive.hero h2 {
  font-size: 44px;
  margin: 0;
}
.interactive.hero p {
  color: #ffffff;
}
.interactive.hero span {
  color: #fff;
  font-size: 26px;
  display: block;
  margin: 15px 0;
}
.interactive.hero .newbuilder-container {
  background: url(../images/builder/macbook5.png) no-repeat;
  background-position: center center;
  background-size: 960px auto;
  height: 650px;
  margin: 0 auto;
}
.interactive.hero .newbuilder-container .newbuilder-video {
  width: 727px;
  height: 453px;
  position: relative;
  top: 76px;
  left: 117px;
}
@media only screen and (max-width: 960px) {
  .interactive.hero .newbuilder-container {
    width: 500px;
    background-size: 500px;
  }
  .interactive.hero .newbuilder-container .newbuilder-video {
    width: 378px;
    height: 453px;
    top: 87px;
    left: 61px;
  }
}
@media screen and (max-width: 500px) {
  .interactive.hero span {
    font-size: 18px;
  }
  .interactive.hero .newbuilder-container {
    width: 500px;
    background-size: 500px;
  }
  .interactive.hero .newbuilder-container .newbuilder-video {
    display: none;
  }
}
.interactive .blue-overlay {
  background: rgba(98, 202, 227, 0.95);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  opacity: 0;
  -webkit-transition: 0.5s ease-in;
  -moz-transition: 0.5s ease-in;
  -o-transition: 0.5s ease-in;
  transition: 0.5s ease-in;
}
.interactive .blue-overlay.active {
  opacity: 1;
}
.interactive.conversion {
  background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(../images/form-conversion-report-hero-ipad.jpg);
  padding: 55px 0;
}
.interactive.conversion h1 {
  font-size: 34px;
  margin: 40px 0;
}
.interactive.conversion #downarrow {
  margin: 0 auto;
  -webkit-animation: Downarrow 2s infinite;
  -moz-animation: Downarrow 2s infinite;
  -o-animation: Downarrow 2s infinite;
  animation: Downarrow 2s infinite;
}
.interactive .conversion-overlay {
  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../images/form-conversion-report-hero-ipad.jpg);
  width: 100%;
  height: 100%;
  position: absolute;
  padding: 35px 0;
  top: 0;
  opacity: 0;
  -webkit-transition: 0.5s ease-in;
  -moz-transition: 0.5s ease-in;
  -o-transition: 0.5s ease-in;
  transition: 0.5s ease-in;
}
.interactive .conversion-overlay.active {
  opacity: 1;
}
.interactive.blueblack {
  background: #1C2F3A;
  padding: 35px 0;
}
.interactive.blueblack h1, .interactive.blueblack h2, .interactive.blueblack h3, .interactive.blueblack h4, .interactive.blueblack h5, .interactive.blueblack p {
  color: #fff;
}
.interactive .sliders .row {
  margin: 10px auto;
}
.interactive .sliders .slider {
  padding: 0 0 0 10px;
  font-weight: bold;
  opacity: 0;
}
.interactive .sliders .slider.green {
  background-image: linear-gradient(to right, #42aa44, #7bc143);
  color: #fff;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}
.interactive .sliders .slider.fsgreen {
  background: #7bc143;
  color: #fff;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
}
.interactive .sliders .slider.blue {
  background: #62CAE3;
  color: #DDF1F7;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
}
.interactive .sliders .slider.orange {
  background: #EA9E0A;
  color: #fff;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
}
.interactive .sliders .slider .conversion-rate {
  display: none;
  background: #EA9E0A;
  color: #fff;
  float: right;
  height: 40px;
  margin-top: 20px;
  line-height: 40px;
  text-indent: 10px;
}
.interactive.active .slider {
  opacity: 1;
}
.interactive.active .left-right {
  -webkit-animation: Slide-right 2s 1;
  -moz-animation: Slide-right 2s 1;
  -o-animation: Slide-right 2s 1;
  animation: Slide-right 2s 1;
}
.interactive.active .right-left {
  -webkit-animation: Slide-left 2s 1;
  -moz-animation: Slide-left 2s 1;
  -o-animation: Slide-left 2s 1;
  animation: Slide-left 2s 1;
}
.interactive.active .slider .conversion-rate {
  display: inline-block;
}
.interactive.active .slide-right {
  left: 0;
}
.interactive.active .slide-left {
  right: 0;
}
.interactive span.icon {
  background-image: url(../images/2014-conversion-report-sprite.png);
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block;
  text-indent: -1000px;
  margin-right: 10px;
}
.interactive span.icon.all {
  background-position: 0 0;
}
.interactive span.icon.sports {
  background-position: 0 -40px;
}
.interactive span.icon.nonprofit {
  background-position: 0 -80px;
}
.interactive span.icon.tech {
  background-position: 0 -120px;
}
.interactive span.icon.business {
  background-position: 0 -160px;
}
.interactive span.icon.government {
  background-position: 0 -200px;
}
.interactive span.icon.edu {
  background-position: 0 -240px;
}
.interactive span.icon.marketing {
  background-position: 0 -280px;
}
.interactive span.icon.media {
  background-position: 0 -320px;
}
.interactive span.icon.religion {
  background-position: 0 -360px;
}
.interactive span.bigicon {
  background-image: url(../images/2014-conversion-report-sprite.png);
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  display: inline-block;
  text-indent: -1000px;
  margin-right: 10px;
}
.interactive span.bigicon.survey {
  background-position: 0 -400px;
}
.interactive span.bigicon.order {
  background-position: 0 -460px;
}
.interactive span.bigicon.event {
  background-position: 0 -520px;
}
.interactive span.bigicon.contest {
  background-position: 0 -580px;
}
.interactive span.bigicon.donation {
  background-position: 0 -640px;
}
.interactive span.bigicon.contact {
  background-position: 0 -700px;
}
.interactive .slide-right {
  left: -1000px;
  -webkit-transition: 1.5s ease-out;
  -moz-transition: 1.5s ease-out;
  -o-transition: 1.5s ease-out;
  transition: 1.5s ease-out;
}
.interactive .slide-left {
  right: -1000px;
  -webkit-transition: 1.5s ease-out;
  -moz-transition: 1.5s ease-out;
  -o-transition: 1.5s ease-out;
  transition: 1.5s ease-out;
}
.interactive .dot-legend {
  padding: 10px 0;
  font-size: 21px;
}
.interactive .dot {
  display: inline-block;
  background: purple;
  border-radius: 50px;
  width: 25px;
  height: 25px;
  margin-right: 10px;
}
.interactive .dot.purple {
  background: #9e3af6;
}
.interactive .dot.blue {
  background: #7ed1e5;
}
.interactive .dot.orange {
  background: #f2b34b;
}
.interactive .dot.green {
  background: #92ca65;
}
.interactive .dot.yellow {
  background: #f4e644;
}
.interactive .dot.red {
  background: #f58b98;
}
.interactive .hero-bottom-arrow {
  opacity: 0;
}
.interactive .hero-bottom-arrow.active {
  opacity: 1;
}
.interactive.relative {
  position: relative;
  box-shadow: 0px 0px 10px #AAA;
  padding: 80px 0;
}
.interactive .bottom-arrow-div {
  display: block;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 40px;
}
.interactive .bottom-arrow-div a {
  width: 100px;
  margin: 0 auto;
  display: block;
}
.interactive.fixed {
  background-color: #e0e2e4;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 650px;
  position: relative;
}
.interactive .bottom-summary img {
  border: 1px solid #D8D8D8;
}
.interactive ul.orbit-bullets li.has-thumb {
  width: 60px;
  height: 60px;
}
@media only screen and (max-width: 767px) {
  .interactive .orbit-wrapper {
    height: 550px !important;
  }
  .interactive.hero {
    background-position: left;
  }
  .interactive.hero .headers-padded {
    padding-top: 100px;
  }
  .interactive.hero h1 {
    font-size: 34px;
  }
  .interactive.hero h2 {
    font-size: 24px;
  }
  .interactive.fixed {
    background-attachment: initial;
  }
}

.fly-in-first {
  -webkit-animation: Appear 2s forwards ease-in-out;
  -moz-animation: Appear 2s forwards ease-in-out;
  -o-animation: Appear 2s forwards ease-in-out;
  animation: Appear 2s forwards ease-in-out;
}

.fly-in-second {
  -webkit-animation: Reappear 4s 1;
  -moz-animation: Reappear 4s 1;
  -o-animation: Reappear 4s 1;
  animation: Reappear 4s 1;
}

.background__image--macbook1 {
  display: none;
  background-image: url(../images/builder/macbook1.png);
}

.background__image--macbook2 {
  background-image: url(../images/builder/macbook2.png);
}

.background__image--macbook3 {
  background-image: url(../images/builder/macbook3.png);
}

.background__image--macbook4 {
  background-image: url(../images/builder/macbook4.png);
}

@-webkit-keyframes Appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes Appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes Appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes Appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes Reappear {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes Reappear {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes Reappear {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes Reappear {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes Downarrow {
  0%, 100% {
    margin-top: 0px;
  }
  50% {
    margin-top: 40px;
  }
}
@-moz-keyframes Downarrow {
  0%, 100% {
    margin-top: 0px;
  }
  50% {
    margin-top: 40px;
  }
}
@-o-keyframes Downarrow {
  0%, 100% {
    margin-top: 0px;
  }
  50% {
    margin-top: 40px;
  }
}
@keyframes Downarrow {
  0%, 100% {
    margin-top: 0px;
  }
  50% {
    margin-top: 40px;
  }
}
@-webkit-keyframes Slide-right {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes Slide-right {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes Slide-right {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes Slide-right {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes Slide-left {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes Slide-left {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes Slide-left {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes Slide-left {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
/* NEWBUILDER + FORM CONVERSION REPORT */
.demo .main-hero .page-name, .demo .main-hero--white .page-name, .demo .main-hero--darkgray .page-name, .demo .hero--nicereply .page-name, .demo .hero--webinars__confirmation .page-name {
  margin-bottom: 50px;
}
.demo .main-hero .headline, .demo .main-hero--white .headline, .demo .main-hero--darkgray .headline, .demo .hero--nicereply .headline, .demo .hero--webinars__confirmation .headline {
  font-size: 24px;
}
.demo .demo-top-wrap {
  padding: 15px;
  background-color: #6C7A85;
  color: #fff;
}
.demo .demo-top-wrap p {
  margin: 7px 0 0;
}

.demo-nofields.reveal-modal h3,
.demo-hasfields.reveal-modal h3,
.demo-signup.reveal-modal h3 {
  font-size: 24px;
  margin: 0 auto 25px;
  letter-spacing: -1px;
  font-weight: 700;
  color: #7BC143;
}
.demo-nofields.reveal-modal .signup,
.demo-hasfields.reveal-modal .signup,
.demo-signup.reveal-modal .signup {
  background: #ddd;
  padding: 20px 0;
}
.demo-nofields.reveal-modal .form-wrap,
.demo-hasfields.reveal-modal .form-wrap,
.demo-signup.reveal-modal .form-wrap {
  padding: 20px 0;
  background-color: #ccc;
}
.demo-nofields.reveal-modal .form-wrap h4,
.demo-hasfields.reveal-modal .form-wrap h4,
.demo-signup.reveal-modal .form-wrap h4 {
  margin: 0 15px 15px;
  font-size: 18px;
  text-transform: uppercase;
}
.demo-nofields.reveal-modal .form-wrap .fineprint,
.demo-hasfields.reveal-modal .form-wrap .fineprint,
.demo-signup.reveal-modal .form-wrap .fineprint {
  font-size: 12px;
  text-align: center;
  margin: 15px 0 0;
}

.demo-iframe {
  border: 0px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.demo-intro {
  padding-bottom: 10px;
}
.demo-intro .demo-logo {
  max-width: 125px;
  float: left;
  margin: -7px 15px 0 0;
}
.demo-intro .step-one p {
  font-weight: bold;
  font-size: 15px;
  letter-spacing: -.5px;
}
.demo-intro .step-one img {
  border: 1px solid #ccc;
}
.demo-intro .step-two p {
  font-weight: bold;
  font-size: 15px;
  letter-spacing: -.5px;
}
.demo-intro .step-two img {
  border: 1px solid #ccc;
}

/* -------------------------------------------------- 
Landing Page Styles
-----------------------------------------------------
:: NEW FEATURES
:: LEAD NURTURING LP
:: EDU MINISITE
:: TRY, FOREIGN, PPC
:: UPGRADE
:: TYPE/INDUSTRY PAGES
:: REGISTRATION
:: UNR
:: FORMSTACK CRO
:: ULTIMATE CONVERSION KIT
:: CONVERSION RATE OPTIMIZATION
*/
/* -----------------------------------------
PPC PAGES
----------------------------------------- */
.fixed-navbar--leadgen {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.fixed-navbar--leadgen .button {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.fixed-navbar--leadgen .button.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .fixed-navbar--leadgen .button {
    height: 0;
    padding: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
  }
  .fixed-navbar--leadgen .button.active {
    height: 38px;
    padding: 12px 15px 10px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}

.opacity-1 {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.75s;
  -o-transition-duration: 0.75s;
  -webkit-transition-duration: 0.75s;
  transition-duration: 0.75s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  z-index: 1;
}

.opacity-0 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  z-index: 0;
}

.leadgen {
  height: 100%;
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .leadgen {
    height: auto;
  }
}
.leadgen .leadgen__hero {
  background-color: #1c2f3a;
  background-position: center center;
  background-image: url("../images/ppc/attribution_hero.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  display: table;
  padding: 0;
  height: 100%;
  width: 100%;
  color: #fff;
}
.leadgen .leadgen__hero .hero__text {
  left: 50%;
  margin-left: -349px;
  margin-top: -150px;
  position: absolute;
  top: 50%;
  text-align: center;
}
.leadgen .leadgen__hero .hero__text .headline {
  font-size: 46px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .leadgen .leadgen__hero .hero__text .headline {
    font-size: 36px;
  }
}
.leadgen .leadgen__hero .hero__text .sub-headline {
  font-family: "proxima-nova", sans-serif;
  font-size: 24px;
  font-weight: 300;
}
.leadgen .leadgen__hero .hero__text--funnel {
  margin-left: -304px;
}
.leadgen .leadgen__hero .hero__text--adwords {
  margin-left: -396px;
}
@media only screen and (max-width: 767px) {
  .leadgen .leadgen__hero .hero__text {
    margin: 0;
    position: static;
    padding: 120px 20px 50px;
  }
}
.leadgen .scroll-down {
  border: 1px solid #ffffff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  bottom: 50px;
  color: #ffffff;
  display: block;
  font-size: 28px;
  height: 50px;
  padding: 5px;
  position: absolute;
  text-align: center;
  width: 50px;
  left: 50%;
  margin-left: -25px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.leadgen .scroll-down:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .leadgen .scroll-down {
    display: none;
  }
}

.leadgen-features__iconset .subsection-headline {
  font-size: 13px;
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
}
.leadgen-features__iconset .icon {
  height: 85px;
  width: 85px;
}

.section--leadgen {
  border-bottom: 5px solid #fff;
  padding: 100px 0;
}
.section--leadgen .icon {
  margin-top: 50px;
  height: 100px;
  width: 100px;
}
.section--leadgen .sub-headline {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
}
.section--leadgen.section--leadgen--ct {
  background-position: center center;
  background-image: url("../images/ppc/bg_campaign_tracking.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.section--leadgen.section--leadgen--adwords {
  background-position: center center;
  background-image: url("../images/ppc/bg_adwords.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.section--leadgen.section--leadgen--reporting {
  background-position: center center;
  background-image: url("../images/ppc/bg_reporting.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.section--leadgen.section--leadgen--analytics {
  background-position: center center;
  background-image: url("../images/ppc/bg_campaign_analytics.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.section--leadgen.section--leadgen--footer .quote-box .quote {
  font-size: 18px;
}

/* -----------------------------------------
EDU MINI SITE
----------------------------------------- */
nav.highered #logo {
  padding-top: 8px;
}
nav.highered #logo .logo {
  float: left;
  max-width: 180px;
  margin-right: 15px;
}
nav.highered #logo .sub-brand {
  float: left;
  max-width: 180px;
  margin-top: 2px;
}
nav.highered .kit {
  margin-top: 5px;
}

section.highered h1 {
  font-size: 42px;
  line-height: 1.1;
  letter-spacing: -1.5px;
  margin-top: 0;
}
section.highered h1 span {
  font-size: 24px;
  letter-spacing: 0;
}
section.highered h3.plans {
  color: #7BC143;
  font-size: 42px;
  line-height: 1.1;
  letter-spacing: -2px;
  margin-bottom: 25px;
  font-weight: 300;
}
section.highered p {
  font-size: 15px;
  line-height: 1.7;
}
section.highered .chart {
  margin-top: 20px;
}
section.highered .chart li {
  font-size: 18px;
  font-weight: 700;
}
section.highered h4 {
  font-weight: bold;
}
section.highered .pricing-container .bullet-item.highlight {
  background-color: #7BC143;
  color: #fff;
}
section.highered .pricing-container .bullet-item.highlight .has-tip {
  color: #fff;
}
section.highered .features li {
  font-size: 18px;
  margin-bottom: 10px;
}
section.highered.green p {
  color: #fff;
}
section.highered.hero.lp .row {
  padding-bottom: 0;
}
section.highered.hero.lp h1 {
  margin-bottom: 20px;
}
section.highered.hero.case-studies .row {
  background: url(../images/highered-hero.jpg) bottom right no-repeat;
}
section.highered.hero.case-studies .quote {
  font-size: 17px;
  font-style: italic;
  line-height: 1.1;
  margin: 25px 0 10px;
}
section.highered.hero.case-studies .byline {
  font-size: 12px;
}
section.highered.case-studies h3 {
  margin: 35px 0 10px;
  font-size: 32px;
}
section.highered.case-studies h4 {
  font-weight: 700;
}
section.highered.case-studies h5 {
  margin: 25px 0 35px;
}
section.highered.case-studies .intro {
  font-size: 18px;
}

section.highered.benefits h3 {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  color: #6c7a85;
  margin-bottom: 15px;
}
section.highered.benefits h3 span {
  text-transform: none;
  font-weight: normal;
  font-size: 30px;
}
section.highered.benefits h4 {
  font-size: 32px;
  margin-bottom: 50px;
}

.highered.kit.green h3 {
  margin: 10px 0 25px -20px;
}

@media only screen and (max-width: 1000px) {
  nav.highered #logo .logo {
    max-width: 130px;
  }
  nav.highered #logo .sub-brand {
    max-width: 130px;
  }

  .highered.kit.white p {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  nav.highered #logo {
    padding: 15px 0 15px 15px;
  }
  nav.highered .benefits {
    display: block;
  }
  nav.highered .kit {
    display: none;
  }

  section.highered h3 {
    font-size: 24px;
  }
  section.highered.hero h1 {
    font-size: 24px;
  }
  section.highered.hero.case-studies .row {
    background-image: none;
  }
  section.highered.kit.white {
    display: none;
  }
  section.highered.kit.white .icon {
    display: none;
  }
  section.highered.kit.white .arrow {
    display: none;
  }
  section.highered.green h3 {
    font-size: 24px;
  }
  section.highered.kit.green h3 {
    margin: 0 0 25px 0;
    font-size: 24px;
  }
  section.highered.plans.white {
    display: none;
  }
}
/* -----------------------------------------
LANDING PAGES
----------------------------------------- */
.try.hero h1 {
  font-size: 34px;
  margin: 25px 0 25px 0;
}
.try.hero h4 {
  color: white;
  font-weight: 500;
}
.try.hero p {
  color: white;
}
.try.hero img {
  margin: 5px auto 5px auto;
}

.try.white .flex-video {
  margin-top: 0;
}
.try.white li {
  margin-bottom: 7px;
}

.try .mask {
  height: 300px;
  padding: 50px 20px;
}
.try .mask h4 {
  margin-bottom: 15px;
}
.try .mask p {
  margin-bottom: 30px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  padding: 0 15px;
  line-height: 135%;
}

/* -----------------------------------------
SUPPORT ABOUT PAGE
https://www.formstack.com/support-team/about
----------------------------------------- */
.support-about .subsection-headline {
  margin: 10px 0 5px;
}
.support-about p {
  margin-bottom: 0px;
  text-align: left;
}

/* -----------------------------------------

FOREIGN PAGES
https://www.formstack.com/fr (example)

----------------------------------------- */
.foreign #trial-login {
  padding-bottom: 10px;
}
.foreign #logo {
  margin-top: 7px;
}
@media only screen and (max-width: 767px) {
  .foreign .headline-wrap {
    margin-top: 25px;
    background: rgba(123, 193, 67, 0.89);
    padding: 15px;
    border-radius: 3px;
  }
}
.foreign.hero {
  min-height: 440px;
  background: #6c7a85 url(../images/hp-hero-photo-laptop-phone.jpg) center top no-repeat;
}
.foreign.hero h1 {
  margin-top: 45px;
}
.foreign.hero h2 {
  margin-top: 25px;
  margin-top: 25px;
  background: rgba(123, 193, 67, 0.89);
  padding: 15px;
  border-radius: 3px;
}
.foreign .white .fsFirst.fsLast.fsFieldCell {
  width: 95%;
}
.foreign .white #english-link {
  padding: 25px 15px;
  text-align: center;
}
.foreign .gray h4 {
  font-weight: 700;
}
.foreign .gray .four.columns {
  text-align: center;
}

#upper-nav.ppc {
  border-top: #6c7a85 solid 8px;
}

#main-nav.ppc #logo img {
  padding: 10px 0;
}

@media only screen and (max-width: 767px) {
  #main-nav #logo {
    text-align: center;
  }
}

#site-links.ppc p {
  margin: 17px 0 0 0;
  letter-spacing: -1px;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  #site-links.ppc p.tag {
    text-align: center;
    margin: 0 0 15px 0;
  }
}

.ppc.hero {
  height: 675px;
  background: #62cae3 url(../images/hp-hero-computer.jpg) no-repeat 30% bottom;
  overflow: visible;
}
.ppc.hero h1 {
  font-size: 42px;
  margin-top: 35px;
  letter-spacing: -2px;
}
.ppc.hero h2 {
  font-size: 17px;
  margin: 25px 0 10px 0;
}
.ppc.hero h3 {
  font-weight: bold;
  font-size: 22px;
  line-height: 135%;
  color: #44565e;
  margin-top: 35px;
  margin-bottom: 25px;
}
.ppc.hero .signup-subheader {
  font-size: 12px;
}
.ppc.hero .pointer {
  float: right;
  margin-top: -5px;
  width: 150px;
}

.ppc.white h3 {
  font-size: 34px;
}
.ppc.white .flex-video {
  margin-top: 0;
}

footer .ppc.social {
  text-align: right;
  list-style: none;
}
@media only screen and (max-width: 767px) {
  footer .ppc.social {
    text-align: left;
    margin-top: 20px;
  }
}
footer .ppc.social li {
  display: inline-block;
}

/* -----------------------------------------
UPGRADE LP
----------------------------------------- */
header.upgrade {
  background-color: #7bc143;
  height: 25px;
}

.upgrade.white.top h1 {
  font-size: 42px;
  color: #7bc143;
  margin-top: 30px;
}
.upgrade.white.top h2 {
  font-size: 16px;
  line-height: 140%;
}

.upgradeFeatures h4 {
  font-size: 22px;
}

.upgrade.steps ul {
  margin-left: 30px;
}
.upgrade.steps li {
  font-size: 16px;
}

/* -----------------------------------------
508 LP
----------------------------------------- */
section.hero.five-oh-eight {
  padding-top: 25px;
}
section.hero.five-oh-eight .overlay {
  background: #6C7A85;
  padding: 30px;
  max-width: 500px;
  position: absolute;
  z-index: 5;
  top: 60px;
  left: 250px;
  box-shadow: 0 0 7px #3798af;
}
section.hero.five-oh-eight h1 {
  margin-top: 0;
}
section.hero.five-oh-eight h2 {
  margin-bottom: 30px;
  line-height: 1.3;
}
section.hero.five-oh-eight sup {
  font-size: xx-small;
}

/* -----------------------------------------
EDU TEMPLATES
----------------------------------------- */
section.hero.template {
  padding: 25px 0;
}
section.hero.template h1 {
  font-size: 42px;
}
section.hero.template h2 {
  font-size: 18px;
}
section.hero.template.example .view {
  margin-bottom: 0;
}
section.hero.template.example .mask {
  height: 455px;
  padding: 75px 75px;
}
section.hero.template.example .mask p {
  font-size: 22px;
}
section.hero.template.example .mask ul {
  text-align: left;
  margin-left: 75px;
}
section.hero.template.example .mask ul li {
  font-size: 18px;
  font-weight: bold;
}

.template h4 {
  font-weight: bold;
}
.template.tips ul li {
  font-size: 18px;
  margin-top: 10px;
}
.template.features h4 {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
}
.template.features h4 strong {
  font-size: 28px;
  color: #7BC143;
}
.template.darkblue ul li {
  margin-left: 20px;
  color: #fff;
}
.template.green h3 {
  font-size: 42px;
}
.template.green p.subheader {
  font-size: 18px;
}

/* -----------------------------------------
TYPE/INDUSTRY PAGES
----------------------------------------- */
.type.hero {
  background-color: white;
  padding: 30px 0 0;
}
.type.hero h1 {
  color: #6c7a85;
  font-size: 42px;
  text-shadow: none;
}
.type.hero h2 {
  color: #6c7a85;
  text-shadow: none;
}

.type.white .charcoalheadline h3 {
  color: #6c7a85;
}
.type.white .wrap {
  padding: 12px 18%;
  margin: 0 0 10px 0;
  float: left;
}

.type .mask {
  height: 300px;
  padding: 50px 20px;
}
.type .mask h4,
.type .mask p {
  color: #fff;
}
.type .mask p {
  font-weight: bold;
}
.type .mask .getFormButton {
  margin-top: 15px;
}

@media only screen and (max-width: 767px) {
  .type.white .wrap {
    float: none;
  }
}
/* -----------------------------------------
REGISTRATIONS
----------------------------------------- */
.registrations.hero {
  background: url(../images/registrations-hero-bg.jpg) center no-repeat #62cae3;
  padding: 50px 0 80px;
}

.circle.white {
  width: 140px;
  height: 140px;
  background-color: #fff;
  border-radius: 100px;
  margin: 0 auto 15px;
}

section.single-purchase-form {
  background: url(../images/alternatives/5kform.png) no-repeat;
  background-position: left bottom;
}

@media only screen and (max-width: 1280px) {
  section.single-purchase-form {
    background-position: -230px bottom;
  }
}
@media only screen and (max-width: 767px) {
  section.single-purchase-form {
    background: none;
  }
}
/* -----------------------------------------
CHURCH
----------------------------------------- */
.church.hero {
  background: url(../images/church-hero-bg.jpg) center no-repeat #62cae3;
  padding: 50px 0 80px;
}

/* -----------------------------------------
MEDIA
----------------------------------------- */
.media.hero {
  background: url(../images/media-hero-bg.jpg) center no-repeat #62cae3;
  padding: 50px 0 80px;
}

/* -----------------------------------------
UNR
----------------------------------------- */
.unr-hero {
  background-position: center center;
  background-image: url("../images/customers-nevada-hero-bg.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

/* -----------------------------------------
FORMSTACK CRO
----------------------------------------- */
.cro-template .hero {
  background-color: #62cae3;
  padding: 35px 0;
}
.cro-template .cro h1 {
  text-shadow: none;
  margin: 0;
  font-size: 48px;
  line-height: 50px;
  font-weight: 700;
  margin-top: 30px;
}
.cro-template .cro h1 span {
  color: #ffffff;
  display: block;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 20px;
  text-shadow: none;
}
.cro-template .cro h2 {
  font-size: 15px;
  font-weight: bold;
  border-radius: 3px;
  text-shadow: none;
  color: #1c2f3a;
}
.cro-template ul.larger li {
  font-size: 16px;
  list-style: none;
  margin-top: 15px;
  margin-bottom: 55px;
}
.cro-template .larger-space li {
  margin-bottom: 30px;
}
.cro-template .resources img {
  height: auto;
  margin-bottom: 20px;
  width: 150px;
}

/* -----------------------------------------
ULTIMATE CONVERSION KIT
----------------------------------------- */
.uck section.section--white {
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .uck section.section--white h2 {
    font-size: 35px;
  }
}
.uck section.section--white h3 {
  line-height: 1.5;
  margin-bottom: 40px;
}
.uck section.section--white h3 span {
  display: block;
}
@media only screen and (max-width: 767px) {
  .uck section.section--white h3 span {
    display: inline;
  }
}
.uck section.section--white .uck-graphic {
  display: block;
  margin: -10px auto 0 auto;
  max-width: 85%;
}
@media only screen and (min-width: 767px) {
  .uck section.section--white .margin-left-16 {
    margin-left: 16.666%;
  }
}
.uck .unlocked {
  margin-bottom: 15px;
  position: relative;
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
}
@media only screen and (max-width: 767px) {
  .uck .unlocked {
    text-align: center;
  }
}
.uck .unlocked .fa {
  background-color: #62cae3;
  color: #ffffff;
  font-size: 25px;
  left: -10px;
  padding: 10px 14px;
  position: absolute;
  top: -10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
}
@media only screen and (max-width: 767px) {
  .uck .unlocked .fa {
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
  }
}
.uck .unlocked img {
  display: block;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
}
@media only screen and (max-width: 767px) {
  .uck .unlocked img {
    max-width: 50%;
    display: inline-block;
  }
}
.uck .unlocked:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.uck .unlocked:hover .fa {
  background-color: #7BC143;
}
.uck .downloads p {
  text-align: center;
  font-weight: 700;
  font-size: 12px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .uck .downloads p {
    margin-bottom: 25px;
  }
}
.uck .save-for-later {
  padding: 40px 20px;
}
.uck section.section--green {
  color: #fff;
  padding: 50px 0;
  position: relative;
  z-index: 9999;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 4px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 4px;
}
.uck section.section--green .arrow {
  margin-top: -50px;
}
.uck section.section--green h3 {
  margin-bottom: 25px;
  font-weight: 600;
}
.uck section.section--green p {
  color: #fff;
  font-size: 16px;
}
.uck section.section--green ul {
  margin-left: 15px;
}
.uck section.section--green ul li {
  font-size: 16px;
  margin-bottom: 2px;
}
.uck section.section--green.no-shadow {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* -----------------------------------------
REPORT TEMPLATE

----------------------------------------- */
section.white ul li {
  margin-bottom: 7px;
}

.fcr-2014-main .fcr-2014-download {
  background-position: center center;
  background-image: url("../images/form-conversion-report-hero-ipad.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center -80px;
  background-size: cover;
  background-repeat: no-repeat;
}
.fcr-2014-main .fcr-2014-download .page-title__text {
  color: white;
  border-top: 0;
}
.fcr-2014-main .fcr-2014-download .headline,
.fcr-2014-main .fcr-2014-download .sub-headline {
  color: white;
  margin: 50px 0 70px;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}
.fcr-2014-main .fcr-2014-download .headline span,
.fcr-2014-main .fcr-2014-download .sub-headline span {
  font-size: 24px;
  letter-spacing: -.5px;
}

/* -----------------------------------------
CONVERSION RATE OPTIMIZATION
https://www.formstack.com/conversion-rate-optimization
----------------------------------------- */
.conversion-rate-optimization .video-wrap {
  padding: 15px;
  background-color: #455560;
}
.conversion-rate-optimization .video-wrap .wistia_embed,
.conversion-rate-optimization .video-wrap #wistia_chrome_8,
.conversion-rate-optimization .video-wrap #wistia_grid_12_main,
.conversion-rate-optimization .video-wrap #wistia_grid_12_wrapper,
.conversion-rate-optimization .video-wrap #wistia_8tdejo0w0g_grid_wrapper,
.conversion-rate-optimization .video-wrap #wistia_8tdejo0w0g_grid_main {
  width: 100% !important;
}
.conversion-rate-optimization .main-hero, .conversion-rate-optimization .main-hero--white, .conversion-rate-optimization .main-hero--darkgray, .conversion-rate-optimization .hero--nicereply, .conversion-rate-optimization .hero--webinars__confirmation {
  background-position: center center;
  background-image: url("../images/conversion-rate-optimization/CRO-Demo---Hero.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.conversion-rate-optimization .subsection-headline--optimization {
  margin-top: 5px;
}
.conversion-rate-optimization .features,
.conversion-rate-optimization .cro-features {
  list-style: none;
  padding: 0;
}
.conversion-rate-optimization .features {
  margin: 25px 0;
}
.conversion-rate-optimization .features .features__item {
  width: 192px;
  float: left;
}
.conversion-rate-optimization .features .features__item img {
  vertical-align: top;
  margin-bottom: 10px;
  height: 100px;
  width: 100px;
}
.conversion-rate-optimization .features .features__item p {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .conversion-rate-optimization .features .features__item {
    width: 100%;
    margin-bottom: 20px;
  }
  .conversion-rate-optimization .features .features__item:last-child {
    margin-bottom: 0;
  }
}
.conversion-rate-optimization .graphic-wrap {
  padding: 0 25px;
}
@media only screen and (max-width: 767px) {
  .conversion-rate-optimization .graphic-wrap {
    padding: 0;
  }
}
.conversion-rate-optimization .did-you-know {
  padding: 10px;
  border: 1px solid #e5e5e5;
}
.conversion-rate-optimization .did-you-know .fa {
  float: left;
  font-size: 22px;
  height: 45px;
  margin-right: 10px;
  padding: 3px 0 0;
}
.conversion-rate-optimization .section--green .headline {
  font-size: 38px;
}

.cro-features {
  list-style: none;
  padding: 0px;
}
.cro-features .cro-features__item {
  font-size: 16px;
  font-weight: 600;
}
.cro-features .cro-features__item .fa {
  color: #ed9d21;
  margin-right: 5px;
}

.cro-demo .cro-demo-hero {
  background-position: center center;
  background-image: url("../images/conversion-rate-optimization/CRO-Demo---Hero.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}

.get-a-sales-demo .icons p {
  font-size: 12px;
}

/* -----------------------------------------
   INDUSTRY PAGES
----------------------------------------- */
.industry .section--green.industry-testimonials {
  padding-bottom: 0;
}
.industry .industry-hero {
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center top;
}
.industry .page-scroll {
  margin-bottom: 0;
}
.industry .client-logos {
  padding: 10px 0;
}
.industry .client-logos ul {
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}
.industry .client-logos ul li {
  display: inline-block;
  padding: 0 43px;
}
.industry .client-logos ul li img {
  vertical-align: top;
  height: 150px;
  width: 150px;
}
@media only screen and (max-width: 767px) {
  .industry .client-logos {
    padding: 0;
  }
}
.industry .solutions img {
  height: 85px;
  margin-bottom: 40px;
  margin-top: 10px;
  width: auto;
}
.industry .features {
  background-color: #fff;
  padding-bottom: 35px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDMwMzAzIiBzdG9wLW9wYWNpdHk9IjAuNTciLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='), url(../images/industry/hero_online_forms.jpg);
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(76, 76, 76, 0.35)), color-stop(100%, rgba(3, 3, 3, 0.57))), url(../images/industry/hero_online_forms.jpg);
  background-image: -moz-linear-gradient(top, rgba(76, 76, 76, 0.35) 0%, rgba(3, 3, 3, 0.57) 100%), url(../images/industry/hero_online_forms.jpg);
  background-image: -webkit-linear-gradient(top, rgba(76, 76, 76, 0.35) 0%, rgba(3, 3, 3, 0.57) 100%), url(../images/industry/hero_online_forms.jpg);
  background-image: linear-gradient(to bottom, rgba(76, 76, 76, 0.35) 0%, rgba(3, 3, 3, 0.57) 100%), url(../images/industry/hero_online_forms.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .industry .features {
    padding-bottom: 35px;
  }
}
.industry .features h3 {
  color: white;
}
.industry .features h4 {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  margin: 10px 0 15px;
  color: #6c7a85;
  font-size: 24px;
  letter-spacing: -1px;
}
.industry .features p {
  font-weight: bold;
  font-size: 22px;
}
.industry .features a {
  border: none;
}
@media only screen and (min-width: 767px) {
  .industry .features .triple-box {
    width: 480px;
    margin: 0 auto;
  }
}
.industry .features .circle {
  width: 140px;
  height: 140px;
  background-color: white;
  margin-bottom: 17.5px;
  float: left;
  position: relative;
  z-index: 0;
  text-decoration: none;
  border-radius: 70px;
}
@media only screen and (max-width: 767px) {
  .industry .features .circle {
    height: 75px;
    margin-bottom: 0px;
  }
}
.industry .features .circle img {
  display: block;
  width: auto;
  height: 140px;
}
@media only screen and (max-width: 767px) {
  .industry .features .circle img {
    display: inline-block;
    height: 75px;
  }
}
.industry .features .circle.feature img {
  padding: 10px 24px 0;
}
.industry .features .circle.feature span {
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .industry .features .circle.feature span {
    display: block;
  }
}
.industry .features .circle.orange {
  background-color: #ed9d21;
}
.industry .features .circle.blue {
  background-color: #62cae3;
}
.industry .features .circle.green {
  background-color: #7bc143;
}
@media only screen and (max-width: 767px) {
  .industry .features .circle {
    display: block;
    float: none;
    text-align: center;
    width: auto;
  }
  .industry .features .circle:last-child {
    margin-bottom: 0;
  }
}
.industry .features .large-graphic {
  display: block;
}
@media only screen and (max-width: 767px) {
  .industry .features .large-graphic {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .industry .sample-forms {
    padding-bottom: 25px;
  }
}
.industry .sample-forms .view,
.industry .sample-forms .frame img,
.industry .sample-forms img.frame {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .industry .sample-forms .view,
  .industry .sample-forms .frame img,
  .industry .sample-forms img.frame {
    margin-bottom: 35px;
  }
}
.industry .choose-industry {
  background-color: #1c2f3a;
  padding-bottom: 35px;
}
.industry .choose-industry .circle-icon {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .industry .choose-industry .circle-icon {
    margin-bottom: 30px;
  }
}
.industry .choose-industry .circle-icon .icon {
  background-color: #7bc143;
  border: 5px solid #7bc143;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 50px;
  height: 100px;
  margin-bottom: 20px;
  padding: 20px 0;
  width: 100px;
}
.industry .choose-industry .circle-icon .icon img {
  height: 50px;
  width: 50px;
}
.industry .choose-industry .circle-icon h3 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;
}
.industry .use-case .industry-name {
  margin-bottom: 30px;
}
.industry .use-case .industry-name span {
  float: left;
}
.industry .use-case .industry-name .small-icon {
  background-color: #7bc143;
  color: #ffffff;
  height: 45px;
  padding: 10px 0;
  text-align: center;
  width: 45px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.industry .use-case .industry-name .small-icon img {
  height: 24px;
  width: 24px;
}
.industry .use-case .industry-name .title {
  color: #7bc143;
  font-weight: 500;
  margin-left: 10px;
  padding-top: 9px;
  text-transform: uppercase;
}
.industry .use-case h4 {
  color: #7bc143;
}
.industry .use-case h5 {
  font-size: 24px;
  font-weight: 600;
}
.industry .use-case .popular {
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
}
.industry .use-case .clients {
  margin-top: 40px;
  list-style: none;
}
.industry .use-case .clients li {
  display: inline-block;
  margin-right: 25px;
}
@media only screen and (max-width: 767px) {
  .industry .use-case .clients li {
    display: block;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.industry .use-case .clients li img {
  vertical-align: top;
  height: 75px;
  width: auto;
}

.report-callout h5 {
  background-color: #cee39b;
  display: inline-block;
  font-size: 12px;
  margin-top: 3px;
  padding: 9px 10px 7px;
  font-weight: 500;
}
.report-callout h6 {
  font-size: 30px;
  font-weight: 700;
}
.report-callout p {
  margin-bottom: 0;
}

/* -----------------------------------------
   PAGE SPECIFIC STYLES
----------------------------------------- */
.online-forms .online-forms-hero {
  background-position: center center;
  background-image: url("../images/industry/hero_online_forms.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center bottom;
}

.lead-generation .lead-generation-hero {
  background-position: center center;
  background-image: url("../images/hero_lead-generation.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center bottom;
}
.lead-generation .solutions img {
  height: 85px;
  margin-bottom: 40px;
  margin-top: 10px;
}
.lead-generation .signup .free-trial {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0;
}
.lead-generation .signup .free-trial img {
  max-width: 170px;
  margin: -15px 10px -5px 0;
}
.lead-generation .signup input[type="submit"] {
  padding: 29px 19px;
}
.lead-generation .signup select {
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 14px;
  margin: 0 0 12px 0;
  padding: 6px;
  height: 32px;
  width: 100%;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.education .industry-hero {
  background-image: url(../images/industry/hero_education-new.jpg);
}

.nonprofits .industry-hero {
  background-image: url(../images/industry/hero_nonprofits-new.jpg);
}
.nonprofits .client-logos ul li {
  padding: 0 19px;
}

.technology .industry-hero {
  background-image: url(../images/industry/hero_technology-new.jpg);
}

.agencies .industry-hero {
  background-image: url(../images/industry/hero_agencies-new.jpg);
}

.bakery .industry-hero {
  background-image: url(../images/industry/hero_bakery.jpg);
}

.church .industry-hero {
  background-image: url(../images/industry/hero_church.jpg);
}

.healthcare .industry-hero {
  background-image: url(../images/industry/hero_healthcare.jpg);
}

.media .industry-hero {
  background-image: url(../images/industry/hero_media.jpg);
}

.photography .industry-hero {
  background-image: url(../images/industry/hero_photography.jpg);
}

.sports .industry-hero {
  background-image: url(../images/industry/hero_sports.jpg);
}

.travel .industry-hero {
  background-image: url(../images/industry/hero_travel.jpg);
}

.any-industry .industry-hero {
  background-image: url(../images/industry/hero_any_industry.jpg);
}
.any-industry .sample-forms {
  background-color: transparent;
}
@media only screen and (max-width: 767px) {
  .any-industry .sample-forms {
    padding: 30px 0 0;
  }
}

/* INDUSTRY PAGES */
/* -----------------------------------------
DIGITAL MARKETING PAGE
----------------------------------------- */
.digital-marketing section h4 {
  font-size: 26px;
  font-weight: 500;
  color: #1c2f3a;
  letter-spacing: 0;
  text-shadow: none;
}
.digital-marketing section h4 img {
  display: inline-block;
  height: 25px;
  margin-bottom: -3px;
  margin-right: 10px;
  width: 25px;
}
@media only screen and (max-width: 767px) {
  .digital-marketing section h4 {
    margin-top: 30px;
  }
}
.digital-marketing .main-hero, .digital-marketing .main-hero--white, .digital-marketing .main-hero--darkgray, .digital-marketing .hero--nicereply, .digital-marketing .hero--webinars__confirmation {
  background-position: center center;
  background-image: url("../images/digital-marketing/grid_bg.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.digital-marketing .stages {
  background-color: #1c2f3a;
  padding: 35px 0;
}
.digital-marketing .stages h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0;
  text-shadow: none;
}
.digital-marketing .stages .stage,
.digital-marketing .stages .stage-arrow {
  display: inline-block;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .digital-marketing .stages .stage,
  .digital-marketing .stages .stage-arrow {
    display: block;
    padding: 15px 0;
  }
}
.digital-marketing .stages .stage-arrow {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
@media only screen and (max-width: 767px) {
  .digital-marketing .stages .stage-arrow .fa {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 20px;
  }
}
.digital-marketing .stages .stage {
  text-align: center;
  padding: 0 30px;
}
.digital-marketing .stages .stage img {
  margin-bottom: 10px;
  display: inline-block;
}
.digital-marketing .stages .stage h4 {
  font-size: 14px;
  letter-spacing: 0;
  margin-bottom: 0;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  color: #fff;
}
@media only screen and (min-width: 767px) {
  .digital-marketing .stages .stage:first-child {
    padding-left: 0;
  }
  .digital-marketing .stages .stage:last-child {
    padding-right: 0;
  }
}
.digital-marketing .fa-ul {
  line-height: 1;
  margin-left: 5px;
}
.digital-marketing .fa-ul li {
  margin-bottom: 10px;
}
.digital-marketing .fsBody .fsForm {
  box-shadow: none !important;
}
@media only screen and (min-width: 767px) {
  .digital-marketing .lead-generation .content,
  .digital-marketing .conversion .content {
    padding-left: 30px;
  }
  .digital-marketing .lead-nurturing .content,
  .digital-marketing .analysis .content {
    padding-right: 30px;
  }
}

.new-webinar .headline {
  font-family: "jaf-facitweb", sans-serif;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -1.25px;
  line-height: 48px;
  margin-bottom: 0;
}
.new-webinar .sidebar-form {
  background-color: #455560;
  bottom: 0;
  right: 0;
  position: fixed;
  top: 0;
  width: 30%;
}
@media (max-width: 1300px) {
  .new-webinar .sidebar-form {
    width: 35%;
  }
}
@media (max-width: 1000px) {
  .new-webinar .sidebar-form {
    position: static;
    width: auto;
  }
}
@media (max-width: 670px) {
  .new-webinar .sidebar-form {
    position: static;
    width: auto;
  }
}
@media (max-height: 550px) {
  .new-webinar .sidebar-form {
    position: static;
    width: auto;
  }
}
.new-webinar .sidebar-form .headline {
  text-align: center;
  color: #fff;
  font-size: 30px;
  margin-bottom: 0;
  padding: 30px;
  text-transform: uppercase;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
@media (min-width: 1000px) and (max-height: 725px) {
  .new-webinar .sidebar-form .headline {
    padding: 10px;
  }
}
.new-webinar .sidebar-form .sidebar-form--title {
  padding: 0 30px;
  margin: 25px 0 -5px 0;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.new-webinar .sidebar-form .sidebar-form--title .sidebar-form--title__logo {
  float: left;
  vertical-align: text-top;
}
.new-webinar .sidebar-form .sidebar-form--title .sidebar-form--title__text {
  background: #7bc143;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  float: left;
  font-weight: 500;
  margin-bottom: 0;
  margin-left: 10px;
  margin-top: 5px;
  padding: 2px 5px 0;
  text-transform: uppercase;
  vertical-align: text-top;
}
@media (max-height: 600px) {
  .new-webinar .sidebar-form .sidebar-form--title {
    display: none;
  }
}
@media (max-height: 1000px) {
  .new-webinar .sidebar-form .sidebar-form--title {
    padding-top: 25px;
  }
}
.new-webinar .sidebar-form .webinar-form {
  font-family: "proxima-nova", sans-serif;
}
.new-webinar .sidebar-form .webinar-form .fsBody {
  margin-bottom: 0;
}
.new-webinar .sidebar-form .webinar-form .fsBody .fsForm {
  margin: 0 auto;
  padding: 15px;
  background: transparent;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.new-webinar .sidebar-form .webinar-form .fsBody .fsForm .fsCell {
  padding: 10px 15px;
}
.new-webinar .sidebar-form .webinar-form .fsBody .fsForm .fsLabel {
  color: #fff;
  margin-bottom: 5px;
  text-shadow: none;
}
.new-webinar .sidebar-form .webinar-form .fsBody .fsForm .fsSupporting,
.new-webinar .sidebar-form .webinar-form .fsBody .fsForm .fsOptionLabel {
  color: #bfbfbf;
}
.new-webinar .sidebar-form .webinar-form .fsBody .fs2Col {
  min-width: 0;
}
.new-webinar .sidebar-form .webinar-form .fsFieldCell.fsSpan50,
.new-webinar .sidebar-form .webinar-form .fsSubField {
  width: 50%;
}
.new-webinar .sidebar-form .webinar-form .fsFirst.fsLast.fsFieldCell .fsSubFieldGroup .fsSubField {
  margin-right: 0;
}
.new-webinar .sidebar-form .webinar-form .fsFirst.fsLast.fsFieldCell .fsSubFieldGroup .fsSubField:nth-of-type(1) {
  padding-right: 15px;
}
.new-webinar .sidebar-form .webinar-form .fsFirst.fsLast.fsFieldCell .fsSubFieldGroup .fsSubField:nth-of-type(2) {
  padding-left: 15px;
}
.new-webinar .sidebar-form .webinar-form .fsFieldRow input[type="email"],
.new-webinar .sidebar-form .webinar-form .fsFieldRow input[type="number"],
.new-webinar .sidebar-form .webinar-form .fsFieldRow input[type="tel"],
.new-webinar .sidebar-form .webinar-form .fsFieldRow input[type="text"],
.new-webinar .sidebar-form .webinar-form .fsForm textarea {
  max-width: 100%;
  margin-bottom: 0;
}
.new-webinar .sidebar-form .webinar-form .fsFieldRow select {
  height: 31px;
}
.new-webinar .sidebar-form .webinar-form a {
  color: #666;
  text-decoration: underline;
}
.new-webinar .sidebar-form .webinar-form a:hover {
  color: #000;
}
.new-webinar .sidebar-form .webinar-form .fsSectionHeader {
  display: none;
}
.new-webinar .sidebar-form .webinar-form select,
.new-webinar .sidebar-form .webinar-form fieldset {
  border: none;
}
.new-webinar .sidebar-form .webinar-form fieldset {
  margin: 0;
}
.new-webinar .sidebar-form .webinar-form fieldset legend {
  background-color: transparent;
}
.new-webinar .sidebar-form .webinar-form fieldset .fieldset-content {
  padding: 5px 0 10px;
}
.new-webinar .sidebar-form .webinar-form fieldset .fsOptionLabel.horizontal input,
.new-webinar .sidebar-form .webinar-form fieldset .fsOptionLabel.vertical input {
  margin-right: 4px;
}
.new-webinar .sidebar-form .webinar-form fieldset .fsOptionLabel.horizontal {
  float: none;
  display: inline-block;
}
.new-webinar .sidebar-form .webinar-form fieldset .vertical .fsOtherField {
  margin-top: 5px;
}
.new-webinar .sidebar-form .webinar-form .fsValidationError {
  background-color: transparent;
}
.new-webinar .sidebar-form .webinar-form .fsForm .fsSubmit {
  padding: 15px;
  margin: 0;
  text-align: left;
  background-color: transparent;
}
.new-webinar .sidebar-form .webinar-form .fsForm .fsSubmit input.fsSubmitButton {
  border-radius: 3px;
  text-transform: uppercase;
  background-repeat: repeat;
  font-weight: 600;
  color: white;
  border: 1px solid #ed9d21;
  color: white;
  text-shadow: 1px 1px #da8605;
  background-color: #ed9d21;
  padding: 18px 40px 16px !important;
  font-size: 18px;
  cursor: pointer;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  position: relative;
  width: 100%;
}
.new-webinar .sidebar-form .webinar-form .fsForm .fsSubmit input.fsSubmitButton:hover {
  color: white;
  background-color: #da8605;
  border-color: #c67b08;
}
.new-webinar .sidebar-form .webinar-form .fsForm .fsSubmit input.fsSubmitButton:focus {
  top: 1px;
}
.new-webinar .sidebar-form .webinar-form .fsLabelVertical {
  padding-bottom: 0;
}
.new-webinar .sidebar-form .webinar-form .fsLabelVertical .fieldset-content {
  padding-bottom: 0;
}
.new-webinar .page-content {
  text-align: center;
  width: 70%;
}
@media (max-width: 1300px) {
  .new-webinar .page-content {
    width: 65%;
  }
}
@media (max-height: 550px) {
  .new-webinar .page-content {
    width: auto;
  }
}
@media (max-width: 1000px) {
  .new-webinar .page-content {
    width: auto;
  }
}
.new-webinar .page-content .title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
}
.new-webinar .page-content .page-content--header {
  padding: 50px 0 0;
}
.new-webinar .page-content .page-content--header .main-logo {
  width: 160px;
  height: 28px;
  padding-top: 0;
  vertical-align: text-top;
  margin: 0;
}
.new-webinar .page-content .page-content--header .webinar {
  border-left: 1px solid #e5e5e5;
  color: #455560;
  display: inline-block;
  font-size: 17px;
  font-weight: 500;
  margin-left: 7px;
  margin-bottom: 0;
  padding-left: 10px;
  padding-top: 4px;
  text-transform: uppercase;
  vertical-align: text-top;
}
@media (min-width: 1000px) {
  .new-webinar .page-content .page-content--header {
    display: none;
  }
}
.new-webinar .page-content .page-content--title {
  padding-top: 35px;
}
.new-webinar .page-content .page-content--title .headline {
  color: #455560;
}
.new-webinar .page-content .page-content--date-time .sub-headline {
  text-transform: uppercase;
  color: #fff;
  background-color: #7bc143;
  display: inline-block;
  padding: 5px 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  letter-spacing: 1px;
  margin: 30px 0;
}
.new-webinar .page-content .page-content--blocks {
  padding: 0 60px;
}
.new-webinar .page-content .page-content--blocks .webinar-learn {
  margin: 40px auto 0;
  list-style: none;
}
.new-webinar .page-content .page-content--blocks .webinar-learn .webinar-learn__item {
  float: left;
  width: 25%;
  background-color: #dedede;
  color: #1c2f3a;
  height: 140px;
  position: relative;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 5px solid #fff;
}
.new-webinar .page-content .page-content--blocks .webinar-learn .webinar-learn__item .num {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #7bc143;
  border: 5px solid #ffffff;
  color: #ffffff;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  height: 50px;
  margin-bottom: 0;
  padding: 8px;
  position: absolute;
  top: -25px;
  width: 50px;
  left: 50%;
  margin-left: -25px;
}
.new-webinar .page-content .page-content--blocks .webinar-learn .webinar-learn__item .desc {
  margin-bottom: 0;
  padding: 45px 10px 0;
}
@media only screen and (max-width: 1300px) {
  .new-webinar .page-content .page-content--blocks .webinar-learn .webinar-learn__item {
    float: none;
    width: 100%;
    height: auto;
    padding-bottom: 40px;
  }
}
.new-webinar .page-content .page-content--blocks hr {
  margin: 32px 5px 31px 5px;
}
.new-webinar .page-content .page-content--blocks .webinar-speakers {
  list-style: none;
  margin-top: 20px;
  padding: 0;
}
.new-webinar .page-content .page-content--blocks .webinar-speakers .webinar-speakers__item {
  float: left;
  width: 50%;
}
.new-webinar .page-content .page-content--blocks .webinar-speakers .webinar-speakers__item .item-content {
  padding: 0 30px;
}
.new-webinar .page-content .page-content--blocks .webinar-speakers .webinar-speakers__item .thumb {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  float: left;
  height: 140px;
  width: 140px;
}
.new-webinar .page-content .page-content--blocks .webinar-speakers .webinar-speakers__item .speaker-info {
  float: left;
  margin-left: 25px;
  padding-top: 25px;
  text-align: left;
  width: 165px;
}
.new-webinar .page-content .page-content--blocks .webinar-speakers .webinar-speakers__item .speaker-info .name {
  margin-bottom: 0;
}
.new-webinar .page-content .page-content--blocks .webinar-speakers .webinar-speakers__item .speaker-info .divider {
  margin: 10px 0;
  width: 50px;
}
.new-webinar .page-content .page-content--blocks .webinar-speakers .webinar-speakers__item .speaker-info .job-title {
  font-size: 12px;
}
@media only screen and (max-width: 1300px) {
  .new-webinar .page-content .page-content--blocks .webinar-speakers .webinar-speakers__item {
    float: none;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
  }
  .new-webinar .page-content .page-content--blocks .webinar-speakers .webinar-speakers__item .item-content {
    padding: 0;
  }
}
.new-webinar .page-content .page-content--blocks .webinar-speakers.webinar-speakers--single .webinar-speakers__item {
  float: none;
  width: auto;
}
.new-webinar .page-content .page-content--blocks .webinar-speakers.webinar-speakers--single .webinar-speakers__item .item-content {
  padding: 0;
  display: inline-block;
}
.new-webinar .page-content .page-content--blocks .webinar-speakers.webinar-speakers--single .webinar-speakers__item .item-bio {
  padding: 30px 30px 0;
}

.hero--webinars__confirmation {
  background-position: center center;
  background-image: url("../images/hero-macbook-pro-green.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.hero--webinars__confirmation .webinar-squares a img {
  height: 200px;
  width: auto;
}
@media only screen and (max-width: 767px) {
  .hero--webinars__confirmation .webinar-squares a img {
    margin-bottom: 30px;
  }
}

.interactive-comparison-title {
  background-color: #6c7a85;
}
.interactive-comparison-title h1 {
  border-bottom: 1px dotted #dddddd;
  color: #fff;
  font-size: 22px;
  letter-spacing: 0;
  line-height: 1;
  padding: 10px 0;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 0;
}

.interactive-comparison .banner {
  position: relative;
  overflow: auto;
}
.interactive-comparison .banner li {
  list-style: none;
}
.interactive-comparison .banner > ul {
  margin-bottom: 0;
}
.interactive-comparison .banner > ul > li {
  float: left;
}
.interactive-comparison .interactive-table .interactive-table-header div,
.interactive-comparison .interactive-table .feature div {
  width: 232px;
}
.interactive-comparison form {
  margin-bottom: 0;
}
.interactive-comparison .interactive-table-header div {
  display: none;
  float: left !important;
}
.interactive-comparison .interactive-table-header div.user-selected,
.interactive-comparison .interactive-table-header div.formstack,
.interactive-comparison .interactive-table-header div.features,
.interactive-comparison .interactive-table-header .show-all-columns {
  display: block;
}
.interactive-comparison .interactive-table-header div.show-all-columns {
  font-size: 9px;
  text-align: center;
  width: 53.6px;
}
.interactive-comparison .interactive-table-header div.features.show-all-columns {
  width: 232px;
  font-size: 14px;
  text-align: left;
}
.interactive-comparison .feature:before,
.interactive-comparison .feature:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.interactive-comparison .feature:after {
  clear: both;
}
.interactive-comparison .feature {
  *zoom: 1;
}
.interactive-comparison .feature {
  display: none;
}
.interactive-comparison .feature div {
  float: left !important;
  display: none;
}
.interactive-comparison .feature .feature-name,
.interactive-comparison .feature .formstack,
.interactive-comparison .feature .user-selected,
.interactive-comparison .feature .show-all-columns {
  display: block;
}
.interactive-comparison .feature div.show-all-columns {
  width: 53.6px;
}
.interactive-comparison .feature .feature-name.show-all-columns {
  width: 232px;
}
.interactive-comparison .always-show-feature,
.interactive-comparison .user-selected-feature,
.interactive-comparison .show-all-features {
  display: block;
}

.interactive-comparison {
  background-color: #6c7a85;
}
.interactive-comparison .ui-selectmenu-button {
  width: 300px !important;
}
.interactive-comparison .ui-selectmenu-button {
  display: block;
  margin: 0 auto 40px;
}
.interactive-comparison .ui-selectmenu-button span.ui-selectmenu-text {
  font-size: 22px;
  padding: 0.4em 2.1em 0.4em 0.6em;
}
.interactive-comparison .team-size-wrap,
.interactive-comparison .features-wrap,
.interactive-comparison .current-tool-wrap {
  padding: 50px 0;
  text-align: center;
}
.interactive-comparison .team-size-wrap label,
.interactive-comparison .features-wrap label,
.interactive-comparison .current-tool-wrap label {
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 40px;
}
.interactive-comparison .team-size-wrap label span,
.interactive-comparison .features-wrap label span,
.interactive-comparison .current-tool-wrap label span {
  display: block;
  font-weight: 300;
  font-style: italic;
  font-size: 20px;
}
.interactive-comparison .features-wrap {
  color: #fff;
}
.interactive-comparison .features-wrap label {
  margin-bottom: 40px;
}
.interactive-comparison .features-wrap .button {
  margin-top: 40px;
}
.interactive-comparison .features-wrap input {
  margin-right: 10px;
}
.interactive-comparison .features-wrap .inputs-wrap {
  margin: 0 auto;
  text-align: left;
  width: 525px;
}
.interactive-comparison .features-wrap .inputs-wrap label {
  display: block;
  margin: 0;
  font-size: 14px;
  font-weight: 300;
}
.interactive-comparison .features-wrap .inputs-wrap .inputs-left {
  color: #fff;
  float: left;
}
.interactive-comparison .features-wrap .inputs-wrap .inputs-right {
  color: #fff;
  margin-left: 20px;
  float: right;
}
.interactive-comparison .table-header {
  color: #ffffff;
  font-size: 30px;
  font-weight: 700;
  margin: 60px 0;
  text-align: center;
}
.interactive-comparison .table-wrapper {
  background-color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
  padding: 15px;
  margin-bottom: 40px;
}
.interactive-comparison .table-wrapper .toggle-buttons {
  margin-bottom: 30px;
  text-align: center;
}
.interactive-comparison .table-wrapper .toggle-buttons a {
  border-right: 1px solid #cccccc;
  margin-right: 5px;
  padding-right: 10px;
  color: #999;
  font-weight: 700;
}
.interactive-comparison .table-wrapper .toggle-buttons a i {
  margin-right: 3px;
}
.interactive-comparison .table-wrapper .toggle-buttons a:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: 0;
}
.interactive-comparison .table-wrapper .toggle-buttons a.active, .interactive-comparison .table-wrapper .toggle-buttons a:hover {
  color: #7bc143;
}
.interactive-comparison .table-wrapper .toggle-buttons a.start-over-button {
  color: #62cae3;
}
.interactive-comparison .table-wrapper .toggle-buttons a.start-over-button i {
  margin-right: 1px;
}
.interactive-comparison .table-wrapper .table-hero-copy p {
  color: #000000;
  font-size: 18px;
  padding: 30px;
  text-align: center;
}

.slide-one h2 {
  color: #ffffff;
  font-size: 28px;
  margin-bottom: 35px;
  padding: 20px 0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #1c2f3a;
}
.slide-one h2 span {
  color: #ffffff;
  display: block;
  font-size: 20px;
  margin-top: 10px;
}

.interactive-table .interactive-table-header div:not(.features) {
  background-color: #E0E2E4;
  text-align: center;
  padding-top: 15px;
}
.interactive-table .interactive-table-header img {
  display: block;
  height: 55px;
  margin: 0 auto;
  width: 55px;
}
.interactive-table .interactive-table-header span {
  background-color: #888;
  color: #ffffff;
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-top: -15px;
  padding-bottom: 10px;
  padding-top: 20px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px;
}
.interactive-table .interactive-table-header .formstack span {
  background-color: #7bc143;
}
.interactive-table .interactive-table-header .show-all-columns img {
  width: 30px;
  height: 30px;
}
.interactive-table .interactive-table-header .show-all-columns span {
  text-indent: -9999px;
  padding-top: 0;
}
.interactive-table .feature div {
  height: 60px;
}
.interactive-table .feature div:not(.feature-name) {
  background-color: #aaaaaa;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  font-size: 26px;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  padding: 10px;
}
.interactive-table .feature div.formstack {
  background-color: #A2CD00;
  border-right: none;
}
.interactive-table .feature div.show-all-columns {
  height: 40px;
  font-size: 16px;
}
.interactive-table .feature-name {
  color: #7bc143;
  font-weight: 600;
  font-size: 16px;
  padding: 18px 0;
}
.interactive-table .checkmark {
  width: 20px;
  height: auto;
}

.back-link {
  color: #ffffff;
  display: block;
  font-size: 12px;
  margin-top: 10px;
  text-decoration: underline;
}

.step-number {
  text-align: center;
}
.step-number span {
  background-color: #1c2f3a;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  padding: 5px 10px;
  text-transform: uppercase;
}

.pricing-wrapper {
  margin-bottom: 40px;
}
.pricing-wrapper .pricing-header-copy {
  text-align: center;
}
.pricing-wrapper .pricing-header-copy h1 {
  border-top: 1px solid #ffffff;
  color: #ffffff;
  margin-top: 65px;
  text-align: center;
}
.pricing-wrapper .pricing-header-copy h1 span {
  background-color: #6c7a85;
  display: block;
  font-weight: 500;
  margin: -28px auto 0;
  padding: 10px;
  width: 657px;
}
.pricing-wrapper .pricing-header-copy p {
  color: #fff;
  font-size: 16px;
  margin-bottom: 40px;
}
.pricing-wrapper .toggle-buttons {
  margin-bottom: 20px;
  text-align: center;
}
.pricing-wrapper .toggle-buttons a {
  color: #fff;
  font-weight: 700;
}
.pricing-wrapper .toggle-buttons a.active {
  color: #ed9d21;
}
.pricing-wrapper .interactive-pricing ul.pricing-table {
  border: 1px solid #455560;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
}
.pricing-wrapper .interactive-pricing .enterprise,
.pricing-wrapper .interactive-pricing .platinum,
.pricing-wrapper .interactive-pricing .gold,
.pricing-wrapper .interactive-pricing .silver {
  display: none;
}
.pricing-wrapper .interactive-pricing .show-plan,
.pricing-wrapper .interactive-pricing .show-all-plans {
  display: block;
}

.data-error {
  color: #999999;
  font-size: 12px;
  margin: 30px 0 15px;
  text-align: center;
}

.sales-template .hero {
  background-color: #62cae3;
  padding: 35px 0;
}
.sales-template .hero h1 {
  margin-bottom: 20px;
  margin-top: 0;
}
.sales-template .hero h2 {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 20px;
  text-shadow: none;
}
.sales-template .hero p {
  color: #fff;
}
.sales-template .hero p:last-child {
  margin-bottom: 0;
}
.sales-template .hero .button .fa {
  margin-right: 5px;
}
@media only screen and (max-width: 767px) {
  .sales-template .hero .button {
    margin-bottom: 20px;
  }
}
.sales-template .hero.nyack {
  background-color: #C61F4A;
}
.sales-template .hero.hollywood-reporter {
  background-color: #EB4849;
}
.sales-template .hero.miami-dade {
  background-color: #0067ac;
}
.sales-template .hero.usc {
  background-color: #7D1419;
}
.sales-template .hero.kctcs {
  background-color: #00467f;
}
.sales-template .hero.nccu {
  background-color: #8C2332;
}
.sales-template .hero.usm {
  background-color: #272727;
}
.sales-template .hero.colts {
  background-color: #002395;
}
.sales-template .hero.colts h2 {
  font-family: "Ubuntu",sans-serif;
  font-size: 30px;
  line-height: 1.2;
}
.sales-template .hero.colts h3 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0;
  margin-bottom: 0;
}
.sales-template .hero.cruises {
  background-color: #268AC9;
  padding: 35px 0 0 0;
}
.sales-template .hero.cruises h1 {
  margin-top: 20px;
  font-size: 30px;
}
.sales-template .hero.bsu {
  background-color: #e0e2e4;
}
.sales-template .hero.bsu h2 {
  color: #455560;
}
.sales-template .hero.cog {
  background-color: #e0e2e4;
}
.sales-template .hero.cog h2 {
  color: #003464;
}
.sales-template .arrow.blue.colts {
  border-top-color: #002395;
}
.sales-template .form-example {
  padding-top: 15px;
}
.sales-template .form-example h3 {
  margin: 20px 0;
}
.sales-template .form-example h4 {
  font-weight: 300;
  color: #455560;
}
.sales-template .form-example ul {
  list-style: none;
}
.sales-template .form-example ul li {
  margin-bottom: 10px;
}
.sales-template .form-example ul.larger li {
  font-size: 16px;
}
.sales-template .form-example .fsBody .fsForm,
.sales-template .form-example .fsBody .fs4Col,
.sales-template .form-example .fsBody .fs3Col,
.sales-template .form-example .fsBody .fs2Col {
  max-width: 100% !important;
  min-width: 0;
}
.sales-template .form-example input[type="text"],
.sales-template .form-example input[type="password"],
.sales-template .form-example input[type="date"],
.sales-template .form-example input[type="datetime"],
.sales-template .form-example input[type="email"],
.sales-template .form-example input[type="number"],
.sales-template .form-example input[type="search"],
.sales-template .form-example input[type="tel"],
.sales-template .form-example input[type="time"],
.sales-template .form-example input[type="url"],
.sales-template .form-example textarea {
  width: 90%;
  display: inline;
  height: auto;
}
.sales-template .contact-sales .sales-team-member {
  display: block;
  height: 125px;
  margin: 35px auto 15px auto;
  width: 125px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.sales-template .contact-sales p {
  margin-bottom: 35px;
}
.sales-template .resources h3,
.sales-template .resources h4 {
  color: #455560;
}
.sales-template .resources h4 {
  font-weight: 300;
  letter-spacing: 0;
  font-size: 22px;
}
.sales-template .resources p {
  color: #6c7a85;
}
.sales-template .resources img {
  height: auto;
  margin-bottom: 20px;
  width: 150px;
}

.wufoo-table .interactive-table-header div,
.wufoo-table .feature div {
  width: 33%;
  float: left;
}
.wufoo-table .interactive-table-header div:not(.features) {
  background-color: #efefef;
}
.wufoo-table .interactive-table-header span {
  font-size: 20px;
}
.wufoo-table .feature:before,
.wufoo-table .feature:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.wufoo-table .feature:after {
  clear: both;
}
.wufoo-table .feature {
  *zoom: 1;
}
.wufoo-table .feature .feature-name {
  text-align: left;
}
.wufoo-table .feature div:not(.feature-name) {
  border-right: none;
  padding: 15px 0;
}
.wufoo-table .split {
  margin-left: 20px;
}

.formstack-vs-wufoo {
  text-align: center;
}
.formstack-vs-wufoo h4 {
  border-top: 2px dotted #455560;
  margin-bottom: 30px;
  margin-top: 40px;
}
.formstack-vs-wufoo h4 span {
  background-color: #E0E2E4;
  display: block;
  font-size: 32px;
  font-weight: 500;
  margin: -19px auto 0;
  width: 525px;
}
.formstack-vs-wufoo p:not(.data-error) {
  font-size: 16px;
  margin-bottom: 40px;
}

section.key-features img {
  height: 85px;
  margin-top: 10px;
  margin-bottom: 30px;
  width: auto;
}
section.key-features h4 {
  font-weight: 500;
  font-size: 32px;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 30px;
}
section.key-features h5 {
  font-weight: 500;
  color: #1c2f3a;
}
section.key-features p {
  color: #1c2f3a;
  margin-bottom: 30px;
}

section.current-customers img {
  border: 2px solid #1c2f3a;
  margin-bottom: 30px;
}
section.current-customers h4 {
  font-weight: 500;
  font-size: 32px;
  text-align: center;
  margin-bottom: 50px;
  margin-top: 30px;
}
section.current-customers h5 {
  font-weight: 600;
  font-size: 24px;
}
section.current-customers p {
  font-size: 16px;
}

.sales-template-colts section.form-example {
  padding-top: 35px;
}
.sales-template-colts section.form-example h3 {
  margin-top: 0;
}
.sales-template-colts .form-example-container {
  padding-top: 0;
  margin-top: -15px;
}
.sales-template-colts .form-example-container select {
  width: auto !important;
}
.sales-template-colts section.form-example h3,
.sales-template-colts section.contact-sales h3 {
  font-size: 32px;
  font-weight: 500;
}

.pricing-enterprise-manager .pricing-container {
  padding-top: 25px;
}
.pricing-enterprise-manager .enterprise {
  display: block !important;
}
.pricing-enterprise-manager .silver,
.pricing-enterprise-manager .platinum {
  display: none !important;
}
.pricing-enterprise-manager .most-popular,
.pricing-enterprise-manager .cta-button {
  display: none;
}
.pricing-enterprise-manager .pricing-table.highlight .title {
  background-color: #979c9f;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.pricing-enterprise-manager .pricing-table.highlight .price {
  background-color: #eee;
}
.pricing-enterprise-manager .pricing-table.highlight .bullet-item,
.pricing-enterprise-manager .pricing-table.highlight .cta-button {
  background-color: #fff;
}

.guide-header {
  background-color: white;
  padding: 10px 0;
}
.guide-header .logo,
.guide-header p {
  float: left;
}
.guide-header .logo {
  display: block;
}
.guide-header .logo img {
  display: inline-block;
  max-width: 205px;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .guide-header .logo img {
    margin-bottom: 10px;
  }
}
.guide-header p {
  font-weight: 700;
  margin-left: 10px;
  padding-top: 17px;
  text-transform: uppercase;
  color: #7bc143;
}

.guide-nav {
  background-color: #455560;
}
.guide-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.guide-nav ul li {
  display: inline-block;
}
.guide-nav ul li a {
  color: white;
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-right: 10px;
  padding: 15px 0 10px;
  text-transform: uppercase;
  border-bottom: transparent 3px solid;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
.guide-nav ul li a:hover {
  color: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.guide-nav ul .active a {
  color: white;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.style-guide .item-desc {
  background-color: #ed9d21;
  color: white;
  padding: 10px 0;
  border-top: 2px solid #e3e5e7;
  border-bottom: 2px solid #e3e5e7;
}
.style-guide .item-desc .headline,
.style-guide .item-desc code {
  float: left;
  margin-right: 10px;
}
.style-guide .item-desc .headline {
  font-size: 22px;
}
.style-guide code {
  background-color: #333;
  border: 0;
  border-radius: 1px;
  color: white;
  display: inline-block;
  font-size: 12px;
  font-weight: 300;
  margin-top: 5px;
  padding: 5px;
}
.style-guide .mixin {
  background-color: #7bc143;
}
.style-guide .agency-hero {
  background-position: center center;
  background-image: url("../images/industry/hero_agencies.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.style-guide .home-hero {
  background-position: center center;
  background-image: url("../images/hp-hero-photo-laptop-phone.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.style-guide .button-row {
  margin-bottom: 35px;
}
.style-guide .section--green .button-row:nth-of-type(5),
.style-guide .section--green .button-row:nth-of-type(6) {
  display: none;
}
.style-guide .section--green .button-row:nth-of-type(4) {
  margin-bottom: 0;
}
.style-guide .color-row, .style-guide .color-row--white, .style-guide .color-row--green, .style-guide .color-row--gray, .style-guide .color-row--lightgray, .style-guide .color-row--lightgreen, .style-guide .color-row--palegreen, .style-guide .color-row--lightblue, .style-guide .color-row--paleblue, .style-guide .color-row--orange, .style-guide .color-row--darkgray, .style-guide .color-row--darkgreen, .style-guide .color-row--lightergray, .style-guide .color-row--lightestgray {
  padding: 30px;
  color: white;
}
.style-guide .color-row h3, .style-guide .color-row--white h3, .style-guide .color-row--green h3, .style-guide .color-row--gray h3, .style-guide .color-row--lightgray h3, .style-guide .color-row--lightgreen h3, .style-guide .color-row--palegreen h3, .style-guide .color-row--lightblue h3, .style-guide .color-row--paleblue h3, .style-guide .color-row--orange h3, .style-guide .color-row--darkgray h3, .style-guide .color-row--darkgreen h3, .style-guide .color-row--lightergray h3, .style-guide .color-row--lightestgray h3 {
  margin-bottom: 0;
  font-size: 22px;
  display: inline-block;
}
.style-guide .color-row code, .style-guide .color-row--white code, .style-guide .color-row--green code, .style-guide .color-row--gray code, .style-guide .color-row--lightgray code, .style-guide .color-row--lightgreen code, .style-guide .color-row--palegreen code, .style-guide .color-row--lightblue code, .style-guide .color-row--paleblue code, .style-guide .color-row--orange code, .style-guide .color-row--darkgray code, .style-guide .color-row--darkgreen code, .style-guide .color-row--lightergray code, .style-guide .color-row--lightestgray code {
  background-color: white;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #1c2f3a;
  float: right;
  font-size: 12px;
  font-weight: 300;
  margin-top: 5px;
  padding: 5px;
  border: 1px solid white;
}
.style-guide .color-row--white {
  background-color: white;
  color: #455560;
}
.style-guide .color-row--green {
  background-color: #7bc143;
}
.style-guide .color-row--gray {
  background-color: #455560;
}
.style-guide .color-row--lightgray {
  background-color: #6c7a85;
}
.style-guide .color-row--lightgreen {
  background-color: #a8c933;
}
.style-guide .color-row--palegreen {
  background-color: #cee39b;
  color: #455560;
}
.style-guide .color-row--lightblue {
  background-color: #62cae3;
}
.style-guide .color-row--paleblue {
  background-color: #ddf1f7;
  color: #455560;
}
.style-guide .color-row--orange {
  background-color: #ed9d21;
}
.style-guide .color-row--darkgray {
  background-color: #1c2f3a;
}
.style-guide .color-row--darkgreen {
  background-color: #629a35;
}
.style-guide .color-row--lightergray {
  background-color: #bdc3c7;
  color: #455560;
}
.style-guide .color-row--lightestgray {
  background-color: #e3e5e7;
  color: #455560;
}
.style-guide .pretend-form {
  width: 100%;
  height: 575px;
  background-color: #ccc;
}

/* Had to style an ID, because JQuery  on the page is removing all classes. */
#section-switch,
#section-switch * {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

/* -----------------------------------------
FORMSTACK SUMMIT + 2015 FORM CONVERSION REPORT SPLASH
----------------------------------------- */
.hero-wrap {
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .hero-wrap {
    height: auto;
  }
}
.hero-wrap .header {
  background-color: #fff;
  left: 0;
  padding: 20px 0 15px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}
.hero-wrap .header .logo,
.hero-wrap .header .divider,
.hero-wrap .header .headline {
  display: inline-block;
}
.hero-wrap .header .logo,
.hero-wrap .header .divider {
  vertical-align: text-top;
  margin-top: -14px;
}
.hero-wrap .header .logo {
  height: 38px;
  width: 218px;
  background: url(../images/formstack-logo.svg) no-repeat;
}
@media only screen and (max-width: 767px) {
  .hero-wrap .header .logo {
    display: block;
    margin: 0 auto 10px auto;
  }
}
.hero-wrap .header .no-svg .logo {
  background: url(../images/formstack-logo.png) no-repeat;
}
.hero-wrap .header .divider {
  background-color: #7bc143;
  height: 38px;
  margin: -14px 15px 0;
  width: 1px;
}
@media only screen and (max-width: 767px) {
  .hero-wrap .header .divider {
    display: none;
  }
}
.hero-wrap .header .headline {
  font-size: 20px;
  color: #7bc143;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
}
.hero-wrap .summit-hero {
  background-color: #000;
  background-position: center center;
  background-image: url("../images/fcr-splash-bg.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  display: table;
  height: 100%;
  padding: 0;
  width: 100%;
  color: #fff;
}
.hero-wrap .summit-hero .hero-text {
  left: 50%;
  margin-left: -495px;
  margin-top: -110px;
  position: absolute;
  top: 50%;
}
.hero-wrap .summit-hero .hero-text .headline {
  font-size: 38px;
  line-height: 48px;
  font-weight: 600;
  letter-spacing: -1px;
  -moz-animation-delay: 1.25s;
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s;
}
.hero-wrap .summit-hero .hero-text .sub-headline {
  font-family: "proxima-nova", sans-serif;
  font-size: 28px;
  line-height: 34px;
  font-weight: 300;
  -moz-animation-delay: 1.75s;
  -webkit-animation-delay: 1.75s;
  animation-delay: 1.75s;
}
@media only screen and (max-width: 767px) {
  .hero-wrap .summit-hero .hero-text {
    position: static;
    margin-left: 0;
  }
}
.hero-wrap .summit-hero .email-form {
  -moz-animation-delay: 2.25s;
  -webkit-animation-delay: 2.25s;
  animation-delay: 2.25s;
}
.hero-wrap .summit-hero .email-form .fsBody .fsForm {
  margin: 0 auto;
  box-shadow: none;
}
.hero-wrap .summit-hero .email-form .fsBody .fsRowBody,
.hero-wrap .summit-hero .email-form .fsForm .fsSubmit {
  padding: 0;
  margin: 0;
}
.hero-wrap .summit-hero .email-form .fsSubmit,
.hero-wrap .summit-hero .email-form .fsPage {
  clear: none;
  display: inline-block;
  vertical-align: text-top;
}
@media only screen and (max-width: 767px) {
  .hero-wrap .summit-hero .email-form .fsSubmit,
  .hero-wrap .summit-hero .email-form .fsPage {
    display: block;
  }
}
.hero-wrap .summit-hero .email-form .fsForm .fsPage {
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .hero-wrap .summit-hero .email-form .fsForm .fsPage {
    margin-right: 0;
  }
}
.hero-wrap .summit-hero .email-form .fsFieldRow input[type="email"] {
  max-width: 100%;
  margin-bottom: 0;
  margin-right: 10px;
  height: 47px;
  border-radius: 3px;
  padding-left: 10px;
}
.hero-wrap .summit-hero .email-form .fsSubmit input.fsSubmitButton {
  background-color: #ed9d21;
  border: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  border-radius: 3px;
  padding: 15px 20px;
  cursor: pointer;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.hero-wrap .summit-hero .email-form .fsSubmit input.fsSubmitButton:hover {
  background-color: #d18b1e;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .hero-wrap .summit-hero .email-form .fsSubmit input.fsSubmitButton {
    width: 100%;
    margin-top: 20px;
  }
}
.hero-wrap .summit-hero .email-form div.fsError {
  margin: 0 0 20px;
}
@media only screen and (max-width: 767px) {
  .hero-wrap .summit-hero {
    padding: 170px 0 60px;
    height: auto;
  }
}
.hero-wrap .fcr .hero-text {
  margin-top: -231px;
}
.hero-wrap .fcr .hero-text .headline {
  font-size: 36px;
}
.hero-wrap .fcr .hero-text p {
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .hero-wrap .fcr .hero-text {
    margin-top: 0;
  }
}
.hero-wrap .fcr .email-form .fsSubmit input.fsSubmitButton {
  background-color: #7bc143;
  -webkit-appearance: none;
}
.hero-wrap .fcr .email-form .fsSubmit input.fsSubmitButton:hover {
  background-color: #629a35;
}

.summit-description .sub-headline {
  -moz-animation-delay: 0.25s;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
  margin-top: 0;
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .summit-description .sub-headline {
    opacity: 1;
  }
}
.summit-description .video-btn-wrap {
  opacity: 0;
  -moz-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.summit-description .watch-video-btn {
  background-color: #455560;
  border: 0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin: 0 auto;
  padding: 3px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 3px;
  padding: 15px 20px;
  cursor: pointer;
}
.summit-description .watch-video-btn .fa {
  margin-right: 4px;
}
.summit-description .watch-video-btn:hover {
  background-color: #1c2f3a;
  color: #fff;
}
.summit-description .divider {
  opacity: 0;
  margin: 50px 0;
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
@media only screen and (max-width: 767px) {
  .summit-description .divider {
    opacity: 1;
  }
}
.summit-description .icons img {
  width: 82px;
  height: 90px;
  margin-bottom: 10px;
}
.summit-description .icons .icon-label {
  text-transform: uppercase;
  color: #7bc143;
  font-size: 16px;
  margin-bottom: 0;
}
.summit-description .icons .icon-one {
  -moz-animation-delay: 1.25s;
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s;
}
.summit-description .icons .icon-two {
  -moz-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.summit-description .icons .icon-three {
  -moz-animation-delay: 1.75s;
  -webkit-animation-delay: 1.75s;
  animation-delay: 1.75s;
}
.summit-description .icons .icon-four {
  -moz-animation-delay: 2s;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
@media only screen and (max-width: 767px) {
  .summit-description .icons .icon {
    margin-bottom: 20px;
  }
}

/* FORMSTACK SUMMIT, FCR TEMPORARY SPLASH */
.fcr-hero-wrap {
  background-color: #1c2f3a;
  background-position: center center;
  background-image: url("../images/fcr-hero.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.fcr-header {
  padding: 20px 0;
  background-color: transparent;
  border-bottom: 1px solid #5c6a74;
}
.fcr-header .fcr-title-wrap {
  float: left;
}
.fcr-header .fcr-title {
  color: #a8c933;
  background: -webkit-linear-gradient(#9fcc3b, #5db241);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  padding-left: 5px;
  padding-top: 1px;
  text-transform: uppercase;
  vertical-align: text-top;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .fcr-header .fcr-title {
    padding-top: 0;
    margin-top: -4px;
  }
}
.fcr-header .fcr-logo {
  width: 206px;
  height: 36px;
  background-image: url("../images/formstack-logo-white.svg");
  text-indent: -9999px;
  display: inline-block;
  vertical-align: text-top;
}
@media only screen and (max-width: 767px) {
  .fcr-header .fcr-logo {
    width: 155px;
    height: 27px;
  }
}
.fcr-header .fcr-nav {
  float: left;
  margin-left: 20px;
}
.fcr-header .fcr-nav ul {
  list-style: none;
  margin-bottom: 0;
  padding-top: 16px;
  line-height: 1;
}
.fcr-header .fcr-nav ul .fcr-nav__item {
  display: inline-block;
  margin-left: 25px;
  line-height: 1;
}
.fcr-header .fcr-nav ul .fcr-nav__item a {
  color: #fff;
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .fcr-header .fcr-nav ul .fcr-nav__item {
    padding: 0 10px;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .fcr-header .fcr-nav {
    margin: 0;
    padding: 10px 0 0 0;
    text-align: center;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .fcr-header .button {
    margin-top: 25px;
  }
}

.fcr-page-title .headline {
  color: #ffffff;
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 0;
  padding: 50px 0;
}

.fcr-hero {
  padding: 100px 0;
}
.fcr-hero .headline {
  color: #ffffff;
  font-size: 36px;
  margin-bottom: 20px;
  font-weight: 600;
  line-height: 1.4;
}
.fcr-hero .headline .gradient {
  color: #a8c933;
  display: block;
  font-weight: 700;
  text-transform: uppercase;
  background: -webkit-linear-gradient(#9fcc3b, #5db241);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 68px;
}
@media only screen and (max-width: 767px) {
  .fcr-hero .headline .gradient {
    font-size: 46px;
  }
}
.fcr-hero .headline .gradient--small {
  font-size: 40px;
}
@media only screen and (max-width: 767px) {
  .fcr-hero .headline {
    font-size: 32px;
    line-height: 1.2;
  }
}
.fcr-hero .download-image {
  width: 230px;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .fcr-hero {
    padding: 30px 0;
  }
}

.fcr-download {
  font-size: 14px;
  padding: 15px;
}
.fcr-download .fa {
  margin-right: 10px;
}

.fcr-content {
  background-color: #7bc143;
  background-position: center center;
  background-image: url("../images/fcr-content-bg.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: bottom center;
  color: #fff;
  min-height: 700px;
}
.fcr-content .headline {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 60px;
  text-align: center;
}
.fcr-content .headline .break {
  display: block;
}
@media only screen and (max-width: 767px) {
  .fcr-content .headline .break {
    display: inline;
  }
}
@media only screen and (max-width: 767px) {
  .fcr-content .headline {
    margin-bottom: 20px;
    text-align: left;
  }
}
.fcr-content ul {
  list-style: none;
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  .fcr-content {
    min-height: 0;
  }
}

.fcr-quiz .banner {
  position: relative;
  overflow: auto;
}
.fcr-quiz .banner li {
  list-style: none;
}
.fcr-quiz .banner ul {
  padding: 0;
}
.fcr-quiz .banner ul li {
  float: left;
}
.fcr-quiz .description {
  font-size: 16px;
}

.question {
  margin-bottom: 30px;
}
.question .question__label {
  color: #7bc143;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}
.question .question__checkboxes {
  display: inline-block;
  margin: 0 auto;
  text-align: left;
}
.question .question__checkboxes label {
  font-weight: 600;
}
.question .question__checkboxes input {
  margin-right: 10px;
}

.fcr-callouts .icon {
  height: 70px;
  width: auto;
}

.final-results-wrap .headline__intro {
  font-family: "proxima-nova", sans-serif;
  display: block;
  font-family: "proxima-nova",sans-serif;
  font-size: 22px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: 10px;
}
.final-results-wrap .conversion-rate-text {
  color: #7bc143;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .fcr-callout {
    margin-bottom: 30px;
  }
}
.fcr-2014-logo {
  display: inline-block !important;
  margin-bottom: 40px;
}

.fcr-title-p {
  font-size: 24px;
}

.fcr-title-h2 {
  font-size: 24px;
  border-bottom: 10px solid #7bc143;
  padding: 20px;
}

.main-form {
  font-family: "proxima-nova", sans-serif;
}
.main-form .fsBody .fsForm {
  margin: 0 auto;
  padding: 15px;
  background: #eee;
  /* Old browsers */
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
  background-image: -moz-linear-gradient(#eeeeee, #cccccc);
  background-image: -webkit-linear-gradient(#eeeeee, #cccccc);
  background-image: linear-gradient(#eeeeee, #cccccc);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #ccc;
}
.main-form .fsBody .fsForm .fsCell {
  padding: 10px 15px;
}
.main-form .fsFieldFocused {
  background: transparent;
}
.main-form .fsBody .fs2Col {
  min-width: 0;
}
.main-form .fsFieldCell.fsSpan50,
.main-form .fsSubField {
  width: 50%;
}
.main-form .fsFirst.fsLast.fsFieldCell .fsSubFieldGroup .fsSubField {
  margin-right: 0;
}
.main-form .fsFirst.fsLast.fsFieldCell .fsSubFieldGroup .fsSubField:nth-of-type(1) {
  padding-right: 15px;
}
.main-form .fsFirst.fsLast.fsFieldCell .fsSubFieldGroup .fsSubField:nth-of-type(2) {
  padding-left: 15px;
}
.main-form .fsFieldRow input[type="email"],
.main-form .fsFieldRow input[type="number"],
.main-form .fsFieldRow input[type="tel"],
.main-form .fsFieldRow input[type="text"],
.main-form .fsForm textarea {
  max-width: 100%;
  margin-bottom: 0;
}
.main-form .fsFieldRow select {
  height: 31px;
}
.main-form a {
  color: #666;
  text-decoration: underline;
}
.main-form a:hover {
  color: #000;
}
.main-form .fsSectionHeader {
  display: none;
}
.main-form #form-title-signup,
.main-form .disclaimer {
  margin: 0;
}
.main-form .logo {
  float: left;
  max-width: 150px;
  margin: 0 10px 0 0;
}
@media only screen and (max-width: 767px) {
  .main-form .logo {
    float: none;
    margin-bottom: 5px;
  }
}
.main-form #form-title-signup {
  color: #7bc143;
  font-size: 22px;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 1.3;
}
.main-form .plan-text {
  text-transform: capitalize;
  font-weight: 600;
}
.main-form .disclaimer {
  color: #666666;
  font-size: 11px;
  line-height: 14px;
}
.main-form select,
.main-form fieldset {
  border: 1px solid #bbb;
}
.main-form fieldset {
  margin: 0;
}
.main-form fieldset legend {
  background-color: transparent;
}
.main-form fieldset .fieldset-content {
  padding: 5px 0 10px;
}
.main-form fieldset .fsOptionLabel.horizontal input,
.main-form fieldset .fsOptionLabel.vertical input {
  margin-right: 4px;
}
.main-form fieldset .fsOptionLabel.horizontal {
  float: none;
  display: inline-block;
}
.main-form fieldset .vertical .fsOtherField {
  margin-top: 5px;
}
.main-form .fsForm .fsSubmit {
  padding: 15px;
  margin: 0;
  text-align: left;
  background-color: transparent;
}
.main-form .fsForm .fsSubmit input.fsSubmitButton {
  border-radius: 3px;
  text-transform: uppercase;
  background-repeat: repeat;
  font-weight: 600;
  color: white;
  border: 1px solid #629a35;
  text-shadow: 1px 1px #629a35;
  background: #7bc143;
  /* Old browsers */
  padding: 18px 40px 16px !important;
  font-size: 18px;
  cursor: pointer;
  background-color: #7bc143;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  position: relative;
}
.main-form .fsForm .fsSubmit input.fsSubmitButton:hover {
  background-color: #42aa44;
}
.main-form .fsForm .fsSubmit input.fsSubmitButton:focus {
  top: 1px;
}
.main-form .fsLabelVertical {
  padding-bottom: 0;
}
.main-form .fsLabelVertical .fieldset-content {
  padding-bottom: 0;
}

.ps-agreement-options {
  display: none !important;
}

.ps-scrollable-agreement {
  display: none !important;
  height: 0px;
}

.ps-agreement-title {
  display: none !important;
}

.sitemap .sitemap-nav ul {
  list-style: none outside none;
  margin: 0;
  padding-left: 0;
}
.sitemap .sitemap-nav ul li {
  border-right: 1px solid #aaa;
  display: inline-block;
  padding: 0 10px 0 5px;
  margin-bottom: 0;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .sitemap .sitemap-nav ul li {
    display: block;
    border: none;
    padding: 0;
    margin-bottom: 5px;
  }
}
.sitemap .sitemap-nav ul li:first-child {
  padding-left: 0;
}
.sitemap .sitemap-nav ul li:last-child {
  padding-right: 0;
  border-right: none;
}
.sitemap ul {
  margin-bottom: 30px;
  padding-left: 0;
  list-style: none;
}
.sitemap ul li {
  margin-bottom: 10px;
}

/* FOOTER */
footer {
  background: #455560;
  padding-top: 35px;
  padding-bottom: 25px;
}
footer .side-nav {
  padding: 0;
}
footer a {
  color: white;
}
footer a:hover {
  color: #ed9d21;
}
footer li,
footer p {
  font-size: 12px;
  color: #bdc3c7;
}
footer .heading {
  font-weight: 600;
  text-transform: uppercase;
}
footer .heading a {
  color: #7bc143;
}
footer .heading a:hover {
  color: #ed9d21;
}
footer .social {
  text-align: center;
}
footer .social .social-icon {
  display: inline-block;
  margin: 0 1px 10px;
}

/* Integrations Nav */
#test--integrations-subpages-new .integrations-nav li {
  margin: 0;
}
#test--integrations-subpages-new .integrations-nav li div {
  font-size: 18px;
}
#test--integrations-subpages-new .integrations-nav li ul.subs {
  margin: 10px 0 0;
}
#test--integrations-subpages-new .integrations-nav li ul.subs a {
  padding: 3px 0;
}

/* TEST -- PRICING -- Hiding Rows and Top Btns */
.pricing-page .title .button {
  width: 100%;
  margin-top: 10px;
}
.pricing-page .basic, .pricing-page .mobile {
  display: none;
}

/* -----------------------------------------
PAYMENT & ECOMMERCE COMPARISONS
----------------------------------------- */
.comparison .hero {
  background: #7bc143;
  padding: 70px 0;
}
.comparison .hero h1 {
  text-shadow: rgba(0, 0, 0, 0.8) 1px 1px 0;
  margin: 0;
}
.comparison .hero h1 span {
  font-size: 55px;
  text-transform: uppercase;
  font-weight: 500;
}
.comparison .hero h2 {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}
.comparison .hero.paypg {
  background: #62cae3;
  background-size: cover;
}
.comparison .hero.ecommpg {
  background: url(../images/comparison/ecommerce-solutions-bg.jpg) center center #7bc143;
  background-size: cover;
}
.comparison .chart-title {
  border-top: 1px solid #7bc143;
  margin: 40px 0;
}
.comparison .chart-title h3 {
  background: #fff;
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 0px;
  margin: -20px 0 0;
}
.comparison p.intro {
  margin: 0 0px 40px;
  font-size: 21px;
  padding-bottom: 40px;
  border-bottom: 1px dotted #ccc;
}
.comparison p.intro .noborder {
  padding-bottom: 0;
  border-bottom: 0;
}
.comparison ul li {
  margin-bottom: 7px;
}
.comparison .white h4 {
  color: #455560;
  margin-top: 40px;
}
.comparison .signup.paypg p, .comparison .signup.ecommpg p {
  color: #fff;
  margin: 10px 0;
  font-size: 18px;
}
.comparison .signup.paypg ul, .comparison .signup.ecommpg ul {
  color: #fff;
}
.comparison .signup.paypg .button, .comparison .signup.ecommpg .button {
  margin-bottom: 20px;
}
.comparison .comparison-table {
  width: 95%;
  margin: 0 auto 25px;
  border: none;
  border-collapse: collapse;
}
.comparison .comparison-table td {
  text-align: center;
  vertical-align: middle;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.2;
  border-collapse: collapse;
  border: 1px solid rgba(221, 221, 221, 0.21);
}
.comparison .comparison-table td.number {
  font-size: 20px;
  font-weight: bold;
}
.comparison .comparison-table td.number .has-tip {
  font-weight: bold;
}
.comparison .comparison-table .grayrow {
  background: #f3f3f3;
}
.comparison .comparison-table .tooltip {
  min-width: 200px;
}
.comparison .comparison-table .has-tip {
  font-weight: normal;
  border-bottom: dotted #333 1px;
}
.comparison .comparison-table .barebones {
  background: #DDF1F7;
}
.comparison .comparison-table .orderforms {
  background: #A1CD3A;
}
.comparison .comparison-table .platform {
  background: #f2d396;
}
.comparison .comparison-table .enterprise {
  background: #f2a796;
}
.comparison .labels td {
  border: 0;
  width: 9%;
  padding-top: 75px;
  font-size: 12px;
  color: #777;
  text-transform: uppercase;
}
.comparison .labels td.icon {
  background: none;
  min-width: 150px;
}
@media screen and (min-width: 1280px) {
  .comparison .labels td.icon {
    min-width: 250px;
  }
}
.comparison .labels td.monfees, .comparison .labels td.monfees-ecomm {
  background: url(../images/comparison/monfees.png) 50% 0 no-repeat;
}
.comparison .labels td.transfees {
  background: url(../images/comparison/transfees.png) 50% 0 no-repeat;
}
.comparison .labels td.countries {
  background: url(../images/comparison/countries.png) 50% 0 no-repeat;
}
.comparison .labels td.currencies {
  background: url(../images/comparison/currencies.png) 50% 0 no-repeat;
}
.comparison .labels td.cards {
  background: url(../images/comparison/cards.png) 50% 0 no-repeat;
}
.comparison .labels td.limits {
  background: url(../images/comparison/limits.png) 50% 0 no-repeat;
}
.comparison .labels td.onoff {
  background: url(../images/comparison/onoff.png) 50% 0 no-repeat;
}
.comparison .labels td.billing {
  background: url(../images/comparison/billing.png) 50% 0 no-repeat;
}
.comparison .labels td.mobile {
  background: url(../images/comparison/mobile.png) 50% 0 no-repeat;
}
.comparison .labels td.storage {
  background: url(../images/comparison/storage.png) 50% 0 no-repeat;
}
.comparison .labels td.codes {
  background: url(../images/comparison/codes.png) 50% 0 no-repeat;
}
.comparison .labels td.embeddable {
  background: url(../images/comparison/embed.png) 50% 0 no-repeat;
}
.comparison .labels td.mobile-apps {
  background: url(../images/comparison/apps.png) 50% 0 no-repeat;
}
.comparison .labels td.pay-pros {
  background: url(../images/comparison/pay.png) 50% 0 no-repeat;
}
.comparison .labels td.tax {
  background: url(../images/comparison/tax.png) 50% 0 no-repeat;
}
.comparison .labels td.confirmation {
  background: url(../images/comparison/emails.png) 50% 0 no-repeat;
}
.comparison .labels td.checkout {
  background: url(../images/comparison/checkout.png) 50% 0 no-repeat;
}
.comparison .labels td.themes {
  background: url(../images/comparison/themes.png) 50% 0 no-repeat;
}
@media screen and (max-width: 1100px) {
  .comparison td.cards, .comparison td.limits, .comparison td.onoff {
    display: none;
  }
  .comparison td.confirmation, .comparison td.storage, .comparison td.tax {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .comparison td.row-hide-for-small {
    display: none;
  }
  .comparison td.monfees, .comparison td.countries, .comparison td.billing, .comparison td.mobile {
    display: none;
  }
  .comparison td.codes, .comparison td.mobile-apps, .comparison td.pay-pros, .comparison td.checkout, .comparison td.themes {
    display: none;
  }
}
.comparison .reveal-modal {
  padding: 50px;
}
.comparison .reveal-modal p {
  font-weight: bold;
  margin-top: 20px;
}

.wufoo-headline {
  margin-top: 12px;
  font-size: 50px !important;
}

.wufoo-fs-logo {
  height: 59px;
}

.comparison-intro {
  padding-top: 50px;
}
@media only screen and (max-width: 767px) {
  .comparison-intro {
    padding-top: 85px;
  }
}

.formscentral .graphic {
  height: 100px;
  margin-bottom: 15px;
}
.formscentral li {
  margin-bottom: 7px;
}

@media only screen and (max-width: 767px) {
  .mobile-fs-logo {
    text-align: center;
  }

  .mobile-competitor {
    text-align: center;
  }
}
/* NEW ALT PAGES */