.text-capitalize {
  text-transform: capitalize;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-lowercase {
  text-transform: lowercase;
}
.btn-gradient {
  color: #fff;
  text-decoration: none;
  background: #3CBF8D;
  background: -moz-linear-gradient(90deg, #28986E 50%, #3CBF8D 80%);
  background: -webkit-linear-gradient(0deg, #28986E 50%, #3CBF8D 80%);
  background: linear-gradient(90deg, #28986E 50%, #3CBF8D 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#28986E, endColorstr=#3CBF8D, GradientType=1);
  background-size: 200% auto;
  background-position: right center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  font-size: 0.8em;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: inherit;
}
.btn-gradient:hover {
  color: #fff !important;
  background-position: left center;
  /* change the direction of the change here */
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
}
.btn-cta {
  padding: 13px;
  min-width: 200px;
  font-size: 1.1em;
}
.border-radius {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.border-radius-small {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.border-radius-large {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.border-radius-none {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.border-green {
  border: 0.25rem solid #3cbf8d;
}
.box-shadow {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.48);
}
.box-shadow-light {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.18);
}
.box-shadow-light-inset {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.18) inset;
}
.box-shadow-none {
  box-shadow: none !important;
}
.font-size-larger {
  font-size: 1.125em;
}
@media (min-width: 768px) {
  .font-size-md-larger {
    font-size: 1.125em;
  }
}
@media (min-width: 992px) {
  .font-size-lg-larger {
    font-size: 1.125em;
  }
}
@font-face {
  font-family: 'Playlist';
  src: url('/static/fonts/playlist_script-webfont.woff') format('woff'), url('/static/fonts/playlist_script-webfont.woff2') format('woff2');
}
[hidden][style*="display: block"] {
  display: block !important;
}
.img-responsive {
  max-width: 100%;
  height: auto;
}
.jumbotron {
  padding: 0;
  background: transparent;
  margin: 0;
}
.nowrap {
  white-space: nowrap;
}
.padding-bottom {
  padding-bottom: 60px;
}
.padding-top {
  padding-top: 60px;
}
.justify-content-center {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.justify-content-space-between {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.align-items-center {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.align-items-space-between {
  -webkit-box-align: space-between;
  -moz-box-align: space-between;
  -webkit-align-items: space-between;
  -ms-flex-align: space-between;
  align-items: space-between;
}
.letter-spacing-0 {
  letter-spacing: 0 !important;
}
.letter-spacing-1 {
  letter-spacing: 1px !important;
}
.letter-spacing-2 {
  letter-spacing: 2px !important;
}
.letter-spacing-3 {
  letter-spacing: 3px !important;
}
.letter-spacing-4 {
  letter-spacing: 4px !important;
}
.bg-white {
  background: #fff;
}
.bg-white-90 {
  background-color: rgba(255, 255, 255, 0.9);
}
.bg-offwhite {
  background: #F8F8F8;
}
.bg-orange {
  background: #FF7F00;
}
.bg-grey {
  background: #5A5A5A;
}
.bg-lightgrey {
  background: #9D9D9D;
}
.bg-green {
  background: #3CBF8D;
}
.bg-green-dark {
  background: #28986E;
}
.bg-green-light {
  background: #DDEBEB;
}
.bg-red {
  background: #D85A5A;
}
.bg-none {
  background: inherit !important;
}
.text-white {
  color: #fff;
}
.text-grey {
  color: #5A5A5A;
}
.text-lightgrey {
  color: #9D9D9D;
}
.text-green {
  color: #3CBF8D;
}
.text-green-dark {
  color: #28986E;
}
.article-end-quote {
  font-family: 'freight-display-pro', Helvetica, Arial, sans-serif;
  font-size: 2em;
  padding: 30px 0;
  margin-top: 20px;
  margin-bottom: 0;
  border-top: 1px solid #f5f5f5;
  text-align: center;
}
.ratio-3x4::before {
  padding-top: 133.33333333%;
}
.ratio-9x16::before {
  padding-top: 177.77777778%;
}
a {
  color: #3CBF8D;
  font-weight: 600;
  text-decoration: none;
}
a:focus,
a:hover {
  color: #28986E;
  text-decoration: none;
  -webkit-transition: all 0.24s ease;
  -moz-transition: all 0.24s ease;
  -o-transition: all 0.24s ease;
  transition: all 0.24s ease;
}
a.link--grey {
  color: #5A5A5A;
}
a.link--white {
  color: #ffffff;
  border-bottom: 2px solid transparent;
}
a.link--white:hover {
  color: #ffffff;
  border-bottom: 2px solid #ffffff;
}
:focus {
  outline: none !important;
}
.link--spaced {
  text-transform: uppercase;
  font-size: 0.8em;
  letter-spacing: 2px;
  font-weight: 700;
}
button {
  font-weight: 600;
  border: none;
  -webkit-transition: background 0.24s ease, color 0.24s ease;
  -moz-transition: background 0.24s ease, color 0.24s ease;
  -o-transition: background 0.24s ease, color 0.24s ease;
  transition: background 0.24s ease, color 0.24s ease;
}
button .link--spaced {
  background: none;
  color: #3CBF8D;
  padding: 0;
}
button .link--spaced:hover,
button .link--spaced:active {
  color: #309870;
}
.btn-after-pay {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0;
  background-color: #B2FCE3;
  line-height: 1em;
  outline: 0;
}
.btn-after-pay:hover,
.btn-after-pay:focus,
.btn-after-pay:active {
  background: #52FFD3;
}
.btn-white-new {
  font-size: 1em;
  color: #222222;
  background: #fff;
  border: 2px solid #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn-white-new:hover,
.btn-white-new:active,
.btn-white-new:focus {
  color: #fff;
  background: transparent;
}
.link--slideo {
  display: block;
  position: relative;
  padding: 5px 0;
}
.link--slideo:hover .slideo--text {
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -o-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}
.link--slideo:hover:before {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.link--slideo .slideo--text {
  display: block;
  background: #ffffff;
  -webkit-transition: -webkit-transform 0.24s ease;
  -moz-transition: -moz-transform 0.24s ease;
  -o-transition: -o-transform 0.24s ease;
  transition: -webkit-transform 0.24s ease,-moz-transform 0.24s ease,-o-transform 0.24s ease,transform 0.24s ease;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.link--slideo:before {
  font-family: 'FontAwesome';
  content: '\f105';
  position: absolute;
  opacity: 0;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -o-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: opacity 0.24s ease, -webkit-transform 0.2s ease;
  -moz-transition: opacity 0.24s ease, -moz-transform 0.2s ease;
  -o-transition: opacity 0.24s ease, -o-transform 0.2s ease;
  transition: opacity 0.24s ease,-webkit-transform 0.2s ease,-moz-transform 0.2s ease,-o-transform 0.2s ease,transform 0.2s ease;
}
.flexbox:not(.flexboxtweener) .container-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flexbox:not(.flexboxtweener) .container-flex > .row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flexbox:not(.flexboxtweener) .container-flex > .row > [class^='col'] {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
body,
p {
  font-weight: 400;
  color: #222222;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.42857143;
  font-family: proxima-nova, "Roboto", sans-serif !important;
}
p {
  margin: 1em 0;
}
.thin {
  font-weight: 300;
}
.normal {
  font-weight: 400;
}
.thick {
  font-weight: 600;
}
.super-thick {
  font-weight: 700;
}
.mega-thick {
  font-weight: 700;
}
h1,
h2,
h3,
h4,
h5 {
  line-height: 1.2;
}
h1 {
  font-size: 2.5em;
  font-weight: 300;
}
h2 {
  font-size: 1.7em;
  font-weight: 400;
}
h3 {
  margin: 0 0 10px 0;
  font-size: 1.3em;
  font-size: 1.4em;
  font-weight: 400;
}
h4 {
  margin: 0 0 10px 0;
  font-size: 1em;
  font-size: 1.2em;
  font-weight: 400;
}
img.right {
  float: right;
  margin: 0px 0px 10px 10px;
}
img.left {
  float: left;
  margin: 0px 10px 10px 0px;
}
.load-more {
  height: 100px;
}
.align-top {
  margin-top: 0 !important;
}
.slick-initialized.slick-slider {
  display: block;
}
.slick-slider {
  display: none;
}
.form-control {
  border-radius: 0;
  padding: 8px 12px;
  height: 42px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: #ddd;
}
.form-inline-btn {
  position: relative;
}
.form-inline-btn button {
  position: absolute;
  bottom: 0px;
  right: 0;
  height: 52px;
  width: 52px;
  border-radius: 0;
  color: #fff !important;
}
.form-inline-btn .form-control {
  margin-right: 52px;
}
.form_summary p {
  margin: 0;
}
.email_form button[type='submit'] {
  float: right;
  width: 100%;
  max-width: 300px;
  padding: 15px 0;
}
.form-control.error {
  border-color: #F58888;
}
.input--label.error {
  color: #F58888;
}
.input--label ~ .form-control {
  padding: 12px 12px 2px;
  height: 52px;
}
.input--label ~ textarea.form-control,
.input--label ~ input[type='file'].form-control {
  padding: 15px 12px 2px;
}
.input-label-hint {
  margin-top: 15px;
}
.input--label {
  position: absolute;
  left: 0;
  color: #888888;
  font-size: 0.8em;
  cursor: text;
  font-weight: 400;
  padding: 0 12px;
  margin: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.1s ease;
  -moz-transition: -moz-transform 0.1s ease;
  -o-transition: -o-transform 0.1s ease;
  transition: -webkit-transform 0.1s ease,-moz-transform 0.1s ease,-o-transform 0.1s ease,transform 0.1s ease;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.input--label[for='id_comments'],
.input--label[for='id_main_focuses_and_activities'],
.input--label[for='id_summary'],
.input--label[for='id_description'],
.input--label[for='id_main_focus'],
.input--label[for='id_summary'] {
  top: 25px;
}
.input--label[for='id_file'] {
  top: 25px;
  -webkit-transform: translateY(-150%) scale(0.8);
  -moz-transform: translateY(-150%) scale(0.8);
  -o-transform: translateY(-150%) scale(0.8);
  -ms-transform: translateY(-150%) scale(0.8);
  transform: translateY(-150%) scale(0.8);
}
.input--filled .input--label {
  -webkit-transform: translateY(-150%) scale(0.8);
  -moz-transform: translateY(-150%) scale(0.8);
  -o-transform: translateY(-150%) scale(0.8);
  -ms-transform: translateY(-150%) scale(0.8);
  transform: translateY(-150%) scale(0.8);
  margin-top: 5px;
}
.account-action-form .input--filled .input--label {
  padding: 0 16px !important;
  margin-top: 15px !important;
}
.input--label.SelectMultiple {
  visibility: hidden;
}
.input--label.Textarea {
  top: 26px;
}
.form-group {
  position: relative;
  margin-bottom: 10px;
}
input[type="text"],
input[type="submit"],
input[type="password"],
input[type="email"],
input[type="file"] {
  -webkit-appearance: none;
}
.form-control:focus,
.form-control:focus {
  border-color: #3CBF8D !important;
  outline: 0 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.form-input {
  position: relative;
  margin-bottom: 10px;
}
.form-input label {
  position: absolute;
  top: 0;
  font-size: 0.6em;
  font-weight: 400;
  color: #9D9D9D;
  opacity: 0;
}
.div-table {
  display: table;
  width: 100%;
  height: 100%;
}
.div-cell {
  display: table-cell;
  vertical-align: middle;
}
.subhead {
  font-weight: 400;
  margin-top: 0;
  color: #5A5A5A;
  font-size: 0.8em;
}
.fa-star,
.fa-star-half-o,
.fa-star-o,
.fa-star-half {
  color: #D4C12A;
  color: #d5ac30;
}
.fa-star.star-inactive {
  color: #e2e2e2;
}
.rating .fa-stack {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1em;
  vertical-align: middle;
  text-align: center;
  margin-right: 3px;
}
.rating .fa-stack-1x {
  position: absolute;
  margin-right: 0;
}
.rating .fa-star-half {
  margin-left: -2px;
}
.truncate {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.truncate--two {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 100%;
  height: 49px;
  /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: 20px;
  line-height: 1.2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
h2.truncate--two {
  height: 63.4px;
  /* Fallback for non-webkit */
  font-size: 26px;
  line-height: 1.2;
}
h3.truncate--two {
  height: 49px;
  /* Fallback for non-webkit */
  font-size: 20px;
  line-height: 1.2;
}
.spinner-bg {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
  zoom: 1;
  border-radius: 2px;
  -webkit-transition: opacity 0.16s ease;
  -moz-transition: opacity 0.16s ease;
  -o-transition: opacity 0.16s ease;
  transition: opacity 0.16s ease;
}
.spinner-bg.visible {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  -webkit-animation: fadeIn 0.35s forwards;
  -moz-animation: fadeIn 0.35s forwards;
  -o-animation: fadeIn 0.35s forwards;
  animation: fadeIn 0.35s forwards;
  z-index: 99;
}
.spinner-bg .spinner {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.btn-thin {
  letter-spacing: 2px;
  font-size: 0.8em;
  font-weight: 700;
}
.btn-green {
  background: #3CBF8D;
  text-align: center;
  letter-spacing: 2px;
  color: #FFFFFF;
  font-weight: 700;
  padding: 8px 10px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: background 0.3s ease, color 0.3s ease;
  -moz-transition: background 0.3s ease, color 0.3s ease;
  -o-transition: background 0.3s ease, color 0.3s ease;
  transition: background 0.3s ease, color 0.3s ease;
}
.btn-green.rounded {
  letter-spacing: 1px;
  padding: 0.25em 1em;
  border-radius: 15px !important;
}
.btn-green:hover,
.btn-green:focus {
  background: #28986E;
  color: #FFFFFF;
  text-decoration: none;
}
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-20%);
  }
  30% {
    transform: translateX(40%);
  }
  45% {
    transform: translateX(-30%);
  }
  60% {
    transform: translateX(20%);
  }
  75% {
    transform: translateX(-10%);
  }
  100% {
    transform: translateX(0%);
  }
}
.btn-wobble:hover .text-black {
  color: #3CBF8D !important;
  transition: 0.3s ease-in-out;
}
.btn-wobble:hover .fa {
  animation: wobble 1.5s ease infinite;
}
.btn-green-outline {
  background: #ffffff;
  text-align: center;
  color: #3CBF8D;
  padding: 4px 10px;
  border: 2px solid #3CBF8D;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: background 0.3s ease, color 0.3s ease;
  -moz-transition: background 0.3s ease, color 0.3s ease;
  -o-transition: background 0.3s ease, color 0.3s ease;
  transition: background 0.3s ease, color 0.3s ease;
}
.btn-green-outline:hover,
.btn-green-outline:focus {
  background: #28986E;
  border-color: #28986E;
  color: #FFFFFF;
  text-decoration: none;
}
.btn-green-outline .plus-minus-toggle {
  position: relative;
  height: 1em;
  width: 1em;
  display: inline-block;
}
.btn-green-outline .plus-minus-toggle:before,
.btn-green-outline .plus-minus-toggle:after {
  background: #3CBF8D;
  content: '';
  height: 2px;
  left: 0;
  position: absolute;
  top: 50%;
  width: 1em;
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease,-moz-transform 0.5s ease,-o-transform 0.5s ease,transform 0.5s ease;
}
.btn-green-outline .plus-minus-toggle:after {
  transform-origin: center;
}
.btn-green-outline .plus-minus-toggle.untoggled:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.btn-green-outline .plus-minus-toggle.untoggled:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.btn-green-outline .plus-minus-toggle.is-hover:before,
.btn-green-outline .plus-minus-toggle.is-hover:after {
  background: #fff;
}
.btn-orange {
  background: #ff7727;
}
.btn-orange:hover,
.btn-orange:focus {
  background: #ff670d;
  color: #fff;
}
.btn-v2 {
  font-size: 0.85em;
  padding: 15px 30px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 700;
}
.btn-v2.btn-v2-md {
  font-size: 1em;
}
.btn-add-more {
  background: none;
  color: #e2e2e2;
}
.btn-lg {
  font-size: 1.5em;
}
.btn-sm {
  font-size: 0.8em;
}
.btn-block {
  display: block;
  margin-top: 10px;
}
.btn-fw {
  display: block;
  width: 100%;
  text-align: center;
}
.btn-white {
  background: #FFFFFF;
  color: #3CBF8D;
}
.btn-white:hover,
.btn-white:focus {
  color: #36ac7f;
  background: #FFFFFF;
  text-decoration: none;
}
.btn-red {
  background: #D85A5A;
  color: #FFFFFF;
}
.btn-grey {
  background: #5A5A5A;
  color: #FFFFFF;
}
.btn.btn-grey {
  background: #5A5A5A;
  color: #FFFFFF;
}
.btn-lightgrey {
  background: #9D9D9D;
  color: #FFFFFF;
}
.btn-black {
  background: #222222;
  color: #FFFFFF;
}
.btn-facebook {
  color: #FFFFFF;
  background: #3B5998;
  border-color: #3B5998;
}
.btn-border {
  color: #5A5A5A;
  background: transparent;
  border: 1px solid #8d8d8d;
}
.btn-border.follow-author {
  padding: 8px 24px;
}
.btn-cta-large {
  font-size: 1.4em;
  padding: 0.75rem 3rem;
  letter-spacing: 4px;
}
.desktop .btn-red:hover,
.desktop .btn-red:focus {
  color: #FFFFFF;
  background: #ce3131;
  text-decoration: none;
}
.desktop .btn-grey:hover,
.desktop .btn-grey:focus {
  color: #FFFFFF;
  background: #414141;
  text-decoration: none;
}
.desktop .btn-black:hover,
.desktop .btn-black:focus {
  color: #FFFFFF;
  background: #080808;
  text-decoration: none;
}
.desktop .btn-facebook:hover,
.desktop .btn-facebook:focus {
  background: #344e86;
  color: #FFFFFF;
  text-decoration: none;
}
.desktop .btn-border:hover {
  background: #5A5A5A;
  color: #FFFFFF;
}
.btn-logout {
  color: #F58888 !important;
}
.btn-login {
  color: #3CBF8D !important;
}
.category-nav {
  background: #F8F8F8;
  margin-bottom: 30px;
}
.btn-category {
  background: transparent;
  color: #9D9D9D;
  white-space: nowrap;
  border: none;
  padding: 0 15px;
  height: 70px;
  line-height: 70px;
  margin: 0;
}
.btn-category.active {
  border-bottom: 2px solid #3CBF8D;
}
.desktop .btn-category:hover {
  background: transparent;
  color: #3CBF8D;
}
.desktop .btn-category:focus {
  background: transparent;
}
.category-nav-scroll {
  opacity: 0;
  height: 70px;
  -webkit-transform: translateX(40px);
  -moz-transform: translateX(40px);
  -o-transform: translateX(40px);
  -ms-transform: translateX(40px);
  transform: translateX(40px);
  -webkit-transition: -webkit-transform 0.7s ease, opacity 0.2s ease;
  -moz-transition: -moz-transform 0.7s ease, opacity 0.2s ease;
  -o-transition: -o-transform 0.7s ease, opacity 0.2s ease;
  transition: -webkit-transform 0.7s ease,-moz-transform 0.7s ease,-o-transform 0.7s ease,transform 0.7s ease, opacity 0.2s ease;
}
.category-nav-scroll.enabled {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}
.category-nav-scroll .flickity-viewport {
  height: 70px;
}
.flickity-page-dots {
  bottom: 10px;
}
.flickity-page-dots .dot {
  background: #ffffff;
}
.category-nav-scroll:after {
  content: "";
  background: #f8f8f8;
  background: -moz-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
  background: -webkit-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
  background: linear-gradient(to right, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f8f8f8', endColorstr='#f8f8f8', GradientType=1);
  position: absolute;
  top: 0;
  right: 0;
  height: 70px;
  width: 50px;
  pointer-events: none;
}
.home-slider-wrap {
  height: 100%;
}
.home-slider,
.home-hero {
  position: relative;
  height: 100%;
  width: 100%;
}
.home-slider .container,
.home-hero .container {
  position: relative;
}
.home-slider .hero-inner,
.home-hero .hero-inner {
  max-width: 600px;
}
.home-slider .home-slide,
.home-hero .home-slide {
  height: 100%;
}
.home-slider img,
.home-hero img {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  max-width: none;
}
.home-slider .text-overlay,
.home-hero .text-overlay {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 0 20px;
  background: rgba(0, 0, 0, 0.3);
}
.home-slider h2,
.home-hero h2 {
  color: #FFFFFF;
  margin: 0;
  font-size: 2.2em;
  font-weight: 600;
}
.home-slider span,
.home-hero span {
  color: #FFFFFF;
}
.home-slider p,
.home-hero p {
  color: #FFFFFF;
  margin-bottom: 0;
  margin-top: 20px;
  font-weight: 600;
}
.home-slider .btn,
.home-hero .btn {
  margin-top: 20px;
  padding: 15px 30px;
}
.home-hero-v2 {
  padding: 0 3rem;
}
.home-hero-v2 h2 {
  color: #4c4c4c;
  font-size: 32px;
  line-height: 1;
}
.home-hero-v2 h2 span {
  color: #40cb95;
  font-size: 42px;
}
.home-hero-v2 h2 span.font-size-normal {
  font-size: 1em;
}
.home-hero-v2 h2 small {
  font-weight: 700;
  color: #333333;
  font-size: 2rem;
}
.home-hero-v2 p {
  color: #4c4c4c;
}
.home-hero-v2 .btn {
  text-transform: uppercase;
}
.home-hero-v2 .text-overlay {
  padding: 0 3rem;
}
.home-hero-v2.inverse p,
.home-hero-v2.inverse h2 {
  color: #fff;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-hero {
    background-position-x: 70% !important;
  }
  .home-hero .hero-inner {
    max-width: 440px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-hero {
    background-position-x: 65% !important;
  }
  .home-hero .hero-inner {
    max-width: 350px;
  }
}
@media (max-width: 767px) {
  .home-hero {
    padding-top: 1rem !important;
  }
  .home-hero .hero-inner {
    position: relative;
    z-index: 1;
  }
  .home-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0) 75%);
    z-index: 0;
  }
  .home-hero.inverse::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 15%, rgba(0, 0, 0, 0) 75%);
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 0;
  }
}
#footerWrap_top,
#footerWrap_bottom {
  border: 0;
  background: #F8F8F8;
  text-align: center;
}
#footerWrap_top .footer_main_panel,
#footerWrap_bottom .footer_main_panel {
  line-height: 1.5rem;
}
#footerWrap_top .container,
#footerWrap_bottom .container {
  background: transparent;
}
#footerWrap_top .footer_main_panel a,
#footerWrap_bottom .footer_main_panel a {
  display: inline-block;
  color: #222;
  font-weight: 500;
  font-size: 0.85em;
  padding: 0 8px;
  text-transform: uppercase;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
#footerWrap_top .footer_main_panel a:hover,
#footerWrap_bottom .footer_main_panel a:hover,
#footerWrap_top .footer_main_panel a:focus,
#footerWrap_bottom .footer_main_panel a:focus {
  color: #28986E;
}
#footerWrap_top .footer_main_panel.bottom,
#footerWrap_bottom .footer_main_panel.bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 30px;
  padding-bottom: 30px;
  line-height: 19px;
  letter-spacing: 2px;
}
#footerWrap_top .footer_main_panel.bottom a,
#footerWrap_bottom .footer_main_panel.bottom a {
  text-transform: inherit;
  font-weight: 400;
}
#footerWrap_top .footer-nav-social:not(.bottom),
#footerWrap_bottom .footer-nav-social:not(.bottom) {
  padding-top: 30px;
  padding-bottom: 30px;
}
#footerWrap_top .footer-nav-social a,
#footerWrap_bottom .footer-nav-social a {
  display: inline-block;
  color: #222;
  font-size: 0.85em;
  padding: 0 10px;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
#footerWrap_top .footer-nav-social a:hover,
#footerWrap_bottom .footer-nav-social a:hover,
#footerWrap_top .footer-nav-social a:focus,
#footerWrap_bottom .footer-nav-social a:focus {
  color: #28986E;
}
#footerWrap_top .footer-nav-social.bottom,
#footerWrap_bottom .footer-nav-social.bottom {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#footerWrap_top .footer-nav-social.bottom .copyright,
#footerWrap_bottom .footer-nav-social.bottom .copyright {
  margin-right: 15px;
}
#footerWrap_top .footer-nav-social.bottom a,
#footerWrap_bottom .footer-nav-social.bottom a {
  font-size: 1.2em;
  padding: 0 5px;
}
#footerWrap_top .footer-nav-bottom a,
#footerWrap_bottom .footer-nav-bottom a {
  display: inline-block;
  color: #222;
  font-weight: 400;
  font-size: 0.85em;
  padding: 0 10px;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
