/**
 * Reset some basic elements */
body, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, hr,
dl, dd, ol, ul, figure {
  margin: 0;
  padding: 0; }

/**
 * Basic styling */
html body {
  overflow-x: hidden;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
  color: #727272;
  background-color: #fdfdfd;
  -webkit-text-size-adjust: 100%; }

/**
 * Set `margin-bottom` to maintain vertical rhythm */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, dl, figure,
.highlight {
  margin-bottom: 15px; }

/**
 * Images */
img {
  max-width: 100%;
  vertical-align: middle; }

/**
 * Figures */
figure > img {
  display: block; }

figcaption {
  font-size: 14px; }

/**
 * Lists */
ul, ol {
  margin-left: 30px; }

li > ul,
li > ol {
  margin-bottom: 0; }

/**
 * Headings */
h1, h2, h3, h4, h5, h6 {
  font-weight: 300; }

/**
 * Links */
a {
  color: #2a7ae2;
  text-decoration: none; }
  a:visited {
    color: #1756a9; }
  a:hover {
    color: #111;
    text-decoration: underline; }

/**
 * Blockquotes */
blockquote {
  color: #828282;
  border-left: 4px solid #e8e8e8;
  padding-left: 15px;
  font-size: 18px;
  letter-spacing: -1px;
  font-style: italic; }
  blockquote > :last-child {
    margin-bottom: 0; }

/**
 * Code formatting */
pre,
code {
  font-size: 15px;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  background-color: #eef; }

code {
  padding: 1px 5px; }

pre {
  padding: 8px 12px;
  overflow-x: scroll; }
  pre > code {
    border: 0;
    padding-right: 0;
    padding-left: 0; }

/**
 * Clearfix */
.footer-col-wrapper:after {
  content: "";
  display: table;
  clear: both; }

/**
 * Icons */
.icon > svg {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle; }
  .icon > svg path {
    fill: #828282; }

/**
 * Site header */
.site-header {
  text-transform: uppercase;
  min-height: 56px;
  position: relative;
  border-bottom: 1px solid #c8c8c8; }
  .site-header.stuck {
    position: fixed;
    z-index: 12;
    background: white;
    top: 0;
    width: 100%; }

.site-title {
  position: absolute;
  left: 0px;
  top: -5px;
  font-size: 26px;
  line-height: 56px;
  letter-spacing: -1px;
  margin-bottom: 0;
  float: left;
  z-index: 13; }
  .site-title img {
    height: 71px;
    top: 11px;
    position: relative; }
  .site-title, .site-title:visited {
    color: #424242; }

.site-nav {
  float: right;
  line-height: 56px; }
  .site-nav .menu-icon {
    display: none; }
  @media (max-width: 768px) {
    .site-nav {
      position: absolute;
      top: 9px;
      right: 30px;
      background-color: #fdfdfd;
      text-align: right; }
      .site-nav .menu-icon {
        display: block;
        z-index: 21;
        position: absolute;
        transition: 1s;
        padding: 20px; }
        .site-nav .menu-icon img {
          max-width: initial; }
        .site-nav .menu-icon .cross {
          display: none;
          position: absolute;
          top: 7px;
          left: 10px; }
        .site-nav .menu-icon .burger {
          position: absolute;
          top: 10px;
          left: 10px; }
        .site-nav .menu-icon.active .cross {
          display: initial; }
        .site-nav .menu-icon.active .burger {
          display: none; }
      .site-nav .trigger {
        clear: both;
        display: none; }
      .site-nav:hover .trigger {
        display: block;
        padding-bottom: 5px; }
      .site-nav .page-link {
        display: block;
        padding: 5px 10px; } }

/**
 * Site footer */
.site-footer {
  border-top: 1px solid #e8e8e8;
  padding: 30px 0; }

.footer-heading {
  font-size: 18px;
  margin-bottom: 15px; }

.contact-list,
.social-media-list {
  list-style: none;
  margin-left: 0; }

.footer-col-wrapper {
  font-size: 15px;
  color: #828282;
  margin-left: -15px; }

.footer-col {
  float: left;
  margin-bottom: 15px;
  padding-left: 15px; }

.footer-col-1 {
  width: -webkit-calc(35% - (30px / 2));
  width: calc(35% - (30px / 2)); }

.footer-col-2 {
  width: -webkit-calc(20% - (30px / 2));
  width: calc(20% - (30px / 2)); }

.footer-col-3 {
  width: -webkit-calc(45% - (30px / 2));
  width: calc(45% - (30px / 2)); }

@media screen and (max-width: 800px) {
  .footer-col-1,
  .footer-col-2 {
    width: -webkit-calc(50% - (30px / 2));
    width: calc(50% - (30px / 2)); }

  .footer-col-3 {
    width: -webkit-calc(100% - (30px / 2));
    width: calc(100% - (30px / 2)); } }
@media screen and (max-width: 600px) {
  .footer-col {
    float: none;
    width: -webkit-calc(100% - (30px / 2));
    width: calc(100% - (30px / 2)); } }
/**
 * Page content */
.page-content {
  padding: 30px 0; }

.page-heading {
  font-size: 20px; }

.post-list {
  margin-left: 0;
  list-style: none; }
  .post-list > li {
    margin-bottom: 30px; }

.post-meta {
  font-size: 14px;
  color: #828282; }

.post-link {
  display: block;
  font-size: 24px; }

/**
 * Posts */
.post-header {
  margin-bottom: 30px; }

.post-title {
  font-size: 42px;
  letter-spacing: -1px;
  line-height: 1; }
  @media screen and (max-width: 800px) {
    .post-title {
      font-size: 36px; } }

.post-content {
  margin-bottom: 30px; }
  .post-content h2 {
    font-size: 32px; }
    @media screen and (max-width: 800px) {
      .post-content h2 {
        font-size: 28px; } }
  .post-content h3 {
    font-size: 26px; }
    @media screen and (max-width: 800px) {
      .post-content h3 {
        font-size: 22px; } }
  .post-content h4 {
    font-size: 20px; }
    @media screen and (max-width: 800px) {
      .post-content h4 {
        font-size: 18px; } }

input[type='checkbox'], input[type='radio'] {
  display: none !important; }
  input[type='checkbox'] + label, input[type='radio'] + label {
    position: relative;
    top: 6px;
    width: 15px;
    height: 15px;
    display: inline-block;
    border: 1px solid #7598d0;
    margin-bottom: 0px; }
  input[type='checkbox']:checked + label, input[type='radio']:checked + label {
    background: #7598d0; }
input[type='radio'] + label {
  top: 2px;
  border-radius: 45px; }

/**
 * Syntax highlighting styles
 */
.highlight {
  background: #fff; }
  .highlight .c {
    color: #998;
    font-style: italic; }
  .highlight .err {
    color: #a61717;
    background-color: #e3d2d2; }
  .highlight .k {
    font-weight: bold; }
  .highlight .o {
    font-weight: bold; }
  .highlight .cm {
    color: #998;
    font-style: italic; }
  .highlight .cp {
    color: #999;
    font-weight: bold; }
  .highlight .c1 {
    color: #998;
    font-style: italic; }
  .highlight .cs {
    color: #999;
    font-weight: bold;
    font-style: italic; }
  .highlight .gd {
    color: #000;
    background-color: #fdd; }
  .highlight .gd .x {
    color: #000;
    background-color: #faa; }
  .highlight .ge {
    font-style: italic; }
  .highlight .gr {
    color: #a00; }
  .highlight .gh {
    color: #999; }
  .highlight .gi {
    color: #000;
    background-color: #dfd; }
  .highlight .gi .x {
    color: #000;
    background-color: #afa; }
  .highlight .go {
    color: #888; }
  .highlight .gp {
    color: #555; }
  .highlight .gs {
    font-weight: bold; }
  .highlight .gu {
    color: #aaa; }
  .highlight .gt {
    color: #a00; }
  .highlight .kc {
    font-weight: bold; }
  .highlight .kd {
    font-weight: bold; }
  .highlight .kp {
    font-weight: bold; }
  .highlight .kr {
    font-weight: bold; }
  .highlight .kt {
    color: #458;
    font-weight: bold; }
  .highlight .m {
    color: #099; }
  .highlight .s {
    color: #d14; }
  .highlight .na {
    color: #008080; }
  .highlight .nb {
    color: #0086B3; }
  .highlight .nc {
    color: #458;
    font-weight: bold; }
  .highlight .no {
    color: #008080; }
  .highlight .ni {
    color: #800080; }
  .highlight .ne {
    color: #900;
    font-weight: bold; }
  .highlight .nf {
    color: #900;
    font-weight: bold; }
  .highlight .nn {
    color: #555; }
  .highlight .nt {
    color: #000080; }
  .highlight .nv {
    color: #008080; }
  .highlight .ow {
    font-weight: bold; }
  .highlight .w {
    color: #bbb; }
  .highlight .mf {
    color: #099; }
  .highlight .mh {
    color: #099; }
  .highlight .mi {
    color: #099; }
  .highlight .mo {
    color: #099; }
  .highlight .sb {
    color: #d14; }
  .highlight .sc {
    color: #d14; }
  .highlight .sd {
    color: #d14; }
  .highlight .s2 {
    color: #d14; }
  .highlight .se {
    color: #d14; }
  .highlight .sh {
    color: #d14; }
  .highlight .si {
    color: #d14; }
  .highlight .sx {
    color: #d14; }
  .highlight .sr {
    color: #009926; }
  .highlight .s1 {
    color: #d14; }
  .highlight .ss {
    color: #990073; }
  .highlight .bp {
    color: #999; }
  .highlight .vc {
    color: #008080; }
  .highlight .vg {
    color: #008080; }
  .highlight .vi {
    color: #008080; }
  .highlight .il {
    color: #099; }

.homepage-slides {
  display: none;
  position: relative;
  margin-top: 40px; }
  .homepage-slides .slide img {
    height: 300px;
    z-index: 2;
    position: relative; }
    .homepage-slides .slide img.before, .homepage-slides .slide img.after {
      z-index: 1;
      opacity: 0.5;
      height: 200px; }
    .homepage-slides .slide img.before {
      left: 75px; }
    .homepage-slides .slide img.after {
      right: 75px; }
  .homepage-slides .slide .caption {
    text-align: left;
    font-family: "Open Sans", sans-serif; }
    @media (max-width: 768px) {
      .homepage-slides .slide .caption {
        font-size: 18px; } }
    @media (min-width: 769px) {
      .homepage-slides .slide .caption {
        font-size: 13px; } }
    .homepage-slides .slide .caption .header, .homepage-slides .slide .caption .subheader {
      color: white; }
    .homepage-slides .slide .caption .header {
      margin-top: 20px; }
    .homepage-slides .slide .caption .subheader {
      margin-top: 20px;
      line-height: 20px; }
    .homepage-slides .slide .caption .learn-more {
      margin-top: 40px;
      cursor: pointer;
      border: 1px solid white;
      transition: 0.3s;
      letter-spacing: 2px;
      text-transform: uppercase;
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 5px;
      padding-bottom: 5px;
      min-width: 160px;
      text-align: center;
      display: inline-block;
      border-radius: 25px;
      padding: 3px 15px;
      font-size: 14px; }
      .homepage-slides .slide .caption .learn-more:visited, .homepage-slides .slide .caption .learn-more {
        color: white;
        text-decoration: none; }
      .homepage-slides .slide .caption .learn-more:hover, .homepage-slides .slide .caption .learn-more:active, .homepage-slides .slide .caption .learn-more:focus {
        color: #7598d0;
        background: white;
        text-decoration: none; }
      @media (max-width: 768px) {
        .homepage-slides .slide .caption .learn-more {
          width: initial; } }
  .homepage-slides .slidesjs-previous, .homepage-slides .slidesjs-next {
    position: absolute;
    width: 40%;
    height: 50%;
    z-index: 11; }
    .homepage-slides .slidesjs-previous img, .homepage-slides .slidesjs-next img {
      height: 30px;
      top: 50%;
      position: absolute; }
  .homepage-slides .slidesjs-next {
    right: 0; }
    .homepage-slides .slidesjs-next img {
      transform: rotateY(180deg);
      -webkit-transform: rotateY(180deg);
      right: 0%; }
  .homepage-slides .slidesjs-previous {
    left: 0; }
    .homepage-slides .slidesjs-previous img {
      left: 0%; }
  .homepage-slides .slidesjs-pagination-item {
    display: none; }

.about-slides {
  background: #e6eeff; }
  .about-slides #about-slides {
    position: relative; }
    .about-slides #about-slides ul {
      margin-left: 0px;
      list-style: none;
      z-index: 2; }
    .about-slides #about-slides .slidesjs-container {
      z-index: 1; }
    .about-slides #about-slides .slidesjs-pagination {
      position: absolute;
      right: 25px;
      top: 25px; }
      .about-slides #about-slides .slidesjs-pagination .slidesjs-pagination-item {
        display: block; }
        .about-slides #about-slides .slidesjs-pagination .slidesjs-pagination-item a.active::before {
          border-color: #7594cc; }

.slides {
  color: #727272;
  font-family: "Open Sans", sans-serif; }
  @media (max-width: 768px) {
    .slides .slidesjs-pagination-item {
      font-size: 15px; } }
  @media (min-width: 769px) {
    .slides .slidesjs-pagination-item {
      font-size: 10px; } }
  .slides .slidesjs-pagination-item a {
    display: block;
    color: transparent !important; }
    .slides .slidesjs-pagination-item a::before {
      display: block;
      content: "";
      width: 12px;
      height: 12px;
      border: 2px solid #afc6ef;
      border-radius: 45px; }
    .slides .slidesjs-pagination-item a.active::before {
      border-color: #7598d0; }
  .slides .page-content {
    padding-bottom: 0px; }

#second-bullet-slides .slidesjs-pagination-item a.active::before, #product-slides .slidesjs-pagination-item a.active::before {
  border-color: white; }

.slidesjs-pagination {
  list-style: none;
  margin-left: 0px;
  text-align: center; }
  .slidesjs-pagination .slidesjs-pagination-item {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px; }

.homepage-slides#second-bullet-slides .slidesjs-pagination-item {
  display: inline-block; }

@media (min-width: 769px) {
  #product-intro {
    display: none; }

  .slide-holder {
    display: none; } }
@media (max-width: 768px) {
  .slide-holder {
    display: none; }

  #product-intro {
    display: block;
    margin-top: -40px; }
    #product-intro .header {
      text-align: center;
      margin-bottom: 15px; } }
    @media (max-width: 768px) and (max-width: 768px) {
      #product-intro .header {
        font-size: 29px; } }
    @media (max-width: 768px) and (min-width: 769px) {
      #product-intro .header {
        font-size: 24px; } }
@media (max-width: 768px) {
    #product-intro .title {
      font-family: "Open Sans", sans-serif;
      position: relative;
      margin-bottom: 10px;
      padding-bottom: 30px;
      border-bottom: 1px solid #ebf3fe; } }
    @media (max-width: 768px) and (max-width: 768px) {
      #product-intro .title {
        font-size: 14px; } }
    @media (max-width: 768px) and (min-width: 769px) {
      #product-intro .title {
        font-size: 9px; } }
@media (max-width: 768px) {
      #product-intro .title img {
        position: relative;
        right: -5px;
        top: -2px;
        height: 15px;
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg); }
    #product-intro.active {
      display: none;
      height: 0px; }

  #product-slides {
    color: white;
    margin-bottom: 0px; } }
  @media (max-width: 768px) and (max-width: 768px) {
    #product-slides {
      font-size: 20px; } }
  @media (max-width: 768px) and (min-width: 769px) {
    #product-slides {
      font-size: 15px; } }
@media (max-width: 768px) {
    #product-slides .slidesjs-pagination-item a::before {
      opacity: 0.5;
      width: 15px;
      height: 15px; }
    #product-slides .slidesjs-pagination-item a.active::before {
      opacity: 1;
      border-color: white; }

  .button-holder {
    margin-top: 10px; }

  .back-button {
    display: inline;
    font-family: "Open Sans", sans-serif; } }
  @media (max-width: 768px) and (max-width: 768px) {
    .back-button {
      font-size: 24px; } }
  @media (max-width: 768px) and (min-width: 769px) {
    .back-button {
      font-size: 19px; } }
@media (max-width: 768px) {
    .back-button img {
      position: relative;
      top: -2px;
      height: 25px; } }
.slidesjs-navigation {
  color: transparent !important; }

.slides.carousal .slidesjs-pagination {
  display: none; }
.slides.carousal .back, .slides.carousal .front, .slides.carousal .left, .slides.carousal .right {
  transition: 1s;
  display: block !important; }
  .slides.carousal .back img, .slides.carousal .front img, .slides.carousal .left img, .slides.carousal .right img {
    transition: 1s; }
.slides.carousal .back .caption, .slides.carousal .left .caption, .slides.carousal .right .caption {
  display: none; }
.slides.carousal .left, .slides.carousal .right, .slides.carousal .back {
  opacity: 0.5; }
.slides.carousal .left, .slides.carousal .right {
  z-index: 2 !important; }
  .slides.carousal .left img, .slides.carousal .right img {
    height: 250px; }
.slides.carousal .front {
  left: 0px !important;
  top: 0px !important;
  z-index: 3 !important; }
.slides.carousal .back {
  left: 0px !important;
  top: 0px !important;
  z-index: 1 !important; }
  .slides.carousal .back img {
    height: 200px; }
.slides.carousal .left {
  left: -300px !important; }
.slides.carousal .right {
  left: 300px !important; }

.slides .slidesjs-container {
  margin-left: auto;
  margin-right: auto; }

.award-section {
  background: #7598d0;
  padding: 2em 0;
  color: white; }
  .award-section .award-close {
    cursor: pointer;
    min-width: 25px;
    min-height: 25px;
    font-size: 40px; }
  .award-section .award-close-txt {
    font-size: 18px; }
  .award-section .award-btn {
    cursor: pointer;
    border: 1px solid white;
    transition: 0.3s;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    min-width: 160px;
    text-align: center;
    display: inline-block;
    border-radius: 25px;
    padding: 3px 15px;
    font-size: 14px;
    margin-left: 1em; }
    .award-section .award-btn:visited, .award-section .award-btn {
      color: white;
      text-decoration: none; }
    .award-section .award-btn:hover, .award-section .award-btn:active, .award-section .award-btn:focus {
      color: #7598d0;
      background: white;
      text-decoration: none; }
    @media (max-width: 768px) {
      .award-section .award-btn {
        width: initial; } }
  .award-section p {
    margin-top: 1em;
    padding: 0 1em; }

.award-img {
  height: 140px;
  background: url("../img/homepage/queens/QA-emblem-3x.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right; }

.value-prop {
  text-align: center;
  position: relative; }
  .value-prop .text .header {
    color: #7598d0;
    padding-top: 40px;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    text-transform: uppercase; }
    @media (max-width: 768px) {
      .value-prop .text .header {
        font-size: 19px; } }
    @media (min-width: 769px) {
      .value-prop .text .header {
        font-size: 14px; } }
  .value-prop .text .subheader {
    margin-top: 20px;
    font-family: "Open Sans", sans-serif; }
    @media (max-width: 768px) {
      .value-prop .text .subheader {
        font-size: 24px; } }
    @media (min-width: 769px) {
      .value-prop .text .subheader {
        font-size: 19px; } }
  .value-prop .bullets {
    font-family: "Open Sans", sans-serif;
    margin-bottom: 40px; }
    .value-prop .bullets .bullet {
      display: inline-block;
      margin-top: 40px; }
      .value-prop .bullets .bullet .header {
        font-weight: bold;
        margin-bottom: 10px; }
      .value-prop .bullets .bullet img {
        width: 50%;
        margin-bottom: 30px; }
  .value-prop .partners {
    margin-top: 40px; }
    .value-prop .partners img {
      width: 95px;
      margin-bottom: 40px; }
    .value-prop .partners .newyorklife {
      margin-top: -20px; }

.video {
  padding: 0px 1px 2px;
  color: white; }
  .video .process {
    background: url("/img/background/video.jpg");
    background-size: cover;
    background-position: center 70%; }
  .video .spring {
    background: url("/img/background/spring.jpg");
    background-size: cover;
    background-position: center 70%; }
  .video .stream {
    background: url("/img/background/stream.jpg");
    background-size: cover;
    background-position: center 70%; }
  .video .product-page {
    background: url("/img/background/video-spring.jpg");
    background-size: cover;
    background-position: center 70%; }
  .video .text .header {
    color: white; }
  .video .subtext {
    font-style: italic;
    margin-bottom: 40px; }
  .video .play-button-holder .play-button {
    cursor: pointer;
    height: 50px;
    margin-top: 40px;
    margin-bottom: 100px; }
  .video .play-button-holder .video-frame {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999999999;
    top: 0;
    left: 0; }
    .video .play-button-holder .video-frame .close-button {
      left: 15px;
      top: 20px;
      position: fixed;
      cursor: pointer; }
    .video .play-button-holder .video-frame iframe {
      position: fixed;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      max-width: 100%; }

@media (max-width: 468px) {
  .video .value-prop {
    text-align: left; }
  .video .text .header {
    padding-top: 0px; }
  .video .text .subheader {
    font-size: 16px;
    margin-top: 0px; }
  .video .play-button-holder .play-button {
    margin-top: 20px;
    margin-bottom: 0px; }
  .video .subtext {
    margin-bottom: 0px; } }
.testimonial-section {
  background: url("/img/background/testimonial.jpg");
  background-size: cover;
  background-position: center 70%;
  color: white;
  text-align: center; }
  .testimonial-section .quote {
    margin-top: 80px;
    margin-bottom: 40px;
    font-family: "adobe-garamond-pro", serif; }
    @media (max-width: 768px) {
      .testimonial-section .quote {
        font-size: 25px; } }
    @media (min-width: 769px) {
      .testimonial-section .quote {
        font-size: 20px; } }
  .testimonial-section .quotee {
    margin-bottom: 80px; }

.products {
  background: #7598d0; }
  .products .text .header, .products .text .subheader {
    color: white; }

#twitter-feed ul {
  text-align: left; }
#twitter-feed .tweet {
  width: 45%;
  margin-left: 2.5%;
  display: inline-block;
  box-shadow: 0px 0px 10px gainsboro;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 20px;
  text-align: left; }
  #twitter-feed .tweet [data-scribe="element:screen_name"] {
    display: none; }
  #twitter-feed .tweet .twitter-user-image {
    width: 20%;
    position: relative; }
  #twitter-feed .tweet .tweet-content {
    width: 80%;
    display: inline-block;
    padding-left: 20px;
    height: 100px;
    overflow: hidden;
    vertical-align: middle;
    color: #727272; }
  #twitter-feed .tweet .timePosted {
    margin-top: 20px;
    display: inline-block;
    color: #c9c9c9;
    margin-left: 70px; }
    @media (max-width: 768px) {
      #twitter-feed .tweet .timePosted {
        font-size: 15px; } }
    @media (min-width: 769px) {
      #twitter-feed .tweet .timePosted {
        font-size: 10px; } }
  @media (max-width: 768px) {
    #twitter-feed .tweet .interact {
      font-size: 15px; } }
  @media (min-width: 769px) {
    #twitter-feed .tweet .interact {
      font-size: 10px; } }
  #twitter-feed .tweet .interact .tweet-link {
    margin-left: 20px;
    color: #c9c9c9;
    text-decoration: none; }

@media (max-width: 768px) {
  .award-section {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100vw;
    height: 435px; }

  .award-img {
    background-position: center; }

  .award-close {
    text-transform: uppercase;
    padding-top: 1em;
    font-weight: bold;
    font-size: 0.75em; }

  .award-btn {
    background: white;
    color: #7598d0 !important;
    margin: 0 !important; }

  #twitter-feed ul {
    margin-left: 0px; }
    #twitter-feed ul .tweet {
      width: 95%;
      margin-bottom: 0px; }
      #twitter-feed ul .tweet:last-child {
        margin-bottom: 40px; }
      #twitter-feed ul .tweet .interact, #twitter-feed ul .tweet .timePosted {
        margin-left: 0px;
        padding-top: 20px;
        border-top: 1px solid #cccccc; } }
      @media (max-width: 768px) and (max-width: 768px) {
        #twitter-feed ul .tweet .interact, #twitter-feed ul .tweet .timePosted {
          font-size: 12px; } }
      @media (max-width: 768px) and (min-width: 769px) {
        #twitter-feed ul .tweet .interact, #twitter-feed ul .tweet .timePosted {
          font-size: 7px; } }
@media (max-width: 768px) {
      #twitter-feed ul .tweet .interact a.tweet-link {
        margin-left: 34px; } }
.user-image.no-shadow img {
  box-shadow: none; }
.user-image.dark-shadow img {
  box-shadow: 0px 3px 2px black; }
.user-image img {
  border-radius: 45px;
  border: 2px solid white;
  box-shadow: 0px 3px 2px gainsboro; }
.user-image + .post-info {
  position: relative;
  right: 37px; }

.team .team-member {
  font-family: "Open Sans", sans-serif;
  margin-top: 50px; }
  .team .team-member img {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    margin-bottom: 20px; }
  .team .team-member .description {
    text-align: left; }
  .team .team-member .name {
    font-weight: bold; }
  .team .team-member .title {
    font-style: italic;
    margin-bottom: 20px; }
    @media (max-width: 768px) {
      .team .team-member .title {
        font-size: 17px; } }
    @media (min-width: 769px) {
      .team .team-member .title {
        font-size: 12px; } }

.blog {
  margin-right: 0px; }

.blog-posts {
  font-family: "Open Sans", sans-serif; }
  .blog-posts .blog-post:first-child {
    margin-top: 160px; }

.blog-post {
  font-family: "Open Sans", sans-serif;
  margin-bottom: 80px;
  padding-bottom: 80px;
  border-bottom: 1px solid #c9c9c9; }
  .blog-post .user-image {
    position: relative;
    top: -10px; }
    .blog-post .user-image img {
      width: 60px;
      height: auto; }
  .blog-post .banner-image {
    height: 300px;
    background-size: cover; }
  @media (max-width: 768px) {
    .blog-post .date {
      font-size: 18px; } }
  @media (min-width: 769px) {
    .blog-post .date {
      font-size: 13px; } }
  .blog-post .topic {
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 2px; }
    @media (max-width: 768px) {
      .blog-post .topic {
        font-size: 18px; } }
    @media (min-width: 769px) {
      .blog-post .topic {
        font-size: 13px; } }
  .blog-post .title {
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: bold; }
    .blog-post .title a {
      cursor: pointer;
      color: #727272;
      text-decoration: none;
      cursor: pointer; }
      .blog-post .title a:visited, .blog-post .title a {
        color: #727272;
        text-decoration: none; }
      .blog-post .title a:active, .blog-post .title a:hover, .blog-post .title a:focus, .blog-post .title a.active {
        color: #727272;
        text-decoration: none; }
      @media (max-width: 768px) {
        .blog-post .title a {
          font-size: 30px; } }
      @media (min-width: 769px) {
        .blog-post .title a {
          font-size: 25px; } }
  .blog-post .content {
    margin-bottom: 20px; }
  @media (max-width: 768px) {
    .blog-post .continue-reading-link {
      font-size: 18px; } }
  @media (min-width: 769px) {
    .blog-post .continue-reading-link {
      font-size: 13px; } }
  .blog-post .continue-reading-link a {
    cursor: pointer;
    color: #7598d0;
    text-decoration: none;
    cursor: pointer; }
    .blog-post .continue-reading-link a:visited, .blog-post .continue-reading-link a {
      color: #7598d0;
      text-decoration: none; }
    .blog-post .continue-reading-link a:active, .blog-post .continue-reading-link a:hover, .blog-post .continue-reading-link a:focus, .blog-post .continue-reading-link a.active {
      color: #7598d0;
      text-decoration: none; }

.author {
  color: #7598d0;
  letter-spacing: 2px; }

.individual-blog {
  margin-bottom: 150px; }
  .individual-blog .date {
    margin-bottom: 40px; }
  .individual-blog .banner-image {
    margin-bottom: 60px; }
  .individual-blog .user-image {
    margin-bottom: 40px; }

.pagination {
  text-align: center;
  width: 100%;
  margin-top: -100px;
  margin-bottom: 100px; }
  .pagination a {
    border-radius: 40px;
    cursor: pointer;
    border: 1px solid #7598d0;
    transition: 0.3s;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    min-width: 160px;
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
    position: relative; }
    .pagination a:visited, .pagination a {
      color: #7598d0;
      text-decoration: none; }
    .pagination a:hover, .pagination a:active, .pagination a:focus {
      color: white;
      background: #7598d0;
      text-decoration: none; }
    @media (max-width: 768px) {
      .pagination a {
        width: 100%; } }
    .pagination a.left {
      padding-left: 40px; }
    .pagination a.right {
      padding-right: 40px; }
    .pagination a .arrow {
      margin-left: 5px;
      margin-right: 5px;
      position: absolute;
      top: 4px; }
      .pagination a .arrow.right {
        right: 10px; }
      .pagination a .arrow.left {
        left: 10px; }
      .pagination a .arrow img {
        height: 20px;
        top: 3px;
        position: relative; }

.blog-sidebar {
  background: #e6eeff;
  display: block;
  z-index: 1;
  font-family: "Open Sans", sans-serif;
  padding: 0px 40px; }
  .blog-sidebar.stuck {
    position: fixed;
    bottom: 0px;
    right: 0; }
  .blog-sidebar .title {
    color: #7598d0;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #7598d0; }
  .blog-sidebar .category .category-count-circle {
    display: inline-block;
    background: white;
    color: #7598d0;
    border: 2px solid #d4e4ff;
    margin-bottom: 10px;
    border-radius: 45px;
    text-align: center;
    padding: 0px;
    position: relative;
    top: 10px; }
    .blog-sidebar .category .category-count-circle .category-count {
      position: relative;
      top: 2px; }
  .blog-sidebar .category .category-name {
    position: relative;
    top: 3px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d4e4ff;
    padding-left: 0px;
    margin-left: 20px;
    color: #727272; }
  @media (min-width: 769px) {
    .blog-sidebar .category .category-count-circle {
      height: 30px;
      width: 30px;
      top: 0px; }
      .blog-sidebar .category .category-count-circle .category-count {
        top: 2px; } }

.sidebar-post-link {
  cursor: pointer;
  color: #727272;
  text-decoration: none;
  cursor: pointer; }
  .sidebar-post-link:visited, .sidebar-post-link {
    color: #727272;
    text-decoration: none; }
  .sidebar-post-link:active, .sidebar-post-link:hover, .sidebar-post-link:focus, .sidebar-post-link.active {
    color: #727272;
    text-decoration: none; }
  .sidebar-post-link .sidebar-post-date {
    margin-bottom: 10px; }
    @media (max-width: 768px) {
      .sidebar-post-link .sidebar-post-date {
        font-size: 18px; } }
    @media (min-width: 769px) {
      .sidebar-post-link .sidebar-post-date {
        font-size: 13px; } }

.archive .month {
  cursor: pointer;
  color: #727272;
  text-decoration: none;
  cursor: pointer; }
  .archive .month:visited, .archive .month {
    color: #727272;
    text-decoration: none; }
  .archive .month:active, .archive .month:hover, .archive .month:focus, .archive .month.active {
    color: #727272;
    text-decoration: none; }
  .archive .month .period {
    color: #727272;
    margin-bottom: 10px; }
    .archive .month .period .count {
      color: #a0a0a0; }

.social {
  margin-bottom: 200px; }
  .social img {
    width: 23%;
    opacity: 0.8; }
    .social img:hover, .social img:active, .social img:focus {
      opacity: 1; }

.back-to-blog-link {
  margin-top: 60px;
  display: block;
  cursor: pointer;
  color: #7598d0;
  text-decoration: none;
  cursor: pointer; }
  .back-to-blog-link:visited, .back-to-blog-link {
    color: #7598d0;
    text-decoration: none; }
  .back-to-blog-link:active, .back-to-blog-link:hover, .back-to-blog-link:focus, .back-to-blog-link.active {
    color: #7598d0;
    text-decoration: none; }

@media (max-width: 768px) {
  .blog-posts .blog-post:first-child {
    margin-top: 60px; }
  .blog-posts .blog-post .banner-image {
    height: 200px;
    margin-top: 20px; }

  .individual-blog .author {
    position: relative;
    top: 30px; }

  .blog-topbar {
    background: #e6eeff;
    color: #7598d0;
    padding: 40px; }
    .blog-topbar img {
      transition: 0.5s;
      margin-left: 5px; }
    .blog-topbar .title {
      margin-bottom: 20px; }
    .blog-topbar .categories-section {
      border-bottom: 1px solid #7598d0;
      margin-bottom: 30px;
      padding-bottom: 10px; }
      .blog-topbar .categories-section.active .categories {
        display: block; }
      .blog-topbar .categories-section.active img {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg); }
      .blog-topbar .categories-section .categories {
        display: none; }
        .blog-topbar .categories-section .categories .category {
          margin-bottom: 20px; }
          .blog-topbar .categories-section .categories .category .category-count-circle {
            display: inline-block;
            background: white;
            color: #7598d0;
            border: 2px solid #d4e4ff;
            border-radius: 45px;
            text-align: center;
            padding: 3px 12px 5px;
            position: relative;
            top: 10px; }
            .blog-topbar .categories-section .categories .category .category-count-circle .category-count {
              position: relative;
              top: 2px; }
          .blog-topbar .categories-section .categories .category .category-name {
            position: relative;
            top: 12px;
            padding-bottom: 0px;
            padding-left: 0px;
            margin-left: 20px;
            color: #727272; }
    .blog-topbar .archive.active .archives {
      display: block; }
    .blog-topbar .archive.active img {
      -webkit-transform: rotateX(180deg);
      transform: rotateX(180deg); }
    .blog-topbar .archive .archives {
      display: none; } }
.value-prop.contact-page .text .header {
  font-family: "adobe-garamond-pro", serif;
  color: #727272;
  text-transform: none; }
  @media (max-width: 768px) {
    .value-prop.contact-page .text .header {
      font-size: 25px; } }
  @media (min-width: 769px) {
    .value-prop.contact-page .text .header {
      font-size: 20px; } }
.value-prop.contact-page .text .subheader {
  margin-bottom: 80px; }
.value-prop.contact-page .fields-required-message {
  margin-bottom: 20px;
  text-align: right;
  color: #e6eeff;
  font-weight: bold; }
.value-prop.contact-page .office-question {
  margin-top: 10px;
  margin-bottom: 10px; }

.demo-page {
  text-align: center; }
  .demo-page .checkbox {
    width: 100%;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 0px;
    padding-left: 0px; }
    .demo-page .checkbox input {
      float: none;
      display: inline-block; }
  .demo-page label {
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 40px; }

form {
  color: #7598d0;
  text-align: left; }
  form .button-holder {
    text-align: center; }
  form label {
    font-weight: initial;
    margin-right: 10px; }
  form input, form textarea {
    margin-bottom: 10px;
    letter-spacing: 2px; }
    form input[type='text'], form input[type='email'], form textarea[type='text'], form textarea[type='email'] {
      width: 100%; }
    form input[type='submit'], form textarea[type='submit'] {
      margin-top: 40px;
      background: transparent;
      cursor: pointer;
      border: 1px solid #7596ce;
      transition: 0.3s;
      letter-spacing: 2px;
      text-transform: uppercase;
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 5px;
      padding-bottom: 5px;
      min-width: 160px;
      text-align: center;
      width: 100%;
      border-radius: 20px;
      padding: 5px 20px; }
      form input[type='submit']:visited, form input[type='submit'], form textarea[type='submit']:visited, form textarea[type='submit'] {
        color: #7596ce;
        text-decoration: none; }
      form input[type='submit']:hover, form input[type='submit']:active, form input[type='submit']:focus, form textarea[type='submit']:hover, form textarea[type='submit']:active, form textarea[type='submit']:focus {
        color: white;
        background: #7596ce;
        text-decoration: none; }
      @media (max-width: 768px) {
        form input[type='submit'], form textarea[type='submit'] {
          width: 100%; } }
  form textarea {
    height: 275px;
    width: 100%; }
  form input, form textarea {
    padding: 10px 20px;
    border: none;
    background: #e6eeff;
    color: #7596ce; }
  @media (max-width: 768px) {
    form .office-radios {
      font-size: 16px; } }
  @media (min-width: 769px) {
    form .office-radios {
      font-size: 11px; } }

@media (min-width: 769px) {
  form .radio {
    display: inline-block;
    padding: 0px; } }
@media (max-width: 768px) {
  form .radio input + label {
    width: 20px;
    height: 20px; }

  .demo-page .text {
    text-align: left; }
  .demo-page input[type='checkbox'] + label, .demo-page input[type='radio'] + label {
    top: 0px; }
  .demo-page .checkbox {
    display: inline-block;
    width: initial;
    margin-top: 0px; }
    .demo-page .checkbox + label {
      margin-bottom: 10px; }
  .demo-page label {
    display: inline-block; }
  .demo-page .product-checkboxes {
    margin-top: 40px;
    margin-bottom: 40px; } }
*::-webkit-input-placeholder {
  color: #7596ce; }

*:-moz-placeholder {
  color: #7596ce; }

*::-moz-placeholder {
  color: #7596ce; }

*:-ms-input-placeholder {
  color: #7596ce; }

.product {
  display: none;
  position: absolute;
  left: 0%;
  right: 0%;
  top: 760px; }
  .product .nav-bar {
    text-transform: uppercase; }
  .product .testimonial-section {
    background: url("/img/background/quote.jpg");
    background-size: cover;
    background-position: center 70%;
    color: #7598d0; }
    @media (max-width: 768px) {
      .product .testimonial-section .quote {
        font-size: 33px; } }
    @media (min-width: 769px) {
      .product .testimonial-section .quote {
        font-size: 28px; } }
  .product .client-count {
    font-family: "adobe-garamond-pro", serif;
    text-align: center;
    margin-top: 80px;
    margin-bottom: 80px; }
    @media (max-width: 768px) {
      .product .client-count {
        font-size: 29px; } }
    @media (min-width: 769px) {
      .product .client-count {
        font-size: 24px; } }
  .product .nav-bar {
    border-bottom: 1px solid #cccccc;
    padding-top: 20px;
    padding-bottom: 20px;
    background: white;
    z-index: 14;
    position: relative; }
    .product .nav-bar.stuck {
      position: fixed;
      top: 0px;
      width: 100%; }
    .product .nav-bar .nav-link {
      color: #727272;
      margin-right: 15px;
      cursor: pointer; }
      .product .nav-bar .nav-link.top {
        float: right;
        color: #80d2ce; }
        .product .nav-bar .nav-link.top:hover, .product .nav-bar .nav-link.top:active, .product .nav-bar .nav-link.top:focus {
          color: #5ac5bf; }
      .product .nav-bar .nav-link.active {
        color: #7598d0; }
      .product .nav-bar .nav-link:hover, .product .nav-bar .nav-link:active, .product .nav-bar .nav-link:focus {
        color: #7598d0; }
  .product .overview-section {
    color: white;
    background: #7598d0; }
    .product .overview-section .header {
      text-align: center;
      margin-top: 40px;
      margin-bottom: 40px;
      letter-spacing: 2px;
      font-weight: 600;
      text-transform: uppercase; }
      @media (max-width: 768px) {
        .product .overview-section .header {
          font-size: 17px; } }
      @media (min-width: 769px) {
        .product .overview-section .header {
          font-size: 12px; } }
    .product .overview-section .overview-body {
      margin-bottom: 40px; }
      .product .overview-section .overview-body .overview-text {
        padding-right: 70px;
        border-right: 1px solid #2b5173; }
        .product .overview-section .overview-body .overview-text .section-title {
          font-family: "adobe-garamond-pro", serif; }
          @media (max-width: 768px) {
            .product .overview-section .overview-body .overview-text .section-title {
              font-size: 37px; } }
          @media (min-width: 769px) {
            .product .overview-section .overview-body .overview-text .section-title {
              font-size: 32px; } }
        .product .overview-section .overview-body .overview-text div {
          margin-bottom: 20px; }
      .product .overview-section .overview-body .quote {
        padding-left: 70px; }
        .product .overview-section .overview-body .quote .quote-text {
          font-family: "adobe-garamond-pro", serif;
          font-style: italic; }
          @media (max-width: 768px) {
            .product .overview-section .overview-body .quote .quote-text {
              font-size: 23px; } }
          @media (min-width: 769px) {
            .product .overview-section .overview-body .quote .quote-text {
              font-size: 18px; } }
    .product .overview-section .demo-link {
      color: #2b5173; }
      .product .overview-section .demo-link .button {
        cursor: pointer;
        border: 1px solid #2b5173;
        transition: 0.3s;
        letter-spacing: 2px;
        text-transform: uppercase;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
        min-width: 160px;
        text-align: center; }
        .product .overview-section .demo-link .button:visited, .product .overview-section .demo-link .button {
          color: #2b5173;
          text-decoration: none; }
        .product .overview-section .demo-link .button:hover, .product .overview-section .demo-link .button:active, .product .overview-section .demo-link .button:focus {
          color: white;
          background: #2b5173;
          text-decoration: none; }
        @media (max-width: 768px) {
          .product .overview-section .demo-link .button {
            width: 100%; } }
  .product .demo-link {
    margin-top: 40px;
    margin-bottom: 40px; }
    .product .demo-link .text {
      font-family: "adobe-garamond-pro", serif;
      text-align: center; }
      @media (max-width: 768px) {
        .product .demo-link .text {
          font-size: 34px; } }
      @media (min-width: 769px) {
        .product .demo-link .text {
          font-size: 29px; } }
    .product .demo-link .button {
      display: inline-block;
      padding: 7px 0px;
      width: 100%;
      border-radius: 18px;
      text-align: center;
      text-decoration: none;
      color: inherit; }
  .product .discover {
    background: #287ba4; }
    .product .discover .demo-link {
      color: white; }
      .product .discover .demo-link .button {
        cursor: pointer;
        border: 1px solid #80d2ce;
        transition: 0.3s;
        letter-spacing: 2px;
        text-transform: uppercase;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
        min-width: 160px;
        text-align: center;
        margin-top: 4px; }
        .product .discover .demo-link .button:visited, .product .discover .demo-link .button {
          color: #80d2ce;
          text-decoration: none; }
        .product .discover .demo-link .button:hover, .product .discover .demo-link .button:active, .product .discover .demo-link .button:focus {
          color: white;
          background: #80d2ce;
          text-decoration: none; }
        @media (max-width: 768px) {
          .product .discover .demo-link .button {
            width: 100%; } }
        @media (max-width: 768px) {
          .product .discover .demo-link .button {
            font-size: 18px; } }
        @media (min-width: 769px) {
          .product .discover .demo-link .button {
            font-size: 13px; } }
  .product .main-benefits {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
    background: #ebf3fe; }
    .product .main-benefits .header {
      margin-bottom: 40px; }
    .product .main-benefits [class*="col-"] div {
      margin-top: 10px; }
    .product .main-benefits img {
      max-width: 25%; }
    .product .main-benefits .benefit-header {
      color: #7598d0; }
  .product .analytics-testimonials {
    background: #ebf3fe;
    padding-top: 80px;
    padding-bottom: 80px; }
    .product .analytics-testimonials .text .header {
      margin-top: 20px; }
    .product .analytics-testimonials .analytics .stat:first-child {
      margin-top: 40px; }
    .product .analytics-testimonials .analytics .stat {
      margin-top: 80px; }
      .product .analytics-testimonials .analytics .stat .stat-number {
        text-align: right;
        color: #7598d0;
        font-family: "adobe-garamond-pro", serif; }
        @media (max-width: 768px) {
          .product .analytics-testimonials .analytics .stat .stat-number {
            font-size: 45px; } }
        @media (min-width: 769px) {
          .product .analytics-testimonials .analytics .stat .stat-number {
            font-size: 40px; } }
      .product .analytics-testimonials .analytics .stat .stat-text {
        text-align: left; }
        @media (max-width: 768px) {
          .product .analytics-testimonials .analytics .stat .stat-text {
            font-size: 21px; } }
        @media (min-width: 769px) {
          .product .analytics-testimonials .analytics .stat .stat-text {
            font-size: 16px; } }
    .product .analytics-testimonials .testimonials {
      border-left: 1px solid #cccccc; }
      .product .analytics-testimonials .testimonials .testimonial {
        position: relative;
        background: white;
        border-radius: 10px;
        text-align: left;
        padding: 20px;
        margin-top: 40px;
        margin-bottom: 20px; }
        .product .analytics-testimonials .testimonials .testimonial .testimonial-text, .product .analytics-testimonials .testimonials .testimonial .testimonial-person {
          padding-left: 0px;
          padding-right: 0px; }
        .product .analytics-testimonials .testimonials .testimonial .testimonial-text {
          font-style: italic;
          padding-bottom: 20px; }
        .product .analytics-testimonials .testimonials .testimonial .testimonial-person {
          padding-top: 20px;
          border-top: 1px solid #cccccc; }
          @media (max-width: 768px) {
            .product .analytics-testimonials .testimonials .testimonial .testimonial-person {
              font-size: 18px; } }
          @media (min-width: 769px) {
            .product .analytics-testimonials .testimonials .testimonial .testimonial-person {
              font-size: 13px; } }
          .product .analytics-testimonials .testimonials .testimonial .testimonial-person .name {
            color: #7598d0; }
            @media (max-width: 768px) {
              .product .analytics-testimonials .testimonials .testimonial .testimonial-person .name {
                font-size: 19px; } }
            @media (min-width: 769px) {
              .product .analytics-testimonials .testimonials .testimonial .testimonial-person .name {
                font-size: 14px; } }
        .product .analytics-testimonials .testimonials .testimonial img {
          position: absolute;
          bottom: -25px;
          left: -25px;
          height: 50px; }
  .product .media-section .media-blog-preview {
    text-align: left;
    box-shadow: 0px 3px 2px gainsboro;
    margin-bottom: 80px;
    margin-top: 40px; }
    .product .media-section .media-blog-preview .header {
      padding: 40px;
      color: white; }
      .product .media-section .media-blog-preview .header .category {
        text-transform: uppercase; }
      .product .media-section .media-blog-preview .header .title {
        margin-top: 10px; }
        @media (max-width: 768px) {
          .product .media-section .media-blog-preview .header .title {
            font-size: 33px; } }
        @media (min-width: 769px) {
          .product .media-section .media-blog-preview .header .title {
            font-size: 28px; } }
      .product .media-section .media-blog-preview .header .author {
        margin-top: 40px; }
        .product .media-section .media-blog-preview .header .author .author-name {
          margin-top: 15px;
          color: white; }
    .product .media-section .media-blog-preview .content-box {
      padding: 40px; }
      @media (max-width: 768px) {
        .product .media-section .media-blog-preview .content-box .content {
          font-size: 26px; } }
      @media (min-width: 769px) {
        .product .media-section .media-blog-preview .content-box .content {
          font-size: 21px; } }
      .product .media-section .media-blog-preview .content-box .continue-reading-link {
        color: #7598d0;
        margin-top: 20px; }

#stream {
  box-shadow: none; }
  #stream .how-it-works .hiw-text .how-it-works-label {
    padding-bottom: 70px; }
    #stream .how-it-works .hiw-text .how-it-works-label.hiw-1::after {
      width: 29%; }
    #stream .how-it-works .hiw-text .how-it-works-label.hiw-2::after {
      width: 53%; }
    #stream .how-it-works .hiw-text .how-it-works-label.hiw-3::after {
      width: 32%; }
    #stream .how-it-works .hiw-text .how-it-works-label.hiw-4::after {
      width: 53%; }
    #stream .how-it-works .hiw-text .how-it-works-label.hiw-5::after {
      width: 27%; }
    #stream .how-it-works .hiw-text .how-it-works-label.hiw-6::after {
      width: 58%; }
    #stream .how-it-works .hiw-text .how-it-works-label.hiw-7::after {
      width: 45%; }

#spring .video, #spring-enterprise .video, #stream .video, #xstream .video {
  background: url("/img/background/video-spring.jpg");
  background-size: cover;
  background-position: center 70%; }

#spring {
  box-shadow: none; }
  #spring .how-it-works .hiw-text .how-it-works-label {
    padding-bottom: 180px; }
    #spring .how-it-works .hiw-text .how-it-works-label.active {
      padding-bottom: 70px; }
    #spring .how-it-works .hiw-text .how-it-works-label.hiw-1 {
      margin-top: 70px; }
      #spring .how-it-works .hiw-text .how-it-works-label.hiw-1::after {
        width: 30%; }
    #spring .how-it-works .hiw-text .how-it-works-label.hiw-2::after {
      width: 15%; }
    #spring .how-it-works .hiw-text .how-it-works-label.hiw-3::after {
      width: 25%; }

#spring-enterprise {
  box-shadow: none; }
  #spring-enterprise .how-it-works .hiw-text .how-it-works-label {
    padding-bottom: 170px; }
    #spring-enterprise .how-it-works .hiw-text .how-it-works-label.active {
      padding-bottom: 70px; }
    #spring-enterprise .how-it-works .hiw-text .how-it-works-label.hiw-1 {
      margin-top: 70px; }
      #spring-enterprise .how-it-works .hiw-text .how-it-works-label.hiw-1::after {
        width: 30%; }
    #spring-enterprise .how-it-works .hiw-text .how-it-works-label.hiw-2::after {
      width: 30%; }
    #spring-enterprise .how-it-works .hiw-text .how-it-works-label.hiw-3::after {
      width: 15%; }
    #spring-enterprise .how-it-works .hiw-text .how-it-works-label.hiw-4::after {
      width: 25%; }

#xstream {
  box-shadow: none; }
  #xstream .how-it-works .hiw-text .how-it-works-label {
    padding-bottom: 70px; }
    #xstream .how-it-works .hiw-text .how-it-works-label.hiw-1::after {
      width: 31%; }
    #xstream .how-it-works .hiw-text .how-it-works-label.hiw-2::after {
      width: 28%; }
    #xstream .how-it-works .hiw-text .how-it-works-label.hiw-3::after {
      width: 26%; }
    #xstream .how-it-works .hiw-text .how-it-works-label.hiw-4::after {
      width: 26%; }
    #xstream .how-it-works .hiw-text .how-it-works-label.hiw-5::after {
      width: 31%; }
    #xstream .how-it-works .hiw-text .how-it-works-label.hiw-6::after {
      width: 45%; }

.how-it-works {
  padding-bottom: 100px; }
  .how-it-works .text {
    margin-bottom: 50px; }
  .how-it-works .hiw-images img {
    display: none; }
    .how-it-works .hiw-images img:first-child {
      display: block; }
  .how-it-works .slides.product-slides img {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px; }
  .how-it-works .slides.product-slides .header {
    margin-top: 240px; }
  .how-it-works .slides.product-slides .text img {
    width: initial; }
  .how-it-works .hiw-text {
    text-align: left; }
    .how-it-works .hiw-text .how-it-works-label {
      padding-top: 10px;
      padding-left: 30px;
      padding-right: 30px;
      position: relative;
      font-weight: bold; }
      .how-it-works .hiw-text .how-it-works-label::after {
        display: block;
        content: " ";
        width: 10%;
        position: absolute;
        right: 102%;
        top: 23px;
        border-bottom: 2px solid #c3c3c3;
        border-radius: 45px; }
      .how-it-works .hiw-text .how-it-works-label .info {
        display: none;
        margin-top: 10px;
        margin-top: 10px;
        font-weight: normal; }
      .how-it-works .hiw-text .how-it-works-label.active {
        background: #ebf3fe;
        padding-top: 10px;
        padding-bottom: 10px; }
        .how-it-works .hiw-text .how-it-works-label.active .info {
          display: block; }
      .how-it-works .hiw-text .how-it-works-label.inactive {
        color: #7598d0; }
        .how-it-works .hiw-text .how-it-works-label.inactive::after {
          display: none; }
    .how-it-works .hiw-text .hiw-header {
      margin-bottom: 20px;
      padding-left: 30px;
      font-family: "adobe-garamond-pro", serif;
      color: #7598d0; }
      @media (max-width: 768px) {
        .how-it-works .hiw-text .hiw-header {
          font-size: 39px; } }
      @media (min-width: 769px) {
        .how-it-works .hiw-text .hiw-header {
          font-size: 34px; } }
    .how-it-works .hiw-text .hiw-subheader {
      margin-bottom: 10px;
      padding-left: 30px;
      color: #7598d0; }

@media (max-width: 768px) {
  body .product .nav-bar {
    display: none !important; }
  body .product .overview-section {
    text-align: center; }
    body .product .overview-section .overview-body .overview-text {
      padding-right: 15px; }
      body .product .overview-section .overview-body .overview-text div:last-child {
        padding-bottom: 40px;
        margin-bottom: 40px;
        border-bottom: 1px solid #2b5173; }
    body .product .overview-section .overview-body .quote {
      padding-left: 15px; }
  body .product .main-benefits .benefits {
    text-align: left; } }
  @media (max-width: 768px) and (max-width: 768px) {
    body .product .main-benefits .benefits {
      font-size: 23px; } }
  @media (max-width: 768px) and (min-width: 769px) {
    body .product .main-benefits .benefits {
      font-size: 18px; } }
@media (max-width: 768px) {
    body .product .main-benefits .benefits .benefit {
      margin-bottom: 40px;
      border-top: 1px solid white; }
      body .product .main-benefits .benefits .benefit.first {
        border-top: 0px; }
    body .product .main-benefits .benefits .image-right {
      text-align: right; }
    body .product .main-benefits .benefits img {
      max-width: 100%; }
  body .product .how-it-works {
    padding-bottom: 0px; }
    body .product .how-it-works .text {
      margin-bottom: 20px; }
  body .product .analytics-testimonials {
    padding-top: 0px; }
    body .product .analytics-testimonials .analytics {
      padding-top: 80px;
      padding-bottom: 40px;
      background: white; }
      body .product .analytics-testimonials .analytics .stat .stat-number {
        text-align: center; } }
      @media (max-width: 768px) and (max-width: 768px) {
        body .product .analytics-testimonials .analytics .stat .stat-number {
          font-size: 39px; } }
      @media (max-width: 768px) and (min-width: 769px) {
        body .product .analytics-testimonials .analytics .stat .stat-number {
          font-size: 34px; } }
@media (max-width: 768px) {
  body .product .product-slides .header {
    margin-top: 40px;
    padding-top: 20px;
    padding-bottom: 10px;
    letter-spacing: 2px;
    font-weight: 600;
    text-transform: uppercase;
    border-top: 1px solid #ebf3fe; } }
  @media (max-width: 768px) and (max-width: 768px) {
    body .product .product-slides .header {
      font-size: 20px; } }
  @media (max-width: 768px) and (min-width: 769px) {
    body .product .product-slides .header {
      font-size: 15px; } }
@media (max-width: 768px) {
  body .product .product-slides .slide {
    font-family: "Open Sans", sans-serif; }
    body .product .product-slides .slide > div > div:last-child {
      text-align: left; }
    body .product .product-slides .slide .header, body .product .product-slides .slide .text {
      background: white;
      opacity: 0.9; }
    body .product .product-slides .slide .text {
      padding-bottom: 400px; }
    body .product .product-slides .slide.cover-slide .header {
      color: #2b5173;
      padding-top: 50px;
      font-family: "adobe-garamond-pro", serif;
      font-weight: 300;
      text-transform: none; } }
    @media (max-width: 768px) and (max-width: 768px) {
      body .product .product-slides .slide.cover-slide .header {
        font-size: 29px; } }
    @media (max-width: 768px) and (min-width: 769px) {
      body .product .product-slides .slide.cover-slide .header {
        font-size: 24px; } }
@media (max-width: 768px) {
    body .product .product-slides .slide.cover-slide .text {
      color: #7598d0;
      text-align: center;
      padding-top: 60px; }
      body .product .product-slides .slide.cover-slide .text img {
        padding-left: 10px;
        height: 20px;
        position: relative;
        top: -1px; } }
.hide-footer + .site-footer {
  display: none; }

.homepage-slides {
  display: none;
  position: relative;
  margin-top: 40px; }
  .homepage-slides .slide img {
    height: 300px;
    z-index: 2;
    position: relative; }
    .homepage-slides .slide img.before, .homepage-slides .slide img.after {
      z-index: 1;
      opacity: 0.5;
      height: 200px; }
    .homepage-slides .slide img.before {
      left: 75px; }
    .homepage-slides .slide img.after {
      right: 75px; }
  .homepage-slides .slide .caption {
    text-align: left;
    font-family: "Open Sans", sans-serif; }
    @media (max-width: 768px) {
      .homepage-slides .slide .caption {
        font-size: 18px; } }
    @media (min-width: 769px) {
      .homepage-slides .slide .caption {
        font-size: 13px; } }
    .homepage-slides .slide .caption .header, .homepage-slides .slide .caption .subheader {
      color: white; }
    .homepage-slides .slide .caption .header {
      margin-top: 20px; }
    .homepage-slides .slide .caption .subheader {
      margin-top: 20px;
      line-height: 20px; }
    .homepage-slides .slide .caption .learn-more {
      margin-top: 40px;
      cursor: pointer;
      border: 1px solid white;
      transition: 0.3s;
      letter-spacing: 2px;
      text-transform: uppercase;
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 5px;
      padding-bottom: 5px;
      min-width: 160px;
      text-align: center;
      display: inline-block;
      border-radius: 25px;
      padding: 3px 15px;
      font-size: 14px; }
      .homepage-slides .slide .caption .learn-more:visited, .homepage-slides .slide .caption .learn-more {
        color: white;
        text-decoration: none; }
      .homepage-slides .slide .caption .learn-more:hover, .homepage-slides .slide .caption .learn-more:active, .homepage-slides .slide .caption .learn-more:focus {
        color: #7598d0;
        background: white;
        text-decoration: none; }
      @media (max-width: 768px) {
        .homepage-slides .slide .caption .learn-more {
          width: initial; } }
  .homepage-slides .slidesjs-previous, .homepage-slides .slidesjs-next {
    position: absolute;
    width: 40%;
    height: 50%;
    z-index: 11; }
    .homepage-slides .slidesjs-previous img, .homepage-slides .slidesjs-next img {
      height: 30px;
      top: 50%;
      position: absolute; }
  .homepage-slides .slidesjs-next {
    right: 0; }
    .homepage-slides .slidesjs-next img {
      transform: rotateY(180deg);
      -webkit-transform: rotateY(180deg);
      right: 0%; }
  .homepage-slides .slidesjs-previous {
    left: 0; }
    .homepage-slides .slidesjs-previous img {
      left: 0%; }
  .homepage-slides .slidesjs-pagination-item {
    display: none; }

.about-slides {
  background: #e6eeff; }
  .about-slides #about-slides {
    position: relative; }
    .about-slides #about-slides ul {
      margin-left: 0px;
      list-style: none;
      z-index: 2; }
    .about-slides #about-slides .slidesjs-container {
      z-index: 1; }
    .about-slides #about-slides .slidesjs-pagination {
      position: absolute;
      right: 25px;
      top: 25px; }
      .about-slides #about-slides .slidesjs-pagination .slidesjs-pagination-item {
        display: block; }
        .about-slides #about-slides .slidesjs-pagination .slidesjs-pagination-item a.active::before {
          border-color: #7594cc; }

.slides {
  color: #727272;
  font-family: "Open Sans", sans-serif; }
  @media (max-width: 768px) {
    .slides .slidesjs-pagination-item {
      font-size: 15px; } }
  @media (min-width: 769px) {
    .slides .slidesjs-pagination-item {
      font-size: 10px; } }
  .slides .slidesjs-pagination-item a {
    display: block;
    color: transparent !important; }
    .slides .slidesjs-pagination-item a::before {
      display: block;
      content: "";
      width: 12px;
      height: 12px;
      border: 2px solid #afc6ef;
      border-radius: 45px; }
    .slides .slidesjs-pagination-item a.active::before {
      border-color: #7598d0; }
  .slides .page-content {
    padding-bottom: 0px; }

#second-bullet-slides .slidesjs-pagination-item a.active::before, #product-slides .slidesjs-pagination-item a.active::before {
  border-color: white; }

.slidesjs-pagination {
  list-style: none;
  margin-left: 0px;
  text-align: center; }
  .slidesjs-pagination .slidesjs-pagination-item {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px; }

.homepage-slides#second-bullet-slides .slidesjs-pagination-item {
  display: inline-block; }

@media (min-width: 769px) {
  #product-intro {
    display: none; }

  .slide-holder {
    display: none; } }
@media (max-width: 768px) {
  .slide-holder {
    display: none; }

  #product-intro {
    display: block;
    margin-top: -40px; }
    #product-intro .header {
      text-align: center;
      margin-bottom: 15px; } }
    @media (max-width: 768px) and (max-width: 768px) {
      #product-intro .header {
        font-size: 29px; } }
    @media (max-width: 768px) and (min-width: 769px) {
      #product-intro .header {
        font-size: 24px; } }
@media (max-width: 768px) {
    #product-intro .title {
      font-family: "Open Sans", sans-serif;
      position: relative;
      margin-bottom: 10px;
      padding-bottom: 30px;
      border-bottom: 1px solid #ebf3fe; } }
    @media (max-width: 768px) and (max-width: 768px) {
      #product-intro .title {
        font-size: 14px; } }
    @media (max-width: 768px) and (min-width: 769px) {
      #product-intro .title {
        font-size: 9px; } }
@media (max-width: 768px) {
      #product-intro .title img {
        position: relative;
        right: -5px;
        top: -2px;
        height: 15px;
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg); }
    #product-intro.active {
      display: none;
      height: 0px; }

  #product-slides {
    color: white;
    margin-bottom: 0px; } }
  @media (max-width: 768px) and (max-width: 768px) {
    #product-slides {
      font-size: 20px; } }
  @media (max-width: 768px) and (min-width: 769px) {
    #product-slides {
      font-size: 15px; } }
