/* 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: auto;
  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;
  padding-left: 12px;
}

ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span {
  padding-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
----------------------------------------- */
/* -----------------------------------------
   FONTS
----------------------------------------- */
/* COLORS, MEDIA QUERIES, ETC... */
/* HELPERS */
.padding-left-15 {
  padding-left: 15px;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.no-bottom-margin {
  margin-bottom: 0;
}

/*

CLEARFIX
http://nicolasgallagher.com/micro-clearfix-hack/
NOTE: Try not use floats unless completely necessary. If so, you'll need this:

*/
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

/* GENERIC */
.clear {
  clear: both;
}

a img {
  border: none;
}

input {
  white-space: normal;
}

.offscreen {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

/* BUTTONS */
.button {
  border-radius: 6px;
  text-transform: uppercase;
  background-repeat: repeat;
}

.button.green {
  border: 1px solid #42aa44;
  color: #fff;
  text-shadow: 1px 1px #42aa44;
  background: #7bc143;
  /* Old browsers */
  background: -moz-linear-gradient(top, #a1cd3a 0%, #42aa44 50%, #7bc143 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a1cd3a), color-stop(50%, #42aa44), color-stop(100%, #7bc143));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #a1cd3a 0%, #42aa44 50%, #7bc143 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #a1cd3a 0%, #42aa44 50%, #7bc143 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #a1cd3a 0%, #42aa44 50%, #7bc143 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #a1cd3a 0%, #42aa44 50%, #7bc143 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1cd3a', endColorstr='#42aa44',GradientType=0 );
  /* IE6-9 */
}

.button.gray {
  border: 1px solid #bcc1c5;
  color: #455560;
  text-shadow: 1px 1px #e3e6e7;
  background: #e3e6e7;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e3e6e7 0%, #abb2b7 50%, #bcc1c5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3e6e7), color-stop(50%, #abb2b7), color-stop(100%, #bcc1c5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e3e6e7 0%, #abb2b7 50%, #bcc1c5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #e3e6e7 0%, #abb2b7 50%, #bcc1c5 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #e3e6e7 0%, #abb2b7 50%, #bcc1c5 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #e3e6e7 0%, #abb2b7 50%, #bcc1c5 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e6e7', endColorstr='#abb2b7',GradientType=0 );
  /* IE6-9 */
}

.button.orange {
  border: 1px solid #ea9e0a;
  color: #fff;
  text-shadow: 1px 1px #da8605;
  background: #ea9e0a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e8ad00 0%, #da8605 50%, #e8ad00 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8ad00), color-stop(50%, #da8605), color-stop(100%, #e8ad00));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e8ad00 0%, #da8605 50%, #e8ad00 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #e8ad00 0%, #da8605 50%, #e8ad00 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #e8ad00 0%, #da8605 50%, #e8ad00 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #e8ad00 0%, #da8605 50%, #e8ad00 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8ad00', endColorstr='#da8605',GradientType=0 );
  /* IE6-9 */
}

.button.orange:hover {
  color: #fff;
}

.button.orange.spacer {
  margin-top: 5px;
}

.button.gray, .button.green, .button.orange {
  -webkit-background-size: 100% 200%;
  -moz-background-size: 100% 200%;
  background-size: 100% 200%;
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  -o-transition: all .15s linear;
  -ms-transition: all .15s linear;
  transition: all .15s linear;
}

.button.green:hover, .button.gray:hover, .button.orange:hover {
  background-position: 0 100%;
}

/* SECTIONS / TIERS */
section.hero {
  background: #62cae3;
  overflow: hidden;
}

section.hero h1 {
  margin: 55px 0 0 0;
  font-size: 34px;
  line-height: 1.2;
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

section.hero h2 {
  margin: 25px 0 0 0;
  font-size: 15px;
  line-height: 1.5;
  color: #fff;
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

section.hero img {
  display: block;
}

section.hero a {
  color: #455560;
}

section.hero a:hover {
  color: #fff;
}

section.orange {
  padding: 25px 0 15px 0;
  background: #EA9E0A;
}

section.orange h3 {
  font-size: 24px;
  letter-spacing: -1px;
  color: #455560;
  margin: 0 0 20px 0;
}

.subheader {
  line-height: 1.3;
  letter-spacing: -.6px;
  font-size: 18px;
  font-family: 'open sans', helvetica, arial, sans-serif;
  font-weight: normal;
}

section.white {
  padding: 35px 0;
  background: #fff;
}

section.white.page-title {
  padding-top: 0;
}

section.white.page-title h1, section.white.page-title p.title {
  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;
}

section.white.page-title h2 {
  color: #7BC143;
  font-size: 42px;
  line-height: 1.1;
  letter-spacing: -2px;
  margin-bottom: 25px;
  font-weight: 300;
}

section.white.page-title h3 {
  color: #455560;
  font-family: 'open sans', helvetica, arial, sans-serif;
  font-size: 18px;
  letter-spacing: 0;
  font-weight: normal;
}

section.white h3, section.white h4 {
  color: #7bc143;
}

section.white h4.subheader {
  color: #455560;
}

section.white p {
  color: #455560;
}

section.light-gray {
  background: #f6f6f6;
  padding: 15px 0;
  margin: 15px 0;
}

section.gray {
  padding: 35px 0;
  background: #e0e2e4;
}

section.gray h3, section.gray h4 {
  color: #6c7a85;
}

section.gray p {
  color: #455560;
}

section.darkgray {
  padding: 35px 0;
  background: #c7cccf;
}

section.darkgray h3, section.darkgray h4 {
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

section.darkgray h4.subheader {
  color: #455560;
  text-shadow: none;
}

section.darkgray p {
  color: #455560;
}

section.darkblue {
  padding: 35px 0;
  background: #6c7a85;
}

section.darkblue h3, section.darkblue h4 {
  color: #fff;
}

section.darkblue h4.subheader {
  color: #fff;
}

section.darkblue p {
  color: #fff;
}

section.darkblue a {
  color: #EA9E0A;
}

section.darkblue a:hover {
  color: #fff;
}

section.green {
  padding: 35px 0;
  background: #7BC143;
}
section.green h3, section.green h4, section.green h5, section.green h6 {
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
section.green h3 {
  font-size: 36px;
}
section.green h5 {
  font-size: 34px;
  letter-spacing: -2px;
  margin-bottom: 35px;
}
section.green p {
  color: #1c2f3a;
}
section.green p.subheader {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
}
section.green a {
  color: #fff;
}
section.green a:hover {
  color: #cee39b;
}
section.green a.button.gray {
  color: #455560;
}
section.green a.button.gray:hover {
  color: #455560;
}

/* ARROWS */
.arrow {
  width: 0;
  height: 0;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  border-top: 40px solid #fff;
  margin: -35px auto 35px;
}

.arrow.white {
  border-top-color: #fff;
}

.arrow.gray {
  border-top-color: #e0e2e4;
}

.arrow.darkgray {
  border-top-color: #c7cccf;
}

.arrow.green {
  border-top-color: #7bc143;
}

.arrow.blue, .arrow.hero {
  border-top-color: #62cae3;
}

.arrow.darkblue {
  border-top-color: #6c7a85;
}

.arrow.dark-blue {
  border-top-color: #455560;
}

.arrow.ocean {
  border-top-color: #008ebb;
}

/* WRAPS, ROLLOVERS, MISC */
.caption {
  font-size: 12px;
  border-top: 1px dotted #ddd;
  padding-top: 10px;
}

.flex-video {
  margin: 35px 0;
  border: 10px solid #455560;
  border-radius: 4px;
}

/* wraps are for linking subsections */
.wrap {
  border: 1px solid #ddd;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 3px #ddd;
  -moz-box-shadow: 0px 0px 3px #ddd;
  box-shadow: 0px 0px 3px #ddd;
}

a:hover .wrap {
  border: 1px solid #7bc143;
  -webkit-box-shadow: 0px 0px 3px #7bc143;
  -moz-box-shadow: 0px 0px 3px #7bc143;
  box-shadow: 0px 0px 3px #7bc143;
}

/* views are for example previews, frames are for wrapping imgs */
.view, .frame img, img.frame {
  border: 7px solid white;
  background: transparent;
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 0px 1px #777,0px 0px 0px transparent;
  -moz-box-shadow: 0px 0px 1px #777777, 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 1px #777,0px 0px 0px transparent;
}

.darkgray .view {
  -webkit-box-shadow: 0px 0px 3px #555,0px 0px 0px transparent;
  -moz-box-shadow: 0px 0px 3px #555555, 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 3px #555,0px 0px 0px transparent;
}

/* masks are views rollover */
.mask {
  background-color: rgba(17, 17, 17, 0.88);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  opacity: 0;
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  -o-transition: all .15s linear;
  -ms-transition: all .15s linear;
  transition: all .15s linear;
}

.mask:hover {
  opacity: 100;
}

.mask p {
  color: #fff;
}

.quotebox {
  width: 100%;
  padding: 25px 40px;
  background: #62cae3;
  border-radius: 25px 25px 25px 0;
  position: relative;
}

.quotebox p {
  margin: 0;
  padding: 0;
  font-family: 'open sans';
  font-weight: bold;
  color: #fff;
  font-size: 17px;
  line-height: 1.6;
  text-align: left;
  z-index: 5;
  letter-spacing: -.3px;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.quotebyline {
  padding: 15px 0 0 0;
}

.quotebyline img {
  float: left;
  border: 1px solid #ccc;
  max-width: 50px;
}

.quotebyline p {
  float: left;
  color: #37434C;
  font-family: 'open sans', sans-serif;
  font-size: 12px;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  margin-bottom: 45px;
}

.quotebyline p strong {
  font-size: 14px;
}

section.white .quotebox p {
  color: #fff;
}

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

.sidebar.nav-bar.vertical li {
  border: 0;
  line-height: 1;
}

.sidebar.nav-bar.vertical li.heading {
  color: #1C2F3A;
  font-size: 14px;
  padding: 7px 15px;
  margin-top: 15px;
  border-bottom: 1px solid #a1cd3a;
  font-weight: bold;
  text-transform: uppercase;
}

.sidebar.nav-bar.vertical li a {
  color: #1C2F3A;
  font-size: 13px;
  letter-spacing: -.5px;
  padding: 5px 15px;
  margin: 0;
  display: block;
  border-bottom: 1px solid #a1cd3a;
}

.sidebar.nav-bar.vertical li a.btm {
  border-bottom: 0;
}

.sidebar.nav-bar.vertical li a:hover {
  background: #a1cd3a;
  color: #fff;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.sidebar.nav-bar.vertical li.icon a {
  line-height: 30px;
  font-weight: bold;
}

/* 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 {
  display: none !important;
  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;
}

/* -----------------------------------------
   SITEMAP, TERMS, PRIVACY, PROPERTIES
----------------------------------------- */
.terms li {
  margin-bottom: 15px;
}

.terms ul ul {
  margin-left: 35px;
}

.privacy h3 {
  padding-top: 25px;
  margin-bottom: 15px;
}

section.white.sitemap .sitemap-nav ul {
  border-bottom: 1px solid #e9e9e9;
  list-style: none outside none;
  margin-bottom: 0;
  padding-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  section.white.sitemap .sitemap-nav ul {
    border-bottom: 0;
  }
}
section.white.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) {
  section.white.sitemap .sitemap-nav ul li {
    display: block;
    border: none;
    padding: 0;
    margin-bottom: 5px;
  }
}
section.white.sitemap .sitemap-nav ul li:first-child {
  padding-left: 0;
}
section.white.sitemap .sitemap-nav ul li:last-child {
  padding-right: 0;
  border-right: none;
}
section.white.sitemap p {
  margin-bottom: 20px;
}
section.white.sitemap .sitemap-alternatives {
  padding-bottom: 0;
}
section.white.sitemap h2 {
  font-size: 30px;
  letter-spacing: 0;
  font-weight: 500;
}
section.white.sitemap h3 {
  margin-bottom: 10px;
}
section.white.sitemap h4 {
  color: #455560;
  font-size: 18px;
}
section.white.sitemap h4 a {
  color: #455560;
}
section.white.sitemap h4 a:hover {
  color: #ea9e0a;
}
section.white.sitemap ul {
  margin-bottom: 30px;
  list-style: none;
}
section.white.sitemap ul li {
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 10px;
}

.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, BUTTONS, WRAPS, SIDEBAR, MENUS, SITEMAP, TERMS, PRIVACY, PROPERTIES, INFOGRAPHIC SOCIAL SHARING BUTTONS */
/* HEADER */
header {
  background-color: #fff;
}

.upper-nav {
  border-top: #6c7a85 solid 10px;
}
.upper-nav .upper-nav-links {
  float: right;
  margin: -20px 15px 0 0;
  padding: 7px 7px 0 7px;
  background: #6c7a85;
  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: #455560;
}
.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: -1px;
}
#site-links .nav-bar li a:hover {
  color: #fff;
}
#site-links .nav-bar li a:first-child {
  padding: 0 11px;
}
#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;
  border-radius: 6px;
}
.demo-login .mobile-show {
  display: none;
}
.demo-login .mobile-hide {
  display: block;
}

@media only screen and (max-width: 983px) {
  #logo img {
    padding-top: 5px;
  }

  #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;
  }
}
@media only screen and (max-width: 767px) {
  #main-nav {
    padding: 0;
  }

  #logo {
    padding: 0 0 5px 15px;
  }
  #logo img {
    padding-top: 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;
    padding: 7px 0;
  }

  #site-links .nav-bar li a {
    font-size: 16px;
  }
  #site-links .phone-show {
    display: block;
  }
}
/* HEADER */
/* -----------------------------------------
   HOME
----------------------------------------- */
section.home.hero {
  min-height: 440px;
  background: #6c7a85 url(../images/hp-hero-photo-laptop-phone.jpg) center top no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

section.home.hero h1 {
  width: 70%;
  font-size: 48px;
  line-height: 50px;
  font-weight: bold;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

section.home.hero h2 {
  width: 70%;
  font-size: 15px;
  font-weight: bold;
  padding: 20px;
  background: rgba(123, 193, 67, 0.75);
  border-radius: 3px;
}

section.home.callout {
  padding: 30px 0;
}

section.home.callout h4 {
  margin: 0;
  float: left;
}

section.home.callout a.button {
  margin: -5px 0 0;
  float: right;
}

.home.signup h3 {
  font-family: "open sans";
  font-size: 20px;
  letter-spacing: -.5px;
  font-weight: bold;
}

.home.signup .columns {
  padding: 0 9px;
}

.signup select {
  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;
}

.home.signup p.freetrial {
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  background: url(../images/freetrial-arrow-orange.png) no-repeat right;
}

.home.signup p.fineprint {
  font-size: 11px;
  color: #fff;
  margin: 0;
}

.home.signup a {
  color: #fff;
  text-decoration: underline;
}

.home.signup a:hover {
  color: #EA9E0A;
}

@media only screen and (max-width: 767px) {
  .home.signup p.freetrial {
    background: url(../images/freetrial-arrow-orange.png) no-repeat left;
    background-position: 40px;
  }
}
@media only screen and (max-width: 983px) and (min-width: 767px) {
  .home.signup p.freetrial {
    background: none;
  }
}
.hp-ebook .ebook-copy h3 {
  margin: 0 0 15px;
  line-height: 1;
}
.hp-ebook .ebook-copy h3 span {
  display: block;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 5px;
}
.hp-ebook .ebook-copy p:last-child {
  margin-bottom: 0;
}

.home.three-steps h3 {
  margin: 10px auto 40px;
}

.home.three-steps .thinner {
  padding: 0 30px;
}

.home.three-steps h4 {
  font-weight: bold;
  font-size: 28px;
  margin-top: 15px;
}

.home.three-steps ul {
  font-weight: bold;
  list-style-position: inside;
  text-align: left;
  margin-left: 30px;
}

.home.three-steps ul li {
  font-size: 16px;
  line-height: 1.8;
}

section.home.features {
  padding-bottom: 0;
}

.home.features h3 {
  margin: 10px auto 40px;
}

.home.features h4 {
  font-weight: bold;
  margin: 10px 0 15px;
}

.home.features .thinner {
  padding: 0 20px;
}

.home.features img.main {
  margin-bottom: -2px;
}

.home.examples .example h5 {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin-top: 0;
  letter-spacing: -1px;
}

.home.examples .example .mask p {
  font-size: 21px;
}

.home.examples img.main {
  margin-bottom: 55px;
}

.home.integrations p.intro {
  margin-bottom: 0;
}

.home.integrations h5 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 20px;
  letter-spacing: -1px;
  font-weight: 700;
  text-align: center;
  /*background: url(../images/integrations-icons.png) no-repeat;*/
}

.home.integrations h5 a {
  color: #455560;
}

/* BG positions for icons
.home.integrations h4.payments {background-position: 0 -245px;}
.home.integrations h4.crm {background-position: 0 0;}
.home.integrations h4.email {background-position: 0 -70px;}
.home.integrations h4.documents {background-position: 0 -175px;}
*/
.home.integrations a.wrap {
  background: #fff;
  width: 100%;
  margin: 0 0 7px 0;
  float: left;
  padding: 15px 0px;
}

.home.integrations a.wrap:hover {
  border: 1px solid #7bc143;
  -webkit-box-shadow: 0px 0px 3px #7bc143;
  -moz-box-shadow: 0px 0px 3px #7bc143;
  box-shadow: 0px 0px 3px #7bc143;
}

.home.integrations a.wrap div {
  background: url(../images/integrations-sprite.png) no-repeat;
  width: 130px;
  height: 40px;
  display: block;
  margin: 0 auto;
}

.home.integrations a.wrap .paypal {
  background-position: 0 0;
}

.home.integrations a.wrap .authorize {
  background-position: 0 -40px;
}

.home.integrations a.wrap .stripe {
  background-position: 0 -80px;
}

.home.integrations a.wrap .batchbook {
  background-position: 0 -120px;
}

.home.integrations a.wrap .salesforce {
  background-position: 0 -160px;
}

.home.integrations a.wrap .highrise {
  background-position: 0 -200px;
}

.home.integrations a.wrap .constant {
  background-position: 0 -240px;
}

.home.integrations a.wrap .mailchimp {
  background-position: 0 -280px;
}

.home.integrations a.wrap .campaign {
  background-position: 0 -320px;
}

.home.integrations a.wrap .google {
  background-position: 0 -360px;
}

.home.integrations a.wrap .box {
  background-position: 0 -400px;
}

.home.integrations a.wrap .dropbox {
  background-position: 0 -440px;
}

.home.integrations p.last {
  clear: both;
  margin-top: 35px;
}

.home.darkgray img.logos {
  margin-bottom: 15px;
  border: 0;
}

@media only screen and (max-width: 983px) {
  .home.features h3 {
    width: 80%;
  }

  .home.integrations h3 {
    width: 80%;
  }

  section.home.callout h4 {
    float: none;
  }

  section.home.callout a.button {
    margin: 15px 0 0;
    float: none;
  }
}
@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;
  }
}
/* -----------------------------------------
   HOMEPAGE MODAL
----------------------------------------- */
.modal-header {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 15px;
  padding-bottom: 20px;
}
.modal-header img {
  float: left;
}
@media only screen and (max-width: 767px) {
  .modal-header img {
    float: none;
  }
}
.modal-header strong {
  background-color: #7bc143;
  color: #ffffff;
  display: block;
  float: left;
  margin-left: 8px;
  margin-top: 12px;
  padding: 4px 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 767px) {
  .modal-header strong {
    float: none;
    margin: 15px 0 0;
    text-align: center;
  }
}