#footerWrap_top .footer-nav-bottom a:hover,
#footerWrap_bottom .footer-nav-bottom a:hover,
#footerWrap_top .footer-nav-bottom a:focus,
#footerWrap_bottom .footer-nav-bottom a:focus {
  color: #28986E;
}
@media (max-width: 1199px) {
  #footerWrap_top .footer_main_panel .footer-nav-social .nowrap,
  #footerWrap_bottom .footer_main_panel .footer-nav-social .nowrap,
  #footerWrap_top .footer_main_panel .footer-nav-social .copyright,
  #footerWrap_bottom .footer_main_panel .footer-nav-social .copyright {
    padding-top: 7.5px;
  }
  #footerWrap_top .footer_main_panel.bottom,
  #footerWrap_bottom .footer_main_panel.bottom {
    text-align: center;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  #footerWrap_top .footer_main_panel a,
  #footerWrap_bottom .footer_main_panel a {
    padding-top: 0;
    padding-bottom: 0;
  }
  #footerWrap_top .footer_main_panel .footer-nav-social,
  #footerWrap_bottom .footer_main_panel .footer-nav-social {
    justify-content: center;
  }
}
.formCampaignMonitorFooter {
  position: relative;
}
.formThankYou {
  position: absolute;
  top: 0;
  left: 0;
}
.formThankYou p {
  color: #3CBF8D;
  font-weight: 600;
}
/* Thank you view to appear after ajax post success in some optin forms */
.form-thank-you,
.form-step-two {
  opacity: 0;
  transition: 0.3s opacity ease-in;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #ffffff;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  flex-direction: column;
}
.form-thank-you.active,
.form-step-two.active {
  z-index: 1;
  opacity: 1;
  pointer-events: all;
}
.form-thank-you.bg-green,
.form-step-two.bg-green {
  background-color: #40CB94;
  color: #FFFFFF;
}
.form-thank-you.bg-green p,
.form-step-two.bg-green p {
  color: #FFFFFF;
}
.grecaptcha-badge {
  z-index: 9999999999;
  margin-bottom: 30px;
  margin-right: -100px;
  transition: right 0.3s ease 0s, margin-right 0.3s ease !important;
}
.grecaptcha-badge.active {
  margin-right: 0;
}
.errorMessage {
  color: #D85A5A;
}
/* carousel height, as percentage of width */
.carousel {
  height: 100%;
  padding-bottom: 26.3%;
}
/* viewport inherit size from carousel */
.carousel .flickity-viewport {
  position: absolute;
  width: 100%;
}
/* cell inherit height from carousel */
.carousel-cell {
  height: 100%;
  width: 47%;
}
.flickity-viewport {
  display: none;
}
.flickity-enabled .flickity-viewport {
  display: block;
}
.fmk-video-slider {
  height: 0;
}
.video-js,
.vjs-tech {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
}
.profile-picture {
  display: inline-block;
  overflow: hidden;
  border: 2px solid #fff;
  -webkit-border-radius: 100%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 100%;
  -moz-background-clip: padding;
  border-radius: 100%;
  background-clip: padding-box;
}
@media (min-width: 768px) {
  .profile-picture {
    margin-right: 15px;
  }
}
.profile-picture.profile-picture-sm {
  width: 36px;
  height: 36px;
}
.profile-picture.profile-picture-xs {
  width: 28px;
  height: 28px;
}
.profile-picture.profile-picture-nav {
  width: 36px;
  height: 36px;
  background-color: #FFFFFF;
  border: 1px solid #3CBF8D;
}
.pin-it-wrap {
  position: relative;
}
.pin-it-wrap a {
  position: absolute;
  bottom: 10px;
  right: 10px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.pin-it-wrap:hover a {
  opacity: 1;
  -webkit-transition: opacity 0.1s ease;
  -moz-transition: opacity 0.1s ease;
  -o-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.article-preview-message {
  position: relative;
  top: 0;
  left: 0;
  padding: 5px;
  background: #fff09a;
  font-size: 0.8em;
  font-weight: 600;
  width: 100%;
  text-align: center;
}
article[id^=page] h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}
article[id^=page] h2 {
  font-size: 1.7em;
  font-weight: 400;
}
article[id^=page] h3 {
  font-size: 1.3em;
  font-weight: 400;
}
article[id^=page] .article-stats {
  padding: 18px 0px;
  border-bottom: 1px solid #DDDDDD;
}
article[id^=page] .article-stats span {
  font-weight: 600;
}
article[id^=page] .article-stats .views {
  display: none;
}
article[id^=page] .article-hero {
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
}
article[id^=page] .article-hero img {
  max-width: none;
  width: 100%;
  box-shadow: 0 0 15px -4px rgba(0, 0, 0, 0.48);
}
article[id^=page] .article-hero .content-type-wrap:not(.content-type-wrap),
article[id^=page] .article-hero .article-hero-content:not(.content-type-wrap) {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  font-size: 0.8em;
  padding: 30px 45px 15px;
  margin-right: 80px;
  margin-left: 80px;
  color: #9D9D9D;
}
article[id^=page] .article-hero .content-type-wrap:not(.content-type-wrap) span.pageview,
article[id^=page] .article-hero .article-hero-content:not(.content-type-wrap) span.pageview {
  padding-left: 20px;
}
article[id^=page] .article-hero .content-type-wrap:not(.content-type-wrap) span:not(.date):not(.pageview),
article[id^=page] .article-hero .article-hero-content:not(.content-type-wrap) span:not(.date):not(.pageview) {
  padding-left: 30px;
}
article[id^=page] .article-hero .content-type-wrap.content-type-wrap,
article[id^=page] .article-hero .article-hero-content.content-type-wrap {
  margin-top: 15px;
  text-transform: uppercase;
}
article[id^=page] .article-hero .content-type-wrap span,
article[id^=page] .article-hero .article-hero-content span,
article[id^=page] .article-hero .content-type-wrap a,
article[id^=page] .article-hero .article-hero-content a {
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #9D9D9D;
}
article[id^=page] .article-hero .content-type-wrap a:hover,
article[id^=page] .article-hero .article-hero-content a:hover {
  color: #28986E;
}
article[id^=page] .article-body {
  position: relative;
  margin-bottom: 80px;
}
article[id^=page] .article-body .article-content {
  margin-left: 80px/2;
  line-height: 1.6;
  margin-right: 80px;
  padding: 0 30px;
}
article[id^=page] .article-body .article-content .author a {
  letter-spacing: 2px;
  font-weight: 600;
  color: #9D9D9D;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
article[id^=page] .article-body .article-content .author a:hover,
article[id^=page] .article-body .article-content .author a:focus {
  color: #28986E;
}
@media (max-width: 991px) {
  article[id^=page] .article-body .article-content {
    margin-right: 65px;
  }
}
@media (max-width: 767px) {
  article[id^=page] .article-body .article-content {
    padding: 0;
    margin: 0;
  }
}
article[id^=page] .article-body .article-description {
  letter-spacing: 0.005em;
}
article[id^=page] .article-body .article-description p,
article[id^=page] .article-body .article-description li {
  line-height: 1.7;
}
article[id^=page] .article-body .article-description img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 767px) {
}
@media (max-width: 767px) {
  article[id^=page] .article-body {
    margin-bottom: 40px;
  }
}
article[id^=page] .article-description h2 {
  text-transform: capitalize;
  font-size: 2em;
  font-weight: 700;
  margin-bottom: 15px;
  margin-top: 30px;
}
article[id^=page] .article-description h2[id^=title-] ~ h3 {
  font-size: 1.5em;
}
article[id^=page] .article-description h3,
article[id^=page] .article-description h4,
article[id^=page] .description-heading {
  text-transform: capitalize;
  font-size: 1.8em;
  font-weight: 700;
  margin-bottom: 15px;
  margin-top: 30px;
}
article[id^=page] .article-description h3[id^=title-] ~ h3,
article[id^=page] .article-description h4[id^=title-] ~ h3,
article[id^=page] .description-heading[id^=title-] ~ h3 {
  font-size: 1.5em;
}
@media (max-width: 991px) {
  article[id^=page] .article-body .article-content h1 {
    padding-right: 0;
  }
  article[id^=page] .article-hero .article-hero-content {
    padding-bottom: 0px;
  }
}
@media (max-width: 767px) {
  article[id^=page]:not(.recipe):not(.wellness-guide) .article-hero .article-hero-content {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 15px 15px 0;
  }
  article[id^=page] .article-hero .article-hero-content span {
    padding-left: 0;
    padding-right: 0;
  }
}
article[id^=page].wellness-guide .description-nav.d-md-none,
article[id^=page].recipe .description-nav.d-md-none {
  background: #fff;
  z-index: 2;
  overflow-x: scroll;
}
article[id^=page].wellness-guide .description-nav.d-md-none ul,
article[id^=page].recipe .description-nav.d-md-none ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
article[id^=page].wellness-guide .description-nav.d-md-none ul li,
article[id^=page].recipe .description-nav.d-md-none ul li {
  padding: 0 15px;
}
article[id^=page].wellness-guide .description-nav.d-md-block,
article[id^=page].recipe .description-nav.d-md-block {
  margin-top: 20px;
  position: relative;
  height: 105px;
}
article[id^=page].wellness-guide .description-nav.d-md-block > nav,
article[id^=page].recipe .description-nav.d-md-block > nav {
  position: absolute;
  right: 0;
  text-align: right;
}
article[id^=page].wellness-guide .description-nav.d-md-block > nav li,
article[id^=page].recipe .description-nav.d-md-block > nav li {
  text-align: right;
}
article[id^=page].wellness-guide .description-nav > nav a,
article[id^=page].recipe .description-nav > nav a {
  color: #9D9D9D;
  line-height: 2.5em;
  letter-spacing: 2px;
  font-weight: 600;
  font-size: 0.8em;
}
article[id^=page].wellness-guide .description-nav > nav ul,
article[id^=page].recipe .description-nav > nav ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
article[id^=page].wellness-guide .description-nav > nav ul li a:active,
article[id^=page].recipe .description-nav > nav ul li a:active,
article[id^=page].wellness-guide .description-nav > nav ul li a:focus,
article[id^=page].recipe .description-nav > nav ul li a:focus {
  color: #9D9D9D !important;
}
article[id^=page].wellness-guide .description-nav > nav ul li.active a,
article[id^=page].recipe .description-nav > nav ul li.active a {
  color: #222222 !important;
}
article[id^=page].wellness-guide .description-heading ~ ol,
article[id^=page].recipe .description-heading ~ ol,
article[id^=page].wellness-guide .description-heading ~ ul,
article[id^=page].recipe .description-heading ~ ul {
  list-style: none;
  margin-left: 1.5em;
}
article[id^=page].wellness-guide .description-heading ~ ol li,
article[id^=page].recipe .description-heading ~ ol li,
article[id^=page].wellness-guide .description-heading ~ ul li,
article[id^=page].recipe .description-heading ~ ul li {
  text-indent: -1em;
}
article[id^=page].wellness-guide .description-heading ~ ol li::before,
article[id^=page].recipe .description-heading ~ ol li::before,
article[id^=page].wellness-guide .description-heading ~ ul li::before,
article[id^=page].recipe .description-heading ~ ul li::before {
  display: inline-block;
  width: 1.5em;
  font-size: 1.6em;
  margin-left: -1em;
}
article[id^=page].wellness-guide .description-heading ~ ol li,
article[id^=page].recipe .description-heading ~ ol li {
  counter-increment: steps;
}
article[id^=page].wellness-guide .description-heading ~ ol li::before,
article[id^=page].recipe .description-heading ~ ol li::before {
  content: counter(steps);
}
article[id^=page].wellness-guide .description-heading ~ ul li::before,
article[id^=page].recipe .description-heading ~ ul li::before {
  content: "\25CF";
}
@media (max-width: 991px) {
  article[id^=page].wellness-guide .description-nav > nav a,
  article[id^=page].recipe .description-nav > nav a {
    font-size: 0.7em;
  }
}
@media (max-width: 767px) {
  article[id^=page].wellness-guide .article-hero,
  article[id^=page].recipe .article-hero {
    padding-bottom: 93px;
    background: #fff;
  }
  article[id^=page].wellness-guide .description-nav,
  article[id^=page].recipe .description-nav {
    width: 100%;
    margin-left: -15px;
    margin-right: -15px;
  }
  article[id^=page].wellness-guide .description-nav[style*=fixed] ul,
  article[id^=page].recipe .description-nav[style*=fixed] ul {
    margin-left: 0;
    margin-right: 0;
  }
  article[id^=page].wellness-guide .description-nav > nav a,
  article[id^=page].recipe .description-nav > nav a {
    font-size: 1em;
    letter-spacing: 1px;
    line-height: 3.5em;
  }
  article[id^=page].wellness-guide .article-hero .article-hero-content,
  article[id^=page].recipe .article-hero .article-hero-content {
    position: absolute !important;
    display: block;
    width: 100%;
    margin: 0;
    padding: 15px 15px 0;
  }
}
.article-comments {
  margin-top: 30px;
  margin-bottom: 30px;
}
article.page h1 {
  margin-top: 30px;
  margin-bottom: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid #EEEEEE;
}
.at4-jumboshare .at4-count-container {
  border-right: 1px solid #ddd !important;
}
.at4-jumboshare .at-share-btn {
  margin-top: 4px !important;
}
.article-author {
  margin-top: 80px;
}
.article-author .btn {
  font-size: 0.8em;
}
.article-author h3 {
  margin: 0;
}
.article-author a {
  font-size: 0.8em;
  color: #9D9D9D;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.article-author a:hover,
.article-author a:focus {
  color: #28986E;
}
@media (max-width: 767px) {
  .article-author {
    margin-top: 40px;
  }
}
a.follow-author span {
  display: none;
}
a.follow-author.is-followed {
  background: #3CBF8D;
  color: #FFFFFF;
  border-color: #3CBF8D;
}
a.follow-author.is-followed span {
  display: inline;
}
.click-to-tweet--container {
  background: #c2ecdc;
  padding: 30px;
  display: block;
  width: 410px;
  float: right;
  margin: 30px -80px 30px 30px;
}
.click-to-tweet--container:before,
.click-to-tweet--container:after {
  content: " ";
  display: table;
}
.click-to-tweet--container:after {
  clear: both;
}
.click-to-tweet--container .click-to-tweet--text {
  color: #ffffff;
  display: block;
  margin: 5px auto 25px;
  padding-top: 20px;
  font-size: 1.5em;
  font-family: 'freight-display-pro', serif;
  line-height: 1.56;
  border-top: 1px solid #88d9ba;
}
.click-to-tweet--container .click-to-tweet--text a {
  color: #222222;
}
.click-to-tweet--container .click-to-tweet--via {
  color: #222222;
  font-size: 0.7em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  width: 160px;
  float: left;
  margin-top: 8px;
}
.click-to-tweet--container .click-to-tweet--button {
  background: #222222;
  display: block;
  width: 170px;
  float: right;
  font-size: 0.8em;
}
.inline-ad {
  display: block;
  margin: 20px 0;
}
.related-tags {
  margin: 30px 0;
}
.related-tags h3 {
  display: inline-block;
  font-weight: 600;
}
.related-tags a {
  display: inline-block;
  color: #5A5A5A;
  margin-left: 10px;
  font-style: italic;
}
.related-tags a:hover {
  color: #28986E;
}
.article-stats {
  font-size: 0.8em;
  height: 30px;
  color: #9D9D9D;
}
.article-stats a {
  color: #9D9D9D;
}
.article-stats a:hover {
  color: #28986E;
}
.article-stats > span {
  height: 28px;
  line-height: 28px;
  font-weight: 600;
  text-transform: uppercase;
}
.article-stats > span:not(.date) {
  position: relative;
  padding-right: 10px;
  margin-right: 10px;
}
.article-stats i {
  margin-right: 3px;
  position: relative;
}
.article-stats .author a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.article-stats .author img {
  margin-right: 10px;
}
.article-section {
  margin-top: 40px;
}
.article-section:not(.section-offwhite) {
  margin-top: 0;
}
.section-offwhite {
  background: #F8F8F8;
  padding-bottom: 40px;
}
.section-offwhite .section-heading h1,
.section-offwhite .section-heading h2,
.section-offwhite .section-heading h3 {
  background: #F8F8F8;
}
.section-heading {
  position: relative;
  text-align: center;
  margin: 0 0 20px;
}
.section-heading:before {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  height: 1px;
  width: 100%;
  background: #ddd;
  content: "";
  margin-top: 10px;
}
.section-heading h1,
.section-heading h2,
.section-heading h3 {
  display: inline-block;
  background: #fff;
  z-index: 1;
  position: relative;
  padding: 0 15px;
  font-weight: 100;
  margin: 40px 0 20px;
}
.section-heading h2 {
  font-size: 2.5em;
}
#maincontent {
  padding-top: 79px;
}
@media (max-width: 767px) {
  #maincontent {
    padding-top: 50px;
  }
}
.nav-wrap {
  margin-bottom: 0px;
  background: #fff;
  width: 100%;
  z-index: 998;
  top: 0;
  position: relative;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}