@media (max-width: 768px) {
    #product-slides .slidesjs-pagination-item a::before {
      opacity: 0.5;
      width: 15px;
      height: 15px; }
    #product-slides .slidesjs-pagination-item a.active::before {
      opacity: 1;
      border-color: white; }

  .button-holder {
    margin-top: 10px; }

  .back-button {
    display: inline;
    font-family: "Open Sans", sans-serif; } }
  @media (max-width: 768px) and (max-width: 768px) {
    .back-button {
      font-size: 24px; } }
  @media (max-width: 768px) and (min-width: 769px) {
    .back-button {
      font-size: 19px; } }
@media (max-width: 768px) {
    .back-button img {
      position: relative;
      top: -2px;
      height: 25px; } }
.slidesjs-navigation {
  color: transparent !important; }

.slides.carousal .slidesjs-pagination {
  display: none; }
.slides.carousal .back, .slides.carousal .front, .slides.carousal .left, .slides.carousal .right {
  transition: 1s;
  display: block !important; }
  .slides.carousal .back img, .slides.carousal .front img, .slides.carousal .left img, .slides.carousal .right img {
    transition: 1s; }
.slides.carousal .back .caption, .slides.carousal .left .caption, .slides.carousal .right .caption {
  display: none; }
.slides.carousal .left, .slides.carousal .right, .slides.carousal .back {
  opacity: 0.5; }