.modal-content {
  text-align: center;
}
.modal-content img {
  max-width: 50%;
  height: auto;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .modal-content img {
    max-width: 100%;
  }
}
.modal-content h3 {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .modal-content h3 {
    font-size: 22px;
    letter-spacing: -1px;
  }
}
.modal-content h4 {
  font-size: 21px;
  font-weight: 300;
}
@media only screen and (max-width: 767px) {
  .modal-content h4 {
    font-size: 20px;
  }
}
.modal-content p {
  margin-bottom: 0;
}
.modal-content .modal-close {
  margin-top: 15px;
  display: block;
}

/* HOME */
/* -----------------------------------------
   HOW, CUSTOMERS, CASE STUDIES
----------------------------------------- */
/* HOW IT WORKS */
.how.casestudy .column, .how.casestudy .columns {
  padding: 0 25px;
}

.how.casestudy h3 {
  margin-bottom: 45px;
}

.how.casestudy h4 {
  color: #1C2F3A;
  font-weight: 700;
}

.how.casestudy h4 span {
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 0;
}

.how.casestudy img {
  border-radius: 10px;
  box-shadow: 0 0 5px #aaa;
}

.how.casestudy .quote {
  margin: 35px 0 10px 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  line-height: 24px;
}

.how.darkgray .byline {
  font-style: italic;
  line-height: 1.3;
  margin-bottom: 35px;
}