.nav-wrap-fixed {
  position: fixed;
}
.no-header-margin {
  margin-top: 0px;
}
.hamburger {
  z-index: 1001;
  display: block;
  position: absolute;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 55px;
  top: 0;
  height: 55px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
}
.hamburger:focus {
  outline: none;
}
.hamburger span {
  display: block;
  position: absolute;
  top: 26px;
  width: 23px;
  left: 19px;
  height: 2px;
  border-radius: 2px;
  background: #5A5A5A;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.hamburger span::before,
.hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background: #5A5A5A;
  content: "";
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hamburger span::before {
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
}
.hamburger span::after {
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -o-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
}
.hamburger.active span {
  background: transparent;
}
.hamburger.active span::before {
  -webkit-transform: translateY(0px) rotate(45deg);
  -moz-transform: translateY(0px) rotate(45deg);
  -o-transform: translateY(0px) rotate(45deg);
  -ms-transform: translateY(0px) rotate(45deg);
  transform: translateY(0px) rotate(45deg);
}
.hamburger.active span::after {
  -webkit-transform: translateY(0px) rotate(-45deg);
  -moz-transform: translateY(0px) rotate(-45deg);
  -o-transform: translateY(0px) rotate(-45deg);
  -ms-transform: translateY(0px) rotate(-45deg);
  transform: translateY(0px) rotate(-45deg);
}
.nav-wrap:not(.nav-wrap-fixed) #main-nav a.logo-link {
  margin-left: -220px;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.item-category {
  font-size: 0.8em;
  font-weight: 300;
}
#nav-search-bar-mobile {
  background: #FFFFFF;
  -webkit-box-shadow: inset 0px -1px 0px #F8F8F8;
  -moz-box-shadow: inset 0px -1px 0px #F8F8F8;
  box-shadow: inset 0px -1px 0px #F8F8F8;
  border-bottom: 1px solid #9D9D9D;
  position: absolute;
  z-index: 1;
  width: 100%;
  margin-top: 50px;
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transition: -webkit-transform 0.26s cubic-bezier(0.3, 0.66, 0.74, 1);
  -moz-transition: -moz-transform 0.26s cubic-bezier(0.3, 0.66, 0.74, 1);
  -o-transition: -o-transform 0.26s cubic-bezier(0.3, 0.66, 0.74, 1);
  transition: -webkit-transform 0.26s cubic-bezier(0.3, 0.66, 0.74, 1),-moz-transform 0.26s cubic-bezier(0.3, 0.66, 0.74, 1),-o-transform 0.26s cubic-bezier(0.3, 0.66, 0.74, 1),transform 0.26s cubic-bezier(0.3, 0.66, 0.74, 1);
}
#nav-search-bar-mobile.active {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#nav-search-bar-mobile input {
  height: 50px;
  padding-left: 50px;
}
em.es-highlight {
  background-color: #f5f4884f;
}
aside > * {
  margin-bottom: 20px;
}
.privacy-link {
  font-size: 0.7em;
  color: #c0c0c0;
  font-weight: 400;
}
.or-divider {
  color: #9D9D9D;
  margin: 10px;
}
a.facebook-login {
  display: block;
  color: #3E5D96;
}
.sidebar-signup {
  border: 1px solid #ddd;
  position: relative;
}
.sidebar-signup h3 {
  text-align: center;
  font-size: 1.2em;
  font-weight: 600;
}
.sidebar-signup p,
.sidebar-signup a {
  font-size: 0.8em;
}
.sidebar-signup p {
  text-align: center;
}
.sidebar-signup .privacy-link {
  position: absolute;
  bottom: -30px;
  width: 100%;
  left: 0;
}
.sidebar-signup input {
  font-size: 0.8em;
}
.sidebar-signup p.additional-info {
  line-height: 1.8em;
}
.sidebar-signup.sidebar-signup-v2 {
  border-top: 6px solid #3CBF8D;
}
.sidebar-signup.sidebar-signup-v2 p,
.sidebar-signup.sidebar-signup-v2 a {
  font-size: 1em;
}
.sidebar-signup.sidebar-signup-v2 .privacy-link {
  position: relative;
  bottom: 0px;
  width: 100%;
}
.curly-divider {
  display: block;
  width: 20px;
  background: #e2e2e2;
  height: 2px;
  margin: 20px auto;
}
#nl-optin-box {
  position: relative;
}
#nl-optin-box .nl-optin-inner {
  text-align: center;
  text-transform: uppercase;
}
#nl-optin-box .fa-envelope {
  font-size: 2em;
  position: relative;
  display: block;
}
#nl-optin-box .fa-envelope:before {
  z-index: 2;
  position: relative;
  background: #fff;
  padding: 10px;
}
#nl-optin-box .fa-envelope:after {
  content: '';
  display: block;
  width: 100%;
  background: #ddd;
  height: 2px;
  position: absolute;
  top: 16px;
  z-index: 1;
}
#nl-optin-box h4 {
  font-weight: 400;
  font-size: 1em;
  margin: 15px 0;
}
#nl-optin-box ul {
  padding-left: 20px;
}
.fb-sidebar-wrap {
  min-height: 214px;
  background: #F8F8F8;
  position: relative;
}
.fb-sidebar-wrap:before {
  content: '';
  background-image: url('/static/img/site/spinner-grid.svg');
  background-position: center center;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
}
#creator-message {
  background: #fff;
  border: 1px solid #f5f5f5;
  border-top: 6px solid #3CBF8D;
  position: relative;
}
#creator-message h4 {
  text-align: center;
  margin: 20px 10px 10px;
}
#creator-message p {
  font-size: 0.8em;
  padding: 20px;
  margin: 0;
  line-height: 1.5em;
}
#creator-message img.creator-signature {
  max-width: 170px;
  margin: 10px -6px 8px;
}
#creator-message b {
  text-align: center;
  display: block;
}
#creator-message .fm-social-stats {
  position: absolute;
  bottom: -18px;
  width: 100%;
  background: transparent;
  left: 0;
  right: 0;
  text-align: center;
  height: 40px;
}
#creator-message .fm-social-stats a {
  display: inline-block;
  color: #222222;
}
#creator-message .fm-social-stats a:hover {
  color: #61cda4;
}
#creator-message .fm-social-stats a .fa-stack {
  width: 40px;
  height: 40px;
  line-height: 36px;
}
#creator-message .fm-social-stats a .fa-stack-1x {
  border: 1px solid #eee;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #FFFFFF;
  height: 40px;
  width: 40px;
  line-height: 40px;
}
#creator-message .fm-social-stats a .num-fans {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: -25px;
  font-size: 0.8em;
  font-weight: 400;
}
.article-preview {
  position: relative;
  margin-bottom: 30px;
}
.article-preview h2 {
  margin-top: 20px;
}
.article-preview h3 {
  margin-top: 15px;
}
.article-preview a {
  color: #222222;
  display: block;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.article-preview a:hover,
.article-preview a:focus {
  opacity: 0.8;
}
.article-preview .article-stats {
  position: absolute;
  bottom: 0;
}
.article-preview-lg {
  height: 490px;
}
.article-preview-md {
  height: 335px;
}
.article-preview-auto {
  height: auto;
}
.color-gradient {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.color-gradient.black {
  background: rgba(0, 0, 0, 0.4);
}
.full-width-nl-optin {
  position: relative;
  background: #909090;
  text-align: center;
  overflow: hidden;
  background: url(/static/img/site/new-header-background-bw.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.full-width-nl-optin .color-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: #3CBF8D;
  background-color: rgba(60, 191, 141, 0.7);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(60, 191, 141, 0.7)), to(rgba(40, 152, 110, 0.7)));
  background-image: -webkit-linear-gradient(left, rgba(60, 191, 141, 0.7), rgba(40, 152, 110, 0.7));
  background-image: -moz-linear-gradient(left, rgba(60, 191, 141, 0.7), rgba(40, 152, 110, 0.7));
  background-image: -ms-linear-gradient(left, rgba(60, 191, 141, 0.7), rgba(40, 152, 110, 0.7));
  background-image: -o-linear-gradient(left, rgba(60, 191, 141, 0.7), rgba(40, 152, 110, 0.7));
}
.full-width-nl-optin .fw-optin-inner {
  position: relative;
  z-index: 2;
  padding: 60px 0px 70px;
}
.full-width-nl-optin h2 {
  font-size: 2.3em;
  font-weight: 600;
  margin: 0;
  color: #ffffff;
}
.full-width-nl-optin h3 {
  font-weight: 400;
  color: #ffffff;
  margin: 40px 0;
  font-size: 1.2em;
}
@media (max-width: 767px) {
  .full-width-nl-optin h3 {
    margin: 0 0 20px;
  }
}
.full-width-nl-optin h4 {
  color: #fff;
  margin: 30px 0 0;
  font-size: 1em;
}
.full-width-nl-optin .form-control {
  height: 50px;
  border: 1px solid #3CBF8D;
  border-radius: 2px;
  margin: 0;
}
.full-width-nl-optin .btn-optin {
  display: block;
  width: 100%;
  padding: 0;
  height: 50px;
  border: 0;
  background: #ff7727;
  color: #FFFFFF;
}
.full-width-nl-optin .btn-optin:hover,
.full-width-nl-optin .btn-optin:focus,
.full-width-nl-optin .btn-optin:active {
  background: #d95100;
  color: #FFFFFF;
}
.optin_signup_form {
  display: none;
}
.optin_signup_form.visible {
  display: block;
  -webkit-animation: fadeIn 0.4s ease 1;
  -moz-animation: fadeIn 0.4s ease 1;
  -o-animation: fadeIn 0.4s ease 1;
  animation: fadeIn 0.4s ease 1;
}
.product-slide {
  padding: 20px;
  text-align: center;
  color: #5A5A5A;
}
.product-slide h2 {
  margin: 10px 0 0;
}
.tag-box-outer:nth-child(8) .tag-box-inner {
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
.tag-box-outer:nth-child(7) .tag-box-inner {
  -webkit-transition-delay: 1.4000000000000001s;
  -moz-transition-delay: 1.4000000000000001s;
  -o-transition-delay: 1.4000000000000001s;
  transition-delay: 1.4000000000000001s;
}
.tag-box-outer:nth-child(6) .tag-box-inner {
  -webkit-transition-delay: 1.2000000000000002s;
  -moz-transition-delay: 1.2000000000000002s;
  -o-transition-delay: 1.2000000000000002s;
  transition-delay: 1.2000000000000002s;
}
.tag-box-outer:nth-child(5) .tag-box-inner {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.tag-box-outer:nth-child(4) .tag-box-inner {
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.tag-box-outer:nth-child(3) .tag-box-inner {
  -webkit-transition-delay: 0.6000000000000001s;
  -moz-transition-delay: 0.6000000000000001s;
  -o-transition-delay: 0.6000000000000001s;
  transition-delay: 0.6000000000000001s;
}
.tag-box-outer:nth-child(2) .tag-box-inner {
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.tag-box-outer:nth-child(1) .tag-box-inner {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.tag-box {
  display: block;
  background: #ddd;
  margin-bottom: 20px;
  text-align: center;
  height: 255px;
  overflow: hidden;
  position: relative;
}
.tag-box .tag-box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.tag-box .tag-box-inner {
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 0;
  height: 140px;
  width: 100%;
  left: 0;
  z-index: 2;
  -webkit-transition: background 0.7s ease;
  -moz-transition: background 0.7s ease;
  -o-transition: background 0.7s ease;
  transition: background 0.7s ease;
  background-color: rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.tag-box .tag-box-inner span {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  width: 50px;
  height: 50px;
  line-height: 60px;
  text-align: left;
  padding-left: 10px;
  border-radius: 0% 90% 0% 0%;
  font-size: 18px;
  color: #9D9D9D;
}
.tag-box .tag-box-inner h2 {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 15px;
  margin: 0;
  width: 100%;
  text-align: right;
  padding-left: 60px;
}
.desktop .tag-box:hover .tag-box-bg {
  zoom: 1;
  filter: alpha(opacity=80);
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.sharrre {
  display: inline-block;
  float: left;
}
.sharrre .box {
  float: left;
  margin-right: 5px;
}
.sharrre .count {
  color: #444444;
  display: none;
  font-size: 17px;
  line-height: 34px;
  height: 34px;
  padding: 4px 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 50px;
  background-color: #eee;
}
.sharrre .share {
  color: #FFFFFF;
  display: block;
  font-size: 13px;
  font-weight: 400;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
  background-color: #9CCE39;
  border-radius: 0;
  letter-spacing: 0.06em;
  height: 40px;
  line-height: 40px;
}
.sharrre .share.more {
  background: #5A5A5A;
}
.sharrre .share span {
  display: inline;
  font-size: 18px;
}
.sharrre .buttons {
  display: none;
  position: absolute;
  margin-left: 50px;
  z-index: 10;
  background-color: #fff;
}
.sharrre .button {
  float: left;
  max-width: 50px;
  margin-left: 10px;
}
.sharrre .total_shares {
  color: #3A5D97;
  font-size: 45px;
  font-weight: 700;
  display: block;
  line-height: 1;
  letter-spacing: 0.04em;
}
.sharrre .caption {
  color: #5A5A5A;
  font-size: 0.8em;
  display: block;
  text-align: center;
  line-height: 1;
}
.article-share.horizontal {
  padding-top: 20px;
  padding-bottom: 20px;
}
.article-share.horizontal .sharrre-total .box {
  margin-right: 15px;
}
.article-share.horizontal .sharrre-buttons {
  margin-top: 10px;
}
.article-share.horizontal .addthis_jumbo_share {
  height: 79px;
}
/* ShareThis  */
.sharethis-inline-share-buttons > div {
  display: inline-block !important;
}
.sharethis-inline-share-buttons.vertical {
  margin: 0 auto !important;
}
.sharethis-inline-share-buttons.vertical > div {
  display: block !important;
  margin: 0 0 5px !important;
}
.sharethis-inline-share-buttons.fullwidth {
  width: 100%;
  display: flex !important;
  height: 25px;
}
.sharethis-inline-share-buttons.fullwidth > div {
  display: inline-flex !important;
  flex: 1;
  margin: 0 !important;
  border-radius: 0 !important;
  justify-content: center;
  height: 30px !important;
}
.sharethis-inline-share-buttons.fullwidth > div img {
  top: inherit !important;
  margin: auto !important;
}
.article-share.bottom {
  background: #F8F8F8;
  padding: 20px;
  margin: 0px -15px 30px;
}
.page-count {
  text-align: center;
  display: block;
  padding: 10px 0;
  border-right: 1px solid #ddd;
}
.page-count--number {
  font-size: 44px;
  line-height: 44px;
  font-family: Helvetica neue, arial;
  font-weight: 700;
}
.page-count--title {
  position: relative;
  font-size: 14px;
  line-height: 18px;
  bottom: 2px;
  text-transform: uppercase;
}
.article-share-top {
  margin-top: 18px;
}
.article-buttons {
  margin-top: 18px;
  float: right;
  display: inline-block;
}
.article-buttons i {
  font-size: 18px;
}
.article-buttons button,
.article-buttons a {
  font-size: 0.8em;
  height: 40px;
  background: none;
  border: none;
  border-left: 1px solid #ddd;
  padding: 0 15px;
  text-transform: uppercase;
  color: #5A5A5A;
}
.save-this-article .save {
  display: block;
}
.save-this-article .unsave {
  display: none;
}
.save-this-article.is-saved {
  background: #3CBF8D;
  color: #FFFFFF;
}
.save-this-article.is-saved .save {
  display: none;
}
.save-this-article.is-saved .unsave {
  display: block;
}
.article-share.vertical {
  width: 60px;
  margin-left: 4px;
  position: absolute;
  top: 0;
  text-align: center;
}
.article-share.vertical span {
  display: block;
}
.article-share.vertical .sharrre {
  display: block;
  float: none;
}
.article-share.vertical .sharrre .box {
  margin-right: 0;
  float: none;
  display: inline-block;
}
.article-share.vertical .sharrre .share {
  display: block;
  font-size: 13px;
  font-weight: 400;
  padding: 0;
  text-align: center;
  letter-spacing: 0.06em;
  width: 42px;
  height: 42px;
  border-radius: 100%;
}
.article-share.vertical .sharrre .share span {
  line-height: 42px;
  font-size: 24px;
}
.article-share.vertical .sharrre .total_shares {
  font-size: 25px;
}
.article-share.vertical .sharrre-total {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.article-share.vertical .sharrre-buttons .box {
  margin-bottom: 10px;
}
.articleFacebook .share {
  background: #3E5D96;
}
.articleTwitter .share {
  background: #3CACDE;
}
.articlePinterest .share {
  background: #CE1E20;
}
.fmtv-slider-poster {
  padding: 0 10px;
}
.center-play {
  position: relative;
  background: #3CBF8D;
  background: #5A5A5A;
  overflow: hidden;
}
.center-play .center-play-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  max-width: none;
  width: -webkit-calc(100% + 20px);
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  -moz-transition: opacity 0.35s, -moz-transform 0.35s;
  -o-transition: opacity 0.35s, -o-transform 0.35s;
  transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
  -webkit-transform: translate3d(-10px, 0, 0);
  -moz-transform: translate3d(-10px, 0, 0);
  -o-transform: translate3d(-10px, 0, 0);
  -ms-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.center-play:before {
  padding-top: 56.25%;
  display: block;
  content: '';
}
.center-play .center-play--text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.center-play .center-play--text .play-icon {
  display: block;
  width: 60px;
  margin: 0 auto;
  -webkit-transform: translate3d(0, 5px, 0);
  -moz-transform: translate3d(0, 5px, 0);
  -o-transform: translate3d(0, 5px, 0);
  -ms-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  -webkit-transition: -webkit-transform 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease,-moz-transform 0.3s ease,-o-transform 0.3s ease,transform 0.3s ease;
}
.center-play .center-play--text p {
  text-align: center;
  color: #FFFFFF;
  font-weight: 600;
  margin: 0;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease, opacity 0.3s ease;
  -o-transition: -o-transform 0.3s ease, opacity 0.3s ease;
  transition: -webkit-transform 0.3s ease,-moz-transform 0.3s ease,-o-transform 0.3s ease,transform 0.3s ease, opacity 0.3s ease;
}
.film-type {
  display: block;
  font-size: 0.8em;
  color: #969696;
}
.fmtv-film-thumb {
  display: block;
  color: #5A5A5A;
  overflow: hidden;
}
.fmtv-film-lg {
  height: 510px;
}
.fmtv-film-small {
  margin-bottom: 20px;
  height: 245px;
}
.fmtv-film-small .play-icon {
  width: 50px !important;
}
.fmtv-thumb-info {
  padding: 10px 5px;
}
.desktop a.center-play--hover:hover {
  text-decoration: none;
}
.desktop a.center-play--hover:hover .center-play-bg {
  opacity: 0.6;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.desktop a.center-play--hover:hover .center-play--text .play-icon {
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0);
  -o-transform: translate3d(0, 0px, 0);
  -ms-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
}
.desktop a.center-play--hover:hover .center-play--text p {
  opacity: 1;
}
h2.retreat-region {
  padding-left: 40px;
  margin-bottom: 0;
  font-weight: 700;
}
.retreat-row {
  margin-left: -40px;
  margin-right: -40px;
}
.retreat-item {
  padding: 20px;
  padding: 20px 40px 20px 40px;
  display: inline-block;
  width: calc(33% - 4px);
  vertical-align: top;
}
.retreat-item h3 {
  font-size: 1.2em;
  font-weight: 700;
  margin-top: 5px;
}
.retreat-item p {
  font-size: 0.8em;
}
.retreat-item a {
  font-size: 0.7em;
}
.modal-fullwidth .modal-dialog {
  max-width: inherit !important;
  min-height: 100%;
}
.modal-dialog {
  margin: 0 auto;
}
.modal-pup-up .modal-content {
  max-width: 767px;
  margin: 0 auto;
  padding: 30px;
}
.modal-pup-up .close {
  height: 50px !important;
  width: 50px !important;
  background: transparent;
  opacity: 0.8;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.modal-pup-up .close:hover {
  opacity: 1;
}
.modal-pup-up .close:before,
.modal-pup-up .close:after {
  position: absolute;
  left: 50%;
  content: ' ';
  height: 50px;
  width: 3px;
  top: 0;
  background-color: #fff;
}
.close.close-inverse {
  background: #ffffff;
  opacity: 1;
}
.close.close-inverse:before,
.close.close-inverse:after {
  width: 2px;
  background-color: #5A5A5A;
  height: 24px;
  top: 13px;
}
#pop_up_welcome .modal-content {
  max-width: 500px;
  background: #ccc url('https://www.foodmatters.com/media/uploads/welcome-to-foodmatters-article.jpg') no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 45px;
}
#pop_up_welcome .modal-content .modal-container {
  padding: 30px;
  background: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#modal-tws2016 .modal-content {
  padding: 6px;
  max-width: 680px;
}
#modal-tws2016 h2 {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
}
#modal-tws2016 p {
  color: #ffffff;
  font-size: 1.1em;
  margin: 20px 0;
}
.modal-tws2016--inner {
  padding: 50px 120px;
  background: #ddd url('/static/img/site/tws-modal-image.jpg') no-repeat left;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.modal-tws2016--button {
  display: block;
  text-transform: uppercase;
  padding: 18px 10px;
  font-size: 1.2em;
  background: #8dc745;
}
.modal-tws2016--button:hover,
.modal-tws2016--button:focus {
  background: #80ba38;
}
#confirm_modal {
  z-index: 9999999999;
}
#confirm_modal .modal-content {
  max-width: 500px;
  margin: 0 auto;
  padding: 30px;
}
#confirm_modal p {
  text-align: center;
}
#confirm_modal .input_ratewrap {
  text-align: center;
  margin-bottom: 30px;
  font-size: 1em;
}
#confirm_modal .input_ratestars {
  text-align: center;
  margin: 20px 0 0;
}
#confirm_modal .input_ratestars span {
  font-size: 30px;
  margin: 0 4px;
}
#confirm_modal .btn-green,
#confirm_modal .btn-red {
  width: 48%;
  text-align: center;
}
#modal-login-form {
  display: none;
}
.modal #modal-login-form {
  display: block;
}
.modal-content {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 2px;
}
.close-text {
  position: absolute;
  right: 80px;
  height: 63px;
  line-height: 63px;
  font-size: 16px;
  font-weight: 600;
  z-index: 99;
  cursor: pointer;
}
.close {
  position: absolute;
  top: 0;
  border: 0;
  right: 0;
  text-align: center;
  padding: 0;
  background: transparent;
  z-index: 99;
  height: 50px;
  width: 50px;
}
.close::before,
.close::after {
  position: absolute;
  left: 25px;
  content: ' ';
  height: 25px;
  width: 3px;
  top: 15px;
  background-color: #5A5A5A;
  transition: 0.2s background-color ease-in;
}
.close:hover {
  opacity: 1;
}
.close:hover::before,
.close:hover::after {
  background-color: #222222;
}
.close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.modal-fw-white {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.modal-fw-white.in {
  opacity: 1;
}
.modal-fw-white .modal-fw {
  width: 100%;
  height: 100%;
  margin: 0;
  background: #ffffff;
}
.modal-fw-white .modal-fw .modal-content {
  border-radius: 0;
  box-shadow: none;
  border: 0;
}
.modal-fw-white .modal-fw .modal-content:hover {
  cursor: pointer;
}
.fmtv-modal h4 {
  text-align: center;
  margin-bottom: 30px;
}
.fmtv-modal h3 {
  margin-right: 200px;
  margin-top: 30px;
}
.fmtv-modal .fmtv-cta {
  position: relative;
}
.fmtv-modal .btn {
  position: absolute;
  right: 0;
  top: -5px;
}
.fmtv-modal .container {
  max-width: 900px;
}
.login-modal p,
.login-modal a {
  text-align: center;
}
.login-modal p {
  color: #555555;
}
.login-modal p.no-account {
  margin: 15px 0 0 0;
}
.login-modal p.or-divider {
  font-size: 0.8em;
}
.login-modal p.no-account {
  background: #f5f5f5;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  width: 100%;
  padding: 25px 10px;
}
.login-modal a.lost_pw_link {
  margin: 15px 0 0 0;
  display: block;
  font-size: 1em;
  color: #555555;
  text-align: center;
  margin-bottom: 50px;
  font-weight: 400;
}
.login-modal h2 {
  font-size: 2em;
  text-align: center;
  font-weight: 300;
  margin: 0;
}
.login-modal form {
  margin-top: 25px;
}
.login-modal input,
.login-modal button {
  height: 56px;
}
.login-modal .modal-content,
.login-modal .modal-dialog {
  width: 100%;
  max-width: 480px;
  margin-bottom: 0;
  margin-top: 0;
}
.login-modal .close {
  width: 60px;
  height: 60px;
}
.login-modal .close:before,
.login-modal .close:after {
  left: 30px;
  height: 30px;
}
.list-item--heading {
  font-weight: 700;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.list-item {
  display: block;
  height: 330px;
  height: auto !important;
  margin-bottom: 30px;
}
.list-item .list-item--heading {
  margin: 10px 0;
  color: #222222;
}
.list-item:not(.list-item--lg) .list-item--heading {
  font-size: 1.1em;
  height: 42px;
}
.list-item .list-item--summary {
  color: #5A5A5A;
  font-size: 16px;
}
.list-item.list-item--recipes {
  height: 330px;
}
.list-item.list-item--recipes .article-stats {
  font-size: 0.7em;
  letter-spacing: 0.04em;
  padding-top: 4px;
}
.list-item.list-item--recipes .article-stats > span {
  font-weight: 600;
  margin-right: 20px;
  padding-right: 0;
}
.list-item.list-item--recipes .article-stats > span:last-of-type {
  margin-right: 0;
}
.list-item.list-item--recipes .article-stats .rating {
  float: right;
}
.list-item.list-item--recipes .article-stats a {
  color: #5A5A5A;
}
.list-item.list-item--recipes .article-stats a:hover {
  color: #3CBF8D;
}
.desktop .list-item--link:hover h3 {
  color: #3CBF8D;
}
.desktop .list-item:hover h3 {
  color: #3CBF8D;
}
.desktop .list-item img {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.desktop .list-item img:hover {
  opacity: 0.8;
}
.desktop .list-item-wide img {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.desktop .list-item-wide img:hover {
  opacity: 0.8;
}
.col-sm-9 .list-item {
  height: 260px;
}
.recipe-count,
.recipe-sort {
  font-size: 0.7em;
  color: #7b7b7b;
  float: left;
  margin-top: 5px;
}
.recipe-sort {
  float: right;
}
.views-num {
  font-weight: 600;
  margin-right: 20px;
  text-transform: uppercase;
  padding-right: 10px;
}
.views-num strong {
  margin-right: 2px;
}
.list-item-wide {
  display: block;
  margin-bottom: 40px;
}
.list-item-wide .list-item--heading {
  margin: 8px 0 8px;
  color: #222222;
}
.list-item-wide .list-item--summary {
  color: #222222;
  font-size: 16px;
}
.list-item-wide .author {
  text-transform: uppercase;
}
.article-stats.article-stats-lv-v2 {
  display: flex;
  font-size: 0.8em;
  letter-spacing: 2px;
  padding-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  justify-content: flex-start;
  align-items: center;
}
.list-item--class {
  display: block;
  font-size: 0.8em;
  text-transform: uppercase;
  margin-top: 5px;
  color: #9D9D9D;
  font-weight: 600;
  letter-spacing: 0.08em;
}
.list-item--class ~ .list-item--heading {
  margin-top: 0;
}
span.page-heading--class {
  display: block;
  font-size: 0.8em;
  text-transform: uppercase;
  color: #3CBF8D;
  font-weight: 600;
  letter-spacing: 0.08em;
  margin-top: 30px;
}
h1.page-heading--class {
  margin-top: 5px !important;
  border-bottom: 0 !important;
  margin-bottom: 20px !important;
}
.section--type {
  display: block;
  font-size: 0.6em;
  text-transform: uppercase;
  margin-top: 5px;
  color: #626262;
  font-weight: 600;
  letter-spacing: 0.08em;
}
aside > div {
  margin-bottom: 30px;
}
aside > div:last-of-type {
  margin-bottom: 0;
}
#popular-sidebar .counter {
  text-align: center;
  font-size: 1.3em;
  color: #222222;
}
#popular-sidebar h4 {
  margin: 0px;
  color: #222222;
  font-size: 0.9em;
  font-weight: 400;
}
.sidebar-list-item,
.small-list-item {
  padding: 12px 0;
  display: block;
  border-top: 1px solid #ddd;
}
.sidebar-list-item .list-item-category,
.small-list-item .list-item-category {
  font-size: 0.8em;
  color: #a7a7a7;
}
.small-list-item:first-of-type {
  border-top: 0;
}
.sidebar-list-item:last-of-type {
  border-bottom: 1px solid #f5f5f5;
}
.sidebar-follow {
  position: relative;
  width: 270px;
}
.sidebar-follow.sidebar-sticky {
  position: fixed;
}
@media (max-width: 1199px) {
  .sidebar-follow {
    width: 220px;
  }
}
@media (max-width: 991px) {
  .sidebar-follow {
    width: 172.5px;
  }
}
.author-links a {
  padding: 8px 12px;
  vertical-align: middle;
  text-align: center;
  margin-right: 10px;
  border-radius: 21px;
  margin-top: 10px;
}
.author-links .social-icon {
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  background: #E6E6E6;
  text-align: center;
  padding: 0;
  color: #A7A7A7;
}
#author-profile .author-header {
  background: url('/static/img/site/new-header-background-bw.jpg') center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  position: relative;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 200px;
  margin-bottom: 90px;
}
#author-profile .author-header .author-profile--img {
  position: absolute;
  border-radius: 100%;
  width: 220px;
  border: 2px solid #ffffff;
  bottom: 0;
  margin-bottom: -130px;
}
#author-profile .author-header .author-profile--text {
  position: absolute;
  margin-left: 280px;
  bottom: -56px;
}
#author-profile .author-header .author-profile--text h1 {
  position: relative;
  color: #FFFFFF;
  margin: 0 0 35px 0;
}
#author-profile .author-profile--summary {
  margin-left: 280px;
}
#author-profile .author-header-color {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  zoom: 1;
  filter: alpha(opacity=94);
  -webkit-opacity: 0.94;
  -moz-opacity: 0.94;
  opacity: 0.94;
  background: #28986E;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.author-preview .author-header {
  background: url('/static/img/site/new-header-background-bw.jpg') center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  position: relative;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 200px;
  margin-top: 55px;
}
.author-preview .author-header .author-profile--img {
  position: absolute;
  border-radius: 100%;
  width: 130px;
  border: 2px solid #ffffff;
  bottom: 0;
  top: -55px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.author-preview .author-header .author-header-text {
  position: relative;
  z-index: 4;
  text-align: center;
  padding: 100px 10px 10px 10px;
}
.author-preview .author-header .author-header-text h3 {
  color: #fff;
}
.author-preview .author-header .author-header-text p {
  color: #fff;
  font-size: 0.8em;
}
.author-preview .author-header-color {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  zoom: 1;
  filter: alpha(opacity=94);
  -webkit-opacity: 0.94;
  -moz-opacity: 0.94;
  opacity: 0.94;
  background: #3CBF8D;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.author-preview .author-preview--inner {
  padding: 20px;
  background: #ffffff;
}
.author-preview .author-preview--inner h4 {
  /* equal to 0.9em */
  font-size: 14.4px;
  color: #5A5A5A;
}
.author-preview .author-preview--inner h4.truncate--two {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 100%;
  height: 42.14285718px;
  /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: 14.4px;
  line-height: 1.42857143;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.author-preview .view-all-link {
  font-size: 0.8em;
  text-align: center;
  display: block;
}
.articles-hero {
  height: 176px;
  background: #F8F8F8;
  position: relative;
  overflow: hidden;
}
.articles-hero .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.articles-hero .hero-text-wrap {
  position: relative;
  z-index: 3;
  width: 100%;
  background: #3CBF8D;
  background-color: rgba(60, 191, 141, 0.7);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(60, 191, 141, 0.7)), to(rgba(40, 152, 110, 0.7)));
  background-image: -webkit-linear-gradient(left, rgba(60, 191, 141, 0.7), rgba(40, 152, 110, 0.7));
  background-image: -moz-linear-gradient(left, rgba(60, 191, 141, 0.7), rgba(40, 152, 110, 0.7));
  background-image: -ms-linear-gradient(left, rgba(60, 191, 141, 0.7), rgba(40, 152, 110, 0.7));
  background-image: -o-linear-gradient(left, rgba(60, 191, 141, 0.7), rgba(40, 152, 110, 0.7));
}
.articles-hero .article-stats {
  color: #FFFFFF;
  margin-bottom: 20px;
}
.articles-hero h1,
.articles-hero h2 {
  color: #FFFFFF;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}
.articles-hero h1 span,
.articles-hero h2 span {
  font-size: 0.6em;
  display: block;
  font-weight: 300;
}
.articles-hero p {
  color: #FFFFFF;
  margin-bottom: 0px;
  font-size: 1.2em;
  margin-top: 0;
}
.searchbar {
  background: #eeeeee;
  height: 80px;
  margin-bottom: 0px;
}
.endless_container {
  clear: both;
}
.row .col-12 ~ .endless_container {
  flex: 0 0 100%;
  max-width: 100%;
}
a.endless_more,
.endless_loading {
  position: relative;
  display: block;
  border: 1px solid #ddd;
  padding: 20px 20px;
  text-align: center;
}
a.endless_more .fa {
  position: absolute;
  right: 0;
  padding: 2px 10px;
}
a.endless_more:before,
a.endless_more:after {
  content: '\f13a';
  font-family: 'FontAwesome';
  position: absolute;
  left: 0;
  padding: 0 10px;
  color: #a2a2a2;
}
a.endless_more:after {
  left: auto;
  right: 0;
}
#clearFilter {
  display: inline-block;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 12px;
  text-transform: uppercase;
  cursor: pointer;
}
@media (max-width: 575px) {
  #clearFilter {
    width: 100%;
  }
}
.recipes-filter {
  background: #f7f7f7;
  padding: 60px 0;
  margin-bottom: 30px;
  -webkit-box-shadow: inset 0px 18px 54px -18px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: inset 0px 18px 54px -18px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0px 18px 54px -18px rgba(0, 0, 0, 0.08);
}
.recipes-filter h1 {
  color: #7b7b7b;
  font-size: 36px;
  font-weight: 300;
  line-height: 35px;
  margin: 0 0 15px 0;
}
.recipes-filter .filter-label {
  color: #878787;
  font-size: 24px;
  font-weight: 300;
  line-height: 35px;
}
.recipes-filter a {
  font-size: 24px;
  line-height: 35px;
}
.select-dropdown {
  position: relative;
  display: inline-block;
  z-index: 101;
}
.select-dropdown.select-dropdown-2 {
  z-index: 100;
}
.select-dropdown ul {
  margin: -1px 0 0 0;
}
.select-dropdown ul {
  background-color: #fbfbfb;
  -webkit-box-shadow: -8.8px 10.9px 16px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -8.8px 10.9px 16px rgba(0, 0, 0, 0.2);
  box-shadow: -8.8px 10.9px 16px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: -5.8px 6.9px 34px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -5.8px 6.9px 34px rgba(0, 0, 0, 0.2);
  box-shadow: -5.8px 6.9px 34px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0px;
  padding: 0;
  position: absolute;
  top: auto;
  margin-top: 10px;
  width: 260px;
  list-style: none;
  height: 250px;
  overflow-x: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 100;
}
.select-dropdown ul a {
  padding: 5px;
  display: block;
}
.select-dropdown a {
  display: inline-block;
  margin: 0 8px 0 8px;
}
.select-dropdown a i {
  -webkit-transition: -webkit-transform 0.17s cubic-bezier(0.23, 0.98, 0.57, 1.22);
  -moz-transition: -moz-transform 0.17s cubic-bezier(0.23, 0.98, 0.57, 1.22);
  -o-transition: -o-transform 0.17s cubic-bezier(0.23, 0.98, 0.57, 1.22);
  transition: -webkit-transform 0.17s cubic-bezier(0.23, 0.98, 0.57, 1.22),-moz-transform 0.17s cubic-bezier(0.23, 0.98, 0.57, 1.22),-o-transform 0.17s cubic-bezier(0.23, 0.98, 0.57, 1.22),transform 0.17s cubic-bezier(0.23, 0.98, 0.57, 1.22);
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
.select-dropdown a.open i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.select-dropdown span {
  cursor: pointer;
  display: inline-block;
  margin-right: -3px;
}
.select-dropdown .hida {
  padding-right: 15px;
}
.select-dropdown span.value {
  display: none;
}
.select-dropdown a.suggest-filter {
  background: #c1c1c1;
  font-size: 12px;
  color: #fff;
  padding: 0 0 0 16px !important;
  font-weight: 700;
  height: 45px;
  line-height: 45px;
  margin: 0;
}
.select-dropdown a.suggest-filter:before {
  content: '\f067';
  font-family: 'FontAwesome';
  padding-right: 14px;
}
.multiSel span {
  cursor: pointer;
  display: inline-block;
  padding: 0 8px 0px 0;
}
.multiSel span:last-child {
  padding-right: 15px;
}
.multiSel span:after {
  content: ',';
}
.multiSel span:last-of-type:after {
  content: '';
}
.select-dropdown--listbox::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 24px;
}
.select-dropdown--listbox::-webkit-scrollbar-thumb {
  min-height: 4.25rem;
  border-radius: 1.2rem;
  box-shadow: 0 0 0 0.78rem #fff inset;
  background-color: #efefef;
}
.select-dropdown--listbox::-webkit-scrollbar-track {
  background-color: #fff;
}
.recipe-info-bar {
  margin-top: 10px;
  background: #F5F5F5;
  line-height: 1.2em;
}
.recipe-info-bar > span,
.recipe-info-bar > a {
  color: #222222;
  text-transform: uppercase;
  text-align: center;
  padding: 20px 30px;
  display: inline-block;
}
.recipe-info-bar > span i,
.recipe-info-bar > a i {
  font-size: 1.4em;
}
.recipe-info-bar > span i img,
.recipe-info-bar > a i img {
  width: 26px;
  top: -3px;
  position: relative;
  opacity: 0.8;
}
.recipe-info-bar > span p,
.recipe-info-bar > a p {
  font-size: 0.8em;
  margin: 5px 0 0 0;
}
.recipe-info-bar > a:hover {
  background: #eee;
}
.recipe-info-bar .add-to-recipe-book {
  border-left: 4px solid #FFFFFF;
  float: right;
}
.star-rating {
  font-family: 'FontAwesome';
  margin: 0;
  display: block;
}
.star-rating.rating-sum-20 > fieldset:not(:checked) #star1 ~ label:before {
  content: '\f005';
  color: #d5ac30;
}
.star-rating.rating-sum-40 > fieldset:not(:checked) #star2 ~ label:before {
  content: '\f005';
  color: #d5ac30;
}
.star-rating.rating-sum-60 > fieldset:not(:checked) #star3 ~ label:before {
  content: '\f005';
  color: #d5ac30;
}
.star-rating.rating-sum-80 > fieldset:not(:checked) #star4 ~ label:before {
  content: '\f005';
  color: #d5ac30;
}
.star-rating.rating-sum-100 > fieldset:not(:checked) #star5 ~ label:before {
  content: '\f005';
  color: #d5ac30;
}
.star-rating > fieldset {
  border: none;
  display: inline-block;
}
.star-rating > fieldset:not(:checked) > input {
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.star-rating > fieldset:not(:checked) > label {
  float: right;
  width: 1em;
  padding: 0 0.05em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 1.3em;
  color: #d5ac30;
  margin: 0;
}
.star-rating > fieldset:not(:checked) > label:before {
  content: '\f005';
  color: #a2a2a2;
}
.star-rating > fieldset:not(:checked) > label:hover:before {
  color: #debd5a;
}
.star-rating > fieldset:not(:checked) > label:hover,
.star-rating > fieldset:not(:checked) > label:hover ~ label {
  color: #debd5a !important;
}
.star-rating > fieldset:not(:checked) > label:hover:before,
.star-rating > fieldset:not(:checked) > label:hover ~ label:before {
  color: #debd5a !important;
}
.star-rating > fieldset > input:checked ~ label {
  color: #debd5a !important;
}
.star-rating > fieldset > input:checked ~ label:before {
  color: #debd5a !important;
}
.star-rating > fieldset > label:active {
  position: relative;
  top: 2px;
}
.checkbox-square {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.2s;
  border-radius: 2px;
  background: #ffffff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding: 4px;
  border: 1px solid #f5f5f5;
}
.checkbox-square:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  width: 30px;
  height: 30px;
  -webkit-box-shadow: inset 0px 0px 0px 2px #ddd;
  -moz-box-shadow: inset 0px 0px 0px 2px #ddd;
  box-shadow: inset 0px 0px 0px 2px #ddd;
}
.checkbox-square label.checkbox-square-label {
  cursor: pointer;
  width: 100%;
  display: block;
  padding-left: 40px;
  height: 30px;
  line-height: 30px;
  position: relative;
  z-index: 2;
  font-size: 12px;
  margin-bottom: 0;
  color: #5A5A5A;
}
.checkbox-square label.checkbox-square-label:after {
  content: "\f00c";
  font-family: 'FontAwesome';
  font-size: 20px;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -o-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 2px;
  text-align: center;
  color: #FFF;
  pointer-events: none;
}
.checkbox-square label.checkbox-square-label:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: #3cb586;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -o-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 2px;
  pointer-events: none;
}
.checkbox-square input:checked + label.checkbox-square-label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.checkbox-square input:checked + label.checkbox-square-label:before {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.checkbox-square input {
  display: none;
  visibility: hidden;
}
.desktop .checkbox-square label.checkbox-square-label:hover:before {
  opacity: 0.8;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.checkbox-square.checkbox-square-sm {
  display: block;
  height: auto;
  border: none;
  padding-bottom: 10px;
  background: none;
}
.checkbox-square.checkbox-square-sm:before {
  width: 20px;
  height: 20px;
}
.checkbox-square.checkbox-square-sm label.checkbox-square-label {
  height: 20px;
  line-height: 20px;
}
.checkbox-square.checkbox-square-sm label.checkbox-square-label:after {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
}
.checkbox-square.checkbox-square-sm label.checkbox-square-label:before {
  width: 20px;
  height: 20px;
}
.checkbox-square.checkbox-dropdown-list {
  display: block;
  height: auto;
  border: none;
  padding: 0px;
  background: none;
}
.checkbox-square.checkbox-dropdown-list:before {
  width: 14px;
  height: 14px;
  top: 16px;
  left: 13.5px;
  border-radius: 2px;
}
.checkbox-square.checkbox-dropdown-list label.checkbox-square-label {
  height: 45px;
  line-height: 45px;
  border-bottom: 1px solid #e1e1e1;
}
.checkbox-square.checkbox-dropdown-list label.checkbox-square-label:after {
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 9px;
  top: 16px;
  left: 13.5px;
}
.checkbox-square.checkbox-dropdown-list label.checkbox-square-label:before {
  width: 14px;
  height: 14px;
  top: 16px;
  left: 13.5px;
}
.checkbox-square.checkbox-radio:before {
  border-radius: 100%;
}
.checkbox-square.checkbox-radio label.checkbox-square-label:after {
  border-radius: 100%;
}
.checkbox-square.checkbox-radio label.checkbox-square-label:before {
  border-radius: 100%;
}
.ui-widget-content {
  border: none;
  border-top: 0;
  background: #fff;
  color: #6d6d6d;
  font-size: 1em;
  line-height: 50px;
}
.ui-widget-content a {
  color: #6d6d6d;
}
.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  cursor: pointer;
  min-height: 0;
  clear: both;
  height: auto;
  padding: 10px;
  border: none;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.ui-menu .ui-menu-item .ui-menu-item-inner {
  width: 100%;
  float: left;
  -webkit-transition: -webkit-transform 0.24s ease;
  -moz-transition: -moz-transform 0.24s ease;
  -o-transition: -o-transform 0.24s ease;
  transition: -webkit-transform 0.24s ease,-moz-transform 0.24s ease,-o-transform 0.24s ease,transform 0.24s ease;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ui-menu .ui-menu-item:after {
  content: "";
  height: 1px;
  width: 90%;
  background: #f5f5f5;
  bottom: 0;
  position: absolute;
  left: 0;
  margin-left: 5%;
}
.ui-menu .ui-menu-item .img-wrap {
  position: absolute;
  width: 50px;
  height: 50px;
  left: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.ui-menu .ui-menu-item div.text {
  position: relative;
  width: 100%;
  height: 50px;
  padding-left: 70px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.15;
  text-align: left;
}
.ui-menu .ui-menu-item span.label {
  display: block;
}
.ui-menu .ui-menu-item span.type {
  text-transform: capitalize;
  font-size: 0.7em;
}
.ui-menu .ui-menu-item span.author {
  font-size: 0.7em;
}
.ui-menu .ui-menu-item-all {
  padding: 0;
}
.ui-menu .ui-menu-item-all a {
  display: block;
  padding: 0;
  font-size: 0.8em;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border-color: transparent;
  background: #3CBF8D;
  font-weight: normal;
  color: #ffffff;
}
.ui-state-hover a,
.ui-widget-content .ui-state-hover a,
.ui-widget-header .ui-state-hover a,
.ui-state-focus a,
.ui-widget-content .ui-state-focus a,
.ui-widget-header .ui-state-focus a {
  color: #ffffff;
}
.ui-state-hover:after,
.ui-widget-content .ui-state-hover:after,
.ui-widget-header .ui-state-hover:after,
.ui-state-focus:after,
.ui-widget-content .ui-state-focus:after,
.ui-widget-header .ui-state-focus:after {
  background: transparent;
}
.ui-state-focus .ui-menu-item-inner {
  -webkit-transform: translateX(6px);
  -moz-transform: translateX(6px);
  -o-transform: translateX(6px);
  -ms-transform: translateX(6px);
  transform: translateX(6px);
}
input.ui-autocomplete-loading + button .fa-search {
  display: none !important;
}
input.ui-autocomplete-loading + button .fa-spinner {
  display: block !important;
}
.suggestions {
  display: none;
  padding: 15px 10px;
  color: #888;
  background: #f5f5f5;
}
.search-autocomplete.is_open .suggestions {
  display: block;
}
.search-autocomplete {
  position: absolute;
  right: 0;
  width: 100%;
}
.search-autocomplete .ui-widget-content {
  position: absolute;
  background: #fff;
  top: 0 !important;
  right: 0 !important;
  left: inherit !important;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
#search-autocomplete-results-mobile .ui-widget-content {
  position: relative;
  width: 100% !important;
}
.addthis_toolbox .at-icon-wrapper {
  line-height: 42px !important;
  height: 42px !important;
  width: 42px !important;
  -webkit-border-radius: 100% !important;
  -webkit-background-clip: padding-box !important;
  -moz-border-radius: 100% !important;
  -moz-background-clip: padding !important;
  border-radius: 100% !important;
  background-clip: padding-box !important;
}
.addthis_toolbox .at-icon-wrapper svg {
  width: 26px !important;
  height: 42px !important;
}
.addthis_toolbox > a {
  margin-bottom: 10px !important;
}
.addthis_toolbox.addthis_square {
  margin: 0 -2px;
}
.addthis_toolbox.addthis_square .at300b {
  padding: 0 2px;
}
.addthis_toolbox.addthis_square .at-icon-wrapper {
  line-height: 32px !important;
  height: 32px !important;
  width: 32px !important;
  -webkit-border-radius: 0% !important;
  -webkit-background-clip: padding-box !important;
  -moz-border-radius: 0% !important;
  -moz-background-clip: padding !important;
  border-radius: 0% !important;
  background-clip: padding-box !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* the norm */
.error_gritter .gritter-title {
  color: #F58888;
}
.success_gritter .gritter-title {
  color: #3CBF8D;
}
#gritter-notice-wrapper {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 400px;
  z-index: 2147483647;
}
#gritter-notice-wrapper.bottom-center {
  top: auto;
  right: auto;
  bottom: 20px;
  left: 50%;
  margin-left: -275px;
  width: 550px;
}
#gritter-notice-wrapper.top-left {
  left: 20px;
  right: auto;
}
#gritter-notice-wrapper.bottom-right {
  top: auto;
  left: auto;
  bottom: 20px;
  right: 20px;
}
#gritter-notice-wrapper.bottom-left {
  top: auto;
  right: auto;
  bottom: 20px;
  left: 20px;
}
.gritter-item-wrapper {
  position: relative;
  background: #fff;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
}
.gritter-top {
  height: 10px;
}
.hover .gritter-top {
  background-position: right -30px;
}
.gritter-bottom {
  height: 8px;
  margin: 0;
}
.hover .gritter-bottom {
  background-position: bottom right;
}
.gritter-item {
  display: block;
  color: #eee;
  padding: 15px;
  font-size: 11px;
  font-family: verdana;
}
.hover .gritter-item {
  background-position: right -40px;
}
.gritter-item p {
  padding: 0;
  margin: 0;
  word-wrap: break-word;
  font-size: 13px;
}
.gritter-close {
  display: block;
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-size: 0;
}
.gritter-close .fa {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  font-size: 15px;
  color: #333;
}
.gritter-title {
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 7px 0;
  display: block;
  color: #222222;
}
.gritter-image {
  width: 48px;
  height: 48px;
  float: left;
}
.gritter-with-image,
.gritter-without-image {
  padding: 0;
}
.gritter-with-image {
  width: 220px;
  float: right;
}
/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close {
  color: #222;
}
.gritter-light .gritter-title {
  text-shadow: none;
}
#gritter-notice-wrapper.bottom-center {
  -webkit-animation: slideup 0.25s ease forwards;
  -moz-animation: slideup 0.25s ease forwards;
  -o-animation: slideup 0.25s ease forwards;
  animation: slideup 0.25s ease forwards;
}
#gritter-notice-wrapper.bottom-center .gritter-title {
  font-size: 14px;
}
#gritter-notice-wrapper {
  -webkit-animation: slidedown 0.25s ease forwards;
  -moz-animation: slidedown 0.25s ease forwards;
  -o-animation: slidedown 0.25s ease forwards;
  animation: slidedown 0.25s ease forwards;
}
.search-icon {
  width: 55px;
  cursor: pointer;
  border-radius: 4px;
}
ul.errorlist {
  position: relative;
  margin: 0px 0px -3px 0px;
  padding: 2px 14px;
  list-style: none;
  background: #B65357;
  color: #F2E9E9 !important;
  border-radius: 3px 3px 0 0px;
  font-size: 11px;
  float: left;
  width: 100%;
}
ul.errorlist li {
  color: #F2E9E9 !important;
}
ul.errorlist:after {
  display: block;
  position: absolute;
  bottom: -10px;
  width: 0;
  height: 0;
  content: '';
  border: 5px solid transparent;
  border-top-color: #B65357;
}
ul.errorlist + input {
  border: 1px solid #B65357 !important;
}
.profile-nav-name {
  display: block;
  padding: 0px 15px;
  color: #555555;
  font-weight: 600;
  position: relative;
  text-align: right;
  height: 50px;
}
.profile_header {
  position: relative;
  border-bottom: 1px solid #ddd;
  height: 220px;
  background: url(/static/img/site/new-header-background-bw.jpg) top center scroll no-repeat #f5f5f5;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.profile_header .color-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: #3CBF8D;
  background-color: rgba(60, 191, 141, 0.7);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(60, 191, 141, 0.7)), to(rgba(40, 152, 110, 0.7)));
  background-image: -webkit-linear-gradient(left, rgba(60, 191, 141, 0.7), rgba(40, 152, 110, 0.7));
  background-image: -moz-linear-gradient(left, rgba(60, 191, 141, 0.7), rgba(40, 152, 110, 0.7));
  background-image: -ms-linear-gradient(left, rgba(60, 191, 141, 0.7), rgba(40, 152, 110, 0.7));
  background-image: -o-linear-gradient(left, rgba(60, 191, 141, 0.7), rgba(40, 152, 110, 0.7));
}
.profile_header .container {
  height: 100%;
  z-index: 2;
  position: relative;
}
.profile_header ~ .nav_margin {
  margin-top: 0;
}
.follow-feed-aside h3 {
  padding: 15px;
  padding-bottom: 0;
}
.followed-author-link {
  display: block;
  padding: 15px;
  font-size: 0.9em;
}
.followed-author-link h4 {
  color: #9D9D9D;
  font-size: 1em;
  margin: 0;
}
.followed-author-link img {
  border-radius: 100%;
  width: 40px;
}
.followed-author-link .author-photo,
.followed-author-link .author-name {
  vertical-align: middle;
}
.followed-author-link .author-photo {
  display: inline-block;
  width: 50px;
}
.followed-author-link .author-name {
  display: inline-block;
  width: calc(100% - 60px);
}
.profile_img_wrap {
  width: 130px;
  height: 130px;
  max-width: 130px;
  max-height: 130px;
  border-radius: 130px / 2;
  border: 1px solid #ffffff;
  display: inline-block;
  overflow: hidden;
  background: #ffffff;
}
.profile_img_wrap .profile_img {
  height: 100%;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.user_info {
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  max-width: 540px;
}
.user_info h1 {
  color: #FFFFFF;
}
.user_info p {
  color: #FFFFFF;
}
.on_profile_nav {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: -110px;
  height: 50px;
}
.on_profile_nav.opn_include {
  margin-top: -49px;
}
.on_profile_nav li {
  display: inline-block;
  background: #FFFFFF;
  float: left;
}
.on_profile_nav li a {
  height: 50px;
  line-height: 50px;
  padding: 0px 15px;
  position: relative;
  display: block;
  border-left: 2px solid #fff;
  color: #5A5A5A;
  background: #F8F8F8;
}
.on_profile_nav li a.active {
  background: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
.on_profile_nav.side_nav {
  height: auto;
  margin-top: 0;
}
.on_profile_nav.side_nav li {
  display: block;
  float: none;
}
.on_profile_nav.side_nav li a {
  border-left: 0;
}
.side_nav_bg {
  background: #F8F8F8;
}
.user_info h1 {
  margin-bottom: 0;
}
.user_info p,
.user_info a {
  font-size: 0.9em;
}
.profile_quicklinks {
  margin-top: 10px;
}
.profile_quicklinks a {
  display: block;
  color: #FFFFFF;
}
.profile_title {
  border-bottom: 1px solid #eee;
  padding: 10px;
  margin-bottom: 10px;
}
.profile_sidenav {
  padding: 10px;
}
.profile_sidenav a {
  display: block;
  padding: 4px 0px;
  font-weight: 600;
}
.profile_list_item {
  margin-bottom: 14px;
}
.profile_list_item .div-cell {
  padding-left: 10px;
  padding-right: 10px;
}
.profile_list_item a {
  margin-bottom: 5px;
}
.nav-dropdown-btn.active i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.nav-dropdown-list {
  position: relative;
  display: none;
  background: #F8F8F8;
  font-size: 0.8em;
}
.nav-dropdown-list.active {
  display: block;
}
/* General styles for all menus */
body.cbp-spmenu-open #cbp-spmenu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #5F5F5F;
  z-index: 999;
  opacity: 0.5;
  cursor: pointer;
}
.cbp-spmenu {
  background: #FFFFFF;
  position: fixed;
  text-align: center;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.cbp-spmenu h3 {
  color: #222222;
  font-size: 1.9em;
  margin: 0;
  font-weight: 300;
  background: #F8F8F8;
}
.cbp-spmenu a {
  display: block;
  color: #000000;
  font-size: 16px !important;
  text-align: left;
  padding: 10px 15px 10px 55px;
  font-weight: 600;
  line-height: 20px;
  border-top: 1px solid #ebebeb;
  text-transform: uppercase;
}
.cbp-spmenu a:hover {
  background: #ebebeb;
}
.cbp-spmenu a:active {
  background: #ffffff;
  color: #c5c5c5;
}
.cbp-spmenu a.btn-login {
  position: absolute;
  right: 13px;
  top: 13px;
  padding: 0;
  background: #3CBF8D;
  color: #fff !important;
  width: 70px;
  border: 0;
  line-height: 30px;
  font-size: 0.8em;
  font-weight: 800;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.cbp-spmenu a.btn-login:hover,
.cbp-spmenu a.btn-login:focus,
.cbp-spmenu a.btn-login:active {
  background: #36ac7f;
}
.cbp-spmenu a.cbp-spmenu-btn {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  color: #ffffff !important;
}
.cbp-spmenu a.cbp-spmenu-btn.wnf-link {
  background: #D85A5A;
}
.cbp-spmenu a.cbp-spmenu-btn.wnf-link:hover,
.cbp-spmenu a.cbp-spmenu-btn.wnf-link:focus,
.cbp-spmenu a.cbp-spmenu-btn.wnf-link:active {
  background: #ba2c2c;
}
.cbp-spmenu a.cbp-spmenu-btn.podcast-link {
  background: #D85A5A;
}
.cbp-spmenu a.cbp-spmenu-btn.podcast-link:hover,
.cbp-spmenu a.cbp-spmenu-btn.podcast-link:focus,
.cbp-spmenu a.cbp-spmenu-btn.podcast-link:active {
  background: #ba2c2c;
}
.cbp-spmenu a.cbp-spmenu-btn-half {
  width: 50%;
  float: left;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  color: #ffffff !important;
}
.cbp-spmenu a.cbp-spmenu-btn-half.fmtv-link {
  background: #309870;
}
.cbp-spmenu a.cbp-spmenu-btn-half.fmtv-link:hover,
.cbp-spmenu a.cbp-spmenu-btn-half.fmtv-link:focus,
.cbp-spmenu a.cbp-spmenu-btn-half.fmtv-link:active {
  background: #2a8562;
}
.cbp-spmenu a.cbp-spmenu-btn-half.store-link {
  background: #FF7F00;
}
.cbp-spmenu a.cbp-spmenu-btn-half.store-link:hover,
.cbp-spmenu a.cbp-spmenu-btn-half.store-link:focus,
.cbp-spmenu a.cbp-spmenu-btn-half.store-link:active {
  background: #e67200;
}
.cbp-spmenu a:not(.no-menu-animation) {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -o-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.cbp-spmenu .profile-menu-header {
  padding: 30px 20px;
  background: #F8F8F8;
}
.cbp-spmenu .profile-menu-header a {
  text-align: center;
  font-size: 0.8em !important;
  padding: 1px 0 0 0;
  border: 0;
}
.cbp-spmenu.cbp-spmenu-right a {
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation) {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: opacity 0.23s ease, -webkit-transform 0.23s cubic-bezier(0.48, 0.13, 0.35, 1);
  -moz-transition: opacity 0.23s ease, -moz-transform 0.23s cubic-bezier(0.48, 0.13, 0.35, 1);
  -o-transition: opacity 0.23s ease, -o-transform 0.23s cubic-bezier(0.48, 0.13, 0.35, 1);
  transition: opacity 0.23s ease,-webkit-transform 0.23s cubic-bezier(0.48, 0.13, 0.35, 1),-moz-transform 0.23s cubic-bezier(0.48, 0.13, 0.35, 1),-o-transform 0.23s cubic-bezier(0.48, 0.13, 0.35, 1),transform 0.23s cubic-bezier(0.48, 0.13, 0.35, 1);
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(13) {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(12) {
  -webkit-transition-delay: 0.47s;
  -moz-transition-delay: 0.47s;
  -o-transition-delay: 0.47s;
  transition-delay: 0.47s;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(11) {
  -webkit-transition-delay: 0.43999999999999995s;
  -moz-transition-delay: 0.43999999999999995s;
  -o-transition-delay: 0.43999999999999995s;
  transition-delay: 0.43999999999999995s;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(10) {
  -webkit-transition-delay: 0.41s;
  -moz-transition-delay: 0.41s;
  -o-transition-delay: 0.41s;
  transition-delay: 0.41s;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(9) {
  -webkit-transition-delay: 0.38s;
  -moz-transition-delay: 0.38s;
  -o-transition-delay: 0.38s;
  transition-delay: 0.38s;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(8) {
  -webkit-transition-delay: 0.35s;
  -moz-transition-delay: 0.35s;
  -o-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(7) {
  -webkit-transition-delay: 0.32s;
  -moz-transition-delay: 0.32s;
  -o-transition-delay: 0.32s;
  transition-delay: 0.32s;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(6) {
  -webkit-transition-delay: 0.29s;
  -moz-transition-delay: 0.29s;
  -o-transition-delay: 0.29s;
  transition-delay: 0.29s;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(5) {
  -webkit-transition-delay: 0.26s;
  -moz-transition-delay: 0.26s;
  -o-transition-delay: 0.26s;
  transition-delay: 0.26s;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(4) {
  -webkit-transition-delay: 0.22999999999999998s;
  -moz-transition-delay: 0.22999999999999998s;
  -o-transition-delay: 0.22999999999999998s;
  transition-delay: 0.22999999999999998s;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(3) {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(2) {
  -webkit-transition-delay: 0.16999999999999998s;
  -moz-transition-delay: 0.16999999999999998s;
  -o-transition-delay: 0.16999999999999998s;
  transition-delay: 0.16999999999999998s;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(1) {
  -webkit-transition-delay: 0.14s;
  -moz-transition-delay: 0.14s;
  -o-transition-delay: 0.14s;
  transition-delay: 0.14s;
}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
  width: 240px;
  height: 100%;
  top: 0;
  z-index: 1000;
}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {
  left: 0;
  -webkit-transform: translateX(-240px);
  -moz-transform: translateX(-240px);
  -o-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  transform: translateX(-240px);
}
.cbp-spmenu-right {
  right: 0;
  -webkit-transform: translateX(240px);
  -moz-transform: translateX(240px);
  -o-transform: translateX(240px);
  -ms-transform: translateX(240px);
  transform: translateX(240px);
}
.cbp-spmenu-left.cbp-spmenu-open {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  left: 0;
}
.cbp-spmenu-right.cbp-spmenu-open {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  right: 0;
}
/* Push classes applied to the body */
.cbp-spmenu-push {
  overflow-x: hidden;
  position: relative;
  left: 0;
}
/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* Example media queries */
@media screen and (max-width: 55.1875em) {
  .cbp-spmenu-horizontal {
    font-size: 75%;
    height: 110px;
  }
  .cbp-spmenu-top {
    top: -110px;
  }
  .cbp-spmenu-bottom {
    bottom: -110px;
  }
}
@media screen and (max-height: 26.375em) {
  .cbp-spmenu-vertical {
    font-size: 90%;
    width: 190px;
  }
  .cbp-spmenu-left,
  .cbp-spmenu-push-toleft {
    left: -190px;
  }
  .cbp-spmenu-right {
    right: -190px;
  }
  .cbp-spmenu-push-toright {
    left: 190px;
  }
}
.text-center {
  text-align: center;
}
#static-pages {
  margin-bottom: 30px;
}
#static-pages .padding {
  padding-top: 30px;
  padding-bottom: 30px;
}
#static-pages .padding:first-child {
  padding-top: 0;
}
#static-pages img[align='left'] {
  margin-right: 15px;
  margin-bottom: 10px;
}
#static-pages img[align='right'] {
  margin-left: 15px;
  margin-bottom: 10px;
}
#static-pages .container {
  padding-top: 30px;
  padding-bottom: 30px;
}
#static-pages.study-nutrition .iinTable {
  border: 1px solid #9D9D9D;
  margin: 20px auto 0px;
}
@media (max-width: 767px) {
  #static-pages.study-nutrition .iinTable {
    font-size: 12px;
  }
}
#static-pages.study-nutrition .iinTable td {
  text-align: center;
  padding: 4px;
}
#static-pages.study-nutrition .iinTable td:first-child {
  text-align: left;
  padding-right: 40px;
  width: 300px;
}
#static-pages.study-nutrition .iinTable tbody tr {
  background: #F8F8F8;
}
#static-pages.study-nutrition .iinTable tbody .oddRow {
  background: #fff;
}
#static-pages.study-nutrition .iinTable .iin_check {
  color: #3CBF8D;
}
#static-pages.study-nutrition .iinTable .other_check {
  color: #428154;
}
#static-pages.study-nutrition .curriculumList {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 12px;
  float: left;
}
#static-pages.study-nutrition .curriculumList h3 {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
#static-pages.study-nutrition .curriculumList > li {
  float: left;
  padding: 0;
  width: 30%;
  height: 200px;
  margin: 10px 10px 0;
  font-size: 12px;
}
#static-pages.study-nutrition .curriculumList img {
  width: 165px;
  margin: 25% auto;
  display: block;
}
@media (max-width: 1199px) {
  #static-pages.study-nutrition .curriculumList img {
    margin: 40% auto;
  }
}
#static-pages.study-nutrition .whatYouGet > li {
  margin-bottom: 15px;
}
#static-pages.study-nutrition .iinOffer {
  padding: 30px;
  border-radius: 3px;
  background: #fff;
  margin-bottom: 0px;
}
#static-pages.study-nutrition .offerHead {
  font-size: 40px;
  text-transform: none;
  font-weight: 800;
  text-align: center;
}
#static-pages.study-nutrition .iinOfferLeft {
  float: left;
  margin: 0 20px 0 0;
}
#static-pages.study-nutrition .iinOfferList {
  padding: 0;
  float: left;
  list-style: none;
  font-size: 17px;
  margin: 0 0 20px;
}
#static-pages.study-nutrition .iinOfferList li {
  position: relative;
  padding: 0 0 2px 20px;
  font-weight: normal;
}
#static-pages.study-nutrition .iinOfferList li:before {
  content: "\f00c";
  font: normal normal normal 14px/1 FontAwesome;
  color: #3CBF8D;
  line-height: 1.5em;
  position: absolute;
  left: 0;
  width: 20px;
  text-align: center;
  top: 3px;
}
#static-pages.study-nutrition .iinOffer h3 {
  font-weight: bold;
  font-size: 20px;
  color: #3CBF8D;
}
#static-pages.study-nutrition .bonus-price {
  float: right;
}
#static-pages.study-nutrition .bonus-price-total {
  font-weight: bold;
}
#static-pages.study-nutrition .bonus-ul {
  padding: 0;
  list-style: none;
}
#static-pages.study-nutrition .bonus-ul > li {
  margin-bottom: 3px;
}
#static-pages.study-nutrition .iinOffer h2.offerHead {
  font-weight: bold;
  color: #3CBF8D;
  text-align: left;
  font-size: 40px;
}
#static-pages.study-nutrition .iinOffer h3.offerSubhead {
  font-weight: normal;
  color: #333;
  font-size: 26px;
  margin: 0px 0px 30px 0px;
}
#static-pages.study-nutrition .iin-total-section {
  margin-top: 20px;
}
#static-pages.study-nutrition .iin-total {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 13px 0px;
  padding: 13px 0px;
}
#static-pages.study-nutrition .iin-exclusive-heading {
  color: #cd1626;
  margin: 8px 0px 0px;
  font-weight: bold;
}
#static-pages.study-nutrition .iin-exclusive {
  color: #cd1626;
  font-size: 22px;
  margin-bottom: 0px !important;
  margin-top: 20px;
  line-height: 23px;
}
#static-pages.study-nutrition .iin-exclusive > span {
  font-size: 26px;
}
#static-pages.study-nutrition .iin-exclusive-ends {
  color: #333;
  font-size: 14px;
  font-weight: bold;
}
#static-pages.study-nutrition .iin-exclusive-ends > span {
  color: #cd1626;
}
#static-pages.study-nutrition .bonus-row {
  margin: 30px 0px;
}
#static-pages.study-nutrition .product-list {
  float: left;
  margin-right: 10px;
}
#static-pages.study-nutrition .x10:after {
  content: "x 10";
  display: block;
  text-align: center;
}
#static-pages.study-nutrition .iinOfferBottom p {
  float: left;
  width: 100%;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  #static-pages.study-nutrition .curriculumList {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 12px;
    float: left;
  }
  #static-pages.study-nutrition .curriculumList > li {
    width: 100%;
    height: auto;
    margin: 0 0 30px 0;
  }
}
.sidebar-signup-inner {
  background-color: #fff;
}
.contact-us {
  padding-bottom: 30px;
}
.contact-us + .jumbotron {
  background: #F8F8F8;
  padding-top: 30px;
  padding-bottom: 30px;
}
body.country-AU .juicer-buying-guide .AUNZ,
body.country-NZ .juicer-buying-guide .AUNZ {
  display: none !important;
}
body.country-AU .juicer-buying-guide .USINT,
body.country-NZ .juicer-buying-guide .USINT {
  display: inline-block !important;
}
body .juicer-buying-guide .AUNZ {
  display: inline-block !important;
}
body .juicer-buying-guide .USINT {
  display: none !important;
}
.fb-comments.fb_iframe_widget.fb_iframe_widget_fluid_desktop iframe {
  width: inherit !important;
}
/* ==================
      TYPOGRAPHY
===================== */
h1.heading {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}
h2.heading {
  font-size: 1.7em;
  font-weight: 700;
}
h3.heading {
  font-size: 1.3em;
  font-weight: 700;
}
ol.list-style,
ul.list-style {
  list-style: none;
  margin-left: 0;
}
ol.list-style li,
ul.list-style li {
  text-indent: 0;
}
ol.list-style li::before,
ul.list-style li::before {
  display: inline-block;
  width: 1.5em;
  font-size: 1.5em;
  margin-left: -1.5em;
}
ol.list-style li {
  counter-increment: steps;
}
ol.list-style li::before {
  content: counter(steps);
}
ul.list-style li::before {
  font-family: 'FontAwesome';
  content: "\f00c";
}
ul.list-style li.list-dot::before {
  font-family: inherit;
  content: "\25CF";
}
ul.list-style li.list-green::before {
  color: #3CBF8D;
}
ul.list-style li.list-cross::before {
  content: "\f00d";
  color: #D85A5A;
}
/* ==================
      BACKGROUND
===================== */
.bg-gradient-green {
  background: #075739;
  background: -moz-linear-gradient(66deg, #075739 15%, #3dc18f 80%);
  background: -webkit-linear-gradient(66deg, #075739 15%, #3dc18f 80%);
  background: linear-gradient(66deg, #075739 15%, #3dc18f 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#075739", endColorstr="#3dc18f", GradientType=1);
}
.bg-gradient-vertical {
  background: #075739;
  background: -moz-linear-gradient(0deg, #075739 15%, #3dc18f 80%);
  background: -webkit-linear-gradient(0deg, #075739 15%, #3dc18f 80%);
  background: linear-gradient(0deg, #075739 15%, #3dc18f 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#075739", endColorstr="#3dc18f", GradientType=1);
}
.visible-tn {
  display: none !important;
}
@media (max-width: 425px) {
  .visible-tn {
    display: block !important;
  }
  .hidden-tn {
    display: none !important;
  }
}
@media (max-width: 576px) {
  .col-offset-0 {
    margin-left: 0 !important;
  }
}
/* ==================
      New Home
===================== */
#home-slider .slick-dots {
  left: 3rem;
  bottom: 1rem;
  text-align: left;
}
#home-slider .slick-dots li {
  margin: 0 5px 0 0;
}
#home-slider .slick-dots li button:before {
  content: "\f111";
  font-size: 12px;
}
#home-slider .slick-dots li.slick-active button:before {
  color: #5D5E5F;
}
#home-slider .home-slider-wrap {
  height: 60vh;
  max-height: 60vh;
}
#home-slider .home-main-slide {
  height: 100%;
  position: relative;
}
#home-slider .home-main-slide h2 {
  color: #4c4c4c;
  font-size: 32px;
  line-height: 1;
}
#home-slider .home-main-slide h2 span {
  color: #40cb95;
  font-size: 42px;
}
#home-slider .home-main-slide p {
  color: #4c4c4c;
}
#home-slider .home-main-slide .btn {
  text-transform: uppercase;
}
#home-slider .home-main-slide .hero-inner {
  max-width: 380px;
}
#home-slider .home-main-slide .text-overlay {
  padding: 0 3rem;
}
#home-slider .home-main-slide.inverse p,
#home-slider .home-main-slide.inverse h2 {
  color: #fff;
}
@-webkit-keyframes placeholderShimmer {
  0% {
    background-position: -50vw 0;
  }
  100% {
    background-position: 100vw 0;
  }
}
.shine {
  background: #f6f7f8;
  background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
}
.shine.js-fm-grid-info,
.shine.js-fm-card-info {
  min-height: 200px;
}
.fm-card-grid:not(.slick-initialized, .fm-card-grid, .podcast-more-episodes-grid),
.fm-card-row:not(.slick-initialized, .fm-card-grid, .podcast-more-episodes-grid) {
  position: relative;
}
.fm-card-grid:not(.slick-initialized, .fm-card-grid, .podcast-more-episodes-grid) .fm-card,
.fm-card-row:not(.slick-initialized, .fm-card-grid, .podcast-more-episodes-grid) .fm-card {
  visibility: hidden;
}
.fm-card-grid:not(.slick-initialized, .fm-card-grid, .podcast-more-episodes-grid):before,
.fm-card-row:not(.slick-initialized, .fm-card-grid, .podcast-more-episodes-grid):before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #f6f7f8;
  background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
}
.fm-card-grid:not(.slick-initialized, .fm-card-grid, .podcast-more-episodes-grid):before.js-fm-grid-info,
.fm-card-row:not(.slick-initialized, .fm-card-grid, .podcast-more-episodes-grid):before.js-fm-grid-info,
.fm-card-grid:not(.slick-initialized, .fm-card-grid, .podcast-more-episodes-grid):before.js-fm-card-info,
.fm-card-row:not(.slick-initialized, .fm-card-grid, .podcast-more-episodes-grid):before.js-fm-card-info {
  min-height: 200px;
}
.fm-card-grid .slick-list,
.fm-card-row .slick-list {
  padding-right: 0;
  overflow: visible;
}
.fm-card-grid .slick-arrow,
.fm-card-row .slick-arrow {
  width: 3rem;
  margin: 0;
  top: -1.5rem;
  bottom: 0;
  height: inherit;
  background-color: #fff;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.fm-card-grid .slick-arrow.slick-prev,
.fm-card-row .slick-arrow.slick-prev {
  left: -1rem;
  background: #ffffff;
  background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.74) 48%, rgba(255, 255, 255, 0) 200%);
  background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.74) 48%, rgba(255, 255, 255, 0) 200%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.74) 48%, rgba(255, 255, 255, 0) 200%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}