.slides.carousal .left, .slides.carousal .right {
  z-index: 2 !important; }
  .slides.carousal .left img, .slides.carousal .right img {
    height: 250px; }
.slides.carousal .front {
  left: 0px !important;
  top: 0px !important;
  z-index: 3 !important; }
.slides.carousal .back {
  left: 0px !important;
  top: 0px !important;
  z-index: 1 !important; }
  .slides.carousal .back img {
    height: 200px; }
.slides.carousal .left {
  left: -300px !important; }
.slides.carousal .right {
  left: 300px !important; }

.slides .slidesjs-container {
  margin-left: auto;
  margin-right: auto; }

.site-footer {
  font-family: "Open Sans", sans-serif;
  border: none;
  background: #45474d;
  color: #7b7e80; }
  @media (max-width: 768px) {
    .site-footer {
      font-size: 17px; } }
  @media (min-width: 769px) {
    .site-footer {
      font-size: 12px; } }
  .site-footer .link {
    padding-top: 5px; }
    .site-footer .link img {
      margin-right: 5px;
      height: 14px;
      position: relative;
      top: -2px; }
  .site-footer .header {
    color: white; }
    @media (max-width: 768px) {
      .site-footer .header {
        font-size: 19px; } }
    @media (min-width: 769px) {
      .site-footer .header {
        font-size: 14px; } }
  .site-footer .external-links {
    margin-top: 60px;
    padding-top: 20px;
    border-top: 1px solid #4d5057; }
    .site-footer .external-links .link {
      padding: 0;
      text-align: center; }
  .site-footer a {
    cursor: pointer;
    cursor: pointer;
    transition: 0.3s; }
    .site-footer a:visited, .site-footer a {
      color: #7b7e80;
      text-decoration: none; }
    .site-footer a:active, .site-footer a:hover, .site-footer a:focus, .site-footer a.active {
      color: #959799;
      text-decoration: none; }
  .site-footer .copyright {
    margin-top: 20px; }

@media (max-width: 768px) {
  .site-footer .second-group {
    margin-top: 20px; }
  .site-footer .copyright {
    margin-top: 0px;
    text-align: center; } }
.page-link {
  cursor: pointer;
  cursor: pointer;
  transition: 0.3s;
  font-family: "Open Sans", sans-serif;
  line-height: 1.5;
  letter-spacing: 1px; }
  .page-link:visited, .page-link {
    color: #727272;
    text-decoration: none; }
  .page-link:active, .page-link:hover, .page-link:focus, .page-link.active {
    color: #7598d0;
    text-decoration: none; }
  @media (max-width: 768px) {
    .page-link {
      font-size: 17px; } }
  @media (min-width: 769px) {
    .page-link {
      font-size: 12px; } }
  .page-link:not(:first-child) {
    margin-left: 20px; }

.homepage.header .landing-text .header {
  text-align: left; }

.header {
  position: relative;
  padding: 0px; }
  .header .landing-text {
    color: white;
    font-family: "adobe-garamond-pro", serif;
    margin-top: 80px; }
    .header .landing-text .header {
      text-align: center;
      margin-bottom: 60px; }
      @media (max-width: 768px) {
        .header .landing-text .header {
          font-size: 44px; } }
      @media (min-width: 769px) {
        .header .landing-text .header {
          font-size: 39px; } }
  .header .down-arrow {
    bottom: -22.5px; }
  .header.about {
    background: url("/img/background/about.jpg");
    background-size: cover;
    background-position: center 70%; }
  .header.blog {
    background: url("/img/background/blog.jpg");
    background-size: cover;
    background-position: center 70%; }
  .header.demo {
    background: url("/img/background/demo.jpg");
    background-size: cover;
    background-position: center 70%; }
  .header.contact {
    background: url("/img/background/contact.svg");
    background-size: cover;
    background-position: center 70%;
    background-position: center;
    background-repeat: no-repeat;
    height: 500px;
    padding: 0px; }
    .header.contact .landing-text {
      color: #3f7b9d;
      margin-top: 100px; }
    .header.contact .nyc, .header.contact .london {
      padding: 15px;
      position: absolute;
      width: 250px;
      background: white;
      box-shadow: 0px 3px 2px #4b6f94; }
      .header.contact .nyc .phone, .header.contact .london .phone {
        margin-bottom: 10px; }
      .header.contact .nyc .address, .header.contact .london .address {
        color: #7598d0;
        margin-bottom: 20px; }
        @media (max-width: 768px) {
          .header.contact .nyc .address, .header.contact .london .address {
            font-size: 17px; } }
        @media (min-width: 769px) {
          .header.contact .nyc .address, .header.contact .london .address {
            font-size: 12px; } }
    .header.contact .nyc {
      left: 35%;
      top: 58%; }
    .header.contact .london {
      left: 65%;
      top: 36%; }
  .header.homepage {
    background: url("/img/background/homepage.jpg");
    background-size: cover;
    background-position: center 70%; }
    .header.homepage .header {
      margin-top: 80px; }
      @media (max-width: 768px) {
        .header.homepage .header {
          font-size: 45px; } }
      @media (min-width: 769px) {
        .header.homepage .header {
          font-size: 40px; } }
    .header.homepage .subheader {
      margin-top: 20px;
      margin-bottom: 180px;
      font-family: "Open Sans", sans-serif; }
      @media (max-width: 768px) {
        .header.homepage .subheader {
          font-size: 30px; } }
      @media (min-width: 769px) {
        .header.homepage .subheader {
          font-size: 25px; } }
  .header .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #C2D5FD;
    opacity: 0.4; }
  .header.products {
    position: absolute;
    width: 100%;
    min-height: 100%;
    background: url("/img/background/products.jpg");
    background-size: cover;
    background-position: center 70%; }
    .header.products .product-slides-holder {
      margin-top: -40px; }
      .header.products .product-slides-holder #product-slides, .header.products .product-slides-holder .back-button {
        display: none; }
    .header.products .header {
      text-align: left; }
    .header.products .header-questions {
      font-family: "Open Sans", sans-serif;
      border-left: 1px solid #94bdf0;
      margin-bottom: 20px; }
      .header.products .header-questions .title {
        color: #7598d0;
        font-weight: bold; }
      .header.products .header-questions .question {
        color: white;
        margin-top: 20px; }
      .header.products .header-questions .link {
        color: white;
        cursor: pointer;
        margin-top: 4px; }
        .header.products .header-questions .link .link-text {
          display: inline;
          background: linear-gradient(to right, rgba(128, 213, 208, 0.8) 50%, transparent 50%);
          background-size: 205% 100%;
          background-position: 100% 0%;
          transition: all 0.5s;
          border-bottom: 2px solid white; }
          @media (min-width: 769px) {
            .header.products .header-questions .link .link-text:hover {
              background-position: 0% 0%; } }
        .header.products .header-questions .link.clicked .link-text {
          background-position: 0% 0%; }
    .header.products .buttons {
      text-align: center; }
      .header.products .buttons .button-holder {
        text-align: center;
        position: relative;
        cursor: pointer;
        transition: 0.3s; }
        .header.products .buttons .button-holder.inactive {
          opacity: 0.5; }
        .header.products .buttons .button-holder:hover, .header.products .buttons .button-holder:active, .header.products .buttons .button-holder:focus {
          opacity: 1; }
          .header.products .buttons .button-holder:hover .button, .header.products .buttons .button-holder:active .button, .header.products .buttons .button-holder:focus .button {
            color: #94bdf0;
            background: white;
            border-color: white; }
        .header.products .buttons .button-holder.active {
          opacity: 1; }
        .header.products .buttons .button-holder .button {
          display: inline-block;
          height: 60px;
          padding: 22px;
          background: #94bdf0;
          border-radius: 40px;
          color: white;
          width: 75%;
          font-size: 20px;
          line-height: 20px; }
          .header.products .buttons .button-holder .button.with-subtext {
            padding: 14px; }
            @media (max-width: 768px) {
              .header.products .buttons .button-holder .button.with-subtext .sub-text {
                font-size: 19px; } }
            @media (min-width: 769px) {
              .header.products .buttons .button-holder .button.with-subtext .sub-text {
                font-size: 14px; } }
        .header.products .buttons .button-holder .button-text {
          color: white;
          width: 85%;
          display: inline-block;
          font-style: italic;
          margin-top: 20px;
          margin-bottom: 40px; }

@media (min-width: 769px) {
  .header.products .buttons {
    margin-top: 120px; } }
@media (max-width: 768px) {
  .header.products .header-questions {
    border-left: 0px; }
  .header.products .buttons .button-holder .button {
    width: 100%; }
  .header.products .buttons .button-holder::after {
    display: none; }
  .header.products .buttons:last-child {
    margin-bottom: 20px; } }
.header-underbar {
  padding: 20px 0px;
  background: #7594cc;
  color: white; }
  .header-underbar.demo {
    font-family: "adobe-garamond-pro", serif;
    text-align: center; }
    @media (max-width: 768px) {
      .header-underbar.demo {
        font-size: 30px; } }
    @media (min-width: 769px) {
      .header-underbar.demo {
        font-size: 25px; } }
  .header-underbar .container {
    position: relative; }

.down-arrow-holder {
  text-align: center;
  width: 100%;
  height: 0px; }
  .down-arrow-holder .down-arrow {
    width: 45px;
    z-index: 2;
    position: relative;
    display: inline-block; }
    .down-arrow-holder .down-arrow.below {
      bottom: -7px; }
    .down-arrow-holder .down-arrow.below-double {
      bottom: -15px; }
    .down-arrow-holder .down-arrow.above {
      bottom: 20px; }
    .down-arrow-holder .down-arrow.above-quarter {
      bottom: 5px; }

.contact .container {
  position: relative; }

@media (max-width: 768px) {
  .header.contact {
    background-position: 45%;
    background-size: cover;
    height: 400px; }

  .site-title {
    text-align: center;
    width: 100%;
    text-align: center; }
    .site-title a.visible-xs {
      display: inline-block !important; }
    .site-title img {
      height: 100%;
      top: 5px;
      left: -5px; }

  .header.homepage {
    text-align: center;
    background-position: 36%; }
    .header.homepage .landing-text .header {
      text-align: center; }
    .header.homepage .down-arrow {
      bottom: 20px; }

  .site-nav {
    position: absolute;
    z-index: 14;
    top: 12px;
    right: initial;
    float: left; }
    .site-nav .trigger {
      text-align: center;
      padding: 0px;
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0%;
      left: 0%;
      background: rgba(0, 0, 0, 0.7);
      z-index: 20; }
      .site-nav .trigger a {
        text-align: left;
        color: white;
        margin-left: 20px;
        padding: 13px 30px;
        border-bottom: 1px solid black;
        width: 85%;
        letter-spacing: 1px; } }
      @media (max-width: 768px) and (max-width: 768px) {
        .site-nav .trigger a {
          font-size: 22px; } }
      @media (max-width: 768px) and (min-width: 769px) {
        .site-nav .trigger a {
          font-size: 17px; } }
@media (max-width: 768px) {
        .site-nav .trigger a.active, .site-nav .trigger a:hover, .site-nav .trigger a:focus, .site-nav .trigger a:active, .site-nav .trigger a:visited {
          color: white; }
        .site-nav .trigger a:last-child {
          cursor: pointer;
          border: 1px solid #80d2ce;
          transition: 0.3s;
          letter-spacing: 2px;
          text-transform: uppercase;
          padding-left: 15px;
          padding-right: 15px;
          padding-top: 5px;
          padding-bottom: 5px;
          background: #80d2ce;
          border-radius: 45px;
          text-align: center;
          min-width: 160px;
          text-align: center;
          font-size: 20px;
          display: inline;
          margin-left: 0px;
          margin-top: 50px;
          display: inline-block;
          width: auto;
          padding: 10px 20px; }
          .site-nav .trigger a:last-child:visited, .site-nav .trigger a:last-child {
            color: #232837;
            text-decoration: none; }
          .site-nav .trigger a:last-child:hover, .site-nav .trigger a:last-child:active, .site-nav .trigger a:last-child:focus {
            color: #232837;
            background: #6dcbc7; } }
        @media (max-width: 768px) and (max-width: 768px) {
          .site-nav .trigger a:last-child {
            width: 240px; } }
@media (max-width: 768px) {
        .site-nav .trigger a:first-child {
          padding-top: 11px;
          border-bottom: 0px; }
        .site-nav .trigger a.close-button {
          display: block; }
    .site-nav:hover .trigger {
      display: none; }

  .header-underbar {
    text-align: center; }
    .header-underbar .contact-details div {
      margin-bottom: 15px; }
    .header-underbar .contact-details .skype {
      padding-top: 15px;
      border-top: 1px solid white;
      display: inline-block;
      padding: 15px 15px 0px 15px; }

  .nyc, .london {
    text-align: center;
    padding: 15px;
    padding-bottom: 0px;
    background: white;
    padding-top: 40px;
    padding-bottom: 40px; }
    .nyc .phone, .london .phone {
      margin-bottom: 10px; }
    .nyc .address, .london .address {
      color: #7598d0;
      margin-bottom: 20px; } }
    @media (max-width: 768px) and (max-width: 768px) {
      .nyc .address, .london .address {
        font-size: 17px; } }
    @media (max-width: 768px) and (min-width: 769px) {
      .nyc .address, .london .address {
        font-size: 12px; } }

@media (max-width: 768px) {
  .nyc {
    padding-bottom: 0px; }
    .nyc .phone {
      margin-bottom: 0px; }

  .london {
    padding-top: 20px; }
    .london .address {
      display: inline-block;
      padding-top: 15px;
      border-top: 1px solid #7598d0; }

  .header-underbar {
    padding-top: 40px;
    padding-bottom: 40px; } }
.trigger .close-button {
  display: none; }

.demo-request {
  position: fixed;
  right: 50px;
  bottom: 0px;
  background: #80d2ce;
  padding: 15px 35px;
  color: white;
  text-decoration: none;
  z-index: 99; }
  .demo-request:focus, .demo-request:active, .demo-request:hover, .demo-request:visited {
    color: white;
    text-decoration: none; }

.marketing {
  margin-bottom: 50px; }
  .marketing .postcards {
    margin-top: 40px;
    text-align: left; }
    .marketing .postcards .postcard {
      margin-bottom: 20px;
      background: white;
      box-shadow: 0px 0px 10px #727272; }
      .marketing .postcards .postcard .right {
        padding: 15px; }
        .marketing .postcards .postcard .right .links {
          margin-top: 25px; }
          .marketing .postcards .postcard .right .links .button + .button {
            margin-top: 5px; }
        .marketing .postcards .postcard .right .title {
          font-size: 16px;
          color: #7598d0; }
        .marketing .postcards .postcard .right .subtitle {
          font-size: 12px; }

@media (min-width: 768px) {
  .marketing .postcards .postcard .right .links {
    margin-top: 45px; } }
.button {
  display: inline-block;
  font-size: 14px;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 45px;
  background: white;
  color: #7598d0;
  border: 1px solid #7598d0;
  text-decoration: none; }
  .button:visited {
    color: #7598d0; }
  .button:hover, .button:active, .button:focus {
    background: #7598d0;
    color: white;
    text-decoration: none; }