.how.white.customers h3 span.fix {
  letter-spacing: -2px;
}

.how.white.customers img {
  padding: 5px 10px;
}

/* CUSTOMERS */
.customers.hero.new h1 {
  margin-bottom: 25px;
}

.customers.darkblue .wrap {
  background: #fff;
  padding: 30px;
}

.customers.darkblue .wrap p {
  color: #455560;
}

.customers.hero p.quote {
  font-family: 'ubuntu', 'open sans';
  font-style: italic;
  color: #fff;
  font-size: 22px;
  padding: 15px 0;
  line-height: 1.4;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.customers.white.testimonials.logos img {
  max-width: 200px;
  max-height: 100px;
}

.customers.white.testimonials.logos p {
  font-size: 16px;
  padding: 15px;
}

.customers.home.integrations a.wrap img {
  max-width: 160px;
}

.logos-fade .wrap {
  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out;
}

.fade {
  opacity: 0.25;
}

.fade.full {
  opacity: 1;
}

a.wrap.fade {
  cursor: default;
}

/* 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, CUSTOMERS, CASE STUDIES */
.use-cases section.white.page-title h2 {
  margin-bottom: 40px;
  margin-top: 10px;
}
.use-cases section.white.page-title h3 {
  line-height: 1.3;
}
@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;
}
.use-cases .formstack-users h3 {
  color: #455560;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .use-cases .individual-use-case .use-case-persona {
    margin-bottom: 20px;
  }
}
.use-cases .individual-use-case h3 {
  font-size: 30px;
  letter-spacing: -1px;
  margin-bottom: 20px;
  font-weight: 500;
  color: #455560;
}
.use-cases .individual-use-case h4 {
  color: #455560;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 10px;
}
.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;
}
.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;
}

/* Integrations */
.integration img {
  margin: 0 0 15px 0;
}

.integration img.logo {
  max-width: 150px;
}

.integration .listings p {
  font-size: 12px;
}

.integration .listings a img.logo {
  max-width: 220px;
  padding: 15px 12px;
  margin-right: 10px;
  background: #fff;
}

.integration.nine.columns .eight.columns {
  padding-left: 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;
  }
}
/* FEATURES, INTEGRATIONS */
/* -----------------------------------------
   EXAMPLES
----------------------------------------- */
.examples.page-title.white h1 {
  margin-bottom: 0;
}

.examples h2 {
  margin: 35px 0 0 0;
}

.examples h4 {
  font-weight: bold;
}

.examples p.subheader {
  margin-bottom: 0;
}

#example-links {
  display: none;
  background: #E3E6E7;
  padding: 0 9px;
  border-radius: 0 0 9px 9px;
}

#example-links .nav-bar {
  background: none;
  margin: 0;
}

#example-links .nav-bar li {
  border-left: 1px solid #d6d6d6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#example-links .nav-bar li:last-child {
  border-right: 1px solid #d6d6d6;
}

#example-links .nav-bar a {
  padding: 5px 0;
  width: 80px;
  text-align: center;
  color: #455560;
  font-size: 14px;
  text-transform: uppercase;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

#example-links .nav-bar a:hover {
  background: #ea9e0a;
  color: #fff;
}

#example-links .nav-bar a:hover:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 25px;
  top: 45px;
  border: 15px solid;
  border-color: #EA9E0A transparent transparent transparent;
}

.example .mask {
  background-color: rgba(255, 255, 255, 0.88);
  height: 300px;
  padding: 50px 20px;
}

.example .mask h4 {
  margin-bottom: 15px;
}

.example .mask p {
  margin-bottom: 30px;
  color: #455560;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -1px;
  text-align: center;
  padding: 0 15px;
  line-height: 135%;
}

.example .mask .getFormButton {
  margin-top: 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;
}

.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 p.fineprint {
  font-size: 11px;
  color: #7d5d20;
  margin: 0;
}

.example-popup .new p.fineprint a {
  color: #7d5d20;
  text-decoration: underline;
}

.example-popup .new p.fineprint a:hover {
  color: white;
}

@media only screen and (min-width: 767px) {
  .example .mask .button {
    width: 75%;
  }
}
@media only screen and (max-width: 983px) {
  .example .mask {
    padding: 30px 20px;
  }

  .example .mask p {
    margin-bottom: 20px;
    font-size: 14px;
  }

  .example .mask .button {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  #example-links .nav-bar li {
    border: 1px solid #d6d6d6;
    border-bottom: 0;
  }

  #example-links .nav-bar li:last-child {
    border-bottom: 1px solid #d6d6d6;
  }

  #example-links .nav-bar li a {
    width: 100%;
  }

  #example-links .nav-bar a:hover:after {
    content: normal;
  }

  #example-forms div {
    text-align: center;
  }

  .example .mask {
    padding: 50px 20px;
  }

  .example .mask p {
    margin-bottom: 30px;
    font-size: 18px;
  }

  .example .mask .button {
    font-size: 14px;
  }

  .example-popup.reveal-modal {
    padding: 0;
  }

  .example-popup .new .phone {
    width: 100%;
  }
}
/* EXAMPLES */
/* -----------------------------------------
   PRICING
----------------------------------------- */
/* PRICING HEADER */
section.white.page-title.pricing h2 {
  margin-bottom: 50px;
}

section.white.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: #979c9f;
  padding: 20px 15px 15px 15px;
  font-size: 28px;
  line-height: 28px;
  font-weight: bold;
  letter-spacing: -1px;
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.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: 13px 25px 12px;
}

.pricing-features ul li.bullet-item.large {
  padding: 13px 25px 12px;
}

.pricing-features ul li.bullet-item .has-tip,
.pricing-features ul li.bullet-item.large .has-tip {
  font-weight: normal;
}

.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: 43px;
  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;
}

/*Feature Rows to hide */
.pricing-container .themes {
  display: none;
}