@media (min-width: 768px) {
  .fm-card-grid .slick-arrow.slick-prev,
  .fm-card-row .slick-arrow.slick-prev {
    left: -3rem;
  }
}
.fm-card-grid .slick-arrow.slick-next,
.fm-card-row .slick-arrow.slick-next {
  right: -1rem;
  background: #ffffff;
  background: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.74) 48%, rgba(255, 255, 255, 0) 200%);
  background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0.74) 48%, rgba(255, 255, 255, 0) 200%);
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0.74) 48%, rgba(255, 255, 255, 0) 200%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}
@media (min-width: 768px) {
  .fm-card-grid .slick-arrow.slick-next,
  .fm-card-row .slick-arrow.slick-next {
    right: -3rem;
  }
}
.fm-card-grid .slick-arrow:before,
.fm-card-row .slick-arrow:before {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.fm-card-grid:hover .slick-arrow:before,
.fm-card-row:hover .slick-arrow:before {
  opacity: 1 !important;
}
.fm-card-grid .fm-card,
.fm-card-row .fm-card {
  position: relative;
}
.fm-card-grid .fm-card .fm-card-wrap,
.fm-card-row .fm-card .fm-card-wrap {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
}
.fm-card-grid .fm-card .fm-card-wrap .fm-card-info,
.fm-card-row .fm-card .fm-card-wrap .fm-card-info {
  position: relative;
}
.fm-card-grid .fm-card .fm-card-wrap .fm-card-info .fm-card-link,
.fm-card-row .fm-card .fm-card-wrap .fm-card-info .fm-card-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
}
.fm-card-grid .fm-card .fm-card-wrap .fm-card-info:before,
.fm-card-row .fm-card .fm-card-wrap .fm-card-info:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.78);
  background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.65) 15%, rgba(0, 0, 0, 0) 75%);
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.65) 15%, rgba(0, 0, 0, 0) 75%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.65) 15%, rgba(0, 0, 0, 0) 75%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
  z-index: 1;
  -webkit-transition: top 0.3s ease-in-out;
  -moz-transition: top 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}
