@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900|Source+Sans+Pro:200,300,400,600,700,900");
@font-face {
  font-family: "Source Sans Pro";
  src: url("//asset.uie.com/fonts/source/sourcesanspro-regular-webfont.eot");
  src: url("//asset.uie.com/fonts/source/sourcesanspro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("//asset.uie.com/fonts/source/sourcesanspro-regular-webfont.woff2") format("woff2"), url("//asset.uie.com/fonts/source/sourcesanspro-regular-webfont.woff") format("woff"), url("//asset.uie.com/fonts/source/sourcesanspro-regular-webfont.ttf") format("truetype"), url("//asset.uie.com/fonts/source/sourcesanspro-regular-webfont.svg#source_sans_proregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: url("//asset.uie.com/fonts/source/sourcesanspro-bold-webfont.eot");
  src: url("//asset.uie.com/fonts/source/sourcesanspro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("//asset.uie.com/fonts/source/sourcesanspro-bold-webfont.woff2") format("woff2"), url("//asset.uie.com/fonts/source/sourcesanspro-bold-webfont.woff") format("woff"), url("//asset.uie.com/fonts/source/sourcesanspro-bold-webfont.ttf") format("truetype"), url("//asset.uie.com/fonts/source/sourcesanspro-bold-webfont.svg#source_sans_probold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: url("//asset.uie.com/fonts/source/sourcesanspro-it-webfont.eot");
  src: url("//asset.uie.com/fonts/source/sourcesanspro-it-webfont.eot?#iefix") format("embedded-opentype"), url("//asset.uie.com/fonts/source/sourcesanspro-it-webfont.woff2") format("woff2"), url("//asset.uie.com/fonts/source/sourcesanspro-it-webfont.woff") format("woff"), url("//asset.uie.com/fonts/source/sourcesanspro-it-webfont.ttf") format("truetype"), url("//asset.uie.com/fonts/source/sourcesanspro-it-webfont.svg#source_sans_proit") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "Source Sans Pro";
  src: url("//asset.uie.com/fonts/source/sourcesanspro-boldit-webfont.eot");
  src: url("//asset.uie.com/fonts/source/sourcesanspro-boldit-webfont.eot?#iefix") format("embedded-opentype"), url("//asset.uie.com/fonts/source/sourcesanspro-boldit-webfont.woff2") format("woff2"), url("//asset.uie.com/fonts/source/sourcesanspro-boldit-webfont.woff") format("woff"), url("//asset.uie.com/fonts/source/sourcesanspro-boldit-webfont.ttf") format("truetype"), url("//asset.uie.com/fonts/source/sourcesanspro-boldit-webfont.svg#source_sans_proboldit") format("svg");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: "Source Sans Pro";
  src: url("//asset.uie.com/fonts/source/sourcesanspro-semibold-webfont.eot");
  src: url("//asset.uie.com/fonts/source/sourcesanspro-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("//asset.uie.com/fonts/source/sourcesanspro-semibold-webfont.woff2") format("woff2"), url("//asset.uie.com/fonts/source/sourcesanspro-semibold-webfont.woff") format("woff"), url("//asset.uie.com/fonts/source/sourcesanspro-semibold-webfont.ttf") format("truetype"), url("//asset.uie.com/fonts/source/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold") format("svg");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: url("//asset.uie.com/fonts/source/sourcesanspro-semiboldit-webfont.eot");
  src: url("//asset.uie.com/fonts/source/sourcesanspro-semiboldit-webfont.eot?#iefix") format("embedded-opentype"), url("//asset.uie.com/fonts/source/sourcesanspro-semiboldit-webfont.woff2") format("woff2"), url("//asset.uie.com/fonts/source/sourcesanspro-semiboldit-webfont.woff") format("woff"), url("//asset.uie.com/fonts/source/sourcesanspro-semiboldit-webfont.ttf") format("truetype"), url("//asset.uie.com/fonts/source/sourcesanspro-semiboldit-webfont.svg#source_sans_prosemiboldit") format("svg");
  font-weight: 600;
  font-style: italic; }

html {
  margin: 0;
  padding: 0;
  font: normal normal normal 1.125em/1.5 "Source Sans Pro", "Univers LT W01 55 Roman", "Helvetica Neue", Arial, sans-serif;
  color: #313131; }

body {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Source Sans Pro", "Univers LT W01 65 Bold", "Helvetica Neue", Arial, sans-serif;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2; }

h1, .h1 {
  font-size: 2.3rem; }

h2, .h2 {
  font-size: 1.85rem; }

h3, .h3 {
  font-size: 1.65rem; }

h4, .h4 {
  font-size: 1.35rem; }

h5, .h5 {
  font-size: 1.15rem; }

h6, .h6 {
  font-size: 1rem; }

.logo {
  width: 110px;
  display: block; }

.logo img {
  display: block;
  width: 320px !important;
  margin-top: 20px;
  margin-bottom: 20px; }

header {
  background: #e9e9e9; }

.header {
  background-color: #e9e9e9 !important;
  padding: 0.75em 0 0.25em;
  color: #fff; }

a {
  color: #00a3b4; }

a:hover {
  color: #006f74; }

.menu-toggle a:hover {
  color: #fff !important; }

@media screen and (max-width: 500px) {
  .logo img {
    width: 180px !important; } }

.form-control {
  box-sizing: border-box; }

input[type=text], input[type=email] {
  box-sizing: border-box;
  border: 1px solid #ddd;
  padding: 0.4375rem 0.625rem 0.375rem;
  width: 100%;
  font: inherit;
  font-size: 1rem;
  line-height: normal; }

.newsletter-container {
  max-width: 870px;
  margin: 0em auto 3em auto;
  padding: 0 1.5em; }

.newsletter {
  border-radius: 0px;
  height: auto;
  padding: 1.5em;
  color: #222222;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.35);
  transition: .2s; }
  .newsletter input[type=text],
  .newsletter input[type=email] {
    background-color: #f3f3f3; }
  .newsletter strong {
    font-weight: 600; }

.newsletter:hover {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4); }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  left: -999em;
  top: 0; }

.email-box {
  padding: 1em 2em 1.25em;
  margin-top: .35em;
  margin-bottom: 0.5em;
  color: #222222;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .email-box h3 {
    text-align: left;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 1em;
    margin-top: 0;
    padding: 0; }
    .email-box h3 small {
      font-size: 0.72em;
      display: block;
      margin: 0;
      padding: 0; }
    .email-box h3 i {
      font-size: 1.5em;
      margin-right: 0.125em;
      display: inline-block;
      vertical-align: -0.15em; }
  .email-box p.success {
    margin: 1em auto 0;
    text-align: center;
    max-width: 24em; }
  .email-box .row {
    margin-bottom: 1em; }
  .email-box .row.last {
    margin-bottom: 0; }
  .email-box input[type=submit] {
    background: #951a1d;
    color: #fff;
    -webkit-transition: background 160ms ease;
    -moz-transition: background 160ms ease;
    -ms-transition: background 160ms ease;
    -o-transition: background 160ms ease;
    transition: background 160ms ease;
    float: right;
    margin-top: -2em; }
  .email-box input[type=submit]:hover {
    background: #d52327; }
  .email-box .promise {
    line-height: 1.2;
    color: #222222;
    margin-bottom: 0; }

.landing .email-box {
  padding: 0 1.5em;
  margin-top: 1.5em;
  margin-bottom: 2.5em; }

input[type=text], input[type=email] {
  box-sizing: border-box;
  border: 1px solid #ddd;
  padding: 0.4375rem 0.625rem 0.375rem;
  width: 100%;
  font: inherit;
  font-size: 1rem;
  line-height: normal; }

input[type=submit], input[type=button], input[type=reset], button, .button {
  box-sizing: border-box;
  border-radius: 0px;
  border: none;
  padding: 0.40625rem 0.8125rem;
  font: inherit;
  -webkit-appearance: none;
  cursor: pointer;
  font-size: 1rem;
  line-height: normal; }

@media screen and (max-width: 40em) {
  .email-box input[type=submit] {
    float: none;
    margin-top: 1em; }
  div.four.column {
    width: 100%; }
  .email-box .column,
  .related .column {
    float: none;
    margin: 1em 0 0;
    width: auto; }
  .email-box .column:first-child,
  .related .column:first-child {
    margin-top: 0; } }

.location {
  position: absolute;
  left: -1000px; }

.clear-float {
  clear: left; }

.landing {
  background-color: #fbfafa; }
  .landing .feature {
    color: #222222;
    margin-bottom: 1.5em;
    background: #E2D7C9 url("/wp-assets/img/landing/hero_xsmall.jpg") no-repeat scroll 50% 60%;
    background-size: cover; }
  .landing .announce {
    padding-top: 6.25em;
    color: #222222;
    overflow: hidden; }
    .landing .announce h1 {
      color: #222222;
      font-size: 5em;
      font-weight: normal;
      line-height: 1;
      margin: 0 0 0.185em;
      font-family: "Oswald", "UniversLTW01-59UltraCn", Arial Narrow, sans-serif; }
    .landing .announce img {
      display: block; }
    .landing .announce p {
      display: inline;
      margin-top: .15em;
      margin-bottom: 1.35em;
      margin-right: .5em;
      font-weight: 400;
      font-size: 21px;
      line-height: 31px;
      max-width: 70%; }
    .landing .announce p:nth-child(3)::before {
      content: "∙";
      padding-right: .5em; }
    .landing .announce p:nth-child(3)::after {
      content: "∙";
      padding-left: .5em; }

/* -------------------------------------------------- */
/*   Product Stage  */
.landing * {
  border-bottom: none; }

.product-stage {
  max-width: 870px;
  padding: 0 1.5em;
  display: -ms-grid;
  display: grid;
  margin: auto;
  grid-column-gap: 2em;
  grid-template-columns: minmax(325px, 500px) minmax(325px, 500px);
  -ms-grid-columns: 1fr 2em 1fr;
  -ms-grid-rows: 1fr 1fr 1fr;
  grid-auto-rows: auto;
  margin: auto;
  margin-bottom: 0; }

.card {
  background-color: white;
  border-radius: 0px;
  display: flex;
  max-width: 500px;
  flex-direction: column;
  margin-bottom: 2em;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.35);
  transition: .2s; }

.card:nth-child(odd) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1; }

.card:nth-child(even) {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1; }

.card:nth-child(1), .card:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1; }

.card:nth-child(3), .card:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1; }

.card:nth-child(5), .card:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1; }

.card:hover {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.55); }

.card-image {
  border-radius: 0px;
  width: 100%;
  max-height: 135px;
  overflow: hidden; }
  .card-image img {
    width: 100%; }

.card-body {
  padding: 1.5em;
  padding-top: 1.3em; }
  .card-body p {
    font-size: 1.095em;
    margin-top: 0; }
  .card-body h3 {
    font-weight: 600;
    font-size: 1.3em;
    letter-spacing: -.2px;
    margin-bottom: .8em; }
  .card-body a {
    text-transform: none;
    text-decoration: underline;
    border: none;
    margin-top: .0;
    margin-bottom: .65em;
    color: #00a3b4 !important; }
  .card-body a:hover {
    color: #006F74 !important; }

a:hover {
  color: #006F74; }

.cta {
  margin-top: auto;
  padding: 1.5em;
  padding-top: 0;
  white-space: nowrap; }
  .cta a {
    flex: 1;
    color: #ffffff;
    border-radius: 0px;
    background-color: #951a1d;
    text-decoration: none;
    transition: background-color ease 0.24s;
    transition: background-color 0.24s ease;
    display: block;
    font-size: 1.3em;
    background-color: #951a1d;
    font-weight: 400;
    font-size: 1.15em;
    color: #fff;
    text-align: center;
    padding: 0.5em; }
  .cta a:hover {
    background-color: #d52327;
    color: #fff !important; }

/* -------------------------------------------------- */
/* Footer Links (white) */
.footer-links-container a:link,
.footer-links-container a:visited,
.footer-links-container a:hover,
.footer-links-container a:active {
  color: inherit; }

.footer-links-container {
  border-top: .1em solid #F0EFEF;
  width: 100%;
  margin-top: 1em;
  background-color: white; }
  .footer-links-container a:hover {
    color: #006f74; }

.footer-links {
  color: #222222;
  background-color: white;
  white-space: nowrap;
  max-width: 870px;
  height: auto;
  margin: auto;
  padding: 2em 1.5em;
  padding-bottom: 0; }
  .footer-links p {
    margin-top: .5em;
    font-size: 1.075em; }
  .footer-links h3 {
    font-size: 1.3em;
    font-weight: 600; }
  .footer-links a {
    color: #00a3b4 !important;
    text-decoration: underline; }
  .footer-links a:hover {
    color: #006f74 !important; }

.footer-links-left {
  float: left;
  width: 25%; }

.footer-links-middle {
  float: left;
  width: 25%;
  margin: 0 5%; }

.footer-links-right {
  width: 40%;
  float: left;
  white-space: normal; }

hr {
  border-left: none;
  border-right: none;
  margin: .75em 0;
  border-top: 1px solid #222222; }

/* -------------------------------------------------- */
/* Media Queries */
@media screen and (max-width: 860px) {
  .product-stage {
    max-width: 550px;
    padding: 0 1.5em;
    display: block;
    margin: auto;
    grid-gap: 2em;
    grid-template-columns: minmax(325px, 500px);
    grid-auto-rows: auto;
    background-color: #fbfafa;
    margin: auto;
    padding: 0 1.5em;
    margin-bottom: 0; }
  .card {
    margin: auto;
    max-width: 550px;
    margin-bottom: 4em; }
  .newsletter-container {
    max-width: 550px;
    margin: 2em auto; }
  .newsletter input[type=email] {
    width: 100%; }
  .footer-links-container {
    margin: 0 auto; }
  .footer-links {
    max-width: 550px; }
  .footer-links-left {
    width: 47.5%; }
  .footer-links-middle {
    width: 47.5%;
    margin: 0;
    margin-left: 5%; }
  .footer-links-right {
    width: 100%;
    clear: left;
    float: none;
    padding-top: 5%; } }

@media screen and (max-width: 600px) {
  .newsletter-container {
    padding: 0 1.5em; }
  .newsletter {
    max-width: 100%;
    padding: 2em; }
  .email-input-fields {
    width: 100%;
    padding: 0;
    margin: 1.5em 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  input#firstName {
    margin: 1em 0; }
  .email-input-fields input {
    height: 2em;
    max-width: 100%;
    width: auto;
    font-size: 1.3em;
    font-weight: 300;
    color: #757575;
    padding-left: .75em; }
  .sign-up-button input[type=submit] {
    color: #313131;
    background-color: white;
    float: right;
    border: none;
    height: 40px;
    width: auto;
    border-radius: 4px;
    text-align: center;
    padding: 0 1em;
    margin-top: 1em;
    margin-bottom: 0;
    clear: right;
    float: none; } }

@media screen and (min-width: 0) and (min-resolution: 0.001dpcm) {
  .card {
    margin: 1em auto;
    max-width: 650px; } }

@media screen and (max-width: 754px) {
  .landing .feature .live-page {
    height: 18em; }
  .landing .announce {
    padding-top: 3em; }
  .landing .announce h1 {
    font-size: 3.5em; } }

@media screen and (max-width: 655px) {
  .landing .feature {
    margin-bottom: 1em; }
  .landing .feature .live-page {
    height: auto; }
  .landing .announce {
    padding-top: 1em;
    padding-bottom: 1em; }
    .landing .announce h1 {
      font-size: 2.75em; }
    .landing .announce p {
      display: block;
      margin: 0;
      margin-top: 0;
      margin-bottom: .1em;
      margin-left: 0;
      margin-right: 0;
      font-weight: 400; }
    .landing .announce p:nth-child(3)::before {
      content: "";
      padding-right: 0; }
    .landing .announce p:nth-child(3)::after {
      content: "";
      padding-left: 0; } }

@media screen and (max-width: 550px) {
  .landing .feature {
    background-image: none;
    background-color: #F1EDE6; } }

@media screen and (max-width: 500px) {
  .landing .email-box {
    padding: 0; }
  .newsletter {
    box-shadow: none;
    border-top: .1em solid #DDDDDD;
    border-bottom: .1em solid #DDDDDD;
    border-radius: 0; }
  .newsletter:hover {
    box-shadow: none; }
  .product-stage {
    max-width: 100%;
    width: 100%;
    padding: 0;
    display: block;
    grid-gap: 0;
    grid-template-columns: 0;
    grid-auto-rows: 0;
    background-color: #fbfafa;
    margin: auto;
    padding: 0;
    margin-bottom: 0em; }
  .card-image {
    border-radius: 0; }
  .card {
    box-shadow: none;
    margin: 0;
    border-radius: 0;
    max-width: 100%;
    width: 100%;
    margin-bottom: 2em;
    margin-top: 2em;
    border-top: .1em solid #DDDDDD;
    border-bottom: .1em solid #DDDDDD; }
  .card:hover {
    box-shadow: none; }
  .newsletter-container {
    width: 100%;
    margin: 0;
    padding: 0; }
  .newsletter {
    margin: 2em 0;
    padding: 1.5em 1.5em; }
  .email-input-fields input {
    height: 2em;
    max-width: auto;
    width: auto;
    font-size: 1.3em;
    font-weight: 300;
    color: #757575;
    padding-left: .75em; }
  .footer-links-left {
    clear: left;
    float: none;
    width: 100%;
    padding-bottom: 2em; }
  .footer-links-middle {
    float: none;
    width: 100%;
    margin: 0;
    padding-bottom: 2em; }
  .footer-links-right {
    width: 100%;
    float: none;
    white-space: normal;
    padding-bottom: 0; } }

.content {
  padding: 2.5rem 0; }

/**
 * Arrange, v1.2
 * A very basic grid system, a bit like Skeleton
 *
 * Copyright (c) 2013, Fred LeBlanc
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 *  - Redistributions of source code must retain the above copyright notice,
 *    this list of conditions and the following disclaimer.
 *
 *  - Redistributions in binary form must reproduce the above copyright notice,
 *    this list of conditions and the following disclaimer in the documentation
 *    and/or other materials provided with the distribution.
 *
 *  - Neither the name of FredHQ nor the names of its contributors
 *    may be used to endorse or promote products derived from this software
 *    without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
 * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
 * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
 * POSSIBILITY OF SUCH DAMAGE.
 */
/**
 * Base Structure
 * ----------------------------------------------------------------------------
 * The following styles create elements that are used to structure the general
 * page and hold together sets of grid columns. They are self-clearing.
 */
/**
 * Holds the contents of the page, preventing it from spilling out everywhere,
 * you'll probably want to extend this with a max-width and width.
 *
 * Uses the micro-clearfix, by Nicolas Gallagher
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
.container,
.row {
  position: relative;
  margin: 0 auto;
  padding: 0;
  *zoom: 1; }

.clearfix {
  *zoom: 1; }

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

.container:after,
.row:after,
.clearfix:after {
  clear: both; }

/**
 * Defines the basics of what a grid column will be
 */
.column,
.columns {
  float: left;
  display: block;
  margin: 0 0 0 4%; }

.column:first-child,
.columns:first-child {
  margin-left: 0; }

/**
 * Old-school clearing elements
 */
hr.clear,
br.clear {
  clear: both;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  border: 0; }

/**
 * Grid Structure
 * ----------------------------------------------------------------------------
 * The following styles create grid columns in percentages.
 *
 * Terminology:
 *    column - 4.6667% - a single-width column of content
 *    gap    - 4.0% - room between content columns
 *
 * The math:
 *    width  = (# of columns * 4.6667%) + ((# of columns - 1) * 4.0%)
 */
.twelfth.column,
.twelfth.columns,
.one-twelfth.column,
.one-twelfth.columns,
.one.column,
.one.columns {
  width: 4.6667%; }

.sixth.column,
.sixth.columns,
.one-sixth.column,
.one-sixth.columns,
.two.column,
.two.columns {
  width: 13.3333%; }

.fourth.column,
.fourth.columns,
.quarter.column,
.quarter.columns,
.one-quarter.column,
.one-quarter.columns,
.one-fourth.column,
.one-fourth.columns,
.three.column,
.three.columns {
  width: 22%; }

.third.column,
.third.columns,
.one-third.column,
.one-third.columns,
.four.column,
.four.columns {
  width: 30.6667%; }

.five.column,
.five.columns {
  width: 39.3333%; }

.half.column,
.half.columns,
.one-half.column,
.one-half.columns,
.six.column,
.six.columns {
  width: 48%; }

.seven.column,
.seven.columns {
  width: 56.6667%; }

.two-thirds.column,
.two-thirds.columns,
.eight.column,
.eight.columns {
  width: 65.3333%; }

.three-quarters.column,
.three-quarters.columns,
.three-fourths.column,
.three-fourths.columns,
.nine.column,
.nine.columns {
  width: 74%; }

.ten.column,
.ten.columns {
  width: 82.6667%; }

.eleven.column,
.eleven.columns {
  width: 91.3333%; }

.full.column,
.full.columns,
.twelve.column,
.twelve.columns {
  width: 100%; }

/**
 * Grid Offsets
 * ----------------------------------------------------------------------------
 * For adding spacing between columns.
 */
.offset-by-twelfth.column,
.offset-by-twelfth.columns,
.offset-by-one-twelfth.column,
.offset-by-one-twelfth.columns,
.offset-by-one.column,
.offset-by-one.columns {
  margin-left: 12.6667%; }

.offset-by-twelfth.column:first-child,
.offset-by-twelfth.columns:first-child,
.offset-by-one-twelfth.column:first-child,
.offset-by-one-twelfth.columns:first-child,
.offset-by-one.column:first-child,
.offset-by-one.columns:first-child {
  margin-left: 8.6667%; }

.offset-by-sixth.column,
.offset-by-sixth.columns,
.offset-by-one-sixth.column,
.offset-by-one-sixth.columns,
.offset-by-two.column,
.offset-by-two.columns {
  margin-left: 21.3333%; }

.offset-by-sixth.column:first-child,
.offset-by-sixth.columns:first-child,
.offset-by-one-sixth.column:first-child,
.offset-by-one-sixth.columns:first-child,
.offset-by-two.column:first-child,
.offset-by-two.columns:first-child {
  margin-left: 17.3333%; }

.offset-by-quarter.column,
.offset-by-quarter.columns,
.offset-by-one-quarter.column,
.offset-by-one-quarter.columns,
.offset-by-one-fourth.column,
.offset-by-one-fourth.columns,
.offset-by-three.column,
.offset-by-three.columns {
  margin-left: 30%; }

.offset-by-quarter.column:first-child,
.offset-by-quarter.columns:first-child,
.offset-by-one-quarter.column:first-child,
.offset-by-one-quarter.columns:first-child,
.offset-by-one-fourth.column:first-child,
.offset-by-one-fourth.columns:first-child,
.offset-by-three.column:first-child,
.offset-by-three.columns:first-child {
  margin-left: 26%; }

.offset-by-third.column,
.offset-by-third.columns,
.offset-by-one-third.column,
.offset-by-one-third.columns,
.offset-by-four.column,
.offset-by-four.columns {
  margin-left: 38.6667%; }

.offset-by-third.column:first-child,
.offset-by-third.columns:first-child,
.offset-by-one-third.column:first-child,
.offset-by-one-third.columns:first-child,
.offset-by-four.column:first-child,
.offset-by-four.columns:first-child {
  margin-left: 34.6667%; }

.offset-by-five.column,
.offset-by-five.columns {
  margin-left: 47.3333%; }

.offset-by-five.column:first-child,
.offset-by-five.columns:first-child {
  margin-left: 43.3333%; }

.offset-by-half.column,
.offset-by-half.columns,
.offset-by-one-half.column,
.offset-by-one-half.columns,
.offset-by-six.column,
.offset-by-six.columns {
  margin-left: 56%; }

.offset-by-half.column:first-child,
.offset-by-half.columns:first-child,
.offset-by-one-half.column:first-child,
.offset-by-one-half.columns:first-child,
.offset-by-six.column:first-child,
.offset-by-six.columns:first-child {
  margin-left: 52%; }

.offset-by-seven.column,
.offset-by-seven.columns {
  margin-left: 64.6667%; }

.offset-by-seven.column:first-child,
.offset-by-seven.columns:first-child {
  margin-left: 60.6667%; }

.offset-by-two-thirds.column,
.offset-by-two-thirds.columns,
.offset-by-eight.column,
.offset-by-eight.columns {
  margin-left: 73.3333%; }

.offset-by-two-thirds.column:first-child,
.offset-by-two-thirds.columns:first-child,
.offset-by-eight.column:first-child,
.offset-by-eight.columns:first-child {
  margin-left: 69.3333%; }

.offset-by-three-quarters.column,
.offset-by-three-quarters.columns,
.offset-by-three-fourths.column,
.offset-by-three-fourths.columns,
.offset-by-nine.column,
.offset-by-nine.columns {
  margin-left: 82%; }

.offset-by-three-quarters.column:first-child,
.offset-by-three-quarters.columns:first-child,
.offset-by-three-fourths.column:first-child,
.offset-by-three-fourths.columns:first-child,
.offset-by-nine.column:first-child,
.offset-by-nine.columns:first-child {
  margin-left: 78%; }

.offset-by-ten.column,
.offset-by-ten.columns {
  margin-left: 90.6667%; }

.offset-by-ten.column:first-child,
.offset-by-ten.columns:first-child {
  margin-left: 86.6667%; }

.offset-by-eleven.column:first-child,
.offset-by-eleven.columns:first-child {
  margin-left: 95.3333%; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/**
 * Collapsed Grid Structure
 * ----------------------------------------------------------------------------
 * The following styles create grid columns in percentages.
 *
 * Terminology:
 *    column - 8.3333% - a single-width column of content
 *
 * The math:
 *    width  = (# of columns * 8.3333%)
 */
/**
 * Remove the gutters
 */
.collapsed > .column,
.collapsed > .columns {
  margin: 0; }

.collapsed > .twelfth.column,
.collapsed > .twelfth.columns,
.collapsed > .one-twelfth.column,
.collapsed > .one-twelfth.columns,
.collapsed > .one.column,
.collapsed > .one.columns {
  width: 8.3333%; }

.collapsed > .sixth.column,
.collapsed > .sixth.columns,
.collapsed > .one-sixth.column,
.collapsed > .one-sixth.columns,
.collapsed > .two.column,
.collapsed > .two.columns {
  width: 16.6667%; }

.collapsed > .fourth.column,
.collapsed > .fourth.columns,
.collapsed > .quarter.column,
.collapsed > .quarter.columns,
.collapsed > .one-quarter.column,
.collapsed > .one-quarter.columns,
.collapsed > .one-fourth.column,
.collapsed > .one-fourth.columns,
.collapsed > .three.column,
.collapsed > .three.columns {
  width: 25%; }

.collapsed > .third.column,
.collapsed > .third.columns,
.collapsed > .one-third.column,
.collapsed > .one-third.columns,
.collapsed > .four.column,
.collapsed > .four.columns {
  width: 33.3333%; }

.collapsed > .five.column,
.collapsed > .five.columns {
  width: 41.6667%; }

.collapsed > .half.column,
.collapsed > .half.columns,
.collapsed > .one-half.column,
.collapsed > .one-half.columns,
.collapsed > .six.column,
.collapsed > .six.columns {
  width: 50%; }

.collapsed > .seven.column,
.collapsed > .seven.columns {
  width: 58.3333%; }

.collapsed > .two-thirds.column,
.collapsed > .two-thirds.columns,
.collapsed > .eight.column,
.collapsed > .eight.columns {
  width: 66.6667%; }

.collapsed > .three-quarters.column,
.collapsed > .three-quarters.columns,
.collapsed > .three-fourths.column,
.collapsed > .three-fourths.columns,
.collapsed > .nine.column,
.collapsed > .nine.columns {
  width: 75%; }

.collapsed > .ten.column,
.collapsed > .ten.columns {
  width: 83.3333%; }

.collapsed > .eleven.column,
.collapsed > .eleven.columns {
  width: 91.6667%; }

.collapsed > .full.column,
.collapsed > .full.columns,
.collapsed > .twelve.column,
.collapsed > .twelve.columns {
  width: 100%; }

/**
 * Collapsed Grid Offsets
 * ----------------------------------------------------------------------------
 * For adding spacing between columns.
 */
.collapsed > .offset-by-twelfth.column,
.collapsed > .offset-by-twelfth.columns,
.collapsed > .offset-by-one-twelfth.column,
.collapsed > .offset-by-one-twelfth.columns,
.collapsed > .offset-by-one.column,
.collapsed > .offset-by-one.columns {
  margin-left: 8.3333%; }

.collapsed > .offset-by-sixth.column,
.collapsed > .offset-by-sixth.columns,
.collapsed > .offset-by-one-sixth.column,
.collapsed > .offset-by-one-sixth.columns,
.collapsed > .offset-by-two.column,
.collapsed > .offset-by-two.columns {
  margin-left: 16.6667%; }

.collapsed > .offset-by-quarter.column,
.collapsed > .offset-by-quarter.columns,
.collapsed > .offset-by-one-quarter.column,
.collapsed > .offset-by-one-quarter.columns,
.collapsed > .offset-by-one-fourth.column,
.collapsed > .offset-by-one-fourth.columns,
.collapsed > .offset-by-three.column,
.collapsed > .offset-by-three.columns {
  margin-left: 25%; }

.collapsed > .offset-by-third.column,
.collapsed > .offset-by-third.columns,
.collapsed > .offset-by-one-third.column,
.collapsed > .offset-by-one-third.columns,
.collapsed > .offset-by-four.column,
.collapsed > .offset-by-four.columns {
  margin-left: 33.3333%; }

.collapsed > .offset-by-five.column,
.collapsed > .offset-by-five.columns {
  margin-left: 41.6667%; }

.collapsed > .offset-by-half.column,
.collapsed > .offset-by-half.columns,
.collapsed > .offset-by-one-half.column,
.collapsed > .offset-by-one-half.columns,
.collapsed > .offset-by-six.column,
.collapsed > .offset-by-six.columns {
  margin-left: 50%; }

.collapsed > .offset-by-seven.column,
.collapsed > .offset-by-seven.columns {
  margin-left: 58.3333%; }

.collapsed > .offset-by-two-thirds.column,
.collapsed > .offset-by-two-thirds.columns,
.collapsed > .offset-by-eight.column,
.collapsed > .offset-by-eight.columns {
  margin-left: 66.6667%; }

.collapsed > .offset-by-three-quarters.column,
.collapsed > .offset-by-three-quarters.columns,
.collapsed > .offset-by-three-fourths.column,
.collapsed > .offset-by-three-fourths.columns,
.collapsed > .offset-by-nine.column,
.collapsed > .offset-by-nine.columns {
  margin-left: 75%; }

.collapsed > .offset-by-ten.column,
.collapsed > .offset-by-ten.columns {
  margin-left: 83.3333%; }

.collapsed > .offset-by-eleven.column,
.collapsed > .offset-by-eleven.columns {
  margin-left: 91.6667%; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/**
 * Reversing (optional)
 * ----------------------------------------------------------------------------
 * Flip the order in which the columns are laid out.
 */
.reverse > .column,
.reverse > .columns {
  float: right;
  margin: 0 4% 0 0; }

.reverse > .column:first-child,
.reverse > .columns:first-child {
  margin-right: 0; }

.reverse > .offset-by-twelfth.column,
.reverse > .offset-by-twelfth.columns,
.reverse > .offset-by-one-twelfth.column,
.reverse > .offset-by-one-twelfth.columns,
.reverse > .offset-by-one.column,
.reverse > .offset-by-one.columns {
  margin-left: 0;
  margin-right: 12.6667%; }

.reverse > .offset-by-twelfth.column:first-child,
.reverse > .offset-by-twelfth.columns:first-child,
.reverse > .offset-by-one-twelfth.column:first-child,
.reverse > .offset-by-one-twelfth.columns:first-child,
.reverse > .offset-by-one.column:first-child,
.reverse > .offset-by-one.columns:first-child {
  margin-right: 8.6667%; }

.reverse > .offset-by-sixth.column,
.reverse > .offset-by-sixth.columns,
.reverse > .offset-by-one-sixth.column,
.reverse > .offset-by-one-sixth.columns,
.reverse > .offset-by-two.column,
.reverse > .offset-by-two.columns {
  margin-left: 0;
  margin-right: 21.3333%; }

.reverse > .offset-by-sixth.column:first-child,
.reverse > .offset-by-sixth.columns:first-child,
.reverse > .offset-by-one-sixth.column:first-child,
.reverse > .offset-by-one-sixth.columns:first-child,
.reverse > .offset-by-two.column:first-child,
.reverse > .offset-by-two.columns:first-child {
  margin-right: 17.3333%; }

.reverse > .offset-by-quarter.column,
.reverse > .offset-by-quarter.columns,
.reverse > .offset-by-one-quarter.column,
.reverse > .offset-by-one-quarter.columns,
.reverse > .offset-by-one-fourth.column,
.reverse > .offset-by-one-fourth.columns,
.reverse > .offset-by-three.column,
.reverse > .offset-by-three.columns {
  margin-left: 0;
  margin-right: 30%; }

.reverse > .offset-by-quarter.column:first-child,
.reverse > .offset-by-quarter.columns:first-child,
.reverse > .offset-by-one-quarter.column:first-child,
.reverse > .offset-by-one-quarter.columns:first-child,
.reverse > .offset-by-one-fourth.column:first-child,
.reverse > .offset-by-one-fourth.columns:first-child,
.reverse > .offset-by-three.column:first-child,
.reverse > .offset-by-three.columns:first-child {
  margin-right: 26%; }

.reverse > .offset-by-third.column,
.reverse > .offset-by-third.columns,
.reverse > .offset-by-one-third.column,
.reverse > .offset-by-one-third.columns,
.reverse > .offset-by-four.column,
.reverse > .offset-by-four.columns {
  margin-left: 0;
  margin-right: 38.6667%; }

.reverse > .offset-by-third.column:first-child,
.reverse > .offset-by-third.columns:first-child,
.reverse > .offset-by-one-third.column:first-child,
.reverse > .offset-by-one-third.columns:first-child,
.reverse > .offset-by-four.column:first-child,
.reverse > .offset-by-four.columns:first-child {
  margin-right: 34.6667%; }

.reverse > .offset-by-five.column,
.reverse > .offset-by-five.columns {
  margin-left: 0;
  margin-right: 47.3333%; }

.reverse > .offset-by-five.column:first-child,
.reverse > .offset-by-five.columns:first-child {
  margin-right: 43.3333%; }

.reverse > .offset-by-half.column,
.reverse > .offset-by-half.columns,
.reverse > .offset-by-one-half.column,
.reverse > .offset-by-one-half.columns,
.reverse > .offset-by-six.column,
.reverse > .offset-by-six.columns {
  margin-left: 0;
  margin-right: 56%; }

.reverse > .offset-by-half.column:first-child,
.reverse > .offset-by-half.columns:first-child,
.reverse > .offset-by-one-half.column:first-child,
.reverse > .offset-by-one-half.columns:first-child,
.reverse > .offset-by-six.column:first-child,
.reverse > .offset-by-six.columns:first-child {
  margin-right: 52%; }

.reverse > .offset-by-seven.column,
.reverse > .offset-by-seven.columns {
  margin-left: 0;
  margin-right: 64.6667%; }

.reverse > .offset-by-seven.column:first-child,
.reverse > .offset-by-seven.columns:first-child {
  margin-right: 60.6667%; }

.reverse > .offset-by-two-thirds.column,
.reverse > .offset-by-two-thirds.columns,
.reverse > .offset-by-eight.column,
.reverse > .offset-by-eight.columns {
  margin-left: 0;
  margin-right: 73.3333%; }

.reverse > .offset-by-two-thirds.column:first-child,
.reverse > .offset-by-two-thirds.columns:first-child,
.reverse > .offset-by-eight.column:first-child,
.reverse > .offset-by-eight.columns:first-child {
  margin-right: 69.3333%; }

.reverse > .offset-by-three-quarters.column,
.reverse > .offset-by-three-quarters.columns,
.reverse > .offset-by-three-fourths.column,
.reverse > .offset-by-three-fourths.columns,
.reverse > .offset-by-nine.column,
.reverse > .offset-by-nine.columns {
  margin-left: 0;
  margin-right: 82%; }

.reverse > .offset-by-three-quarters.column:first-child,
.reverse > .offset-by-three-quarters.columns:first-child,
.reverse > .offset-by-three-fourths.column:first-child,
.reverse > .offset-by-three-fourths.columns:first-child,
.reverse > .offset-by-nine.column:first-child,
.reverse > .offset-by-nine.columns:first-child {
  margin-right: 78%; }

.reverse > .offset-by-ten.column,
.reverse > .offset-by-ten.columns {
  margin-left: 0;
  margin-right: 90.6667%; }

.reverse > .offset-by-ten.column:first-child,
.reverse > .offset-by-ten.columns:first-child {
  margin-right: 86.6667%; }

.reverse > .offset-by-eleven.column:first-child,
.reverse > .offset-by-eleven.columns:first-child {
  margin-left: 0;
  margin-right: 95.3333%; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/**
 * Collapsed Reversing (optional)
 * ----------------------------------------------------------------------------
 * Flip the order in which the columns are laid out.
 */
.collapsed.reverse > .offset-by-twelfth.column,
.collapsed.reverse > .offset-by-twelfth.columns,
.collapsed.reverse > .offset-by-one-twelfth.column,
.collapsed.reverse > .offset-by-one-twelfth.columns,
.collapsed.reverse > .offset-by-one.column,
.collapsed.reverse > .offset-by-one.columns {
  margin-left: 0;
  margin-right: 8.3333%; }

.collapsed.reverse > .offset-by-sixth.column,
.collapsed.reverse > .offset-by-sixth.columns,
.collapsed.reverse > .offset-by-one-sixth.column,
.collapsed.reverse > .offset-by-one-sixth.columns,
.collapsed.reverse > .offset-by-two.column,
.collapsed.reverse > .offset-by-two.columns {
  margin-left: 0;
  margin-right: 16.6667%; }

.collapsed.reverse > .offset-by-quarter.column,
.collapsed.reverse > .offset-by-quarter.columns,
.collapsed.reverse > .offset-by-one-quarter.column,
.collapsed.reverse > .offset-by-one-quarter.columns,
.collapsed.reverse > .offset-by-one-fourth.column,
.collapsed.reverse > .offset-by-one-fourth.columns,
.collapsed.reverse > .offset-by-three.column,
.collapsed.reverse > .offset-by-three.columns {
  margin-left: 0;
  margin-right: 25%; }

.collapsed.reverse > .offset-by-third.column,
.collapsed.reverse > .offset-by-third.columns,
.collapsed.reverse > .offset-by-one-third.column,
.collapsed.reverse > .offset-by-one-third.columns,
.collapsed.reverse > .offset-by-four.column,
.collapsed.reverse > .offset-by-four.columns {
  margin-left: 0;
  margin-right: 33.3333%; }

.collapsed.reverse > .offset-by-five.column,
.collapsed.reverse > .offset-by-five.columns {
  margin-left: 0;
  margin-right: 41.6667%; }

.collapsed.reverse > .offset-by-half.column,
.collapsed.reverse > .offset-by-half.columns,
.collapsed.reverse > .offset-by-one-half.column,
.collapsed.reverse > .offset-by-one-half.columns,
.collapsed.reverse > .offset-by-six.column,
.collapsed.reverse > .offset-by-six.columns {
  margin-left: 0;
  margin-right: 50%; }

.collapsed.reverse > .offset-by-seven.column,
.collapsed.reverse > .offset-by-seven.columns {
  margin-left: 0;
  margin-right: 58.3333%; }

.collapsed.reverse > .offset-by-two-thirds.column,
.collapsed.reverse > .offset-by-two-thirds.columns,
.collapsed.reverse > .offset-by-eight.column,
.collapsed.reverse > .offset-by-eight.columns {
  margin-left: 0;
  margin-right: 66.6667%; }

.collapsed.reverse > .offset-by-three-quarters.column,
.collapsed.reverse > .offset-by-three-quarters.columns,
.collapsed.reverse > .offset-by-three-fourths.column,
.collapsed.reverse > .offset-by-three-fourths.columns,
.collapsed.reverse > .offset-by-nine.column,
.collapsed.reverse > .offset-by-nine.columns {
  margin-left: 0;
  margin-right: 75%; }

.collapsed.reverse > .offset-by-ten.column,
.collapsed.reverse > .offset-by-ten.columns {
  margin-left: 0;
  margin-right: 83.3333%; }

.collapsed.reverse > .offset-by-eleven.column,
.collapsed.reverse > .offset-by-eleven.columns {
  margin-left: 0;
  margin-right: 91.6667%; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/**
 * Off-Grid Even Column Sets (optional)
 * ----------------------------------------------------------------------------
 * Because sometimes you need to go off-the-grid
 */
/**
 * 1/5
 */
.fifth.column,
.fifth.columns,
.one-fifth.column,
.one-fifth.columns {
  width: 16.8%; }

.two-fifths.column,
.two-fifths.columns {
  width: 37.6%; }

.three-fifths.column,
.three-fifths.columns {
  width: 58.4%; }

.four-fifths.column,
.four-fifths.columns {
  width: 79.2%; }

.offset-by-fifth.column,
.offset-by-fifth.columns,
.offset-by-one-fifth.column,
.offset-by-one-fifth.columns {
  margin-left: 24.8%; }

.offset-by-fifth.column:first-child,
.offset-by-fifth.columns:first-child,
.offset-by-one-fifth.column:first-child,
.offset-by-one-fifth.columns:first-child {
  margin-left: 20.8%; }

.offset-by-two-fifths.column,
.offset-by-two-fifths.columns {
  margin-left: 45.6%; }

.offset-by-two-fifths.column:first-child,
.offset-by-two-fifths.columns:first-child {
  margin-left: 41.6%; }

.offset-by-three-fifths.column,
.offset-by-three-fifths.columns {
  margin-left: 66.4%; }

.offset-by-three-fifths.column:first-child,
.offset-by-three-fifths.columns:first-child {
  margin-left: 62.4%; }

.offset-by-four-fifths.column:first-child,
.offset-by-four-fifths.columns:first-child {
  margin-left: 83.2%; }

/* reverse offsets */
.reverse > .offset-by-fifth.column,
.reverse > .offset-by-fifth.columns,
.reverse > .offset-by-one-fifth.column,
.reverse > .offset-by-one-fifth.columns {
  margin-left: 0;
  margin-right: 24.8%; }

.reverse > .offset-by-fifth.column:first-child,
.reverse > .offset-by-fifth.columns:first-child,
.reverse > .offset-by-one-fifth.column:first-child,
.reverse > .offset-by-one-fifth.columns:first-child {
  margin-right: 20.8%; }

.reverse > .offset-by-two-fifths.column,
.reverse > .offset-by-two-fifths.columns {
  margin-left: 0;
  margin-right: 45.6%; }

.reverse > .offset-by-two-fifths.column:first-child,
.reverse > .offset-by-two-fifths.columns:first-child {
  margin-right: 41.6%; }

.reverse > .offset-by-three-fifths.column,
.reverse > .offset-by-three-fifths.columns {
  margin-left: 0;
  margin-right: 66.4%; }

.reverse > .offset-by-three-fifths.column:first-child,
.reverse > .offset-by-three-fifths.columns:first-child {
  margin-right: 62.4%; }

.reverse > .offset-by-four-fifths.column:first-child,
.reverse > .offset-by-four-fifths.columns:first-child {
  margin-right: 83.2%; }

/**
 * 1/7
 */
.seventh.column,
.seventh.columns,
.one-seventh.column,
.one-seventh.columns {
  width: 10.8571%; }

.two-sevenths.column,
.two-sevenths.columns {
  width: 25.7143%; }

.three-sevenths.column,
.three-sevenths.columns {
  width: 40.5714%; }

.four-sevenths.column,
.four-sevenths.columns {
  width: 55.4286%; }

.five-sevenths.column,
.five-sevenths.columns {
  width: 70.2857%; }

.six-sevenths.column,
.six-sevenths.columns {
  width: 85.1459%; }

.offset-by-seventh.column,
.offset-by-seventh.columns,
.offset-by-one-seventh.column,
.offset-by-one-seventh.columns {
  margin-left: 18.8571%; }

.offset-by-seventh.column:first-child,
.offset-by-seventh.columns:first-child,
.offset-by-one-seventh.column:first-child,
.offset-by-one-seventh.columns:first-child {
  margin-left: 14.8571%; }

.offset-by-two-sevenths.column,
.offset-by-two-sevenths.columns {
  margin-left: 33.7143%; }

.offset-by-two-sevenths.column:first-child,
.offset-by-two-sevenths.columns:first-child {
  margin-left: 29.7143%; }

.offset-by-three-sevenths.column,
.offset-by-three-sevenths.columns {
  margin-left: 48.5714%; }

.offset-by-three-sevenths.column:first-child,
.offset-by-three-sevenths.columns:first-child {
  margin-left: 44.5714%; }

.offset-by-four-sevenths.column,
.offset-by-four-sevenths.columns {
  margin-left: 63.4286%; }

.offset-by-four-sevenths.column:first-child,
.offset-by-four-sevenths.columns:first-child {
  margin-left: 59.4286%; }

.offset-by-five-sevenths.column,
.offset-by-five-sevenths.columns {
  margin-left: 78.2857%; }

.offset-by-five-sevenths.column:first-child,
.offset-by-five-sevenths.columns:first-child {
  margin-left: 74.2857%; }

.offset-by-six-sevenths.column:first-child,
.offset-by-six-sevenths.columns:first-child {
  margin-left: 89.1459%; }

/* reverse offsets */
.reverse > .offset-by-seventh.column,
.reverse > .offset-by-seventh.columns,
.reverse > .offset-by-one-seventh.column,
.reverse > .offset-by-one-seventh.columns {
  margin-left: 0;
  margin-right: 18.8571%; }

.reverse > .offset-by-seventh.column:first-child,
.reverse > .offset-by-seventh.columns:first-child,
.reverse > .offset-by-one-seventh.column:first-child,
.reverse > .offset-by-one-seventh.columns:first-child {
  margin-right: 14.8471%; }

.reverse > .offset-by-two-sevenths.column,
.reverse > .offset-by-two-sevenths.columns {
  margin-left: 0;
  margin-right: 33.7143%; }

.reverse > .offset-by-two-sevenths.column:first-child,
.reverse > .offset-by-two-sevenths.columns:first-child {
  margin-right: 29.7143%; }

.reverse > .offset-by-three-sevenths.column,
.reverse > .offset-by-three-sevenths.columns {
  margin-left: 0;
  margin-right: 48.5714%; }

.reverse > .offset-by-three-sevenths.column:first-child,
.reverse > .offset-by-three-sevenths.columns:first-child {
  margin-right: 44.5714%; }

.reverse > .offset-by-four-sevenths.column,
.reverse > .offset-by-four-sevenths.columns {
  margin-left: 0;
  margin-right: 63.4286%; }

.reverse > .offset-by-four-sevenths.column:first-child,
.reverse > .offset-by-four-sevenths.columns:first-child {
  margin-right: 59.4286%; }

.reverse > .offset-by-five-sevenths.column,
.reverse > .offset-by-five-sevenths.columns {
  margin-left: 0;
  margin-right: 78.2857%; }

.reverse > .offset-by-five-sevenths.column:first-child,
.reverse > .offset-by-five-sevenths.columns:first-child {
  margin-right: 74.2857%; }

.reverse > .offset-by-six-sevenths.column:first-child,
.reverse > .offset-by-six-sevenths.columns:first-child {
  margin-right: 89.1459%; }

/**
 * 1/8
 */
.eighth.column,
.eighth.columns,
.one-eighth.column,
.one-eighth.columns {
  width: 9%; }

.three-eighths.column,
.three-eighths.columns {
  width: 35%; }

.five-eighths.column,
.five-eighths.columns {
  width: 61%; }

.seven-eighths.column,
.seven-eighths.columns {
  width: 87%; }

.offset-by-eighth.column,
.offset-by-eighth.columns,
.offset-by-one-eighth.column,
.offset-by-one-eighth.columns {
  margin-left: 17%; }

.offset-by-eighth.column:first-child,
.offset-by-eighth.columns:first-child,
.offset-by-one-eighth.column:first-child,
.offset-by-one-eighth.columns:first-child {
  margin-left: 13%; }

.offset-by-three-eighths.column,
.offset-by-three-eighths.columns {
  margin-left: 43%; }

.offset-by-three-eighths.column:first-child,
.offset-by-three-eighths.columns:first-child {
  margin-left: 39%; }

.offset-by-five-eighths.column,
.offset-by-five-eighths.columns {
  margin-left: 69%; }

.offset-by-five-eighths.column:first-child,
.offset-by-five-eighths.columns:first-child {
  margin-left: 65%; }

.offset-by-seven-eighths.column:first-child,
.offset-by-seven-eighths.columns:first-child {
  margin-left: 91%; }

/* reverse offsets */
.reverse > .offset-by-eighth.column,
.reverse > .offset-by-eighth.columns,
.reverse > .offset-by-one-eighth.column,
.reverse > .offset-by-one-eighth.columns {
  margin-left: 0;
  margin-right: 17%; }

.reverse > .offset-by-eighth.column:first-child,
.reverse > .offset-by-eighth.columns:first-child,
.reverse > .offset-by-one-eighth.column:first-child,
.reverse > .offset-by-one-eighth.columns:first-child {
  margin-right: 13%; }

.reverse > .offset-by-three-eighths.column,
.reverse > .offset-by-three-eighths.columns {
  margin-left: 0;
  margin-right: 43%; }

.reverse > .offset-by-three-eighths.column:first-child,
.reverse > .offset-by-three-eighths.columns:first-child {
  margin-right: 39%; }

.reverse > .offset-by-five-eighths.column,
.reverse > .offset-by-five-eighths.columns {
  margin-left: 0;
  margin-right: 69%; }

.reverse > .offset-by-five-eighths.column:first-child,
.reverse > .offset-by-five-eighths.columns:first-child {
  margin-right: 65%; }

.reverse > .offset-by-seven-eighths.column:first-child,
.reverse > .offset-by-seven-eighths.columns:first-child {
  margin-right: 91%; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/**
 * Collapsed Off-Grid Even Column Sets (optional)
 * ----------------------------------------------------------------------------
 * Because sometimes you need to go off-the-grid
 */
/**
 * 1/5
 */
.collapsed > .fifth.column,
.collapsed > .fifth.columns,
.collapsed > .one-fifth.column,
.collapsed > .one-fifth.columns {
  width: 20%; }

.collapsed > .two-fifths.column,
.collapsed > .two-fifths.columns {
  width: 40%; }

.collapsed > .three-fifths.column,
.collapsed > .three-fifths.columns {
  width: 60; }

.collapsed > .four-fifths.column,
.collapsed > .four-fifths.columns {
  width: 80%; }

.collapsed > .offset-by-fifth.column,
.collapsed > .offset-by-fifth.columns,
.collapsed > .offset-by-one-fifth.column,
.collapsed > .offset-by-one-fifth.columns {
  margin-left: 20%; }

.collapsed > .offset-by-two-fifths.column,
.collapsed > .offset-by-two-fifths.columns {
  margin-left: 40%; }

.collapsed > .offset-by-three-fifths.column,
.collapsed > .offset-by-three-fifths.columns {
  margin-left: 60%; }

.collapsed > .offset-by-four-fifths.column,
.collapsed > .offset-by-four-fifths.columns {
  margin-left: 80%; }

/* reverse offsets */
.collapsed.reverse > .offset-by-fifth.column,
.collapsed.reverse > .offset-by-fifth.columns,
.collapsed.reverse > .offset-by-one-fifth.column,
.collapsed.reverse > .offset-by-one-fifth.columns {
  margin-left: 0;
  margin-right: 20%; }

.collapsed.reverse > .offset-by-two-fifths.column,
.collapsed.reverse > .offset-by-two-fifths.columns {
  margin-left: 0;
  margin-right: 40%; }

.collapsed.reverse > .offset-by-three-fifths.column,
.collapsed.reverse > .offset-by-three-fifths.columns {
  margin-left: 0;
  margin-right: 60%; }

.collapsed.reverse > .offset-by-four-fifths.column,
.collapsed.reverse > .offset-by-four-fifths.columns {
  margin-right: 80%; }

/**
 * 1/7
 */
.collapsed > .seventh.column,
.collapsed > .seventh.columns,
.collapsed > .one-seventh.column,
.collapsed > .one-seventh.columns {
  width: 14.2857%; }

.collapsed > .two-sevenths.column,
.collapsed > .two-sevenths.columns {
  width: 28.5714%; }

.collapsed > .three-sevenths.column,
.collapsed > .three-sevenths.columns {
  width: 42.8571%; }

.collapsed > .four-sevenths.column,
.collapsed > .four-sevenths.columns {
  width: 57.1429%; }

.collapsed > .five-sevenths.column,
.collapsed > .five-sevenths.columns {
  width: 71.4286%; }

.collapsed > .six-sevenths.column,
.collapsed > .six-sevenths.columns {
  width: 85.7143%; }

.collapsed > .offset-by-seventh.column,
.collapsed > .offset-by-seventh.columns,
.collapsed > .offset-by-one-seventh.column,
.collapsed > .offset-by-one-seventh.columns {
  margin-left: 14.2857%; }

.collapsed > .offset-by-two-sevenths.column,
.collapsed > .offset-by-two-sevenths.columns {
  margin-left: 28.5714%; }

.collapsed > .offset-by-three-sevenths.column,
.collapsed > .offset-by-three-sevenths.columns {
  margin-left: 42.8571%; }

.collapsed > .offset-by-four-sevenths.column,
.collapsed > .offset-by-four-sevenths.columns {
  margin-left: 57.1429%; }

.collapsed > .offset-by-five-sevenths.column,
.collapsed > .offset-by-five-sevenths.columns {
  margin-left: 71.4286%; }

.collapsed > .offset-by-six-sevenths.column,
.collapsed > .offset-by-six-sevenths.columns {
  margin-left: 85.7143%; }

/* reverse offsets */
.collapsed.reverse > .offset-by-seventh.column,
.collapsed.reverse > .offset-by-seventh.columns,
.collapsed.reverse > .offset-by-one-seventh.column,
.collapsed.reverse > .offset-by-one-seventh.columns {
  margin-left: 0;
  margin-right: 14.2857%; }

.collapsed.reverse > .offset-by-two-sevenths.column,
.collapsed.reverse > .offset-by-two-sevenths.columns {
  margin-left: 0;
  margin-right: 28.5714%; }

.collapsed.reverse > .offset-by-three-sevenths.column,
.collapsed.reverse > .offset-by-three-sevenths.columns {
  margin-left: 0;
  margin-right: 42.8571%; }

.collapsed.reverse > .offset-by-four-sevenths.column,
.collapsed.reverse > .offset-by-four-sevenths.columns {
  margin-left: 0;
  margin-right: 57.1429%; }

.collapsed.reverse > .offset-by-five-sevenths.column,
.collapsed.reverse > .offset-by-five-sevenths.columns {
  margin-left: 0;
  margin-right: 71.4286%; }

.collapsed.reverse > .offset-by-six-sevenths.column,
.collapsed.reverse > .offset-by-six-sevenths.columns {
  margin-right: 85.7143%; }

/**
 * 1/8
 */
.collapsed > .eighth.column,
.collapsed > .eighth.columns,
.collapsed > .one-eighth.column,
.collapsed > .one-eighth.columns {
  width: 12.5%; }

.collapsed > .three-eighths.column,
.collapsed > .three-eighths.columns {
  width: 37.5%; }

.collapsed > .five-eighths.column,
.collapsed > .five-eighths.columns {
  width: 62.5%; }

.collapsed > .seven-eighths.column,
.collapsed > .seven-eighths.columns {
  width: 87.5%; }

.collapsed > .offset-by-eighth.column,
.collapsed > .offset-by-eighth.columns,
.collapsed > .offset-by-one-eighth.column,
.collapsed > .offset-by-one-eighth.columns {
  margin-left: 12.5%; }

.collapsed > .offset-by-three-eighths.column,
.collapsed > .offset-by-three-eighths.columns {
  margin-left: 37.5%; }

.collapsed > .offset-by-five-eighths.column,
.collapsed > .offset-by-five-eighths.columns {
  margin-left: 62.5%; }

.collapsed > .offset-by-seven-eighths.column,
.collapsed > .offset-by-seven-eighths.columns {
  margin-left: 87.5%; }

/* reverse offsets */
.collapsed.reverse > .offset-by-eighth.column,
.collapsed.reverse > .offset-by-eighth.columns,
.collapsed.reverse > .offset-by-one-eighth.column,
.collapsed.reverse > .offset-by-one-eighth.columns {
  margin-left: 0;
  margin-right: 12.5%; }

.collapsed.reverse > .offset-by-three-eighths.column,
.collapsed.reverse > .offset-by-three-eighths.columns {
  margin-left: 0;
  margin-right: 37.5%; }

.collapsed.reverse > .offset-by-five-eighths.column,
.collapsed.reverse > .offset-by-five-eighths.columns {
  margin-left: 0;
  margin-right: 62.5%; }

.collapsed.reverse > .offset-by-seven-eighths.column,
.collapsed.reverse > .offset-by-seven-eighths.columns {
  margin-right: 87.5%; }

#accordian h3 {
  font-size: 8em; }

abbr {
  font-size: 0.9375em; }

a img {
  border: none; }

p {
  margin: 0.8em 0 0; }

p:first-child {
  margin-top: 0; }

.live-page {
  width: 952px;
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px; }

.img-round {
  border-radius: 50%;
  height: 200px;
  width: 200px; }

.title {
  font-size: 0.5em; }

.apply-now-button {
  background-color: #951a1d;
  padding: 1em;
  border-radius: 0;
  display: block;
  text-align: center;
  margin-top: 10px; }

.apply-now-button a, .apply-now-button a:hover {
  font-size: 24px;
  color: #fff !important;
  text-decoration: none; }

.apply-now-button:hover {
  background: #d52327; }

.accordion-toggle {
  background: #efefef;
  margin: 10px 0 0 0;
  padding: 1.5em 1.5em 1.5em 1.5em;
  color: #313131;
  font-size: 1em;
  cursor: pointer;
  -webkit-transition: color 180ms ease;
  -moz-transition: color 180ms ease;
  transition: color 180ms ease; }

.accordion-toggle:hover {
  background: #e7e7e7; }

.accordion-content {
  display: none; }

.accordion-content.default {
  display: block; }

@media screen and (min-width: 1px) {
  .live-page {
    max-width: 870px;
    width: auto;
    padding-left: 16px;
    padding-right: 16px; } }

.logo {
  width: 200px;
  display: block; }

.logo img {
  display: block;
  width: 100%; }

.img {
  display: block;
  width: 100%;
  padding-top: 1.5em;
  padding-bottom: 1.5em; }

@media screen and (max-width: 500px) {
  .logo {
    width: 160px; } }

.header {
  background-color: #951a1d;
  padding: 0.75em 0 0.25em;
  color: #fff;
  overflow-x: hidden; }

.header h1 {
  font-size: 2.5em;
  margin: 0; }

.header h3 {
  font-size: 1.5em;
  margin: 0; }

.header .live-page {
  padding-top: 6px;
  padding-bottom: 15px; }

.menu-toggle {
  -webkit-transition: background-color 0.24s ease;
  -moz-transition: background-color 0.24s ease;
  transition: background-color 0.24s ease;
  color: #fff !important;
  text-decoration: none;
  font-size: 1em;
  float: right;
  display: none;
  padding: 0.5em 1em 0.4em;
  margin-top: 0.5em;
  background-color: #951a1d;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; }

.menu-toggle:hover {
  background-color: #d52327;
  color: #fff !important; }

.menu-toggle a:hover {
  color: #fff !important; }

@media screen and (max-width: 500px) {
  .menu-toggle {
    margin-top: 0.5em;
    font-size: 0.875em; }
  .live-page {
    overflow-x: hidden; } }

@media screen and (max-width: 860px) {
  .menu-toggle {
    display: block; } }

.footer {
  background-color: #313131;
  padding: 1.5em 1.5em 1.5em;
  color: #fff;
  margin-top: 2.5em; }

.footer p {
  font-size: 0.875em; }

.footer .logo {
  margin: 0.25em 0 0 auto; }

.footer a {
  color: #bfbba0; }

.footer a:hover {
  color: #d0ca9e; }

@media screen and (max-width: 733px) {
  .footer {
    text-align: center;
    padding: 1em 16px; }
  .footer .column {
    width: auto !important;
    float: none;
    margin: 0; }
  .footer .logo {
    margin: 0.25em auto 1em; } }

.nav {
  background-color: #951a1d;
  font-size: 0.9375em; }

.nav .live-page {
  display: block;
  background-color: #951a1d;
  padding: 0; }

.nav a:first-child {
  border-left: 1px solid #951a1d; }

.nav a:hover {
  background-color: #d52327; }

@media screen and (max-width: 860px) {
  .nav {
    border-top: 8px solid #951a1d;
    overflow: hidden; }
  .nav .live-page {
    margin: 0;
    padding: 0;
    display: none; }
  .nav a {
    display: block;
    float: none;
    border-right: none;
    border-top: 1px solid #bc4b4d; }
  .nav a:first-child {
    border-left: none;
    border-top: none; } }

.mti-feature {
  margin-bottom: 2em;
  background: url("/wp-assets/img/interns/hero3.png") no-repeat scroll 50% 60%;
  height: 200px; }

.mti-feature .live-page {
  position: relative;
  height: 22em; }

.mti-feature a {
  color: #d52327; }

.mti-feature a:hover {
  color: #ce484a; }

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px; }

blockquote:before {
  color: #ccc;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em; }

blockquote p {
  display: inline; }

.intern .announce {
  padding-top: 3em;
  color: #fff;
  overflow: hidden; }

.intern .announce h1 {
  color: #fff;
  font-size: 5em;
  line-height: 1;
  margin: 0 0 0 0;
  text-shadow: 2.5px 1px #000;
  text-align: center;
  font-family: "Oswald", "UniversLTW01-59UltraCn", Arial Narrow, sans-serif; }

.intern .announce h3 {
  color: #fff;
  font-size: 2em;
  line-height: 1;
  margin: 0 0 0 0;
  text-shadow: 2.5px 1px #000;
  text-align: center;
  font-family: "Oswald", "UniversLTW01-59UltraCn", Arial Narrow, sans-serif; }

.intern .announce ul {
  list-style: none;
  margin: 1.5em 0 0;
  padding: 0; }

.intern .announce li {
  float: left; }

.intern .announce .button {
  display: inline-block;
  float: left;
  margin-right: 1em;
  color: #fff;
  background-color: #951a1d;
  padding: 0.5em 0.8em 0.25em;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 1.125em;
  font-family: "Univers LT W01 65 Bold";
  -webkit-transition: background-color 0.24s ease;
  -moz-transition: background-color 0.24s ease;
  transition: background-color 0.24s ease;
  -webkit-font-smoothing: antialiased;
  font-weight: normal; }

.intern .announce .button:hover {
  background-color: #d52327;
  color: #fff; }

.jared {
  display: block;
  width: 220px;
  float: right;
  position: absolute;
  bottom: 0;
  right: 2em; }

@media screen and (max-width: 754px) {
  .mti-feature .live-page {
    height: 18em; }
  .intern .announce {
    padding-top: 3em; }
  .intern .announce h1 {
    font-size: 3.5em; }
  .intern .announce h3 {
    font-size: 2em; }
  .intern .announce .button {
    font-size: 1em; }
  .intern .jared {
    width: 180px; } }

@media screen and (max-width: 655px) {
  .mti-feature {
    margin-bottom: 1em;
    background-image: none;
    height: 50px; }
  .mti-feature .live-page {
    height: auto;
    background-color: #000; }
  .intern .announce {
    padding-top: 1em;
    padding-bottom: 1em; }
  .intern .announce p {
    font-size: 0.875em; }
  .intern .announce h1 {
    font-size: 2.75em; }
  .intern .announce h3 {
    font-size: 1.75em; }
  .intern .jared {
    display: none; } }

@media screen and (max-width: 400px) {
  .intern .announce .button {
    font-size: 0.8125em; } }

@media screen and (max-width: 305px) {
  .intern .announce h1 {
    font-size: 2.5em; }
  .intern .announce h3 {
    font-size: 1.5em; } }

@media screen and (max-width: 279px) {
  #about h3 {
    margin-top: 2.5em; } }

.about-jared {
  margin: 1em 0 1em;
  position: relative; }

.about-jared img {
  display: block;
  width: 100%; }

.about-jared img.small-screen {
  display: none;
  float: right;
  margin: 0 0 0.5em 1em; }

@media screen and (max-width: 500px) {
  .about-jared .eight.column {
    width: auto !important;
    margin-left: 0; }
  .about-jared img.large-screen {
    display: none; }
  .about-jared img.small-screen {
    float: right;
    display: block;
    width: 8em; } }

.get-in-touch {
  padding: 1.25em 16px 1em;
  margin: 2.4em -16px 1em;
  background: #f1ede4; }

.get-in-touch h2 {
  font-size: 1.5em;
  text-transform: none;
  letter-spacing: 0;
  border: none;
  color: #313131;
  margin: 0;
  padding: 0; }

.talk {
  padding: 0.5em 16px 0.6em;
  margin: 0.6em -16px 0; }

.talk ul {
  margin: 1em 0 0;
  padding-left: 1.25em;
  list-style: square; }

.talk li {
  margin: 0.5em 0 0; }

.talk li:first-child {
  margin-top: 0; }

.talk h3 {
  font-size: 1.85em;
  margin-bottom: 0.35em;
  margin-top: 0.5em; }

.talk .preview {
  padding-top: 0.25em;
  margin: 0 0 0.8em; }

.talk .video {
  -webkit-transition: background-color 0.24s ease;
  -moz-transition: background-color 0.24s ease;
  transition: background-color 0.24s ease;
  text-align: center;
  display: block;
  padding: 0.6em 0.6em 0.5em;
  margin: -0.6em -0.6em 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; }

.talk .video:hover {
  background-color: #f6f3f3; }

.talk .video span {
  padding-bottom: 56.25%;
  display: block;
  margin-bottom: 0.8em;
  background-color: #e2dddd;
  height: 0; }

.talk .video img {
  width: 100%;
  margin: 0 0 0.25em; }

.talk h4 {
  padding-top: 65px; }

.talk h4 small {
  display: block;
  font-style: italic; }

.headshot {
  width: 12em;
  float: left;
  margin: 0.5em 1em 1em 2em;
  display: block; }

.headshot .figure {
  border-bottom: 3px solid #a73e3f;
  display: block;
  margin-bottom: 0.5em; }

.headshot .figure img {
  width: 90%;
  margin: 0 auto;
  display: block; }

.headshot .figcaption {
  display: block;
  font-size: 0.875em;
  line-height: 1.4;
  text-align: center;
  color: #b6787b; }

.headshot .figcaption strong {
  color: #a73e3f; }

.timing {
  font-style: italic; }

small.permalink {
  font-size: 33%;
  color: #111; }

small.permalink a {
  color: #CCC; }

@media screen and (max-width: 800px) {
  .talk h3 {
    font-size: 1.8em; }
  #about .two-thirds h3 {
    padding-top: 1.5em; }
  .book a {
    font-size: 1.125em; } }

@media screen and (max-width: 700px) {
  .talk .column {
    width: auto !important;
    margin: 0 0 1.5em;
    float: none; } }

/*
  Changes from mswinimer during adapting Jared Live, Meet The Interns and New UI into wordpress:

  .page -> .livepage
  ~To avoid conflict with uie theme

*/
#jared-live h2 {
  color: #999;
  border-bottom: 1px solid #ddd;
  padding: 0.85em 16px 0.375em;
  margin: 1em -16px 1em;
  text-transform: uppercase;
  font-size: 1em;
  letter-spacing: 2px;
  font-weight: 600; }

#jared-live h3 {
  font-size: 1.4em; }

abbr {
  font-size: 0.9375em; }

a img {
  border: none; }

p {
  margin: 0.8em 0 0; }

a, .about-jared a, .preview a {
  color: #00A3B4 !important;
  text-decoration: underline;
  -webkit-transition: color 0.24s ease;
  -moz-transition: color 0.24s ease;
  transition: color 0.24s ease; }

a:hover, .about-jared a:hover, .preview a:hover {
  color: #006f74 !important; }

.button, .button:hover {
  text-decoration: none;
  color: #fff !important; }

.transcript {
  text-align: center;
  font-size: 0.9em; }

p:first-child {
  margin-top: 0; }

.live-page {
  width: 952px;
  margin: 0 auto;
  padding-left: 1.5em;
  padding-right: 1.5em; }

@media screen and (min-width: 1px) {
  .live-page {
    max-width: 870px;
    width: auto;
    padding-left: 1.5em;
    padding-right: 1.5em; } }

.header h1 {
  font-size: 2.5em;
  margin: 0; }

.header .live-page {
  padding-top: 6px;
  padding-bottom: 15px; }

.menu-toggle {
  -webkit-transition: background-color 0.24s ease;
  -moz-transition: background-color 0.24s ease;
  transition: background-color 0.24s ease;
  color: #fff;
  font-size: 1em;
  float: right;
  display: none;
  padding: 0.5em 1em 0.4em;
  margin-top: 0.5em;
  background-color: #951a1d;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; }

.menu-toggle:hover {
  background-color: #d52327;
  color: #fff !important; }

.menu-toggle a:hover {
  color: #fff !important; }

@media screen and (max-width: 500px) {
  .menu-toggle {
    margin-top: 0.5em;
    font-size: 0.875em; } }

@media screen and (max-width: 860px) {
  .menu-toggle {
    display: block; } }

.footer {
  background-color: #313131;
  padding: 1.5em 1.5em 1.5em;
  color: #fff;
  margin-top: 2.5em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.footer p {
  font-size: 0.875em; }

.footer .logo {
  margin: 0.25em 0 0 auto; }

.footer a {
  color: #bfbba0; }

.footer a:hover {
  color: #d0ca9e; }

@media screen and (max-width: 733px) {
  .footer {
    text-align: center;
    padding: 1em 16px; }
  .footer .column {
    width: auto !important;
    float: none;
    margin: 0; }
  .footer .logo {
    margin: 0.25em auto 1em; } }

.nav {
  background-color: #e9e9e9;
  font-size: 0.9375em; }

.nav .live-page {
  display: flex;
  justify-content: space-between;
  width: 870px;
  margin: 0 auto; }

.nav a {
  background-color: #951a1d;
  display: inline-block;
  color: #fff !important;
  text-decoration: none;
  line-height: 1;
  margin: 0;
  border-right: 1px solid #951a1d;
  padding: 0.45em 0.5em 0.45em;
  float: left;
  -webkit-transition: background-color 0.24s ease;
  -moz-transition: background-color 0.24s ease;
  transition: background-color 0.24s ease; }

.nav a:first-child {
  border-left: 1px solid #951a1d; }

.nav a:hover {
  background-color: #d52327; }

@media screen and (max-width: 860px) {
  .nav {
    border-top: 8px solid #951a1d;
    overflow: hidden; }
  .nav .live-page {
    margin: 0;
    padding: 0;
    display: none; }
  .nav a {
    display: block;
    float: none;
    border-right: none;
    border-top: 1px solid #bc4b4d; }
  .nav a:first-child {
    border-left: none;
    border-top: none; } }

#jared-live .feature {
  margin-bottom: 2em;
  background: #191818 url("/wp-assets/img/jared-live/stage.jpg") no-repeat scroll 50% 60%; }

.feature .live-page {
  position: relative;
  height: 22em; }

.feature-cta a {
  color: #00A3B4; }

.feature-cta a:hover {
  color: #006f74; }

.announce {
  padding-top: 5.5em;
  color: #fff;
  overflow: hidden; }

.announce h1 {
  color: #fff;
  font-size: 5em;
  font-weight: normal;
  line-height: 1;
  margin: 0 0 0.375em;
  font-family: "Oswald", "UniversLTW01-59UltraCn", Arial Narrow, sans-serif; }

.announce ul {
  list-style: none;
  margin: 1.5em 0 0;
  padding: 0; }

.announce li {
  float: left; }

.announce .button {
  display: inline-block;
  float: left;
  margin-right: 1em;
  color: #fff;
  background-color: #951a1d;
  padding: 0.5em 0.8em 0.5em;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 1.125em;
  -webkit-transition: background-color 0.24s ease;
  -moz-transition: background-color 0.24s ease;
  transition: background-color 0.24s ease;
  -webkit-font-smoothing: antialiased;
  font-weight: normal; }

.announce .button:hover {
  background-color: #d52327;
  color: #fff; }

.jared {
  display: block;
  width: 220px;
  float: right;
  position: absolute;
  bottom: 0;
  right: 0; }

@media screen and (max-width: 754px) {
  .feature .live-page {
    height: 18em; }
  .announce {
    padding-top: 3em; }
  .announce h1 {
    font-size: 3.5em; }
  .announce .button {
    font-size: 1em; }
  .jared {
    width: 180px; } }

@media screen and (max-width: 655px) {
  .feature {
    margin-bottom: 1em;
    background-image: none; }
  .feature .live-page {
    height: auto; }
  .announce {
    padding-top: 1em;
    padding-bottom: 1em; }
  .announce p {
    font-size: 0.875em; }
  .announce h1 {
    font-size: 2.75em; }
  .jared {
    display: none; } }

@media screen and (max-width: 400px) {
  .announce .button {
    font-size: 0.8125em; } }

.about-jared {
  margin: 1em 0 1em;
  position: relative; }

.about-jared img {
  display: block;
  width: 100%; }

.about-jared img.small-screen {
  display: none;
  float: right;
  margin: 0 0 0.5em 1em; }

@media screen and (max-width: 500px) {
  .about-jared .eight.column {
    width: auto !important;
    margin-left: 0; }
  .about-jared img.large-screen {
    display: none; }
  .about-jared img.small-screen {
    float: right;
    display: block;
    width: 8em; } }

.get-in-touch {
  padding: 1.25em 24px 1em;
  margin: 2.4em -16px 1em;
  background: #f1ede4; }

.get-in-touch h2 {
  font-size: 1.5em;
  text-transform: none;
  letter-spacing: 0;
  border: none;
  color: #313131;
  margin: 0;
  padding: 0; }

.talk {
  padding: 0.5em 16px 0.6em;
  margin: 0.6em -16px 0; }

.talk.first {
  margin-top: -1em; }

.talk ul {
  margin: 1em 0 0;
  padding-left: 1.25em;
  list-style: square; }

.talk li {
  margin: 0.5em 0 0; }

.talk li:first-child {
  margin-top: 0; }

.talk h3 {
  font-size: 1.85em;
  margin-bottom: 0.35em;
  margin-top: 0.5em; }

.talk .preview {
  padding-top: 0.25em;
  margin: 0 0 0.8em; }

.talk .video {
  -webkit-transition: background-color 0.24s ease;
  -moz-transition: background-color 0.24s ease;
  transition: background-color 0.24s ease;
  text-align: center;
  display: block;
  padding: 0.6em 0.6em 0.5em;
  margin: -0.6em -0.6em 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; }

.talk .video:hover {
  background-color: #f6f3f3; }

.talk .video span {
  padding-bottom: 56.25%;
  display: block;
  margin-bottom: 0.8em;
  background-color: #e2dddd;
  height: 0; }

.talk .video img {
  width: 100%;
  margin: 0 0 0.25em; }

.talk h4 small {
  display: block;
  font-style: italic; }

.book {
  margin-top: 1.6em; }

.book a {
  -webkit-transition: background-color 0.24s ease;
  -moz-transition: background-color 0.24s ease;
  transition: background-color 0.24s ease;
  display: block;
  font-size: 1.3em;
  background-color: #951a1d;
  font-weight: 500;
  color: #fff;
  text-align: center;
  padding: 0.5em;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.book a:hover {
  background-color: #d52327 !important; }

.headshot {
  width: 12em;
  float: left;
  margin: 0.5em 1em 1em 2em;
  display: block; }

.headshot .figure {
  border-bottom: 3px solid #951a1d;
  display: block;
  margin-bottom: 0.5em; }

.headshot .figure img {
  width: 90%;
  margin: 0 auto;
  display: block; }

.headshot .figcaption {
  display: block;
  font-size: 0.875em;
  line-height: 1.4;
  text-align: center;
  color: #b6787b; }

.headshot .figcaption strong {
  color: #951a1d; }

.timing {
  font-style: italic; }

small.permalink {
  font-size: 33%;
  color: #111;
  display: inline-block;
  padding-left: 0.25em; }

small.permalink a {
  color: #CCC; }

@media screen and (max-width: 800px) {
  .talk h3 {
    font-size: 1.8em; }
  .book a {
    font-size: 1.125em; } }

@media screen and (max-width: 650px) {
  .book a {
    font-size: 1em; } }

@media screen and (max-width: 600px) {
  .talk .column {
    width: auto !important;
    margin: 0 0 1.5em;
    float: none; } }

@media screen and (max-width: 500px) {
  .talk h3 {
    font-size: 1.8em; } }

.go {
  display: none;
  width: 700px;
  padding: 1em 1.5em 0.5em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.go h2 {
  text-transform: none;
  line-height: 1.3;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.5em;
  border: none;
  color: #eee;
  margin: 0;
  padding: 0; }

.go .contact-options {
  width: 620px;
  margin-top: 2.5em; }

.contact-options {
  margin: 1.5em auto 1em;
  text-align: center; }

.contact-options .boost {
  display: block;
  font-size: 1.85em;
  line-height: 1.2;
  margin-top: 1em;
  letter-spacing: -0.5px; }

.contact-options .boost:first-child {
  margin-top: 0; }

.contact-options .or {
  display: block;
  margin-top: 0.375em; }

.contact-options small {
  display: block;
  color: #777;
  font-size: 0.875em;
  line-height: 1.25;
  margin: 0.5em auto 0;
  max-width: 230px; }

.contact-options a {
  color: #bd4243; }

.contact-options a:hover {
  color: #d45556; }

@media screen and (max-width: 800px) {
  .go {
    width: 540px; }
  .go .contact-options {
    width: 100%; }
  .contact-options .boost {
    font-size: 1.6em; } }

@media screen and (max-width: 670px) {
  .go {
    width: 420px;
    font-size: 0.875em;
    padding: 0.75em 1.25em; }
  .go h2 {
    font-size: 1.2em; }
  .go .contact-options {
    margin-top: 1em; }
  .contact-options .boost {
    font-size: 1.2em; } }

@media screen and (max-width: 538px) {
  .go {
    width: 300px;
    font-size: 0.875em; }
  .go .contact-options {
    margin-top: 1.5em;
    margin-bottom: 0; }
  .go .one-seventh.column {
    display: none; }
  .go .column {
    width: auto !important;
    float: none;
    margin: 1em 0 0; }
  .column:first-child {
    margin-top: 0; } }

@media screen and (max-width: 520px) {
  .get-in-touch .contact-options {
    margin-top: 1em;
    margin-bottom: 0.5em; }
  .get-in-touch .column {
    width: auto !important;
    float: none;
    margin: 1em 0 0; }
  .get-in-touch .column:first-child {
    margin-top: 0; } }

@media screen and (max-width: 400px) {
  .go {
    width: 240px;
    padding: 0.5em 0.25em; } }

/* Code for Transcripts */
#transcript {
  background-color: #333333;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  line-height: 1.5em; }

#transcript h1 a {
  color: #000000;
  text-decoration: underline; }

#transcript h1, #transcript h2, #transcript h3, #transcript h4, #transcript h5 {
  padding-left: 5%;
  padding-right: 5%; }

#transcript h1 {
  font-size: 2em;
  line-height: 1.2em;
  margin-bottom: 20px; }

/* h1 = 24px ÷ 16 = 1.5em */
/* line height = 28.8 ÷ 16 */
#transcript h2 {
  font-size: 1.3125em;
  line-height: 1.575em;
  font-weight: normal; }

/* h2 = 21px ÷ 16 = 1.3125em */
/*  line height = 25.2px ÷ 16 = 1.575em */
#transcript h3 {
  font-size: 1.125em;
  line-height: 1em;
  font-weight: normal;
  margin-bottom: 10px; }

/* h3 = 18px ÷ 16 = 1.125em */
#transcript h4 {
  font-size: 1em;
  line-height: 1.2em; }

#transcript h5 {
  font-size: 0.875em;
  line-height: 1.05em; }

/* h5 = 14px ÷ 16 = 0.875em */
#transcript small {
  padding-left: 5%;
  padding-right: 5%; }

#transcript #container {
  background-color: white;
  color: #000000;
  margin: 40px auto;
  padding: 2em;
  max-width: 43.75em;
  /* 700px / 16px = 43.75em */ }

#transcript div#header {
  padding-bottom: 1em;
  width: 100%; }

#transcript div#header a {
  color: #000000; }

#transcript #intro {
  font-style: italic;
  padding-bottom: 5px;
  padding-top: 5px; }

#transcript #article {
  border-top-color: #cccccc;
  border-top-style: solid;
  border-top-width: 1px;
  padding-top: 0.75em;
  line-height: 1.45em;
  margin-bottom: 1em; }

#transcript #article strong {
  font-weight: bold; }

#transcript p {
  padding-left: 5%;
  padding-right: 5%; }

#transcript p.speaker_2_text {
  background-color: #eeeeee;
  padding-top: 5px; }

#transcript p.speaker_3_text {
  background-color: #ffffcc;
  padding-top: 5px; }

#transcript p.speaker_4_text {
  background-color: #FFD27F;
  padding-top: 5px; }

#transcript p.speaker_5_text {
  background-color: #ccccff;
  padding-top: 5px; }

#transcript p.speaker_6_text {
  background-color: #cccccc;
  padding-top: 5px; }

@media screen and (max-width: 768px) {
  #transcript #container {
    margin: 0 auto; }
  #transcript #article p, #transcript #intro {
    line-height: 2em; } }

@media screen and (max-width: 538px) {
  #transcript #article p, #transcript #intro {
    font-size: 110%; }
  #transcript #container {
    padding-left: 1.2em;
    padding-right: 1.2em; } }

@media screen and (max-width: 470px) {
  #transcript h1 {
    font-size: 1.6em; } }

@media screen and (max-width: 360px) {
  #transcript {
    background-color: #fff; }
  #transcript #container {
    padding: 10px; } }

/* line 171, ../../src/scss/landing-page.scss */
footer.global {
  padding: 1.78571428571429em 2em 0.85714285714286em 2em;
  padding-bottom: 1.5em;
  background: #e9e9e9;
  color: #000;
  font-size: 14px;
  margin-top: 2.5em; }

/* line 177, ../../src/scss/landing-page.scss */
footer.global .logo,
footer.global .ie-logo {
  display: block;
  margin-bottom: 0.42857142857143em;
  float: left;
  height: 3.6em; }

/* line 185, ../../src/scss/landing-page.scss */
footer.global a {
  color: #951a1d;
  text-decoration: underline; }

footer.global a.phone-link {
  color: #951a1d;
  text-decoration: underline; }

/* line 189, ../../src/scss/landing-page.scss */
/* line 194, ../../src/scss/landing-page.scss */
footer.global .uie {
  padding: 1.78571428571429em 4% 2em 4em;
  margin: -1.78571428571429em 0 -0.85714285714286em -4em;
  line-height: 1.71428571428571;
  float: left; }

/* line 200, ../../src/scss/landing-page.scss */
footer.global .uie span {
  color: #d52327;
  margin: 0 0.3125em; }

/* line 205, ../../src/scss/landing-page.scss */
footer.global .uie p {
  margin-left: 112px; }

/* line 210, ../../src/scss/landing-page.scss */
footer.global .footer-about {
  float: right; }

footer.global .footer-info {
  display: flex;
  flex-direction: column;
  padding-left: 4em; }

.footer-info a {
  color: #951a1d !important; }

footer.global .footer-intro {
  width: 68%; }

footer.global .footer-paras {
  display: flex;
  flex-direction: row; }

footer.global .footer-para-left {
  margin-top: 10px; }

footer.global .footer-para-right {
  margin-top: 10px;
  margin-left: 5em; }

@media screen and (max-width: 860px) {
  footer.global .footer-info {
    padding-left: 0; }
  footer.global .footer-div {
    display: flex;
    flex-direction: column; } }

@media screen and (max-width: 660px) {
  /* line 171, ../../src/scss/landing-page.scss */
  footer.global {
    padding-bottom: 2em; }
  /* line 217, ../../src/scss/landing-page.scss */
  footer.global .footer-about {
    margin-left: 0;
    padding-left: 0;
    clear: both;
    float: none; }
  /* line 224, ../../src/scss/landing-page.scss */
  footer.global .footer-about,
  footer.global .uie p {
    margin-bottom: 0.75em; } }

@media screen and (max-width: 575px) {
  footer.global .footer-paras {
    flex-direction: column; }
  footer.global .footer-para-right {
    margin-left: 0; }
  footer.global .footer-intro {
    width: 100%; } }

@media screen and (max-width: 500px) {
  footer.global a.phone-link {
    color: #d52327; }
  footer.global .footer-div {
    display: flex;
    flex-direction: column; } }

@media screen and (max-width: 400px) {
  /* line 171, ../../src/scss/landing-page.scss */
  footer.global {
    font-size: 12px; }
  /* line 240, ../../src/scss/landing-page.scss */
  footer.global .uie p {
    margin-left: 96px; } }









    








/*
    ---------START --------
FOOTER BASICS
    ----------------- */

    :root {
      --darkRed: #951a1d;
      --brightRed: #d52327;
      --darkBlue: #006f74;
      --brightBlue: #00a3b4;
      --darkGreen: #575e22;
      --brightGreen: #8c9b28;
      --darkYellow: #9b621c;
      --brightYellow: #d8a739;
      --darkPurple: #662547;
      --brightPurple: #932057;
      --darkOrange: #c14e28;
      --brightOrange: #ec621d;
      --lightgray: #f2f2f2;
      --darkGray: #a3a3a3;
      --black: #2c2c2c;
      --bgMain: #951a1d;
      --bigBorderColor: #2c2c2c;
      /* --accent: (var(brightRed)); */
  }
  
  .container-home * {
      margin: 0;
      padding: 0;
      line-height: 1.5;
      font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
      box-sizing: border-box;
  } 
  .gray-bg {
      background-color: var(--lightgrey);
  }
  
  .black-bg {
      background-color: var(--black);
  }
  .container-home {
      max-width: 870px;
      margin: 0 auto;
  }
  
  @media only screen and (max-width: 860px) {
      .container-home {
          max-width: 580px;
          margin: 0 auto;
      }
  }
  
  
  
  .container-home .h1 {
      padding: 30px 0px;
      padding-bottom: 0;
      padding: 30px 0px;
      margin: 0px;
      font-weight: 600;
  }
  /*
      ---------END --------
  FOOTER BASICS
      ----------------- */
  
  
  /*
      ---------START--------
      Above the FOOTER area
      Products - Resources - Who We Are
      ----------------- */
  .products-and-resources {
      /* padding-top: 60px; */
  }
  
  .footer-top {
      display: flex;
      flex-wrap: wrap;
  }
  
  .basis25 {
      flex-basis: 25%;
  }
  
  
  .footer-top h3 {
      font-weight: 700;
      font-size: 22px;
  }
  
  .products-and-resources .basis50 {
      width: 100%;
  }
  
  .footer-top-links a {
      text-decoration: none;
      color: black !important;
      font-size: 20px;
  }
  
  .footer-top-links {
      padding-left: 20px;
      padding-right: 20px;
  }
  
  .footer-top-links a:hover {
      text-decoration: underline;
      color: black !important;
  }
  
  .products-and-resources h3 {
      font-weight: 700;
      font-size: 22px;
  }
  
  .products-and-resources {
      display: flex;
  }
  
  .products-and-resources .left,
  .products-and-resources .right {
      flex-basis: 65%;
      display: flex;
  }
  
  .products-and-resources .right {
      flex-basis: 35%;
  }
  
  
  @media only screen and (max-width: 860px) {
      .products-and-resources {
          display: flex;
          flex-direction: column;
          max-width: 580px;
          margin: 0 auto;
      }
  
  
  
      .products-and-resources .left,
      .products-and-resources .right {
          margin-top: 50px;
          width: 100%;
      }
  
      .products-and-resources .basis50 {
          width: 100%;
      }
  }
  
  
  @media only screen and (max-width: 450px) {
      .products-and-resources .left {
          display: flex;
          flex-direction: column;
      }
  
      .heading-hide-on-mobile {
          display: none;
      }
  }
  
  
  .products-and-resources .heading {
      margin-top: 30px;
      margin-bottom: 30px;
  }
  
  .tweet-acc a {
      color: #313131 !important;
      text-decoration: none;
      font-weight: 900 !important;
  }
  
  .tweet-acc a:hover {
      color: #313131 !important;
      text-decoration: underline;
      font-weight: 900 !important;
  }
  
  .tweet-acc p {
      font-size: 17px;
  }
  
  
  
  @media only screen and (min-width: 861px) and (max-width: 992px) {
      .tweet-acc .leslie{
      font-size: 16px;
  }
  }
  /* 
      ---------END--------
      Above the FOOTER area
      Products - Resources - Who We Are
      ----------------- */
  
  .contr {
      max-width: 1200px;
      margin: 0 auto;
  }
  
  .txt-center {
      text-align: center;
  }
  
  .margin-for-testing {
      margin-top: 200px;
  }
  
  
  /* 
  ----------------------------
  START -- NEW FOOTER
  ---------------------------- 
  */
  
  
  
  .ft-mk .ft-logo {
      max-width: 340px;
  }
  
  .ft-mk p {
      font-size: 17px;
  }
  
  .img-resp {
      width: 100%;
      height: auto;
  }
  
  .footer-padding {
      padding: 20px 20px 20px 20px;
  }
  
  .emulated-flex-gap p {
      font-size: 17px;
  }
  
  .emulated-flex-gap {
      --gap: 20px;
      display: inline-flex;
      flex-wrap: wrap;
      margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap));
      width: calc(100% + var(--gap));
  }
  
  .emulated-flex-gap div {
      flex-basis: calc(33% - var(--gap));
  }
  
  .emulated-flex-gap>* {
      margin: var(--gap) 0 0 var(--gap);
  }
  
  @media only screen and (max-width: 625px) {
      .ft-mk {
          justify-content: flex-end;
      }
  
      .ft-mk .b2 {
          flex-basis: calc(50% - var(--gap)) !important;
      }
  
      .ft-mk .c1 {
          align-self: flex-end !important;
  
          flex-basis: 100% !important;
      }
  }
  
  
  @media only screen and (max-width: 500px) {
  
      .ft-mk .b2 {
          flex-basis: 100% !important;
      }
  
      .ft-mk .c1 {
  
          flex-basis: 100% !important;
      }
  }
  
  @media only screen and (max-width: 400px) {
  
      /* take off paddings and margins from middle elements on <400px */
      .footer-notice :not(:first-child):not(:last-child) {
          /* select middle elements with -> :not(:first-child):not(:last-child)  */
          padding-top: 0px;
          padding-bottom: 0px;
          margin-top: 0px;
          margin-bottom: 0px;
      }
  }
  
  
  .footer-notice {
      display: flex;
      flex-wrap: wrap-reverse;
      /* padding: 20px 20px; */
      justify-content: space-between;
      color: rgb(82, 82, 82);
      font-size: 14px;
  }
  
  .footer-notice-add {
      padding: 10px 20px;
  }
  
  .footer-notice span {
      margin-right: 30px;
      margin: 20px;
  }
  
  .footer-notice .light-footer span a {
      color: rgb(82, 82, 82) !important;
      font-weight: 500;
  }
  
  .line-ft {
      /* margin: 0 20px;  */
      margin: 0;
      border-top: 1px solid rgb(204, 204, 204);
  }
  
  .light-footer {
      background-color: var(--lightgray);
  }
  
  .dark-footer {
      background-color: var(--black);
  }
  .dark-bg{
      background-color: var(--black);
  }
  .light-bg{
      background-color: var(--lightgray);
  }
  
  .light-footer .white-logo {
      display: none;
  }
  
  .dark-footer .black-logo {
      display: none;
  }
  
  .dark-footer p {
      color: #e9e9e9;
  }
  
  .dark-footer .footer-notice {
      color: #bebebe;
  }
  
  .dark-footer .footer-notice a {
      color: #bebebe !important;
  }
  
  .dark-footer .line-ft {
      /* margin: 0 20px;  */
      border: none;
      border-top: 1px solid rgb(115 115 115);
  }
  
  /* 
  ----------------------------
  END -- NEW FOOTER
  ---------------------------- 
  */