.pricing-container .sso {
  display: none;
}

.pricing-container .cname {
  display: none;
}

.pricing-table .cta-button {
  padding: 10px 0;
}

.pricing-table .cta-button .button {
  font-size: 16px;
  padding: 14px 25px 15px;
}

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: -35px;
  left: 100px;
  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 */
section.white.pricing.marketing {
  padding-top: 0;
}
section.white.pricing.marketing hr {
  border: dotted #ccc;
  border-width: 1px 0 0;
  margin: 15px 0 14px;
}
section.white.pricing.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;
}
section.white.pricing.marketing h4 {
  margin: 20px 0;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 0;
  color: #455560;
}
section.white.pricing.marketing h4 span.small {
  font-size: 11px;
  vertical-align: super;
}
section.white.pricing.marketing .testimonials p.name {
  margin-bottom: 0;
  text-align: left;
}
section.white.pricing.marketing ul {
  margin-left: 20px;
}
section.white.pricing.marketing li {
  font-size: 16px;
}
section.white.pricing.marketing .plan-includes img {
  margin-top: 15px;
  width: 100%;
  max-width: 200px;
}
section.white.pricing.marketing .enterprise-plans {
  margin-bottom: 30px;
}
section.white.pricing.marketing .testimonials {
  margin-bottom: 40px;
}

.pricing-callout-wrap {
  padding: 10px;
  margin: 25px 0;
  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;
}

section.white .pricing-callout-wrap.darkblue {
  background: #6c7a85;
  border: 1px solid #6c7a85;
}
section.white .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) {
  section.white.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;
  }

  section.white.pricing.marketing ul {
    margin-left: 0px;
    list-style: none;
  }

  section.white.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;
}
.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;
}

section.white .pricing-features-expand-header {
  background: #7BC143;
  padding: 6px 0 7px;
  text-align: center;
  color: #fff;
}
section.white .pricing-features-expand-header p {
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  margin: 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;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-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;
}

/* PRICING */
/* -----------------------------------------
   MOBILE
----------------------------------------- */
.mobile.hero h1 {
  font-size: 42px;
}

.mobile.hero img {
  float: right;
  margin-top: 25px;
}

.mobile.white img {
  margin-bottom: 35px;
  clear: left;
}

.mobile.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.white .cardio img {
  margin-top: 30px;
}

.mobile.gray .iphone {
  padding-top: 10.5%;
}

.mobile.gray .android {
  padding-top: 11%;
}

.mobile.gray .windows {
  padding-top: 13%;
}

.mobile.gray .green.button {
  margin-top: 25px;
}

@media only screen and (max-width: 767px) {
  .mobile.hero {
    padding: 0 20px 20px;
  }

  .mobile.hero h1 {
    margin-top: 35px;
    font-size: 35px;
  }

  .mobile.hero h2 {
    margin-top: 15px;
    font-size: 14px;
  }

  .mobile.hero img {
    display: none;
  }

  .mobile.gray .arrow.white {
    display: none;
  }

  .mobile.gray .iphone, .mobile.gray .ipad, .mobile.gray .android, .mobile.gray .windows {
    padding-top: 0;
    margin-bottom: 15px;
  }

  .mobile.gray .iphone .crop,
  .mobile.gray .ipad .crop,
  .mobile.gray .android .crop,
  .mobile.gray .windows .crop {
    height: 120px;
    overflow: hidden;
    margin-bottom: -25px;
  }
}
.mobile.responsive .hero {
  padding: 120px 0;
  background: url(../images/responsive-hero-bg.jpg) center no-repeat #62cae3;
  background-size: cover;
}
.mobile.responsive .hero h1 {
  text-shadow: rgba(0, 0, 0, 0.8) 1px 1px 0;
  margin: 0;
}
.mobile.responsive .hero h1 span {
  font-size: 55px;
  text-transform: uppercase;
  font-weight: 500;
}
.mobile.responsive .hero p {
  color: #fff;
}
.mobile.responsive .iphone-background {
  width: 314px;
  height: 550px;
  margin: 0 auto;
  background: url(../images/responsive-iphone-bg.png) no-repeat;
}
.mobile.responsive .iphone-screen {
  width: 226px;
  height: 400px;
  margin: 75px 0 0 45px;
  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 */
.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.hero {
  height: 300px;
  overflow: hidden;
  position: relative;
}

.about.hero .instafeed_wrapper #instafeed {
  opacity: .2;
  width: 110%;
  position: absolute;
  z-index: 0;
}

.about.hero .instafeed_wrapper #instafeed img {
  display: inline;
  margin-top: -20px;
  width: 160px;
}

.about.hero .overlay h1 {
  margin-top: 80px;
  line-height: 1.5;
}

.about.hero .overlay h1 strong {
  font-size: 60px;
  line-height: 1;
}

.about.tagline {
  padding: 25px 0 30px;
}

.about.tagline img {
  margin: -85px auto 15px;
  display: block;
  width: 100px;
}

.about.tagline p {
  font-size: 16px;
}

.about.video .flex-video {
  margin-top: 0;
}

.formstackteam a.member {
  width: 180px;
  height: 180px;
  display: block;
  margin: 0 auto;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 0 8px #aaa;
}

.formstackteam a.member img {
  position: absolute;
  border-radius: 10px;
  opacity: 1;
  transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  -webkit-transition: opacity .3s ease-in-out;
}

.formstackteam a.member img.throwback {
  z-index: 2;
}

.formstackteam a.member img.now {
  z-index: 1;
}

.formstackteam a.member:hover img.throwback {
  opacity: 0;
}

.formstackteam a.member img.stateicon,
.formstackteam a.member img.depticon {
  position: absolute;
  width: 40px;
  height: 40px;
}

.formstackteam a.member img.stateicon {
  right: -15px;
  bottom: -15px;
  z-index: 3;
}

.formstackteam a.member img.depticon {
  right: -15px;
  bottom: -15px;
  z-index: 4;
}

.formstackteam a.member:hover img.depticon {
  opacity: 0;
}

.formstackteam p.name {
  text-align: center;
  margin: 15px 0 0;
  height: 75px;
  line-height: 1.3;
  font-size: 12px;
}

.formstackteam p.name strong {
  font-size: 15px;
}

@media only screen and (max-width: 767px) {
  .about.hero .overlay h1 {
    margin-top: 45px;
  }

  .about.hero .overlay h1 strong {
    font-size: 50px;
  }

  .about.tagline a.team {
    display: none;
  }
}
/* ABOUT */
/* CAREERS */
.careers.hero h1 {
  margin-bottom: 25px;
}

.careers.hero img.animated {
  margin: 12px auto 0;
}

.careers .joblist.wrap {
  padding: 15px 15px;
  background-color: #fff;
  background-image: -moz-linear-gradient(top, white 0%, #dddddd 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dddddd));
  background-image: -webkit-linear-gradient(top, white 0%, #dddddd 100%);
  background-image: -ms-linear-gradient(top, white 0%, #dddddd 100%);
  background-image: -o-linear-gradient(top, white 0%, #dddddd 100%);
  background-image: linear-gradient(top, #ffffff 0%, #dddddd 100%);
  border-radius: 10px;
  box-shadow: 0 0 10px #6C7A85;
}

.careers .joblist.wrap a:hover {
  color: #EA9E0A;
}

.careers .joblist.wrap h5 {
  width: 100%;
  font-size: 18px;
  line-height: 1;
  padding: 0 0 10px;
  border-bottom: 1px dotted #ddd;
  color: gray;
  text-transform: uppercase;
  letter-spacing: 0;
  text-align: left;
  margin: 0 10px 10px;
}

.careers .joblist.wrap ul {
  list-style: none;
  margin: 0;
  text-align: left;
}

.careers .joblist.wrap ul li a {
  display: block;
  font-size: 24px;
  padding: 15px;
  border-radius: 5px;
  line-height: .9;
  font-weight: bold;
  letter-spacing: -.5px;
}

.careers .joblist.wrap ul li a:hover {
  background: #fff;
  box-shadow: 0 0 5px #aaa;
}

.careers .joblist.wrap ul li a span {
  font-size: 14px;
  color: gray;
  font-weight: normal;
  letter-spacing: 0;
}

.careers .joblist.wrap p.footer {
  color: gray;
  text-align: left;
  margin: 10px 10px 0;
  padding: 10px 0 0;
  border-top: 1px dotted #ddd;
  font-size: 12px;
}

.careers.remote {
  background-color: transparent;
  position: relative;
  padding-bottom: 50px;
  overflow: hidden;
}

section.white.careers.remote h4.subheader {
  color: #222;
  text-shadow: -1px 1px 1px #fff, 0 0 7px #fff;
  line-height: 1.5;
}

.careers.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;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate;
  -moz-animation-duration: 15s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  animation-name: rotate;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  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);
  }
}

.careers.culture p, .careers.culture h4 {
  text-shadow: 0 0 3px #fff;
}

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

.careers.benefits h4 {
  margin: 10px 0 15px;
}

@media only screen and (max-width: 767px) {
  .careers .joblist.wrap ul li a {
    font-size: 18px;
  }

  .careers.white p {
    font-size: 14px;
  }

  .careers.white .row.first {
    display: none;
  }

  .careers.white.jobs div {
    text-align: left;
  }

  .careers.benefits .arrow.blue {
    display: none;
  }
}
/* CAREERS */
/* PRESS */
.press.white.page-title .main img {
  margin: 0;
}

.press.white.page-title .main h2 {
  margin: 20px 0;
  font-size: 36px;
}

.press.white.page-title h3 {
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 20px;
}

.press.white.page-title h4 a, .press.white.page-title li span.headline a {
  font-size: 21px;
  font-weight: 300;
  letter-spacing: -1px;
  font-family: 'ubuntu', sans-serif;
  line-height: 1.1;
}

.press.white.page-title h4, .press.white.page-title li {
  margin-bottom: 20px;
}

.press.white.page-title img {
  margin-bottom: 15px;
}

.press.white.page-title li div {
  font-size: 12px;
}

.press.white.page-title ul {
  list-style: none;
}

.press.white.page-title #creditfooter {
  display: none;
}

.press.white.page-title h4 span.date {
  font-size: 14px;
  color: #455560;
  text-transform: uppercase;
}

.press div.orbit-wrapper div.slider-nav span.left {
  left: -20px;
}

.press div.orbit-wrapper div.slider-nav span.right {
  right: -20px;
}

.press #pressSlider div {
  text-align: center;
}