.fm-card-grid .fm-card .fm-card-wrap .fm-card-info .podcast-logo,
.fm-card-row .fm-card .fm-card-wrap .fm-card-info .podcast-logo {
  width: 100%;
  padding-right: 15px;
}
.fm-card-grid .fm-card .fm-card-wrap .fm-card-info .podcast-logo path,
.fm-card-row .fm-card .fm-card-wrap .fm-card-info .podcast-logo path {
  fill: #fff !important;
}
.fm-card-grid .fm-card .fm-card-wrap .fm-card-info .fm-card-meta,
.fm-card-row .fm-card .fm-card-wrap .fm-card-info .fm-card-meta {
  opacity: 0;
  font-size: 0.9em;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.fm-card-grid .fm-card .fm-card-wrap .fm-card-info .fm-card-title,
.fm-card-row .fm-card .fm-card-wrap .fm-card-info .fm-card-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.fm-card-grid .fm-card .fm-card-wrap .fm-card-info .fm-card-title.podcast-title,
.fm-card-row .fm-card .fm-card-wrap .fm-card-info .fm-card-title.podcast-title {
  height: 3.5rem;
  -webkit-line-clamp: 3;
}
.fm-card-grid .fm-card .fm-card-wrap .fm-card-info h3:not(.fm-card-mtea),
.fm-card-row .fm-card .fm-card-wrap .fm-card-info h3:not(.fm-card-mtea) {
  color: #fff;
  font-weight: 500;
  font-size: 1em;
  position: relative;
  z-index: 2;
}
@media (max-width: 350px) {
  .fm-card-grid .fm-card .fm-card-wrap .fm-card-info h3,
  .fm-card-row .fm-card .fm-card-wrap .fm-card-info h3 {
    font-size: 0.85em !important;
  }
}
.fm-card-grid .fm-card:hover .fm-card-wrap .fm-card-meta,
.fm-card-row .fm-card:hover .fm-card-wrap .fm-card-meta {
  opacity: 1;
}
.fm-card-grid .fm-card:hover .fm-card-wrap .fm-card-info:before,
.fm-card-row .fm-card:hover .fm-card-wrap .fm-card-info:before {
  top: -500%;
}
.fm-card-grid.fm-card-row-wrapped .fm-card,
.fm-card-row.fm-card-row-wrapped .fm-card {
  margin-bottom: 30px;
}
@media (min-width: 576px) {
  .fm-card-grid.fm-card-row-wrapped .slick-slide,
  .fm-card-row.fm-card-row-wrapped .slick-slide {
    opacity: 0;
  }
  .fm-card-grid.fm-card-row-wrapped .slick-slide.slick-active.opacity-1,
  .fm-card-row.fm-card-row-wrapped .slick-slide.slick-active.opacity-1 {
    opacity: 1;
  }
}
.fm-card-grid.fm-card-row-wrapped .slick-arrow,
.fm-card-row.fm-card-row-wrapped .slick-arrow {
  background: none;
  bottom: 30px;
  opacity: 1;
}
.fm-card-grid.fm-card-row-wrapped .slick-arrow:before,
.fm-card-row.fm-card-row-wrapped .slick-arrow:before {
  opacity: 1;
}
@media (max-width: 767px) {
  .fm-card-grid.fm-card-row-wrapped .slick-arrow,
  .fm-card-row.fm-card-row-wrapped .slick-arrow {
    width: 2.5rem;
  }
  .fm-card-grid.fm-card-row-wrapped .slick-arrow.slick-prev,
  .fm-card-row.fm-card-row-wrapped .slick-arrow.slick-prev {
    left: -2.5rem;
  }
  .fm-card-grid.fm-card-row-wrapped .slick-arrow.slick-next,
  .fm-card-row.fm-card-row-wrapped .slick-arrow.slick-next {
    right: -2.5rem;
  }
}
.fm-card-grid .item-wrap .list-item,
.fm-card-row .item-wrap .list-item {
  position: relative;
}
.fm-card-grid .item-wrap .list-item .item-lock,
.fm-card-row .item-wrap .list-item .item-lock {
  position: absolute;
  display: flex;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: rgba(7, 87, 57, 0.78);
  background: -moz-linear-gradient(66deg, rgba(7, 87, 57, 0.78) 15%, rgba(61, 193, 143, 0.78) 80%);
  background: -webkit-linear-gradient(66deg, rgba(7, 87, 57, 0.78) 15%, rgba(61, 193, 143, 0.78) 80%);
  background: linear-gradient(66deg, rgba(7, 87, 57, 0.78) 15%, rgba(61, 193, 143, 0.78) 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(7, 87, 57, 0.78)", endColorstr="rgba(61, 193, 143, 0.78)", GradientType=1);
}
.fm-card-grid .item-wrap .list-item .icon-lock,
.fm-card-row .item-wrap .list-item .icon-lock {
  width: 40px;
}
.fm-card-grid .item-wrap .list-item .icon-lock span,
.fm-card-row .item-wrap .list-item .icon-lock span {
  position: absolute;
  bottom: 15px;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  color: #fff !important;
  font-weight: 700;
}
.fm-card-grid .item-wrap .list-item a .badge,
.fm-card-row .item-wrap .list-item a .badge {
  position: absolute;
  top: 5px;
  right: 5px;
}
.fm-card-grid .item-wrap:hover .list-item .item-lock span,
.fm-card-row .item-wrap:hover .list-item .item-lock span {
  opacity: 1;
}
.fm-card-grid .endless_container,
.fm-card-row .endless_container {
  width: 100%;
  padding: 0.25rem;
}
.fm-card-grid .endless_container .endless_more,
.fm-card-row .endless_container .endless_more {
  padding-bottom: 1rem;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.18);
}
/* Podcast styles */
.podcast-logo-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.05) linear-gradient(0deg, rgba(0, 0, 0, 0.35) 15%, rgba(0, 0, 0, 0) 45%);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
}
.podcast-logo-overlay svg {
  width: 30%;
  height: auto;
  margin: 5%;
}
.podcast-logo-overlay svg path {
  fill: white !important;
}
.podcast-more-episodes h4,
.podcast-more-episodes h4 a {
  font-size: 16px;
  letter-spacing: 2px;
  color: #222222;
  font-weight: 700;
  text-transform: uppercase;
}
.podcast-more-episodes-grid:not(.slick-slider) {
  overflow: hidden;
  max-height: 320px;
  transition: 1s cubic-bezier(0, 1, 0, 1), 0.3s padding ease-out, 1s top ease-out;
  position: relative;
}
.podcast-more-episodes-grid:not(.slick-slider)::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.85) 1%, rgba(255, 255, 255, 0) 10%);
  z-index: 3;
  pointer-events: none;
  transition: 1s top ease-out;
}
.podcast-more-episodes-grid.active {
  max-height: 10000px;
  transition: 3s max-height ease-in-out, 0.3s padding ease-out, 1s top ease-out;
  padding-bottom: 20px;
}
.podcast-more-episodes-grid.active::after {
  top: 100%;
  transition: 1s top ease-out;
}
.fm-card-info:before {
  background: rgba(0, 0, 0, 0.05) linear-gradient(0deg, rgba(0, 0, 0, 0.65) 15%, rgba(0, 0, 0, 0) 75%) !important;
}
/* Alternative card styles */
.podcast-logo-overlay.alternative {
  justify-content: flex-end;
  align-items: flex-start;
  background: rgba(255, 255, 255, 0.1) linear-gradient(215deg, rgba(255, 255, 255, 0.85) 15%, rgba(255, 255, 255, 0) 45%);
}
.podcast-logo-overlay.alternative img {
  width: 40%;
  height: auto;
  margin: 5%;
}
.podcast-more-episodes-grid .fm-card-info.alternative::before {
  background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(0, 0, 0, 0.65) 15%, rgba(0, 0, 0, 0) 45%) !important;
}
.podcast-more-episodes-grid .fm-card-info.alternative::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0) 35%) !important;
  z-index: 1;
}
.podcast-more-episodes-grid .fm-card-info.alternative img {
  width: 75%;
}
.podcast-more-episodes-grid .fm-card-info.alternative h3 i {
  color: black;
}
.js-reveal-postcasts {
  border: 2px solid #444;
  border-radius: 4px;
  padding: 5px 15px;
  font-size: 0.8em !important;
}
.js-reveal-postcasts:active,
.js-reveal-postcasts:hover {
  background-color: #444;
  color: white;
}
.podcast-more-episodes-grid .fm-card-wrap {
  background-size: cover !important;
}
.podcast-more-episodes-grid.fm-card-row button.slick-arrow::before {
  opacity: 1 !important;
}
.podcast-more-episodes-grid .slick-list {
  overflow: hidden;
  padding-bottom: 10px;
}
.podcast-subscribe-wrapper svg {
  min-height: 32px;
  max-height: 38px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .podcast-subscribe-wrapper h4 {
    font-size: 0.9em;
  }
}
.podcast-subscribe-wrapper a:hover svg path:not(.no-hover) {
  filter: grayscale(100%) brightness(50%) contrast(300%) brightness(200%) contrast(300%);
}
/* End Podcast Styles */
/* make captcha box narrow on tiny mobile */
.g-recaptcha > div {
  position: relative;
}
.g-recaptcha > div::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  color: #6c757d;
  margin-top: 23px;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: 0.75s linear infinite spinner-border;
  animation: 0.75s linear infinite spinner-border;
}
.g-recaptcha > div > div {
  position: relative;
}
@media (max-width: 575px) {
  .g-recaptcha > div {
    max-width: 160px !important;
    overflow: hidden !important;
    border-right: 1px solid #ccc;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 6px;
    margin: 0 auto;
  }
  /* Reposition RecaptchaV2 on mobile using z-index as selector */
  div[style*='z-index: 2000000000;'] {
    left: 1rem !important;
    right: inherit !important;
    top: 1rem !important;
    position: fixed !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) !important;
  }
  /* Hide the bubble arrow */
  .g-recaptcha-bubble-arrow {
    display: none !important;
  }
}
#modal-login-form button.btn-green,
#login button.btn-green,
a.btn-social-login {
  border: 1px solid transparent;
  text-transform: uppercase;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.18);
  margin: 0 0 0.5rem 0;
  font-weight: 700;
  letter-spacing: 0.12rem;
  font-size: 13px;
  padding: 0.75rem;
  border-radius: 0;
  transition: 0.5s ease-out;
  height: auto !important;
}
#modal-login-form button.btn-green.google-login,
#login button.btn-green.google-login,
a.btn-social-login.google-login {
  background-color: white;
  color: #5A5A5A;
}
#modal-login-form button.btn-green.google-login:hover,
#login button.btn-green.google-login:hover,
a.btn-social-login.google-login:hover {
  background-color: #e6e6e6;
}
#modal-login-form button.btn-green.facebook-login,
#login button.btn-green.facebook-login,
a.btn-social-login.facebook-login {
  background-color: #4267B2;
  border-color: #4267B2;
  color: #fff;
}
#modal-login-form button.btn-green.facebook-login:hover,
#login button.btn-green.facebook-login:hover,
a.btn-social-login.facebook-login:hover {
  background-color: #34518d;
}
.reveal-on-scroll {
  opacity: 0;
  transition: 1s opacity ease-out;
}
@media (min-width: 768px) {
  .reveal-on-scroll {
    transition: 1s opacity ease-out, 2s transform ease-out;
  }
  .reveal-on-scroll.reveal-from-top {
    transform: translate3d(0, -60px, 0);
  }
  .reveal-on-scroll.reveal-from-bottom {
    transform: translate3d(0, 60px, 0);
  }
  .reveal-on-scroll.reveal-from-left {
    transform: translate3d(-60px, 0, 0);
  }
  .reveal-on-scroll.reveal-from-right {
    transform: translate3d(60px, 0, 0);
  }
  .reveal-on-scroll.viewed {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.reveal-on-scroll.viewed {
  opacity: 1;
}
.slick-match-height .slick-track {
  display: flex;
}
.slick-match-height .slick-track .slick-slide {
  height: auto;
}
.motion-underline {
  position: relative;
}
.motion-underline::before {
  content: '';
  position: absolute;
  left: 0;
  right: inherit;
  bottom: -1px;
  width: 0;
  height: 3px;
  background-color: #3CBF8D;
  transition: 0.2s ease-in-out;
}
.motion-underline.active,
.motion-underline:hover,
.motion-underline:active {
  color: #28986E !important;
}
.motion-underline.active::before,
.motion-underline:hover::before,
.motion-underline:active::before {
  background-color: #28986E;
  width: 100%;
}
.motion-underline.active::before,
.motion-underline:active::before {
  background-color: #28986E;
}
.motion-underline.text-white::before {
  background-color: white;
}
.motion-underline.text-white:hover,
.motion-underline.text-white:active {
  color: white !important;
}
.motion-underline.text-white:active::before {
  background-color: white;
}
.motion-underline.motion-underline-reversed::before {
  left: inherit;
  right: 0;
  width: 100%;
}
.motion-underline.motion-underline-reversed:hover::before,
.motion-underline.motion-underline-reversed:active::before {
  width: 0;
}
.tile-item .tile-overlay {
  opacity: 0;
  background-color: rgba(28, 32, 26, 0.9) !important;
  transition: 0.2s opacity ease-in-out;
  pointer-events: none;
}
.tile-item:hover .tile-overlay {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 475px) {
  .tile-item.small-tile .tile-overlay .btn {
    font-size: 0.7em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .tile-item.small-tile .tile-overlay .btn {
    font-size: 0.8em;
  }
}
@media (max-width: 475px) {
  .tile-item.small-tile .tile-overlay h4 {
    margin-bottom: 0;
    font-size: 0.8em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .tile-item.small-tile .tile-overlay h4 {
    margin-bottom: 0;
    font-size: 0.9em;
  }
}
.tile-item-more:hover {
  background-color: #3CBF8D !important;
  color: white !important;
}
.tile-item-more:hover .motion-underline {
  color: white !important;
}
.tile-item-more:hover .motion-underline::before {
  background-color: white;
  width: 100%;
}
@media (max-width: 475px) {
  .tile-item-more {
    font-size: 0.9em;
  }
}
/* CDT custom styling */
.cdt--wrap.stacked-cdt .ce-digits {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
}
.cdt--wrap.stacked-cdt .ce-digits > * {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-width: 5rem;
  position: relative;
}
.cdt--wrap.stacked-cdt .ce-digits > *:not(:first-child)::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 2.5rem;
  width: 2px;
  background-color: #f3685c;
  opacity: 0.25;
}
.cdt--wrap.stacked-cdt .ce-digits > * > *:first-child {
  font-size: 1.7rem;
  font-weight: 700;
  padding: 0.25rem;
}
.cdt--wrap.stacked-cdt .ce-digits > * > *:last-child {
  padding-top: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
}
@media (max-width: 575px) {
  .cdt--wrap.stacked-cdt .ce-digits > * {
    min-width: 4.5rem;
  }
  .cdt--wrap.stacked-cdt .ce-digits > * > *:first-child {
    font-size: 1.6rem;
  }
  .cdt--wrap.stacked-cdt .ce-digits > * > *:last-child {
    font-size: 0.65rem;
  }
}
.cdt-block {
  display: inline-flex;
  justify-content: center;
}
.cdt-block [class*=-wrapper] {
  flex: inherit;
  display: flex;
  flex-direction: column;
}
.cdt-block [class*=-wrapper] > span[class*=-label] {
  font-size: 0.6em;
  margin-top: 0.1125rem;
}
.custom-underline strong {
  position: relative;
  display: inline-block;
  font-weight: inherit;
}
.custom-underline strong::before {
  content: '';
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  height: 5px;
  background-color: #3CBF8D;
  z-index: -1;
  opacity: 0.59;
}
.custom-underline.box-shadow-as-underline strong {
  display: inline;
  z-index: inherit;
  box-shadow: 0 -1px 0 rgba(60, 191, 141, 0.5) inset, 0 3px 0 rgba(60, 191, 141, 0.5);
}
.custom-underline.box-shadow-as-underline strong::before {
  content: none;
  z-index: 0;
}
.custom-underline.box-shadow-as-underline.error-underline strong {
  box-shadow: 0 -1px 0 #D85A5A inset, 0 3px 0 #D85A5A;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
img.lazyload:not(.no-lazy-fade) {
  opacity: 0;
}
img.lazyload:not(.no-lazy-fade).lazyloaded {
  animation: 0.5s ease-in-out normal forwards fade-in;
}
#footer-social {
  background: rgba(245, 222, 211, 0.8);
}
#footer-social div[class*="footer-social"] {
  background-size: cover;
}
#footer-social .p-4 {
  position: relative;
}
#footer-social .p-4::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
#footer-social .footer-social-fb .p-4:before {
  background-image: url(https://www.foodmatters.com/media/uploads/images/pages/home/footer-social-fb.jpg);
}
#footer-social .footer-social-community .p-4:before {
  background-image: url(https://www.foodmatters.com/media/uploads/images/pages/home/footer-social-community.jpg);
}
#footer-social .footer-social-ig .p-4:before {
  background-image: url(https://www.foodmatters.com/media/uploads/images/pages/home/footer-social-ig.jpg);
}
#footer-social .footer-social-yt .p-4:before {
  background-image: url(https://www.foodmatters.com/media/uploads/images/pages/home/footer-social-yt.jpg);
}
@media (min-width: 1200px) {
  .h-xl-100 {
    height: 100% !important;
  }
}
.mh-vh-25 {
  max-height: 25vh !important;
}
.mh-vh-50 {
  max-height: 50vh !important;
}
.mh-vh-75 {
  max-height: 75vh !important;
}
.mh-vh-90 {
  max-height: 90vh !important;
}
.mh-vh-100 {
  max-height: 100vh !important;
}
.minh-vh-25 {
  min-height: 25vh !important;
}
.minh-vh-50 {
  min-height: 50vh !important;
}
.minh-vh-75 {
  min-height: 75vh !important;
}
.minh-vh-100 {
  min-height: 100vh !important;
}
.z-index-1 {
  z-index: 1 !important;
}
.z-index-2 {
  z-index: 2 !important;
}
.z-index-3 {
  z-index: 3 !important;
}
.z-index-4 {
  z-index: 4 !important;
}
.ratio-4x1 {
  --bs-aspect-ratio: calc(1 / 4 * 100%);
}
.ratio-2dot35x1 {
  /* Cinemascope */
  --bs-aspect-ratio: calc(1 / 2.35 * 100%);
}
@media (min-width: 768px) {
  .ratio-md-9x16 {
    --bs-aspect-ratio: calc(16 / 9 * 100%);
  }
  .ratio-md-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
  }
  .ratio-md-3x4 {
    --bs-aspect-ratio: calc(4 / 3 * 100%);
  }
  .ratio-md-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%);
  }
  .ratio-md-1x1 {
    --bs-aspect-ratio: calc(100%);
  }
}
@media (min-width: 992px) {
  .ratio-lg-9x16 {
    --bs-aspect-ratio: calc(16 / 9 * 100%);
  }
  .ratio-lg-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
  }
  .ratio-lg-3x4 {
    --bs-aspect-ratio: calc(4 / 3 * 100%);
  }
  .ratio-lg-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%);
  }
  .ratio-lg-1x1 {
    --bs-aspect-ratio: calc(100%);
  }
}
@media (min-width: 1601px) {
  .ratio-xxxl-5x12 {
    --bs-aspect-ratio: calc(5 / 12 * 100%);
  }
}
.object-fit-cover {
  object-fit: cover !important;
}
.object-fit-contain {
  object-fit: contain !important;
}
.object-fit-fill {
  object-fit: fill !important;
}
.display-7 {
  font-size: calc(1.325rem + 0.9vw);
  font-weight: 300;
  line-height: 1.2;
}
.display-8 {
  font-size: calc(1.275rem + 0.3vw);
  font-weight: 300;
  line-height: 1.2;
}
.pointer-events-none {
  pointer-events: none;
}
/* responsive headline classes */
@media (min-width: 375px) {
  .xs-h1 {
    font-size: 2.5rem !important;
  }
  .xs-h2 {
    font-size: 2rem !important;
  }
  .xs-h3 {
    font-size: 1.75rem !important;
  }
  .xs-h4 {
    font-size: 1.5rem !important;
  }
  .xs-h5 {
    font-size: 1.25rem !important;
  }
  .xs-small {
    font-size: 80% !important;
  }
  .font-size-xs-normal {
    font-size: 100% !important;
  }
  .fw-xs-bold {
    font-weight: bold !important;
  }
  /* Xsmall text align */
  .text-xs-center {
    text-align: center !important;
  }
  .text-xs-start {
    text-align: left !important;
  }
  .text-xs-end {
    text-align: right !important;
  }
  .overflow-xs-hidden {
    overflow: hidden !important;
  }
  .overflow-xs-visible {
    overflow: visible !important;
  }
}
@media (min-width: 576px) {
  .sm-h1 {
    font-size: 2.5rem !important;
  }
  .sm-h2 {
    font-size: 2rem !important;
  }
  .sm-h3 {
    font-size: 1.75rem !important;
  }
  .sm-h4 {
    font-size: 1.5rem !important;
  }
  .sm-h5 {
    font-size: 1.25rem !important;
  }
  .sm-small {
    font-size: 80% !important;
  }
  .font-size-sm-normal {
    font-size: 100% !important;
  }
  .fw-sm-bold {
    font-weight: bold !important;
  }
  .overflow-sm-hidden {
    overflow: hidden !important;
  }
  .overflow-sm-visible {
    overflow: visible !important;
  }
}
@media (min-width: 768px) {
  .md-h1 {
    font-size: 2.5rem !important;
  }
  .md-h2 {
    font-size: 2rem !important;
  }
  .md-h3 {
    font-size: 1.75rem !important;
  }
  .md-h4 {
    font-size: 1.5rem !important;
  }
  .md-h5 {
    font-size: 1.25rem !important;
  }
  .md-small {
    font-size: 80% !important;
  }
  .font-size-md-normal {
    font-size: 100% !important;
  }
  .fw-md-bold {
    font-weight: bold !important;
  }
  .overflow-md-hidden {
    overflow: hidden !important;
  }
  .overflow-md-visible {
    overflow: visible !important;
  }
}
@media (min-width: 992px) {
  .lg-h1 {
    font-size: 2.5rem !important;
  }
  .lg-h2 {
    font-size: 2rem !important;
  }
  .lg-h3 {
    font-size: 1.75rem !important;
  }
  .lg-h4 {
    font-size: 1.5rem !important;
  }
  .lg-h5 {
    font-size: 1.25rem !important;
  }
  .lg-small {
    font-size: 80% !important;
  }
  .font-size-lg-normal {
    font-size: 100% !important;
  }
  .fw-lg-bold {
    font-weight: bold !important;
  }
  .overflow-lg-hidden {
    overflow: hidden !important;
  }
  .overflow-lg-visible {
    overflow: visible !important;
  }
}
@media (min-width: 1200px) {
  .xl-h1 {
    font-size: 2.5rem !important;
  }
  .xl-h2 {
    font-size: 2rem !important;
  }
  .xl-h3 {
    font-size: 1.75rem !important;
  }
  .xl-h4 {
    font-size: 1.5rem !important;
  }
  .xl-h5 {
    font-size: 1.25rem !important;
  }
  .xl-small {
    font-size: 80% !important;
  }
  .font-size-xl-normal {
    font-size: 100% !important;
  }
  .fw-xl-bold {
    font-weight: bold !important;
  }
  .overflow-xl-hidden {
    overflow: hidden !important;
  }
  .overflow-xl-visible {
    overflow: visible !important;
  }
}
@media (min-width: 1400px) {
  .xxl-h1 {
    font-size: 2.5rem !important;
  }
  .xxl-h2 {
    font-size: 2rem !important;
  }
  .xxl-h3 {
    font-size: 1.75rem !important;
  }
  .xxl-h4 {
    font-size: 1.5rem !important;
  }
  .xxl-h5 {
    font-size: 1.25rem !important;
  }
  .xxl-small {
    font-size: 80% !important;
  }
  .font-size-xxl-normal {
    font-size: 100% !important;
  }
  .fw-xxl-bold {
    font-weight: bold !important;
  }
  .overflow-xxl-hidden {
    overflow: hidden !important;
  }
  .overflow-xxl-visible {
    overflow: visible !important;
  }
}
/* Line height */
.line-height-small {
  line-height: 0.8em;
}
.line-height-normal {
  line-height: 1em;
}
.line-height-medium {
  line-height: 1.33em;
}
.line-height-large {
  line-height: 1.75em;
}
@media (min-width: 375px) {
  .line-height-xs-large {
    line-height: 1.75em;
  }
}
@media (min-width: 576px) {
  .line-height-sm-large {
    line-height: 1.75em;
  }
}
@media (min-width: 768px) {
  .line-height-md-large {
    line-height: 1.75em;
  }
}
@media (min-width: 992px) {
  .line-height-lg-large {
    line-height: 1.75em;
  }
}
@media (min-width: 1200px) {
  .line-height-xl-medium {
    line-height: 1.33em;
  }
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-50 {
  opacity: 0.5;
}
#cookieWrap {
  display: none;
  transition: all 0.15s ease-in-out;
  background: rgba(255, 255, 255, 0.9);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: 30px;
  justify-content: center;
  align-items: center;
  z-index: 1999999999;
  border-top: 1px solid #eee;
}
#cookieWrap > div {
  flex: 1;
  display: flex;
  width: 100%;
  padding: 5px 0;
  justify-content: center;
}
#cookieWrap > div > div {
  padding: 0 5px;
  display: flex;
  align-items: center;
}
#cookieWrap > div > div#stop-cookie {
  cursor: pointer;
  display: flex;
  padding: 10px 15px;
  color: #0b0080;
  background: transparent;
  font-weight: bold;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
}
#cookieWrap > div p {
  margin: 0;
  font-size: 14px;
  line-height: 1.3em;
}
#cookieWrap > div a {
  color: #0b0080;
}
#main-nav {
  width: 100%;
  min-height: 50px;
  border-bottom: 1px solid #EFEFEF;
  background: #ffffff;
  position: fixed;
  z-index: 4;
  overflow: visible;
}
@media (min-width: 768px) {
  #main-nav {
    min-height: 79px;
  }
}
#main-nav #nav-search-bar-mobile {
  margin-top: -100%;
}
#main-nav #nav-search-bar-mobile.active {
  margin-top: 0;
}
#main-nav #fmlogo {
  width: 200px;
}
@media (max-width: 767px) {
  #main-nav #fmlogo {
    max-width: 165px;
  }
}
#main-nav #fm-logo {
  max-width: 200px;
  height: 79px;
}
@media (max-width: 1199px) {
  #main-nav #fm-logo {
    max-width: 185px;
  }
}
@media (max-width: 991px) {
  #main-nav #fm-logo {
    max-width: 165px;
  }
}
@media (max-width: 910px) {
  #main-nav #fm-logo {
    max-width: 125px;
  }
}
@media (max-width: 767px) {
  #main-nav #fm-logo {
    max-width: 165px;
    height: 54px;
  }
}
#main-nav #fm-logo path {
  fill: #222222;
  -webkit-transition: fill 0.3s ease;
  -moz-transition: fill 0.3s ease;
  -o-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
#main-nav #fm-logo rect {
  fill: #222222;
  -webkit-transition: fill 0.3s ease;
  -moz-transition: fill 0.3s ease;
  -o-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
#main-nav .nav-link-master-group .nav-link {
  font-size: 0.8em;
  letter-spacing: 1px;
  color: #222222;
  font-weight: 600;
  text-transform: uppercase;
  transition: 0.3s;
  padding: 0.5rem;
  margin: 0;
}
@media (min-width: 900px) {
  #main-nav .nav-link-master-group .nav-link {
    padding: 0.5rem 3em;
  }
}
#main-nav .nav-link-master-group .nav-link.search-icon {
  height: 79px;
  line-height: 79px;
}
#main-nav .nav-link-master-group .nav-link:hover,
#main-nav .nav-link-master-group .nav-link:active,
#main-nav .nav-link-master-group .nav-link.dropdown-active {
  color: #3CBF8D;
}
#main-nav .nav-link-master-group .nav-link:hover #icon-user path,
#main-nav .nav-link-master-group .nav-link:active #icon-user path,
#main-nav .nav-link-master-group .nav-link.dropdown-active #icon-user path {
  fill: #3CBF8D;
}
#main-nav .nav-link-master-group .nav-link.nav-link-dropdown-toggle {
  padding-right: 2rem;
  padding-left: 1.5rem;
  position: relative;
}
#main-nav .nav-link-master-group .nav-link.nav-link-dropdown-toggle::before {
  content: '\f0d7';
  font-family: "FontAwesome";
  font-size: 1.1rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1rem;
  text-align: center;
  transition: 0.3s transform ease-in-out;
  transform: scaleY(1);
  transform-origin: center;
  display: flex;
  align-items: center;
}
#main-nav .nav-link-master-group .nav-link.nav-link-dropdown-toggle:not([href='#account'])::after {
  content: "";
  position: absolute;
  bottom: -0.5em;
  left: 0;
  right: 0;
  height: 0.5em;
  padding: 0;
  background: transparent;
  transition: 0.3s background ease-in-out;
}
#main-nav .nav-link-master-group .nav-link.nav-link-dropdown-toggle.dropdown-active {
  background: #F8F8F8 linear-gradient(0, #F8F8F8 0, #DDEBEB);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