section.gray.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.darkgray h3 {
  font-size: 36px;
}

.press.darkgray .wrapper img {
  border: 1px solid #e0e2e4;
}

.press.darkgray .wrapper p {
  margin: 20px 0 0 0;
}

.press.darkgray .wrapper a {
  color: #33a7c7;
}

.press.darkgray .wrapper a:hover {
  color: #ea9e0a;
}

.press.darkgray .download {
  text-align: left;
  margin-top: 20px;
}

.press.darkgray .download .button {
  float: right;
}

.contact.white.page-title h2 {
  font-size: 24px;
  letter-spacing: -1px;
}

@media only screen and (max-width: 767px) {
  .press.green a.button {
    float: none;
  }

  .press.darkgray .download .button {
    float: none;
  }
}
/* PRESS */
/* CONTACT */
.freebuttons {
  font-size: 16px;
  font-family: 'Lato', 'HelveticaNeue', Helvetica, Arial, sans serfi;
  font-weight: normal;
  padding: 20px 80px;
  border: none;
  border-radius: 0px;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.15);
  -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;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}
.freebuttons.blue {
  background: #008CBA;
}
.freebuttons.blue:hover {
  background: #009fd3;
}
.freebuttons.pink {
  background: #E080C9;
}
.freebuttons.pink:hover {
  background: #e594d2;
  padding: 20px 85px;
}
.freebuttons.aqua {
  background: #7DE0E4;
}
.freebuttons.aqua:hover {
  padding: 20px 90px 20px 80px;
}
.freebuttons.orange {
  background: #F7A247;
}
.freebuttons.orange:hover {
  font-size: 17px;
}
.freebuttons.rounded {
  border-radius: 10px;
}

section.resources.white.page-title h2 {
  color: #455560;
}
section.resources.white h4 {
  color: #455560;
}

.resources h1 {
  margin-top: 40px;
}
.resources h2 {
  color: #455560;
}

.resources .category-sliders {
  margin: 60px auto;
}