#main-nav .nav-link-master-group .nav-link.nav-link-dropdown-toggle.dropdown-active[href='#account'] {
  background: #DDEBEB;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
#main-nav .nav-link-master-group .nav-link.nav-link-dropdown-toggle.dropdown-active::before {
  transform: scaleY(-1);
}
#main-nav .nav-link-master-group .nav-link.nav-link-dropdown-toggle.dropdown-active::after {
  background: #f8f8f8;
}
#main-nav .nav-link-master-group .btn {
  font-size: 0.8em;
}
#main-nav .nav-link-master-group #icon-user {
  height: 20px;
}
#main-nav .nav-link-master-group #icon-user path {
  transition: 0.3s;
}
#main-nav #nav-search-bar.new {
  border: 2px solid #222;
  border-radius: 15px;
  background: #fff;
  width: 100%;
  max-width: 280px;
}
@media (max-width: 991px) {
  #main-nav #nav-search-bar.new {
    max-width: 180px;
  }
  #main-nav #nav-search-bar.new .ui-autocomplete {
    max-width: 500px;
    max-height: 80vh;
    overflow: scroll;
  }
}
#main-nav #nav-search-bar.new:has(input:focus) {
  border-color: #3CBF8D;
}
#main-nav #nav-search-bar.new:not(.active--focus) .nav_search_btn {
  pointer-events: none;
}
#main-nav #nav-search-bar.new form.nav-search {
  border-radius: 15px;
  overflow: hidden;
}
#main-nav #nav-search-bar.new form.nav-search input.nav_search {
  cursor: pointer;
}
#main-nav #nav-search-bar.new.active,
#main-nav #nav-search-bar.new.active--focus {
  width: 600px;
  -webkit-transition: width 0.3s cubic-bezier(0, 0, 0.23, 1);
  -moz-transition: width 0.3s cubic-bezier(0, 0, 0.23, 1);
  -ms-transition: width 0.3s cubic-bezier(0, 0, 0.23, 1);
  -o-transition: width 0.3s cubic-bezier(0, 0, 0.23, 1);
  transition: width 0.3s cubic-bezier(0, 0, 0.23, 1);
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
}
@media (max-width: 1199px) {
  #main-nav #nav-search-bar.new.active,
  #main-nav #nav-search-bar.new.active--focus {
    width: 580px;
  }
}
@media (max-width: 1000px) {
  #main-nav #nav-search-bar.new.active,
  #main-nav #nav-search-bar.new.active--focus {
    width: 550px;
  }
}
@media (max-width: 940px) {
  #main-nav #nav-search-bar.new.active,
  #main-nav #nav-search-bar.new.active--focus {
    width: 530px;
  }
}
@media (max-width: 870px) {
  #main-nav #nav-search-bar.new.active,
  #main-nav #nav-search-bar.new.active--focus {
    width: 450px;
  }
}
@media (max-width: 800px) {
  #main-nav #nav-search-bar.new.active,
  #main-nav #nav-search-bar.new.active--focus {
    width: 400px;
  }
}
#main-nav #nav-search-bar.new.active form.nav-search input.nav_search,
#main-nav #nav-search-bar.new.active--focus form.nav-search input.nav_search {
  background: #fff;
  cursor: inherit;
}
#main-nav #nav-search-bar.new.active i.fa,
#main-nav #nav-search-bar.new.active--focus i.fa {
  color: #777;
}
#main-nav #nav-search-bar.new form.nav-search {
  border: 0;
}
#main-nav #nav-search-bar.new form.nav-search .nav_search_btn {
  width: 28px;
  height: 28px;
  line-height: 28px;
  padding: 0;
  margin: 0;
  border: 0;
  position: absolute;
  right: 0;
  top: 0;
  background: transparent;
  box-shadow: none;
  color: #222222;
}
#main-nav #nav-search-bar.new form.nav-search .nav_search_btn .fa-spinner {
  display: none;
}
#main-nav #nav-search-bar.new form.nav-search .nav_search_btn.searching .fa-search {
  display: none;
}
#main-nav #nav-search-bar.new form.nav-search .nav_search_btn.searching .fa-spinner {
  display: block;
}
#main-nav #nav-search-bar.new form.nav-search input.nav_search {
  width: 100%;
  border: 0;
  box-shadow: none;
  height: 28px;
  margin: 0;
  padding-right: 28px;
  padding-left: calc(28px/2);
  background: transparent;
  color: #222222;
}
#main-nav #nav-search-bar.new form.nav-search input.nav_search::-webkit-input-placeholder {
  color: #3c3c3c;
}
#main-nav #nav-search-bar.new form.nav-search input.nav_search:-moz-placeholder {
  /* Firefox 18- */
  color: #3c3c3c;
}
#main-nav #nav-search-bar.new form.nav-search input.nav_search::-moz-placeholder {
  /* Firefox 19+ */
  color: #3c3c3c;
}
#main-nav #nav-search-bar.new form.nav-search input.nav_search:-ms-input-placeholder {
  color: #3c3c3c;
}
#main-nav #nav-search-bar.new form.nav-search .search_text {
  position: absolute;
  width: 180px;
  height: 28px;
  line-height: 28px;
  top: 0;
  right: 0;
  font-size: 1em;
  border: none;
  background: transparent;
  color: #8d8d8d;
  margin: 0;
}
#main-nav .right-nav {
  position: relative;
  float: right;
  display: flex;
  align-items: center;
  height: 79px;
}
@media (max-width: 767px) {
  #main-nav .right-nav {
    height: auto;
  }
  #main-nav .right-nav .nav-profile-wrapper {
    background-color: #f8f9fa !important;
  }
}
@media (max-width: 991px) {
  #main-nav .right-nav a.btn-gradient.signup_modal_toggle {
    min-width: 110px;
    margin-left: 5px;
  }
}
@media (max-width: 767px) {
  #main-nav .right-nav a.btn-gradient.signup_modal_toggle {
    min-width: 150px;
    margin-left: 0;
  }
  #main-nav .right-nav a.btn-gradient.signup_modal_toggle.invisible {
    visibility: visible !important;
  }
}
#main-nav .right-nav .btn-gradient.btn-fixed.scroll-animation {
  position: fixed;
  width: 100%;
  max-width: 120px;
  min-width: inherit;
  top: 10px;
  right: 15px;
}
@media (max-width: 991px) {
  #main-nav .right-nav .btn-gradient.btn-fixed.scroll-animation {
    max-width: 100px;
  }
}
@media (max-width: 767px) {
  #main-nav .right-nav .btn-gradient.btn-fixed.scroll-animation {
    right: 10px;
  }
  #main-nav .right-nav .btn-gradient.btn-fixed.scroll-animation.invisible {
    visibility: visible !important;
  }
}
@media (max-width: 400px) {
  #main-nav .right-nav .btn-gradient.btn-fixed.scroll-animation {
    min-width: inherit;
    font-size: 0.8em;
    width: 60px;
    line-height: 1.2em;
    height: 36px;
    padding: 4px 0;
  }
}
#main-nav .right-nav a.btn-gradient {
  display: block;
  height: 36px;
  line-height: 36px;
  min-width: 150px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  background: #3CBF8D;
  background: -moz-linear-gradient(90deg, #28986E 50%, #3CBF8D 80%);
  background: -webkit-linear-gradient(0deg, #28986E 50%, #3CBF8D 80%);
  background: linear-gradient(90deg, #28986E 50%, #3CBF8D 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#28986E, endColorstr=#3CBF8D, GradientType=1);
  background-size: 200% auto;
  background-position: right center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  font-size: 0.8em;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: inherit;
}
#main-nav .right-nav a.btn-gradient:hover {
  color: #fff !important;
  background-position: left center;
  /* change the direction of the change here */
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
}
#main-nav .right-nav a.btn-fixed {
  min-width: 140px;
  z-index: 9;
}
@media (max-width: 767px) {
  #main-nav {
    padding: 0;
    height: 79px;
    -webkit-transition: height 0.3s linear;
    -moz-transition: height 0.3s linear;
    -ms-transition: height 0.3s linear;
    -o-transition: height 0.3s linear;
    transition: height 0.3s linear;
    overflow: hidden;
    height: auto;
    max-height: 100vh;
    -webkit-transition: height 0.3s cubic-bezier(0, 0, 0.23, 1);
    -moz-transition: height 0.3s cubic-bezier(0, 0, 0.23, 1);
    -ms-transition: height 0.3s cubic-bezier(0, 0, 0.23, 1);
    -o-transition: height 0.3s cubic-bezier(0, 0, 0.23, 1);
    transition: height 0.3s cubic-bezier(0, 0, 0.23, 1);
  }
  #main-nav.active .right-nav .btn-gradient.btn-fixed.scroll-animation {
    position: inherit;
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
    width: inherit;
    max-width: inherit;
    height: 36px;
    line-height: 36px;
    padding: 0;
  }
  #main-nav a.nav-link {
    display: block;
    float: none;
    text-align: center;
  }
}
#main-nav #main-nav-dropdown {
  height: 470px;
  max-height: 0;
  opacity: 0;
}
@media (min-width: 768px) {
  #main-nav #main-nav-dropdown {
    transition: 0.3s ease-in-out;
  }
  #main-nav #main-nav-dropdown .dropdown-banner-wrapper {
    align-items: start !important;
  }
}
@media (min-width: 768px) {
  #main-nav #main-nav-dropdown.dropdown-active {
    opacity: 1;
    max-height: 470px;
  }
  #main-nav #main-nav-dropdown.dropdown-active .dropdown-banner-wrapper {
    align-items: center !important;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #main-nav #main-nav-dropdown.dropdown-active {
    max-height: 420px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #main-nav #main-nav-dropdown.dropdown-active {
    max-height: 370px;
  }
}
@media (min-width: 768px) and (max-width: 767px) {
  #main-nav #main-nav-dropdown.dropdown-active {
    max-height: 330px;
  }
}
@media (max-height: 500px) {
  #main-nav #main-nav-dropdown.dropdown-active {
    /* Overrides to make the dropdown vertically scrollable on short display (i.e. rotated mobile) */
    max-height: calc(100vh - 79px);
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-x: hidden;
  }
  #main-nav #main-nav-dropdown.dropdown-active .dropdown-account-btn-wrapper {
    padding-bottom: 2rem !important;
  }
  #main-nav #main-nav-dropdown.dropdown-active .nav-link-more-group-wrapper {
    justify-content: start !important;
    margin-top: 0.75rem !important;
  }
  #main-nav #main-nav-dropdown.dropdown-active .dropdown-banner-wrapper {
    align-items: start !important;
    max-height: inherit !important;
    padding-bottom: 1rem !important;
  }
  #main-nav #main-nav-dropdown.dropdown-active .dropdown-banner-wrapper > div {
    height: auto !important;
  }
}
#main-nav #main-nav-dropdown #main-nav-account {
  position: relative;
}
#main-nav #main-nav-dropdown .nav-link-more-group .nav-link {
  line-height: 1.6rem;
}
@media (max-width: 991px) {
  #main-nav #main-nav-dropdown .nav-link-more-group .nav-link {
    line-height: 1.4rem;
  }
}
#main-nav #main-nav-dropdown .nav-link-more-group .fw-bolder {
  font-weight: 800 !important;
}
#main-nav #main-nav-dropdown .nav-pills.more-nav-pills h4 {
  font-size: 1.1em;
  line-height: 1.6rem;
}
@media (max-width: 991px) {
  #main-nav #main-nav-dropdown .nav-pills.more-nav-pills h4 {
    font-size: 1em;
    line-height: 1.4rem;
  }
}
#main-nav #main-nav-dropdown .nav-pills.more-nav-pills a.nav-link {
  background-color: inherit;
  position: relative;
  color: #111;
  padding: 0;
  font-weight: 700 !important;
}
#main-nav #main-nav-dropdown .nav-pills.more-nav-pills a.nav-link::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0;
  height: 3px;
  background-color: #dddddd;
  transition: 0.2s ease-in-out;
}
#main-nav #main-nav-dropdown .nav-pills.more-nav-pills a.nav-link.active::before,
#main-nav #main-nav-dropdown .nav-pills.more-nav-pills a.nav-link:hover::before {
  width: 100%;
}
#main-nav #main-nav-dropdown .nav-pills.more-nav-pills a.nav-link.active::before {
  background-color: #111;
}
#main-nav #main-nav-dropdown #mainNavLatestTabContent a.text-dark:hover {
  color: #28986E !important;
}
#main-nav #main-nav-dropdown .nav-latest-feature .row {
  transition: 0.2s ease-in-out;
}
#main-nav #main-nav-dropdown .nav-latest-feature:hover .row {
  background-color: rgba(62, 190, 140, 0.18) !important;
}
@media (max-width: 767px) {
  #main-nav .nav-link.logo-link {
    width: 100%;
    height: 79px;
  }
  #main-nav #nav-link-wrapper {
    transition: 0.3s max-height ease-in-out;
    max-height: 0;
    overflow: hidden;
  }
  #main-nav #nav-link-wrapper .nav-link-master-group {
    max-height: 0;
    overflow: hidden;
    transition: 0.3s max-height ease-in-out;
  }
  #main-nav.active .nav-link.logo-link {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
  }
  #main-nav.active #nav-link-wrapper {
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-x: hidden;
    max-height: calc(100vh - 79px);
  }
  #main-nav.active #nav-link-wrapper .nav-link-master-group {
    max-height: 600px;
  }
  #main-nav #nav-mobile-courses .nav-course-tile {
    max-width: 64px !important;
  }
  #main-nav .dropdown-menu.position-static {
    transition: 0.3s ease-in-out;
    display: block !important;
    padding: 0 !important;
    max-height: 0;
    overflow: hidden;
    border: none;
    margin-bottom: 0;
  }
  #main-nav .dropdown-menu.position-static.show {
    transform: none !important;
    max-height: 100vh;
    padding: 0.5rem 0 !important;
    margin-bottom: 0.5rem !important;
  }
  #main-nav .dropdown-menu.position-static .dropdown-item:focus,
  #main-nav .dropdown-menu.position-static .dropdown-item:hover {
    color: #3CBF8D;
    background: transparent;
  }
}
#main-nav .nav-course-summary {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}
#main-nav .course-nav {
  font-size: 0.8em;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
}
#main-nav-content-overlay {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.35);
  z-index: -1;
  opacity: 0;
  transition: opacity 0.2s ease-out;
  pointer-events: none;
}
#main-nav-content-overlay.active {
  z-index: 3;
  opacity: 1;
  pointer-events: all;
}
#menuIcon {
  padding: 0;
  border: 0;
  outline: 0 !important;
  box-shadow: none;
}
#menuIcon svg {
  width: 40px;
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media (min-width: 321px) {
  #menuIcon svg {
    width: 60px;
  }
}
#menuIcon svg path {
  fill: none;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -ms-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  stroke-width: 40px;
  stroke-linecap: round;
  stroke: #222;
  stroke-dashoffset: 0px;
}
#menuIcon svg path#top,
#menuIcon svg path#bottom {
  stroke-dasharray: 240px 950px;
}
#menuIcon svg path#middle {
  stroke-dasharray: 240px 240px;
}
#menuIcon.white svg path {
  stroke: #fff;
}
#menuIcon.cross path#top,
#menuIcon.cross path#bottom {
  stroke-dashoffset: -650px;
}
#menuIcon.cross path#middle {
  stroke-dashoffset: -115px;
  stroke-dasharray: 1px 220px;
}
form.nav-search {
  width: 100%;
  display: block;
  position: relative;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
}
form.nav-search .nav_search_btn {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.3em;
  padding: 0;
  margin: 0;
  border: 0;
  position: absolute;
  top: 0;
  background: transparent;
  box-shadow: none;
  color: #222222;
}
@media (min-width: 768px) {
  form.nav-search .nav_search_btn {
    width: 79px;
    height: 79px;
    line-height: 79px;
  }
}
form.nav-search .nav_search_btn .fa-spinner {
  display: none;
}
form.nav-search .nav_search_btn.searching .fa-search {
  display: none;
}
form.nav-search .nav_search_btn.searching .fa-spinner {
  display: block;
}
form.nav-search input.nav_search {
  width: 100%;
  border: 0;
  box-shadow: none;
  height: 28px;
  margin: 0;
  padding-left: 28px;
  background: transparent;
  color: #222222;
}
form.nav-search input.nav_search::-webkit-input-placeholder {
  color: #3c3c3c;
}
form.nav-search input.nav_search:-moz-placeholder {
  /* Firefox 18- */
  color: #3c3c3c;
}
form.nav-search input.nav_search::-moz-placeholder {
  /* Firefox 19+ */
  color: #3c3c3c;
}
form.nav-search input.nav_search:-ms-input-placeholder {
  color: #3c3c3c;
}
form.nav-search .search_text {
  position: absolute;
  width: 180px;
  height: 28px;
  line-height: 28px;
  top: 0;
  right: 0;
  font-size: 1em;
  border: none;
  background: transparent;
  color: #8d8d8d;
  margin: 0;
}
.search-autocomplete {
  position: absolute;
  right: inherit;
  width: inherit;
}
.search-autocomplete .ui-widget-content {
  right: inherit !important;
  left: -2px !important;
  border: 2px solid #3CBF8D;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 767px) {
  .search-autocomplete .ui-widget-content {
    border-top-right-radius: 0;
    border: 0 !important;
    left: 0 !important;
  }
}
.search-autocomplete .ui-widget-content .ui-menu-item-inner {
  padding: 0;
}
.search-autocomplete .ui-widget-content .ui-state-active {
  background: transparent !important;
  border: 0 !important;
  color: inherit;
}
.search-autocomplete .ui-widget-content .ui-menu-item-all a:hover,
.search-autocomplete .ui-widget-content .ui-menu-item:has(.ui-state-active) {
  background: #DDEBEB;
}
#nav-search-bar:has(.is_open) {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: 0 !important;
  position: relative;
  overflow: visible !important;
}
#nav-search-bar:has(.is_open)::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: -2px;
  height: 2px;
  background-color: #fff;
  z-index: 2;
}
#main-nav:has(#nav-search-bar-mobile) {
  overflow: visible;
}
.nav-search-button {
  background: #f8f8f8;
  border-radius: 0;
}
#notificationBar {
  position: relative;
  background-color: #f5ded3;
  font-size: 14px;
}
@media (min-width: 576px) {
  #notificationBar {
    font-size: inherit;
  }
}
#notificationBar .slick-track {
  display: flex;
  align-items: center;
}
#notificationBar a {
  position: relative;
  z-index: 3;
}
#notificationBar a::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  transition: 0.3s ease-in-out;
}
#notificationBar a:hover::after {
  background: rgba(255, 255, 255, 0.4);
}
#notificationBar .fa-caret-right {
  animation: wobble 1.5s ease infinite;
}