.container-slider {
  height: 215px;
  border: 2px solid #eaedef;
  padding: 0;
  overflow: hidden;
}
.container-slider .slider {
  height: 600px;
  padding: 40px 20px;
  -webkit-transition: 0.4s all ease-in-out;
  -moz-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.container-slider .slider:hover {
  margin-top: -140px;
}
@media only screen and (max-width: 767px) {
  .container-slider .slider:hover {
    margin-top: 0;
  }
}
.container-slider .slider a {
  display: block;
  height: inherit;
}

.circle.small {
  display: block;
  margin: 0 auto 20px;
  width: 100px;
  height: 100px;
  border-radius: 100px;
}
.circle.small.orange {
  background: #e79738;
}

section.resources.white {
  padding: 0;
}

ul.resource-list {
  list-style: none;
  font-size: 18px;
  line-height: 40px;
}
ul.resource-list li {
  font-size: inherit;
}
ul.resource-list li[class^="icon-"]:before {
  background: url(../images/resources/resources-sprite.png) no-repeat;
  width: 40px;
  height: 40px;
  display: block;
  content: "";
  float: left;
  margin-right: 10px;
}
ul.resource-list li.icon-video:before {
  background-position: 0px 0px;
}
ul.resource-list li.icon-guide:before {
  background-position: 0px -40px;
}
ul.resource-list li.icon-article:before {
  background-position: 0px -80px;
}
ul.resource-list li.icon-blog:before {
  background-position: 0px -120px;
}
ul.resource-list li.icon-infographic:before {
  background-position: 0px -160px;
}
ul.resource-list li.icon-bulb:before {
  background-position: 0px -200px;
}

.row-with-tabs {
  padding: 60px 0 0;
}

.resources .tabs {
  border-bottom: solid 3px #e6e6e6;
  height: 60px;
}
.resources .tabs dd a {
  font-weight: normal;
  font-size: 18px;
  height: 60px;
  line-height: 60px;
}
@media screen and (max-width: 767px) {
  .resources .tabs dd a {
    font-size: 14px;
  }
}
.resources .tabs dd.active {
  border-top: none;
}
.resources .tabs dd.active a {
  border: none;
  background: #62cae3;
  color: #fff;
}

.bottom-summary p {
  margin-bottom: 0;
}
.bottom-summary p:first-of-type {
  color: #7bc143;
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 10px;
}
.bottom-summary p:nth-of-type(2) {
  font-size: 18px;
}
.bottom-summary p:nth-of-type(3) {
  font-size: 14px;
  margin-bottom: 50px;
}

.video-play-button {
  background-position: center center;
  display: block;
  width: 100%;
  height: 180px;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -webkit-transition: 0.4s all ease-in-out;
  -moz-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.video-play-button:hover {
  background: url(../images/resources/video-play-button.jpg) no-repeat center center;
  opacity: 1.0;
}

.resources.no-pad {
  padding: 5px 0 0 0;
}

.resources .videos-tabs img {
  border: 1px solid #D8D8D8;
}
.resources .video-container h1 {
  color: #7BC143;
  font-size: 42px;
  line-height: 1.1;
  letter-spacing: -2px;
  margin-bottom: 25px;
  font-weight: 300;
}
.resources p.transcript {
  height: 300px;
  overflow: scroll;
  border: 1px solid #eee;
  padding: 10px;
  margin-bottom: 40px;
}

.webinar-horizontal {
  background: #eeeeee;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #eeeeee 0%, #eeeeee 50%, #eaeaea 51%, #eaeaea 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #eeeeee), color-stop(50%, #eeeeee), color-stop(51%, #eaeaea), color-stop(100%, #eaeaea));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #eeeeee 0%, #eeeeee 50%, #eaeaea 51%, #eaeaea 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #eeeeee 0%, #eeeeee 50%, #eaeaea 51%, #eaeaea 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #eeeeee 0%, #eeeeee 50%, #eaeaea 51%, #eaeaea 100%);
  /* IE10+ */
  background: linear-gradient(171deg, #eeeeee 0%, #eeeeee 50%, #eaeaea 51%, #eaeaea 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eaeaea',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  padding: 15px;
  margin: 50px 0;
}
.webinar-horizontal p {
  font-size: 28px;
  margin-bottom: 0;
}
.webinar-horizontal p.small {
  font-size: 24px;
}
.webinar-horizontal .button {
  margin-top: 20px;
}

.webinar-vertical {
  background: #eeeeee;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #eeeeee 0%, #eeeeee 50%, #eaeaea 51%, #eaeaea 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #eeeeee), color-stop(50%, #eeeeee), color-stop(51%, #eaeaea), color-stop(100%, #eaeaea));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #eeeeee 0%, #eeeeee 50%, #eaeaea 51%, #eaeaea 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #eeeeee 0%, #eeeeee 50%, #eaeaea 51%, #eaeaea 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #eeeeee 0%, #eeeeee 50%, #eaeaea 51%, #eaeaea 100%);
  /* IE10+ */
  background: linear-gradient(115deg, #eeeeee 0%, #eeeeee 50%, #eaeaea 51%, #eaeaea 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eaeaea',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  padding: 40px 15px;
  margin: 50px 0;
}
.webinar-vertical p {
  font-size: 28px;
  margin-bottom: 0;
}
.webinar-vertical p.small {
  font-size: 24px;
}
.webinar-vertical img {
  margin: 20px 0;
}
.webinar-vertical .button {
  margin-top: 20px;
}

.report-vertical {
  background: url(../images/resources/vertical-cta-bg.jpg) no-repeat;
  background-position: right top;
  padding: 40px 15px;
  margin: 50px 0;
}
.report-vertical p {
  font-size: 28px;
  color: #fff !important;
  margin-bottom: 0;
}
.report-vertical p.small {
  font-size: 24px;
}
.report-vertical img {
  margin: 20px 0;
}
.report-vertical .button {
  margin-top: 20px;
}

.report-horizontal {
  background: url(../images/resources/vertical-cta-bg.jpg) no-repeat;
  background-position: right -150px;
  padding: 5px;
  margin: 40px 0;
  border-radius: 5px;
  overflow: hidden;
}
.report-horizontal p {
  font-size: 28px;
  color: #fff !important;
  margin-bottom: 0;
}
.report-horizontal p.small {
  font-size: 24px;
}
.report-horizontal .button {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .report-horizontal {
    background-position: right top;
  }
}

.report-horizontal-short {
  background: url(../images/resources/vertical-cta-bg.jpg) no-repeat;
  background-position: right top;
  padding: 20px;
  margin: 40px 0;
  overflow: hidden;
}
.report-horizontal-short p {
  font-size: 28px;
  color: #fff !important;
  margin-bottom: 0;
}
.report-horizontal-short p.small {
  font-size: 24px;
}
.report-horizontal-short .button {
  margin-top: 20px;
}

.green.resources .green-link {
  display: block;
  -webkit-transition: 0.4s all ease-in-out;
  -moz-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.green.resources .green-link:hover {
  margin-top: -25px;
}
@media only screen and (max-width: 767px) {
  .green.resources .green-link:hover {
    margin-top: 0px;
  }
}
.green.resources .green-link img {
  width: 100px;
}

.one-fifth {
  width: 20%;
}

section.white.resources h3, section.white.guides h3, section.white.videos h3 {
  color: #6c7a85;
  font-size: 24px;
  font-weight: bold;
  margin-top: 20px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #ddd;
  letter-spacing: -1px;
}

section.white.resources .sidebar h3, section.white.guides .sidebar h3, section.white.videos .sidebar h3 {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.guides .sidebar ul, .videos .sidebar ul {
  list-style: none;
  margin-bottom: 35px;
}

.guides .sidebar ul li, .videos .sidebar ul li {
  margin-bottom: 7px;
}

.guides .sidebar .downloads ul li, .videos .sidebar .downloads ul li {
  font-size: 12px;
  margin-bottom: 4px;
}

.resources .sidebar, .guides .sidebar {
  border-left: 1px solid #eee;
  padding-left: 20px;
}

section.white.page-title.resources {
  padding-bottom: 0;
}

.resources .row.slider {
  border-bottom: 1px dotted #ddd;
}

.resources .row.slider h2 {
  font-size: 34px;
}

.resources .slider-container {
  height: 260px;
}

.resources .slider-container .orbit {
  margin-bottom: 0;
}

section.white.resources .slider-container h3 {
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 0;
  border: 0;
  padding-bottom: 0;
}

section.white.resources h3.title {
  border: 0;
  margin-bottom: 20px;
  padding: 0;
}

.resources a.blog {
  font-size: 18px;
  padding-bottom: 15px;
  display: block;
}

section.white.page-title.guides h1 {
  margin-bottom: 0;
  border-bottom: 0;
}

section.white.guides h3 span.download {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
}

section.white.page-title.guides a img {
  border: 1px solid #ddd;
  float: left;
  max-width: 220px;
  margin-right: 20px;
  margin-bottom: 35px;
}

section.white.page-title.guides a img:hover {
  border: 1px solid #7BC143;
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
}

section.white.page-title.videos h1 {
  margin-bottom: 0;
  border-bottom: 0;
}

section.white.page-title.videos h2 {
  font-size: 24px;
  padding-bottom: 30px;
  margin-bottom: 0;
  letter-spacing: -1px;
}

.videos p.desc {
  padding-bottom: 35px;
  margin: 0;
}

section.white.page-title.guides.specific h2 {
  font-size: 42px;
  margin: 35px 0 20px;
  letter-spacing: -3px;
}

section.white.page-title.guides.specific .content h3 {
  margin: 35px 0 20px;
}

@media only screen and (max-width: 767px) {
  .resources .row.slider {
    display: none;
  }

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

  .guides.white {
    text-align: center;
  }
}
/*  RESOURCES, GUIDES, VIDEOS, WEBINARS */
.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.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 .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;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-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;
}

/* -----------------------------------------
  ONLINE FORMS
----------------------------------------- */
.forms.hero img {
  padding-top: 20px;
}

.forms.intro h5 {
  font-weight: bold;
}

.row.step {
  padding: 35px 0 15px 0;
  border-bottom: 1px dotted #7bc143;
}

.row.step.first {
  padding-top: 15px;
}

.row.step.last {
  padding-bottom: 0;
  border-bottom: 0;
}

.row.step h4 {
  font-weight: 700;
  font-size: 28px;
  line-height: 1.3;
}

.row.step h4 b {
  font-size: 14px;
  text-transform: uppercase;
  color: #abb2b7;
}

.row.step .four.offset-by-two {
  padding-right: 25px;
}

.row.step .four.end {
  padding-left: 25px;
}

.forms.gray .button.gray, .tools.gray .button.gray {
  margin: 35px 0 25px;
}

.forms.white a img {
  margin-top: 15px;
}

.forms.white a:hover img {
  margin-top: 15px;
}

.forms.white a h4 {
  margin: 20px 0 35px 0;
  font-size: 18px;
  font-weight: 700;
  color: #455560;
}

.forms.white a:hover h4 {
  color: #ea9e0a;
}

.forms.features .listings a {
  display: block;
  padding: 15px 25px;
  border-radius: 6px;
  border: 1px solid #e0e2e4;
}

.forms.features .listings a:hover {
  background: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0px 0px 3px #ccc;
  -moz-box-shadow: 0px 0px 3px #ccc;
  box-shadow: 0px 0px 3px #ccc;
}

.forms.features .listings a h4 {
  margin: 0 0 10px 0;
  font-weight: 700;
}

.forms.features .listings a p {
  margin: 0;
}

.forms.features .listings a .icon {
  height: 80px;
  padding-left: 80px;
  background: url(../images/hp-feature-sprite.png) no-repeat;
}

.forms.features .listings a.dragdrop .icon {
  background-position: 0 0;
}

.forms.features .listings a.dragdrop:hover .icon {
  background-position: 0px -80px;
}

.forms.features .listings a.themes .icon {
  background-position: 0px -160px;
}

.forms.features .listings a.themes:hover .icon {
  background-position: 0px -240px;
}

.forms.features .listings a.analytics .icon {
  background-position: 0px -320px;
}

.forms.features .listings a.analytics:hover .icon {
  background-position: 0px -400px;
}

.forms.features .listings a.fileuploads .icon {
  background-position: 0px -480px;
}

.forms.features .listings a.fileuploads:hover .icon {
  background-position: 0px -560px;
}

.forms.features .listings a.security .icon {
  background-position: 0px -640px;
}

.forms.features .listings a.security:hover .icon {
  background-position: 0px -720px;
}

.forms.features .listings a.data .icon {
  background-position: 0px -800px;
}

.forms.features .listings a.data:hover .icon {
  background-position: 0px -880px;
}

@media only screen and (max-width: 990px) {
  .forms.hero h1 {
    margin-top: 35px;
    font-size: 30px;
  }

  .forms.hero h2 {
    margin-top: 15px;
    font-size: 14px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 820px) {
  .forms.hero h1 {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .forms.gray div {
    text-align: center;
  }

  .forms.darkgray div {
    text-align: center;
  }
}
/* FORMS, TOOLS, STORES, EMAILS, PAGES */
.free-trial section.page-title .free-trial-copy {
  padding-right: 30px;
}
.free-trial section.page-title .free-trial-copy h2 {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: -1px;
  line-height: 1.2;
  margin-bottom: 20px;
}
.free-trial section.page-title .free-trial-copy .divider {
  border-style: dotted;
}
.free-trial section.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 section.page-title .free-trial-copy .quotebyline {
    margin-bottom: 30px;
  }
}
.free-trial section.page-title .free-trial-copy .quotebyline .name {
  margin-bottom: 0;
}
.free-trial section.page-title .free-trial-copy .quotebyline span {
  font-size: 14px;
  font-weight: 700;
  display: block;
}
.free-trial section.page-title .free-trial-copy .quotebyline .jay {
  float: left;
  margin-right: 10px;
  max-width: 50px;
  border: 1px solid #fff;
  border-radius: 5px;
}
.free-trial section.page-title .free-trial-copy .sign-up {
  padding-left: 30px;
}

.demo.hero h1 {
  margin: 25px 0 20px;
  font-size: 28px;
}

.demo-top-wrap {
  padding: 15px;
  background: #6C7A85;
  color: #fff;
}
.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;
  font-family: 'open sans';
  letter-spacing: -1px;
  font-weight: bold;
  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: #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;
}

.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 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;
}

@-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 */
/* -------------------------------------------------- 
   Landing Page Styles
-----------------------------------------------------
:: LEAD NURTURING LP
:: EDU MINISITE
:: TRY, FOREIGN, PPC
:: UPGRADE
:: TYPE/INDUSTRY PAGES
:: REGISTRATION
:: UNR
:: FORMSTACK CRO
:: ULTIMATE CONVERSION KIT
:: GOOGLE ANALYTICS REPORT
*/
/* -----------------------------------------
   LEAD NURTURING LP
   https://www.formstack.com/lp/signmeup
----------------------------------------- */
.landing-page h1 {
  border-top: 4px solid #e0e2e4;
  font-weight: 400;
  margin: 0;
  padding: 60px 0;
  text-shadow: none;
}
.landing-page .video {
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .landing-page .video {
    margin: 0 15px;
  }
}
.landing-page .content {
  padding: 0 0 80px 0;
}
.landing-page .content h2,
.landing-page .content h3 {
  color: #7bc143;
  font-family: "Open Sans", sans-serif;
}
.landing-page .content h2 {
  font-size: 28px;
  line-height: 30px;
  margin-top: 30px;
}
.landing-page .content h3 {
  font-size: 20px;
  letter-spacing: 0;
}
.landing-page .content .arrow {
  border-left: 100px solid rgba(0, 0, 0, 0);
  border-right: 100px solid rgba(0, 0, 0, 0);
  border-top: 50px solid #62cae3;
  height: 0;
  margin: -35px auto 35px;
  width: 0;
}
.landing-page .content .form.white-form #FSsignupform .fsBody {
  background-color: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
}
.landing-page .content .form.white-form .fsSubmitButton,
.landing-page .content .form.white-form .fsNextButton,
.landing-page .content .form.white-form .fsPreviousButton {
  font-size: 16px !important;
  font-weight: normal;
  padding: 20px 50px !important;
  border: none;
  border-radius: 0px;
  color: #fff !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.15);
  -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;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  background: #ea9e0a !important;
  text-shadow: none !important;
  float: none !important;
  text-align: center !important;
}
.landing-page .content .form.white-form .fsSubmitButton:hover,
.landing-page .content .form.white-form .fsNextButton:hover,
.landing-page .content .form.white-form .fsPreviousButton:hover {
  background: #F5AA20 !important;
  cursor: pointer;
}
.landing-page .content .form.white-form .fsPagination {
  text-align: center;
}

/* -----------------------------------------
   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 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 .pricing {
  color: #7bc143;
  font-size: 42px;
  font-family: 'Ubuntu', sans-serif;
  margin-bottom: 25px;
  font-weight: 300;
  letter-spacing: -1px;
}
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.hero .row {
  padding: 50px 0;
}
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;
  padding: 35px 0;
}
section.highered.hero.case-studies .quote {
  font-size: 17px;
  font-style: italic;
  line-height: 1.5;
  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%;
}

/* -----------------------------------------
  
  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-family: 'Open Sans', sans-serif;
  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%;
  font-family: 'Open Sans', sans-serif;
}

.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-family: 'Open Sans', sans-serif;
  font-weight: bold;
}
.template.tips ul li {
  font-size: 18px;
  margin-top: 10px;
}
.template.features h4 {
  font-family: 'Open Sans', sans-serif;
  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: url(../images/customers-nevada-hero-bg.jpg) no-repeat #62cae3;
  padding: 25px 0;
}
.unr.hero h1 {
  font-size: 38px;
}
.unr.hero h1 span {
  font-size: 21px;
  font-weight: bold;
}
.unr.hero h2 {
  font-size: 18px;
}

/* -----------------------------------------
   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: #455560;
}
.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.page-title {
  padding-bottom: 0;
}
.uck section.page-title h1 {
  margin-bottom: 40px;
}
.uck section.page-title h2 {
  margin-bottom: 10px;
  font-size: 40px;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .uck section.page-title h2 {
    font-size: 35px;
  }
}
.uck section.page-title h3 {
  line-height: 1.5;
  margin-bottom: 40px;
  font-size: 16px;
}
.uck section.page-title h3 span {
  display: block;
}
@media only screen and (max-width: 767px) {
  .uck section.page-title h3 span {
    display: inline;
  }
}
.uck section.page-title .uck-graphic {
  display: block;
  margin: -10px auto 0 auto;
  max-width: 85%;
}
.uck .unlocked {
  margin-bottom: 15px;
  position: relative;
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-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;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-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;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
  -moz-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(Opacity=100);
  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.green {
  color: #fff;
  padding: 50px 0;
  position: relative;
  z-index: 9999;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 4px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 4px;
}
.uck section.green .arrow {
  margin-top: -50px;
}
.uck section.green h3 {
  margin-bottom: 25px;
  font-weight: 600;
}
.uck section.green h4 {
  font-size: 24px;
  font-weight: 500;
}
.uck section.green p {
  color: #fff;
  font-size: 16px;
}
.uck section.green ul {
  margin-left: 15px;
}
.uck section.green ul li {
  font-size: 16px;
  margin-bottom: 2px;
}
.uck section.green.no-shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* -----------------------------------------
   GOOGLE ANALYTICS REPORT
----------------------------------------- */
section.white.ga-report {
  background: url(../images/google-analytics-report-hero-ipad.jpg) no-repeat center -60px;
  background-color: #777;
  padding: 0 0 80px 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  section.white.ga-report {
    padding: 0 0 30px 0;
    background-position: center top;
  }
}
section.white.ga-report h1 {
  border-top: 0;
  margin-bottom: 80px;
  color: #fff;
  border-bottom: 1px dotted #fff;
  letter-spacing: -1px;
}
@media only screen and (max-width: 767px) {
  section.white.ga-report h1 {
    margin-bottom: 30px;
  }
}
section.white.ga-report h2 {
  color: #fff;
  font-weight: 500;
  text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0;
}
@media only screen and (max-width: 767px) {
  section.white.ga-report h2 {
    background-color: rgba(0, 0, 0, 0.3);
    margin-bottom: 0;
    padding: 10px;
  }
}
section.white.ga-report h3 {
  color: #fff;
  line-height: 1.3;
  text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0;
}
@media only screen and (max-width: 767px) {
  section.white.ga-report h3 {
    background-color: rgba(0, 0, 0, 0.3);
    margin-bottom: 0;
    padding: 0 10px 10px;
  }
}

section.report-info .title {
  margin-top: 15px;
  font-size: 16px;
}
section.report-info .fsSubField {
  width: 47%;
}
section.report-info .book-preview {
  margin: 10px 0 20px;
  max-width: 80%;
}

/* LANDING PAGES */
/* -----------------------------------------
   INDUSTRY PAGES
----------------------------------------- */
.industry section {
  padding: 35px 0 70px 0;
}
.industry h3 {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -1px;
  margin-bottom: 35px;
}
.industry .industry-hero {
  background-color: #62cae3;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 100px 0;
}
.industry .industry-hero h1,
.industry .industry-hero h2 {
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.8) 1px 1px 0;
}
.industry .industry-hero h1 {
  margin-top: 0;
  font-size: 30px;
}
.industry .industry-hero h1 span {
  display: block;
  font-size: 60px;
  font-weight: 700;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .industry .industry-hero h1 span {
    font-size: 44px;
  }
}
.industry .industry-hero h2 {
  font-size: 22px;
  line-height: 1.15;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .industry .industry-hero h2 {
    font-size: 23px;
  }
}
.industry .industry-hero .page-scroll {
  margin-bottom: 0;
}
.industry .industry-hero .button {
  font-size: 18px;
  padding: 23px 25px 25px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px;
}
.industry .industry-hero .button .formstack-logo {
  background-image: url(../images/industry/formstack_btn_logo.png);
  background-position: 0 0;
  background-size: 118px 23px;
  display: inline-block;
  height: 22px;
  margin: 0 3px 0 5px;
  text-indent: -9999px;
  vertical-align: text-top;
  width: 118px;
}
@media only screen and (max-width: 767px) {
  .industry .industry-hero {
    padding: 45px 0;
  }
}
.industry .client-logos {
  padding: 10px 0;
}
.industry .client-logos ul {
  list-style: none;
  margin-bottom: 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 {
  background-color: #e0e2e4;
}
@media only screen and (max-width: 767px) {
  .industry .solutions {
    padding-bottom: 25px;
  }
}
.industry .solutions img {
  height: 85px;
  margin-bottom: 40px;
  margin-top: 10px;
  width: auto;
}
.industry .solutions h4 {
  font-size: 20px;
  font-weight: 500;
}
.industry .solutions p {
  margin-bottom: 0;
  color: #6c7a85;
}
@media only screen and (max-width: 767px) {
  .industry .solutions p {
    margin-bottom: 35px;
  }
}
.industry .features {
  background-color: #fff;
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .industry .features {
    padding-bottom: 35px;
  }
}
.industry .features h3 {
  color: #7bc143;
}
.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 .box {
  width: 160px;
  height: 160px;
  background-color: #eee;
  margin-bottom: 17.5px;
  float: left;
  position: relative;
  z-index: 0;
}
.industry .features .box img {
  display: block;
  padding: 17px;
  width: 160px;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .industry .features .box img {
    display: inline-block;
  }
}
.industry .features .box.feature img {
  padding: 10px 24px 0;
}
.industry .features .box.feature span {
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .industry .features .box.feature span {
    display: block;
  }
}
.industry .features .box.orange {
  background-color: #ea9e0a;
}
.industry .features .box.blue {
  background-color: #62cae3;
}
.industry .features .box.green {
  background-color: #7bc143;
}
@media only screen and (max-width: 767px) {
  .industry .features .box {
    display: block;
    float: none;
    text-align: center;
    width: auto;
  }
  .industry .features .box:last-child {
    margin-bottom: 0;
  }
}
.industry .features .large-graphic {
  display: block;
}
@media only screen and (max-width: 767px) {
  .industry .features .large-graphic {
    display: none;
  }
}
.industry .compliance {
  background: #008ebb;
}
@media only screen and (max-width: 767px) {
  .industry .compliance {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .industry .compliance img {
    margin-bottom: 30px;
  }
}
.industry .compliance h3 {
  color: #fff;
  margin-bottom: 20px;
}
.industry .compliance p {
  font-size: 16px;
  color: #fff;
  line-height: 1.7;
}
.industry .compliance p:last-child {
  margin-bottom: 0;
}
@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 .signup h2 {
  border-bottom: 2px dotted #1c2f3a;
  color: #ffffff;
  font-family: "Ubuntu", sans-serif;
  font-size: 34px;
  font-weight: 300;
  letter-spacing: -2px;
  line-height: 1.2;
  margin-bottom: 25px;
  padding-bottom: 25px;
  text-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
}
.industry .signup h3 {
  color: #1c2f3a;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -1px;
  line-height: 1.2;
  text-shadow: none;
  margin-bottom: 25px;
}
.industry .signup h3 span {
  color: #426725;
  display: block;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  margin-top: 5px;
  text-shadow: #a6d581 1px 1px 1px;
}
.industry .signup h3:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .industry .signup .form {
    margin-bottom: 30px;
  }
}
.industry .signup .quote {
  padding: 20px;
  background-color: #589D2E;
  color: #fff;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.4;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
.industry .signup .arrow-down {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #589D2E;
  margin-bottom: 5px;
  margin-left: 25px;
}
.industry .signup .quote-author {
  font-weight: 700;
  color: #fff;
  margin-bottom: 30px;
}
.industry .signup .quote-author span {
  font-weight: 100;
  display: block;
  margin-top: -2px;
  color: #455560;
}
.industry .signup .quote-author:last-child {
  margin-bottom: 0;
}
.industry .choose-industry {
  background-color: #455560;
  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;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-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;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-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;
}

/* -----------------------------------------
   PAGE SPECIFIC STYLES
----------------------------------------- */
.education .industry-hero {
  background-image: url(../images/industry/hero_education.jpg);
}

.nonprofits .industry-hero {
  background-image: url(../images/industry/hero_nonprofits.jpg);
}
.nonprofits .client-logos ul li {
  padding: 0 19px;
}

.technology .industry-hero {
  background-image: url(../images/industry/hero_technology.jpg);
}

.agencies .industry-hero {
  background-image: url(../images/industry/hero_agencies.jpg);
}
.agencies .industry-hero h1 span {
  font-size: 52px;
}
@media only screen and (max-width: 767px) {
  .agencies .industry-hero h1 span {
    font-size: 40px;
  }
}

.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 */
/* -----------------------------------------
   ANATOMY OF A PERFECT LANDING PAGE WEBINAR
----------------------------------------- */
.webinar section.page-title h2,
.webinar section.page-title h3,
.webinar section.page-title h4 {
  margin-bottom: 20px;
}
.webinar section.page-title h2 {
  font-weight: 500;
}
.webinar section.page-title h2 span {
  font-size: 34px;
  display: block;
  font-weight: 300;
}
@media only screen and (max-width: 767px) {
  .webinar section.page-title h2 span {
    display: inline;
    font-size: 42px;
    font-weight: 500;
  }
}
.webinar section.page-title h3 {
  font-size: 22px;
  font-weight: 600;
}
.webinar section.page-title h4 {
  color: #455560;
  font-size: 20px;
  font-weight: 300;
}
.webinar section.page-title h5 {
  font-weight: 300;
  color: #ea9e0a;
  font-size: 20px;
}
.webinar section.page-title .heavy {
  font-weight: 500;
  margin-bottom: 30px;
}
.webinar section.page-title h6 {
  font-weight: 500;
  font-size: 16px;
}
.webinar section.page-title p,
.webinar section.page-title ul {
  line-height: 1.8;
}
.webinar section.page-title .divider {
  border-color: #ccc;
}
@media only screen and (max-width: 767px) {
  .webinar section.page-title .bio {
    margin: 20px 0;
  }
}
.webinar section.page-title .bio .social,
.webinar section.page-title .bio h6,
.webinar section.page-title .bio p {
  margin-bottom: 10px;
}
.webinar section.page-title .bio h6 {
  float: left;
}
.webinar section.page-title .bio .social {
  border-left: 1px solid #cccccc;
  line-height: 0;
  list-style: none outside none;
  margin-left: 15px;
  padding-left: 15px;
  float: left;
}
.webinar section.page-title .bio .social li {
  display: inline-block;
  margin-right: 2px;
}
.webinar section.page-title .bio .social li img {
  height: 17px;
  width: 17px;
  display: block;
}
.webinar section.page-title .bio p {
  line-height: 1.5;
  margin-bottom: 10px;
}
.webinar .webinar-form {
  margin-top: 30px;
}

/* -----------------------------------------
   FORM CONVERSION REPORT WEBINAR
----------------------------------------- */
/* long selector because of dependencies */
section.white.webinar.page-title .hero-title {
  color: #fff;
  font-size: 44px;
  margin: 30px 0 15px 0;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}
section.white.webinar.page-title .hero-subtitle {
  color: #fff;
  font-size: 26px;
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 1.1;
  margin-bottom: 25px;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}
section.white.webinar.page-title .hero-description {
  color: #fff;
  padding-top: 25px;
  font-size: 20px;
  margin-bottom: 0;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}
section.white.webinar.page-title .hero-description img {
  display: block;
  margin-top: 5px;
}

.ann-handley-hero {
  margin-bottom: 30px !important;
}

.ann-handley-book {
  list-style: none;
  margin-bottom: 10px;
}
.ann-handley-book li {
  margin-bottom: 5px;
}
.ann-handley-book li .green {
  color: #7cc143;
  font-weight: 700;
}

.italicized {
  font-style: italic;
}

.learn .first {
  list-style: none;
  font-weight: 700;
}
.learn li:not(.first) {
  margin-left: 15px;
}

.white-border {
  border: 5px solid #fff;
}

hr.divider {
  border-color: #ccc;
  margin: 30px 0;
}

/* FOOTER */
footer {
  background: #455560;
  padding-top: 35px;
  padding-bottom: 15px;
}

footer ul.side-nav {
  padding: 0;
}

footer li, footer p {
  font-size: 12px;
  color: #abb2b7;
}

footer .heading {
  font-family: 'ubuntu', 'open sans', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
}

footer .heading a {
  color: #7BC143;
}

footer .heading a:hover {
  color: #ea9e0a;
}

footer a {
  color: #fff;
}

footer .social {
  text-align: center;
}

footer .social a.social-icon {
  display: inline-block;
  margin: 0 1px 10px;
}

footer .news-bubble {
  background: #62c9e6;
  border-radius: 20px;
  color: #455560;
  padding: 10px 10px 10px 15px;
  margin: 0 0 20px 0;
}

footer .news-bubble:after {
  content: "";
  position: absolute;
  top: inherit;
  left: 25px;
  border-top: 20px solid #62c9e6;
  border-top-color: #62c9e6;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}

footer .news-bubble p.title {
  margin-bottom: 0px;
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
}

footer .news-bubble p {
  margin-bottom: 0px;
  color: #455560;
  font-size: 11px;
  letter-spacing: -0.5px;
}

/*MailChimp Signup Form */
footer img.newsletter {
  margin-bottom: 5px;
}

#mc_embed_signup div.btn {
  padding-left: 0;
}

#mc_embed_signup .gray.button {
  font-size: 11px;
  padding: 10px 8px;
}

@media only screen and (max-width: 767px) {
  footer ul.side-nav {
    margin-bottom: 25px;
  }

  footer ul.side-nav li {
    border-bottom: 1px solid;
  }

  footer .social a.social-icon {
    display: inline-block;
    margin-bottom: 2px;
  }

  #zenbox_tab {
    display: none;
    visibility: hidden;
  }

  #mc_embed_signup div.btn {
    padding-left: 15px;
  }
}
/* FOOTER */
