@-webkit-keyframes kf-fadeIn {
  100% {
    opacity: 1;
  }
}

@keyframes kf-fadeIn {
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes kf-hideAndFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes kf-hideAndFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.no-padding {
  padding: 0 !important;
}

.rsbtn {
  z-index: 2000;
  display: inline-block;
}

.rsbtn .rsbtn_play .rsbtn_left .rsbtn_text {
  color: #33a !important;
}

.rsbtn .rsbtn_play .rsbtn_left .rsbtn_text span {
  color: #4f4f4f !important;
}

.rsbtn .rsbtn_exp {
  width: 350px;
}

.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item {
  color: #4f4f4f !important;
}

.rsbtn .rsbtn_tooltoggle {
  color: #4f4f4f !important;
}

.rsbtn .rsbtn_toolpanel {
  width: 360px;
}

.rsbtn .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li .rsbtn_tool {
  color: #4f4f4f !important;
  height: 42px;
}

#rslightbox_overlay {
  position: fixed !important;
  min-width: 100% !important;
  min-height: 100% !important;
  bottom: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

#rslightbox_contentcontainer .rsform-buttons .rsdialog-button {
  height: auto;
}

#rslightbox_contentcontainer #rslightbox_toolbar .rslightbox-tool.small-icon {
  height: auto;
}

#rslightbox_contentcontainer #rslightbox_content #rsform_wrapper .rsform .rsform-section .rsform-row .rsform-info-toggle {
  color: #33a !important;
}

div.rspopup {
  z-index: 9999999999;
}

div.rspopup.disabled {
  visibility: hidden !important;
  display: none !important;
}

.box_model {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.no_select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

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

.group:after {
  clear: both;
}

.group {
  position: relative;
}

.box-no-padding {
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid #CCCCCC;
}

/*
  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!      WARNING     !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  Has used ONLY for old application
  for NEW application will used /static/css/fueled/shared/globals.less

  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/

.center-block {
  display: block;
  margin: 0 auto;
}

.acts_as_link {
  color: #0B7BCC;
  cursor: pointer;
}

.acts_as_link:hover {
  color: #085e9c;
}

.box {
  background: #FFFFFF;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
}

.box-no-padding {
  border-radius: 5px;
  background-clip: padding-box;
}

.gradient_technique {
  -webkit-box-shadow: 0 2px 1px #333;
  box-shadow: 0 2px 1px #333;
}

.technique_border_and_box {
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  background-clip: padding-box;
  line-height: 58px;
}

.box-blue {
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid #C8D8DF;
  padding: 10px;
  background-color: #DCEDF4;
  color: #3888A9;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.hidden {
  display: none !important;
}

.happify_icon .white {
  display: block;
  width: 60px;
  height: 60px;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.happify_icon .small {
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
}

.happify_icon .medium {
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
}

.happify_icon .large {
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
}

.happify_icon .extra-large {
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
}

.happify_colors.savor {
  color: #c5168a;
}

.happify_colors.thank {
  color: #ff7a00;
}

.happify_colors.aspire {
  color: #00aaea;
}

.happify_colors.give {
  color: #06b709;
}

.happify_colors.empathize {
  color: #ff3131;
}

.happify_colors.revive {
  color: #2ac4c5;
}

.happify_colors.other {
  color: #f4d420;
}

@media screen and (min-width: 1025px) {
  header.banner .user .button.blue {
    margin-left: 10px;
    padding: 0 25px;
  }

  body:not( [class*="landing"] ) section:not(#easy)[data-type='background'] {
    background-attachment: fixed !important;
  }

  #public_home section#home-section-3 h1 {
    font-size: 58px;
    line-height: 58px;
  }

  #public_home section#home-section-3 p {
    width: 94%;
    margin: 0 0 20px;
  }

  #public_home section#home-section-3 .heading-line {
    margin: 35px 0 30px 0;
  }

  /* LOCALE RELATED */

  html[lang="ja"] body:not( [class*="landing"] ) section:not(#easy) h1 {
    font-size: 46px;
  }
}

/* Remove tapped element selection for Webkit browsers */

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

/* Landscape phones and down */

@media screen and (max-width: 767px) {
  #public_home header.banner nav,
  #public_home header.banner .user,
  #public_home header.banner .shares-right,
  #public_home header.banner .sh,
  #public_home header.banner .skip_nav {
    display: none;
  }

  #public_home header.banner .logo_dh {
    width: 90px !important;
    height: 45px !important;
  }

  #public_home header.banner .logo {
    height: 37px !important;
    width: 140px !important;
  }

  #public_home header.banner .mobile-menu_2 {
    margin-top: 21px !important;
    margin-right: 5px;
    width: 28px;
    height: 18px;
    background: url('/static/img/hamburger-menu.png') no-repeat 0 0 transparent;
    background-size: cover;
    float: right;
  }

  #public_home header.banner .mobile-menu {
    float: right;
    border: none;
    margin-right: 5px;
    width: 32px;
    height: 21px;
    background: url('/static/img/public_site/icon-hamburger.png') no-repeat 0 0 transparent;
    background-size: cover;
    border-radius: 0;
  }

  #public_home header.banner .flyout {
    width: 100%;
    position: absolute;
    background: #ff7a00;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  #public_home header.banner .flyout li a,
  #public_home header.banner .flyout li label,
  #public_home header.banner .flyout li button {
    color: #fff;
    font-weight: 600;
    padding: 0 15px;
    line-height: 50px;
    display: block;
    text-decoration: none;
    width: 100%;
  }

  #public_home footer.contentinfo .copyright {
    padding-bottom: 30px;
  }

  #public_home .scroller-nav {
    display: none;
  }

  #public_home section {
    height: auto;
    overflow: hidden;
  }

  #public_home section[data-type='background'] {
    background-position: 50% 0 !important;
    background-attachment: scroll;
  }

  #public_home section h1 {
    font-size: 45px;
    line-height: 45px;
  }

  #public_home section p {
    text-align: center;
  }

  #public_home #change {
    height: 455px !important;
    background: url('/static/img/public_site/homepage_respon_bg_v3.png') no-repeat !important;
    background-position: 0 55px !important;
    background-size: cover !important;
  }

  #public_home #change a.video-controls .play-button {
    width: 80px;
    height: 71px;
    background: url('/static/img/public_site/icon-play.png');
    background-size: cover;
  }

  #public_home #change a.video-controls .play {
    width: 130px;
    margin: 0 auto;
  }

  #public_home #science .row-3 .grid-unit {
    margin-bottom: 20px;
  }

  #public_home .color-bar {
    width: 100% !important;
    height: 8px !important;
    background-size: 100% 8px !important;
  }

  #login.login {
    width: 100%;
    max-width: 100%;
    margin: 100px auto 70px;
  }

  #login.login .error-flash .message {
    max-width: 260px;
    font-size: 11px;
    min-height: 40px;
    line-height: 40px;
  }

  #login.login .error-flash .message br.desktop {
    display: none;
  }

  #login.login .error-flash .message span {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
  }

  /* LOCALE RELATED */

  html[lang="ja"] body:not( [class*="landing"] ) section:not(#easy) h1 {
    font-size: 42px !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  #public_home.sub.shares header.banner {
    max-height: 60px;
  }

  #public_home.sub.shares header.banner .logo {
    margin-top: 10px !important;
  }

  #public_home.sub.shares header.banner .mobile-menu {
    margin-top: 10px !important;
  }

  #public_home.sub.shares header.banner .flyout-menu {
    display: block;
    background: transparent;
    visibility: hidden;
    height: 175px;
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 99;
    text-align: center;
  }

  #public_home.sub.shares header.banner .flyout-menu .background {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.85;
    background: none repeat scroll 0 0 #FFFFFF;
    top: 0;
    left: 0;
  }

  #public_home.sub.shares header.banner .flyout-menu .button {
    opacity: 1;
    width: 180px;
    display: block;
    position: relative;
    margin: 0 auto;
    top: 35px;
    height: 34px;
    line-height: 34px;
    font-size: 18px;
  }

  #public_home.sub.shares header.banner .flyout-menu .button.gray {
    background: #d7d7d2 !important;
    opacity: 1;
    -webkit-box-shadow: 0 2px 0 #aaaaa7;
    box-shadow: 0 2px 0 #aaaaa7;
    top: 60px;
  }

  #public_home.sub.shares #easy,
  #public_home.sub.shares #scientific,
  #public_home.sub.shares #personalized,
  #public_home.sub.shares #easy,
  #public_home.sub.shares #works,
  #public_home.sub.shares #join-now2 {
    display: none;
  }

  #public_home.sub.shares .mobile-sections #easy,
  #public_home.sub.shares .mobile-sections #scientific,
  #public_home.sub.shares .mobile-sections #personalized,
  #public_home.sub.shares .mobile-sections #easy,
  #public_home.sub.shares .mobile-sections #works {
    display: block;
  }

  #public_home.sub.shares #activity-status,
  #public_home.sub.shares #track {
    padding-top: 0 !important;
    border-bottom: 8px solid #FF7A01 !important;
  }

  #public_home.sub.shares #activity-status .btn-arrow-down,
  #public_home.sub.shares #track .btn-arrow-down {
    background: url("/static/img/public_site/arrow-down-orange.png") no-repeat scroll rgba(0, 0, 0, 0) !important;
  }

  #public_home.sub.shares #activity-status .mobile-post-image,
  #public_home.sub.shares #track .mobile-post-image {
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
    padding: 0;
  }

  #public_home.sub.shares #activity-status .creator_avatar,
  #public_home.sub.shares #track .creator_avatar {
    width: 70px !important;
    margin: 0 10px 0 15px !important;
  }

  #public_home.sub.shares #activity-status .creator_avatar .creator_name,
  #public_home.sub.shares #track .creator_avatar .creator_name,
  #public_home.sub.shares #activity-status .creator_avatar .sprite-2,
  #public_home.sub.shares #track .creator_avatar .sprite-2 {
    display: none;
  }

  #public_home.sub.shares #activity-status .creator_avatar img,
  #public_home.sub.shares #track .creator_avatar img {
    width: 100% !important;
    height: 100% !important;
  }

  #public_home.sub.shares #activity-status .activity-details,
  #public_home.sub.shares #track .activity-details {
    margin-top: 0 !important;
    padding-right: 20px !important;
  }

  #public_home.sub.shares #activity-status .activity-details h1,
  #public_home.sub.shares #track .activity-details h1 {
    font-size: 20px !important;
    line-height: 22px !important;
    color: #000 !important;
  }

  #public_home.sub.shares #activity-status .activity-details .task,
  #public_home.sub.shares #track .activity-details .task {
    font-weight: 400 !important;
    color: #000 !important;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 18px !important;
  }

  #public_home.sub.shares #activity-status .activity-details .postdate,
  #public_home.sub.shares #track .activity-details .postdate {
    margin: 5px 0 0 !important;
  }

  #public_home.sub.shares #activity-status .post-section,
  #public_home.sub.shares #track .post-section {
    padding: 0 !important;
    margin-top: 20px !important;
  }

  #public_home.sub.shares #activity-status .post-section .post,
  #public_home.sub.shares #track .post-section .post {
    margin-left: 15px !important;
    margin-right: 5px !important;
  }

  #public_home.sub.shares #activity-status .post-section .post .post-image,
  #public_home.sub.shares #track .post-section .post .post-image {
    display: none !important;
  }

  #public_home.sub.shares #activity-status .post-section .post h3,
  #public_home.sub.shares #track .post-section .post h3 {
    font-size: 16px !important;
    line-height: 18px !important;
  }

  #public_home.sub.shares #activity-status .post-section .post p,
  #public_home.sub.shares #track .post-section .post p {
    font-size: 16px !important;
  }

  #public_home.sub.shares #activity-status .post-section .mobile-post,
  #public_home.sub.shares #track .post-section .mobile-post {
    margin: 0 20px !important;
    line-height: 10px;
  }

  #public_home.sub.shares #activity-status .post-section .mobile-post p,
  #public_home.sub.shares #track .post-section .mobile-post p {
    margin: 0 !important;
    font-size: 16px;
  }

  #public_home.sub.shares #activity-status .post-section .try_this,
  #public_home.sub.shares #track .post-section .try_this,
  #public_home.sub.shares #activity-status .post-section .clearfix,
  #public_home.sub.shares #track .post-section .clearfix {
    display: none;
  }

  #public_home.sub.shares #activity-status .track-board,
  #public_home.sub.shares #track .track-board {
    text-align: center !important;
    padding: 0 15px !important;
  }

  #public_home.sub.shares #activity-status .track-board img,
  #public_home.sub.shares #track .track-board img {
    display: none;
  }

  #public_home.sub.shares #activity-status .track-board img.mobile-image,
  #public_home.sub.shares #track .track-board img.mobile-image {
    display: inline;
    margin-top: 20px !important;
  }

  #public_home.sub.shares #activity-status .button-section,
  #public_home.sub.shares #track .button-section {
    display: none;
  }

  #public_home.sub.shares #activity-status .mobile-boost,
  #public_home.sub.shares #track .mobile-boost {
    text-align: center;
    color: #000;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    margin: 25px 0 0 0;
  }

  #public_home.sub.shares #activity-status .mobile-boost .button,
  #public_home.sub.shares #track .mobile-boost .button {
    text-transform: uppercase;
    margin: 30px 0 !important;
    padding: 0 15px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 50px !important;
    height: 50px !important;
  }

  #public_home.sub.shares #activity-status .feel_happier,
  #public_home.sub.shares #track .feel_happier {
    padding: 0 !important;
  }

  #public_home.sub.shares #activity-status .feel_happier .text,
  #public_home.sub.shares #track .feel_happier .text {
    text-align: center;
    padding: 20px 25px 35px 20px;
    background: #1689b8;
    width: 100%;
  }

  #public_home.sub.shares #activity-status .feel_happier .text h2,
  #public_home.sub.shares #track .feel_happier .text h2 {
    color: #fff !important;
    font-family: 'OpenSansBold';
    text-align: center !important;
    font-size: 22px !important;
  }

  #public_home.sub.shares #activity-status .feel_happier .text ul,
  #public_home.sub.shares #track .feel_happier .text ul {
    color: #fff !important;
    text-align: left !important;
    font-size: 18px !important;
    width: 100% !important;
  }

  #public_home.sub.shares #activity-status .feel_happier .text a,
  #public_home.sub.shares #track .feel_happier .text a {
    margin: 0 !important;
  }

  #public_home.sub.shares #activity-status .feel_happier .infograph,
  #public_home.sub.shares #track .feel_happier .infograph {
    padding: 20px 20px 35px !important;
    color: #000;
    font-size: 16px !important;
  }

  #public_home.sub.shares #track .track-image,
  #public_home.sub.shares #track .activity-image {
    width: 100% !important;
    display: block !important;
  }

  #public_home.sub.shares #track .track-image img,
  #public_home.sub.shares #track .activity-image img {
    width: 100% !important;
  }

  #public_home.sub.shares #track .activity-image {
    margin-bottom: 10px !important;
  }

  #public_home.sub.shares #track .activity-details h1 {
    margin-left: 15px !important;
  }

  #public_home.sub.shares #track .activity-details .task {
    margin-left: 16px !important;
  }

  #public_home.sub.shares #track .track-details h1 {
    font-size: 20px !important;
    margin: 0 0 0 15px !important;
    line-height: 22px !important;
  }

  #public_home.sub.shares #track .track-details .creator {
    margin-left: 15px !important;
  }

  #public_home.sub.shares #track .track-description {
    display: none;
  }

  #public_home.sub.shares #track .inctruction-text {
    display: none;
  }

  #public_home.sub.shares #track .mobile-track-description {
    margin: 15px auto;
  }

  #public_home.sub.shares #track .mobile-track-description p {
    margin: 0 15px 8px;
    font-size: 16px;
    line-height: 22px;
  }

  #public_home.sub.shares #track .mobile-track-description p.hidden {
    display: none;
  }

  #public_home.sub.shares #track .mobile-track-description .try_this {
    margin-left: 15px;
  }

  #public_home.sub.shares #track .mobile-track-description .try_this a {
    font-size: 16px;
    font-weight: 700;
  }

  #public_home.sub.shares .mobile-sections section h1 {
    text-align: center !important;
  }

  #public_home.sub.shares .mobile-sections section p {
    color: #8D9799 !important;
    width: 80% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  #public_home.sub.shares .mobile-sections #brushes {
    height: 461px !important;
  }

  #public_home.sub.shares .mobile-sections #scientific {
    height: auto !important;
    text-align: center !important;
    border-bottom: 8px solid #c5168a !important;
  }

  #public_home.sub.shares .mobile-sections #scientific .btn-arrow-down {
    background: url("/static/img/public_site/arrow-down-pink.png") no-repeat scroll rgba(0, 0, 0, 0) !important;
  }

  #public_home.sub.shares .mobile-sections #scientific .grid-row {
    padding: 40px 0 60px;
  }

  #public_home.sub.shares .mobile-sections #scientific h1 {
    margin-top: 30px !important;
  }

  #public_home.sub.shares .mobile-sections #scientific img {
    margin: 10px 0 0 !important;
  }

  #public_home.sub.shares .mobile-sections #personalized {
    text-align: center !important;
    height: auto !important;
    border-bottom: 8px solid #01AAEB;
  }

  #public_home.sub.shares .mobile-sections #personalized .grid-row {
    padding: 40px 0 60px;
  }

  #public_home.sub.shares .mobile-sections #personalized h1 {
    margin-top: 30px !important;
  }

  #public_home.sub.shares .mobile-sections #personalized p {
    position: relative !important;
  }

  #public_home.sub.shares .mobile-sections #personalized img {
    position: relative !important;
    display: block;
    top: 0 !important;
    left: 0 !important;
  }

  #public_home.sub.shares .mobile-sections #easy {
    height: auto !important;
    text-align: center !important;
    border-bottom: 8px solid #ff3131;
  }

  #public_home.sub.shares .mobile-sections #easy .grid-row {
    padding: 40px 0 60px;
  }

  #public_home.sub.shares .mobile-sections #easy h1 {
    margin: 0 !important;
  }

  #public_home.sub.shares .mobile-sections #easy p {
    margin-bottom: 20px !important;
  }

  #public_home.sub.shares .mobile-sections #easy img.easy2 {
    display: none;
  }

  #public_home.sub.shares .mobile-sections #works {
    height: auto !important;
    text-align: center !important;
    border-bottom: 8px solid #06B609;
  }

  #public_home.sub.shares .mobile-sections #works .grid-row {
    padding: 40px 0 60px;
  }

  #public_home.sub.shares .mobile-sections #works h1 {
    margin: 0 !important;
  }

  #public_home.sub.shares .mobile-sections #works p {
    margin-bottom: 40px !important;
  }

  #public_home.sub.shares .mobile-sections #science p.subtitle {
    text-align: center !important;
    margin: 0 auto 30px !important;
    font-size: 18px;
    color: #8D9799;
  }

  #public_home.sub.shares .mobile-sections #join-now {
    height: auto !important;
    text-align: center !important;
  }

  #public_home.sub.shares .mobile-sections #join-now .grid-row {
    padding: 20px 0;
  }

  #public_home.sub.shares .mobile-sections #join-now img {
    margin: 0 0 10px !important;
    float: none !important;
  }

  #public_home.sub.shares .mobile-sections #join-now blockquote {
    float: none  !important;
    width: 100% !important;
    font-size: 20px !important;
  }

  #public_home.sub.shares .mobile-sections #join-now blockquote em div {
    font-size: 14px !important;
  }

  #public_home.sub.shares .mobile-sections #join-now a.button {
    margin: 0 !important;
  }

  #public_home.sub.shares .mobile-sections #join-now2 {
    height: 120px !important;
    display: block !important;
  }

  #public_home.sub.shares .mobile-sections #join-now2 .grid-row {
    padding: 10px 0 !important;
  }

  #public_home.sub.shares .mobile-sections #join-now2 h1 {
    font-size: 20px !important;
    margin-bottom: 0 !important;
  }

  #public_home.sub.shares .mobile-sections #join-now2 .largebutton {
    display: inline-block;
    font-weight: 800;
    font-size: 22px;
    text-transform: uppercase;
    font-family: 'OpenSansBold';
  }

  #public_home.sub.shares footer {
    background: rgba(0, 0, 0, 0) !important;
    display: block !important;
  }

  #public_home.sub.shares footer.desktop-version {
    display: none !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main h1 {
    margin: 0 0 10px !important;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main {
    width: 100% !important;
  }

  #public_home.sub #share_happiness #shared_happifier .mobile.share-footer {
    height: 40px;
    width: 100%;
    background: #fff;
    border: 1px solid #DAD6E0;
    position: fixed;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  #public_home.sub #share_happiness #shared_happifier .mobile.share-footer > a,
  #public_home.sub #share_happiness #shared_happifier .mobile.share-footer > button {
    border-right: 1px solid #DAD6E0;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  #public_home.sub #share_happiness #shared_happifier .mobile.share-footer > a:last-child,
  #public_home.sub #share_happiness #shared_happifier .mobile.share-footer > button:last-child {
    border-right: none;
  }

  #public_home.sub #share_happiness #shared_happifier .mobile.share-footer .share-item {
    width: 50%;
    position: relative;
    height: 100%;
    display: inline-block;
    text-align: center;
  }

  #public_home.sub #share_happiness #shared_happifier .mobile.share-footer .share-item a {
    height: 100% !important;
  }

  #public_home.sub #share_happiness #shared_happifier .mobile.share-footer .share-item a[data-pin-log] {
    background-size: 26px 26px !important;
    background-repeat: no-repeat;
    background-position: 39px 6px;
    height: 100% !important;
    width: 100%!important;
  }

  #public_home.sub #share_happiness #shared_happifier .mobile.share-footer .share-item .icon-container {
    width: 24px;
    height: 24px;
    margin: 7px auto 0;
    display: inline-block;
  }

  #public_home.sub #share_happiness #shared_happifier .mobile.share-footer .share-item.facebook .icon-container {
    background: url("/static/img/public_site/share_happiness/icon-fb-default@2x.png") no-repeat rgba(0, 0, 0, 0);
    background-size: cover;
  }

  #public_home.sub #share_happiness #shared_happifier .mobile.share-footer .share-item.twitter .icon-container {
    background: url("/static/img/public_site/share_happiness/icon-twitter-default@2x.png") no-repeat rgba(0, 0, 0, 0);
    background-size: cover;
    width: 30px;
  }

  #public_home.sub.happifier_page #share_happiness {
    margin-top: 0;
  }

  #public_home.sub #share_happiness .promo-banner.cell {
    display: none !important;
  }

  #public_home.sub #share_happiness #shared_happifier .section a[title].share-facebook:before {
    content: "\00a0\00a0\00a0";
  }

  #public_home.sub #share_happiness #shared_happifier .big-buttons-area.mobile a[title].share-facebook:before {
    content: "";
  }

  #public_home.sub #share_happiness #shared_happifier a[title].share-facebook span.icon_fb {
    left: 10px !important;
  }

  #public_home.sub #share_happiness #shared_happifier a[title].share-tw span.icon_tw {
    left: 15px !important;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row {
    width: 100% !important;
    max-width: 100% !important;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit {
    width: 100%;
    margin: 0;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit h1 {
    font-size: 28px !important;
    line-height: 34px !important;
    color: #372f2b !important;
    margin-bottom: 10px !important;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main {
    width: 100%;
    min-width: 320px;
    min-height: 0 !important;
    padding: 0 5px !important;
    margin-bottom: 15px !important;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .media-area .slider-left {
    display: none;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .media-area img {
    margin-top: 75px;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .media-area .image-container img {
    margin-top: 30px;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .signup.button.mobile {
    display: block;
    margin: 30px 0 15px;
    height: 41px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .buttons-area {
    margin: 5px auto 30px;
    width: 100% !important;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .buttons-area a {
    width: 48%;
    font-size: 16px;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .form {
    padding: 0 15px;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .fblike-area {
    border-top: 1px solid #E9E9E9;
    height: 40px !important;
    background: #E7EDFB;
    padding: 10px 0 0;
    width: 100%;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .fblike-area .text {
    width: 55%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .fblike-area .text span.bold {
    color: #372f2b;
    font-weight: 700;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .fb {
    display: inline-block;
    vertical-align: top;
    width: 39%;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .fb .fb_iframe_widget {
    margin: 0 !important;
    display: inline;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .subscribe-dh {
    display: none;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .promo-dh.mobile {
    margin: 20px 0 0;
    width: 100%;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .promo-dh.mobile img {
    max-width: 100%;
    height: auto;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .promo-dh.mobile.mobile {
    display: block;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .get-dh {
    display: none;
    padding: 20px 0 !important;
    height: 245px !important;
    margin: 20px 0 0 !important;
    width: 100% !important;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .get-dh.mobile {
    display: none;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .get-dh h2 {
    color: #372f2b;
    font-size: 24px;
    line-height: 32px;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .get-dh .sub {
    font-size: 12px;
    margin: 10px 0 20px;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .get-dh form {
    margin: 0 auto;
    width: 320px;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .get-dh input[type=email] {
    width: 180px;
    margin-left: 10px;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .get-dh input[type=submit] {
    width: 95px;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .get-dh .privacy {
    text-align: center !important;
    margin-top: 10px !important;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .get-dh .privacy a {
    color: #b3b3b3 !important;
    text-decoration: underline !important;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .big-buttons-area,
  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .desktop {
    display: none;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .big-buttons-area.mobile,
  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .desktop.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .big-buttons-area.mobile .share-facebook,
  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .desktop.mobile .share-facebook {
    font-size: 1.6rem;
    font-family: OpenSansRegular;
    font-weight: normal;
    background: none repeat scroll 0 0 #003A73;
    border-radius: 35px;
    color: #FFFFFF;
    line-height: 40px;
    text-decoration: none;
    width: 64px;
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .big-buttons-area.mobile .share-facebook span.icon_fb,
  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .desktop.mobile .share-facebook span.icon_fb {
    background: url("/static/img/public_site/share_happiness/fb_icon.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-size: cover;
    display: inline-block;
    height: 40px;
    width: 40px;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .big-buttons-area.mobile .share-tw,
  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .desktop.mobile .share-tw {
    background: none repeat scroll 0 0 #0097D1;
    color: #FFFFFF;
    font-size: 1.6rem;
    font-family: OpenSansRegular;
    font-weight: normal;
    border-radius: 35px;
    line-height: 40px;
    text-decoration: none;
    width: 64px;
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .big-buttons-area.mobile .share-tw:hover,
  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .desktop.mobile .share-tw:hover {
    background: none repeat scroll 0 0 #00aaea;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .big-buttons-area.mobile .share-tw span.icon_tw,
  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .desktop.mobile .share-tw span.icon_tw {
    background: url("/static/img/public_site/share_happiness/twitter.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 46px;
    width: 46px;
    background-size: cover;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .big-buttons-area.mobile a,
  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .desktop.mobile a {
    margin: 0px 15px;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .big-buttons-area.mobile a.signup,
  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .desktop.mobile a.signup {
    float: left;
    line-height: 18px;
    font-size: 16px;
    height: 58px;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .big-buttons-area.mobile a.mobile,
  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .desktop.mobile a.mobile {
    display: inline-block;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .video-area:not(.video-area-responsive) {
    width: 100% !important;
    left: 0 !important;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .video-area:not(.video-area-responsive) iframe {
    margin: 30px auto 0 !important;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .video-area:not(.video-area-responsive) .slider-left {
    display: none;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .video-area-responsive {
    margin-top: 30px;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main.image .section .buttons-area {
    margin: 0 !important;
    position: relative;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main.image .section .buttons-area a,
  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main.image .section .buttons-area button {
    width: 48%;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main.image .section .buttons-area .share-facebook {
    margin: 0 !important;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main.video .section .buttons-area.video {
    margin: 0 !important;
    position: relative;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main.video .section .buttons-area.video a,
  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main.video .section .buttons-area.video button {
    width: 48%;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main.video .section .buttons-area.video .share-facebook {
    margin: 0 !important;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main.video .video-area:not(.video-area-responsive) {
    left: 0;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .section .subscribe-dh.cell.mobile {
    display: block;
    float: none;
    margin: 15px 0;
    width: 100%;
    padding: 10px 0 0;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .section .subscribe-dh.cell.mobile .success_message {
    margin: 35px auto 40px;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .section .subscribe-dh.cell.mobile h2 {
    color: #372f2b;
    margin: 10px auto 10px;
    font-size: 16px;
    font-weight: 600;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .section .subscribe-dh.cell.mobile .subscribe {
    display: inline-block;
    font-family: 'OpenSansLight';
    font-size: 11px;
    margin-right: 10px;
    text-align: left;
    vertical-align: top;
    width: 65px;
    margin-left: 5px;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .section .subscribe-dh.cell.mobile input[type=email] {
    width: 100%;
    height: 40px;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .section .subscribe-dh.cell.mobile input[type=submit] {
    margin-left: 6px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .section .subscribe-dh.cell.mobile .form form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 8px !important;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .section .subscribe-dh.cell.mobile .form form label {
    text-align: center;
    width: 55%;
    margin: 15px auto;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .section .subscribe-dh.cell.mobile .form form button {
    -ms-flex-item-align: center;
    align-self: center;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .section .subscribe-dh.cell.mobile .form form .privacy {
    text-align: center  !important;
    margin: 5px auto 0 !important;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .section .subscribe-dh.cell.mobile .form form .privacy span {
    font-size: 9px !important;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .section .subscribe-dh.cell.mobile .form form .privacy span a {
    color: #372f2b !important;
    font-size: 9px  !important;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .credits {
    margin: 20px 0 0 5px;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .credits .body {
    width: 75%;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .tags {
    display: none;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.shared-happifiers {
    width: 100% !important;
    min-width: 320px;
    max-width: 100% !important;
    padding: 0 10px 0 0 !important;
    margin: 0 0 50px 0;
    margin-left: 0 !important;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.shared-happifiers .grayline {
    margin: 20px auto;
    height: 1px;
    width: 300px;
    background: #d2d2d2;
    display: none;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.shared-happifiers h1 {
    margin: 0;
    text-align: center;
    font-size: 32px !important;
    line-height: 34px !important;
    color: #777 !important;
    font-weight: 600 !important;
  }

  #public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.shared-happifiers .promo_placeholder {
    margin-bottom: 50px;
    text-align: center !important;
  }

  #shared_happifier .grid-unit.main.video .subscribe-dh.cell {
    width: 100% !important;
    margin-left: 0 !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  #public_home.sub #unsubscribe_daily_happifier {
    width: 100% !important;
    height: 575px !important;
    padding: 0 10px;
    top: 80px !important;
  }

  #public_home.sub #unsubscribe_daily_happifier .option {
    width: 100% !important;
  }

  #public_home.sub #unsubscribe_daily_happifier .option .text {
    width: 80% !important;
  }

  #public_home.sub #unsubscribe_daily_happifier .form .email {
    width: 100% !important;
  }

  #public_home.sub #unsubscribe_daily_happifier .form .email input {
    width: 60% !important;
  }

  #public_home.sub #unsubscribe_daily_happifier h1.unsubscribed {
    font-size: 28px !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  #public_home .btn-arrow-down {
    bottom: -2px !important;
  }

  #public_home section a.video-controls {
    margin-bottom: 10px !important;
  }

  #public_home #home-bg-section-0 h1,
  #public_home #change h1 {
    font-size: 32px !important;
    line-height: 36px !important;
    margin: 90px auto 0 !important;
    background-size: cover !important;
  }

  #public_home #home-bg-section-0 .button,
  #public_home #change .button {
    height: 68px !important;
    line-height: 68px !important;
    margin-top: 30px !important;
  }

  #public_home #home-bg-section-0 .btn-start,
  #public_home #change .btn-start {
    bottom: 100px !important;
  }

  #public_home #home-bg-section-0 .featured-section,
  #public_home #change .featured-section {
    background: transparent !important;
    bottom: -4px !important;
    height: auto !important;
    padding: 0 !important;
  }

  #public_home #home-bg-section-0 .featured-section img.desktop,
  #public_home #change .featured-section img.desktop {
    display: none;
  }

  #public_home #home-bg-section-0 .featured-section img.mobile,
  #public_home #change .featured-section img.mobile {
    display: inline;
    height: auto;
  }

  #public_home #home-bg-section-0 {
    height: auto !important;
  }

  #public_home #home-bg-section-0 .desktop {
    display: none;
  }

  #public_home #home-bg-section-0 .mobile {
    display: inline-block;
    height: auto;
  }

  #public_home #home-bg-section-0 p {
    max-width: 95% !important;
    font-size: 14.5px !important;
    line-height: 20px !important;
  }

  #public_home #home-bg-section-0 h1 {
    width: 100% !important;
    margin: 130px auto 15px !important;
  }

  #public_home #home-bg-section-0 h2 {
    font-size: 20px !important;
    margin: 20px auto;
  }

  #public_home #home-bg-section-0 .orange {
    height: 55px !important;
    line-height: 55px !important;
  }

  #public_home #home-bg-section-0 .btn-start {
    display: inline-block;
    position: relative !important;
    margin: 30px 0 100px !important;
    bottom: 0 !important;
    left: 0 !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  #public_home .pushdown {
    display: block !important;
    position: fixed;
  }

  #public_home .pushdown * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  #public_home .pushdown .pushdown_inner {
    width: 100%;
    position: relative;
    text-align: center;
    padding: 20px 5px 0;
  }

  #public_home .pushdown .pushdown_inner h1 {
    font-family: 'OpenSansRegular';
    font-size: 26px !important;
    line-height: 32px !important;
    color: #fff;
  }

  #public_home .pushdown .pushdown_inner .subhead {
    color: #fff;
    font-family: OpenSansBold;
    font-size: 14px;
    margin: 10px 0;
  }

  #public_home .pushdown .pushdown_inner .fb_sign {
    text-align: center;
  }

  #public_home .pushdown .pushdown_inner .fb_sign .line {
    display: inline-block;
    vertical-align: top;
    height: 2px;
    background: #fff;
    width: 120px;
    margin-top: 18px;
    opacity: 0.5;
  }

  #public_home .pushdown .pushdown_inner .fb_sign img {
    width: 34px;
    height: 34px;
    margin: 0 10px;
  }

  #public_home .pushdown .pushdown_inner .fb_text {
    font-size: 16px;
    font-family: OpenSansBold;
    color: #fff;
    margin: 6px 0 15px;
  }

  #public_home .pushdown .pushdown_inner .like_container {
    width: 167px;
    margin: 0 auto;
  }

  #public_home .pushdown .pushdown_inner .like_container .fb_iframe_widget {
    max-width: 86px;
    float: left !important;
    margin: 0 !important;
    transform: scale(2);
    -ms-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    -moz-transform: scale(2);
    transform-origin: top left;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
  }

  #public_home .pushdown .pushdown_inner .caret {
    width: 24px;
    height: 12px;
    background: url('/static/img/public_site/share_happiness/push_down/caret.png') no-repeat transparent;
    background-size: cover;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  #public_home .pushdown .pushdown_inner .divider {
    border-bottom: 1px solid #CDCDCD;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
  }

  #public_home .pushdown .pushdown_inner .divider:after {
    border-style: solid;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    z-index: 0;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #cdcdcd;
    border-width: 14px;
    left: 50%;
    margin-left: -14px;
    top: -27px;
  }

  #public_home .pushdown .pushdown_inner .button {
    width: 116px;
    height: 45px;
    line-height: 46px;
    font-family: 'OpenSansBold';
    font-size: 15px;
  }

  #public_home .pushdown .pushdown_inner .color-bar {
    width: 102% !important;
    position: relative;
    left: -1% !important;
    height: 8px !important;
    background-size: 101% 8px !important;
  }

  #public_home .pushdown .pushdown_inner.facebook {
    background-image: url('/static/img/public_site/share_happiness/push_down/bg_image.png');
    background-size: cover;
  }

  #public_home .pushdown .pushdown_inner.twitter {
    background-image: url('/static/img/public_site/share_happiness/push_down/bg_image.png');
    background-size: cover;
  }

  #public_home .pushdown .pushdown_inner.twitter .subhead {
    margin: 15px 0 20px;
  }

  #public_home .pushdown .pushdown_inner.twitter .twitter_container {
    margin: 17px 0 0;
  }

  #public_home .pushdown .pushdown_inner.happify {
    padding: 0;
  }

  #public_home .pushdown .pushdown_inner.happify h1 {
    color: #FFB070;
    font-size: 28px !important;
    margin-top: 18px;
    line-height: 29px !important;
  }

  #public_home .pushdown .pushdown_inner.happify .content {
    margin-top: 20px !important;
  }

  #public_home .pushdown .pushdown_inner.happify .content .text,
  #public_home .pushdown .pushdown_inner.happify .content .image {
    display: inline-block;
    vertical-align: top;
  }

  #public_home .pushdown .pushdown_inner.happify .content .text {
    text-align: left;
    font-family: 'OpenSansBold';
    font-size: 15px;
    color: #372f2b;
    padding-left: 20px;
    width: 45%;
    margin-top: 18px;
  }

  #public_home .pushdown .pushdown_inner.happify .content .image {
    padding-right: 15px;
    width: 54%;
  }

  #public_home .pushdown .pushdown_inner.newsletter {
    padding: 0;
  }

  #public_home .pushdown .pushdown_inner.newsletter .logo {
    width: 40%;
    height: auto;
    margin: 20px 0 0 !important;
  }

  #public_home .pushdown .pushdown_inner.newsletter .content {
    color: #777;
    font-family: 'OpenSansRegular';
    font-size: 16px;
    margin: 5px 0 15px !important;
    line-height: 20px !important;
  }

  #public_home .pushdown .pushdown_inner.newsletter .content strong {
    font-family: 'OpenSansSemibold';
  }

  #public_home .pushdown .pushdown_inner.newsletter .input-container {
    margin-bottom: 10px;
  }

  #public_home .pushdown .pushdown_inner.newsletter .input-container label {
    width: 80% !important;
    display: inline-block;
    font-family: 'OpenSansSemibold';
    font-size: 16px;
  }

  #public_home .pushdown .pushdown_inner.newsletter .input-container input {
    height: 40px;
    font-family: 'OpenSansSemibold';
    font-size: 16px;
    width: 100%;
  }

  #public_home .pushdown .pushdown_inner.newsletter .input-container .success_message {
    font-size: 16px;
    color: #00aaea;
  }

  #public_home .pushdown .pushdown_inner.newsletter .error_container {
    position: absolute;
    width: 100%;
    font-size: 11px;
    z-index: 9;
  }

  #public_home .pushdown .pushdown_inner.newsletter .error_container .input_error {
    padding: 3px 15px;
    border: 1px solid #d2d2d2;
    background: #fff;
    border-radius: 3px;
    background-clip: padding-box;
    margin: 0 auto;
    display: inline-block;
  }

  #public_home .pushdown .pushdown_inner.newsletter .error_container .input_error:before {
    top: -13px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFFFFF;
    border-style: solid;
    border-width: 7px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    width: 0;
    z-index: 2;
  }

  #public_home .pushdown .pushdown_inner.newsletter .error_container .input_error:after {
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    z-index: 1;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.06);
    border-width: 9px;
    left: 50%;
    margin-left: -9px;
    top: -18px;
  }

  #public_home #join-now {
    height: auto !important;
  }

  #public_home #join-now .grid-row {
    padding: 50px 0 60px !important;
  }

  #public_home #join-now .grid-row .quote {
    padding: 0 !important;
    text-align: center;
  }

  #public_home #join-now .grid-row .quote img {
    float: none !important;
    margin: 0 !important;
    max-width: 90px;
  }

  #public_home #join-now .grid-row .quote blockquote {
    width: 100% !important;
    font-size: 16px !important;
    margin-bottom: 15px !important;
  }

  #public_home #join-now .grid-row .quote blockquote em {
    font-size: 20px !important;
  }

  #public_home #join-now .grid-row .grid-unit.col-4-old {
    text-align: center;
  }

  #public_home #join-now .grid-row .grid-unit.col-4-old a {
    padding: 0 12px !important;
    margin-left: 0 !important;
    left: 0 !important;
    min-width: 260px !important;
  }
}

#public_home.sub .grid-row .grid-unit.col-2-old:nth-child(2) {
  margin-bottom: 20px;
}

#public_home.sub #science .box-bd .heading-line {
  margin: 20px auto !important;
}

#public_home.sub #scientific p,
#public_home.sub #easy p {
  text-align: center !important;
  margin: 0 auto 20px !important;
  width: 80% !important;
}

#public_home.sub #science .box-bd h4 {
  text-align: center !important;
}

#public_home.sub #science p {
  text-align: center !important;
  margin: 0 auto 20px !important;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  #public_home.sub #email_unsubscribe,
  #public_home.sub #email_unsubscribe_complete {
    margin: 70px auto 0 !important;
    min-height: 99% !important;
    top: 0 !important;
    width: 100% !important;
  }

  #public_home.sub #email_unsubscribe h1.title,
  #public_home.sub #email_unsubscribe_complete h1.title {
    font-size: 22px !important;
    margin-bottom: 15px !important;
  }

  #public_home.sub #email_unsubscribe p,
  #public_home.sub #email_unsubscribe_complete p {
    font-size: 20px !important;
    margin-top: 110px !important;
    padding: 0 5px;
  }

  #public_home.sub #email_unsubscribe .sub,
  #public_home.sub #email_unsubscribe_complete .sub {
    margin-bottom: 30px !important;
    font-size: 16px !important;
    line-height: 18px !important;
    padding: 0 20px;
  }

  #public_home.sub #email_unsubscribe div.unsubscribed,
  #public_home.sub #email_unsubscribe_complete div.unsubscribed {
    margin-top: 30px;
    font-size: 22px !important;
    line-height: 26px !important;
  }

  #public_home.sub #email_unsubscribe .option,
  #public_home.sub #email_unsubscribe_complete .option {
    margin: 20px auto !important;
    width: 100% !important;
  }

  #public_home.sub #email_unsubscribe .option .choise,
  #public_home.sub #email_unsubscribe_complete .option .choise {
    width: 20px !important;
    height: 20px !important;
    margin-left: 20px;
  }

  #public_home.sub #email_unsubscribe .option .choise .choise-inner,
  #public_home.sub #email_unsubscribe_complete .option .choise .choise-inner {
    width: 16px !important;
    height: 16px !important;
    top: 1px !important;
    left: 1px !important;
  }

  #public_home.sub #email_unsubscribe .option a:hover,
  #public_home.sub #email_unsubscribe_complete .option a:hover {
    text-decoration: none;
  }

  #public_home.sub #email_unsubscribe .option a .text,
  #public_home.sub #email_unsubscribe_complete .option a .text {
    color: #7b7b78 !important;
    margin: 3px 5px !important;
    line-height: 15px !important;
    width: 80%;
    font-size: 13px !important;
  }

  #public_home.sub #email_unsubscribe .form,
  #public_home.sub #email_unsubscribe_complete .form {
    margin: 20px auto !important;
  }

  #public_home.sub #email_unsubscribe .form .email,
  #public_home.sub #email_unsubscribe_complete .form .email {
    margin: 20px auto !important;
    width: 100% !important;
  }

  #public_home.sub #email_unsubscribe .form .email span,
  #public_home.sub #email_unsubscribe_complete .form .email span {
    font-size: 16px !important;
    font-family: 'OpenSansRegular' !important;
    vertical-align: top;
    top: 2px;
    position: relative;
    line-height: 35px;
  }

  #public_home.sub #email_unsubscribe .form .email span:first-child,
  #public_home.sub #email_unsubscribe_complete .form .email span:first-child {
    color: #7b7b78 !important;
  }

  #public_home.sub #email_unsubscribe .form .email span:first-child:after,
  #public_home.sub #email_unsubscribe_complete .form .email span:first-child:after {
    content: ':';
  }

  #public_home.sub #email_unsubscribe .form .email span:nth-child(2),
  #public_home.sub #email_unsubscribe_complete .form .email span:nth-child(2) {
    display: none !important;
  }

  #public_home.sub #email_unsubscribe .form .email input,
  #public_home.sub #email_unsubscribe_complete .form .email input {
    width: 70% !important;
    color: initial;
    margin-left: 10px;
    vertical-align: top;
    font-size: 15px;
    padding: 3px 8px;
    border-radius: 3px;
    background-clip: padding-box;
    font-family: 'OpenSansRegular' !important;
    border: 1px solid #d7d7d2;
  }

  #public_home.sub #email_unsubscribe .form .email .error,
  #public_home.sub #email_unsubscribe_complete .form .email .error {
    width: 90% !important;
    float: none !important;
    margin: 0 !important;
    display: block;
  }

  #public_home.sub #email_unsubscribe .form .email .error.invisible,
  #public_home.sub #email_unsubscribe_complete .form .email .error.invisible {
    display: none !important;
  }

  #public_home.sub #email_unsubscribe a.button,
  #public_home.sub #email_unsubscribe_complete a.button {
    font-family: 'OpenSansBold';
    font-size: 14px;
    height: 50px;
    padding: 0 40px;
    line-height: 50px;
    margin: 20px auto 0 !important;
  }

  #public_home.sub #email_unsubscribe.unsubscribed,
  #public_home.sub #email_unsubscribe_complete.unsubscribed {
    width: 100% !important;
    min-height: 480px !important;
    height: 480px !important;
    padding: 0 10px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .mobile-hidden {
    display: none !important;
  }

  .mobile-menu.kc {
    display: none;
    width: 28px;
    height: 18px;
    margin-top: 20px;
    background: url("/static/img/hamburger-menu.png") no-repeat;
    background-size: 100% 100%;
    float: right;
    cursor: pointer;
  }

  .landing-p.kc header.banner {
    max-height: 55px !important;
    height: 55px !important;
  }

  .landing-p.kc .flyout {
    width: 100%;
    position: absolute;
    top: 55px;
    background: #ff7a00;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 900;
  }

  .landing-p.kc .flyout li {
    white-space: nowrap;
    line-height: 16px;
    height: auto;
  }

  .landing-p.kc .flyout li label,
  .landing-p.kc .flyout li a,
  .landing-p.kc .flyout li button {
    color: #fff;
    font-weight: 600;
    padding: 0 15px;
    line-height: 50px;
    display: block;
    font-size: 11px;
    width: 100%;
  }

  .landing-p.kc .flyout.open {
    top: 55px;
  }

  .landing-p.kc .grid-row .grid-unit {
    width: 100%;
  }

  .landing-p.kc .grid-row .grid-unit.col-2-old {
    width: 100% !important;
  }

  .landing-p.kc #compliment section .image {
    max-width: 350px !important;
    margin: 0 auto !important;
  }

  .landing-p.kc #compliment #kc-section {
    padding: 5px 0 !important;
  }

  .landing-p.kc #compliment #kc-section .grid-row {
    padding: 0 !important;
  }

  .landing-p.kc #compliment #kc-section h1 {
    font-size: 20px !important;
    margin: 0 0 7px !important;
    font-weight: 600 !important;
    padding: 1% !important;
  }

  .landing-p.kc #compliment #kc-section .text-container:not(.mobile) {
    display: none !important;
  }

  .landing-p.kc #compliment #kc-section .text-container.mobile {
    display: block !important;
    width: 100% !important;
    max-width: 360px !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
  }

  .landing-p.kc #compliment #kc-section .text-container.mobile h2 {
    text-align: center !important;
    width: 100% !important;
    max-width: 350px !important;
    margin: 10px auto 0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
  }

  .landing-p.kc #compliment #kc-section .text-container.mobile .button {
    margin: 10px auto 15px !important;
    display: block !important;
    width: 205px !important;
    font-size: 16px !important;
    height: 50px !important;
    line-height: 50px !important;
  }

  .landing-p.kc #compliment #kc-section .text-container.mobile p {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 16px !important;
    margin: 10px 0 !important;
  }

  .landing-p.kc #compliment #kc-section .text-container.mobile .confirmation {
    max-width: 210px !important;
    margin: 0 auto !important;
  }

  .landing-p.kc #compliment #kc-section .text-container.mobile .confirmation span {
    font-size: 16px !important;
    left: 5px !important;
  }

  .landing-p.kc #compliment #kc-section .image {
    padding: 0 16px !important;
  }

  .landing-p.kc #compliment #kc-section .image img {
    display: none !important;
  }

  .landing-p.kc #compliment #kc-section .image img.mobile {
    display: inline !important;
  }

  .landing-p.kc #compliment #kc-section .tip-container,
  .landing-p.kc #compliment #what_is-kc .tip-container {
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    background: url('/static/img/stats/question_mark_2.png') no-repeat transparent !important;
    background-size: 14px 14px !important;
    top: -5px !important;
    left: 10px !important;
  }

  .landing-p.kc #compliment #kc-section .tip-container.clicked,
  .landing-p.kc #compliment #what_is-kc .tip-container.clicked {
    background: url('/static/img/stats/question_mark_1.png') no-repeat transparent;
    background-size: 14px 14px;
  }

  .landing-p.kc #compliment #kc-section .tip-container.clicked .tip-mobile,
  .landing-p.kc #compliment #what_is-kc .tip-container.clicked .tip-mobile {
    display: block !important;
  }

  .landing-p.kc #compliment #kc-section .tip-container .tip,
  .landing-p.kc #compliment #what_is-kc .tip-container .tip {
    display: none !important;
  }

  .landing-p.kc #compliment #kc-section .tip-mobile,
  .landing-p.kc #compliment #what_is-kc .tip-mobile {
    -webkit-box-shadow: 0 0 15px rgba(50, 50, 50, 0.25);
    box-shadow: 0 0 15px rgba(50, 50, 50, 0.25);
    background: #fff;
    border-radius: 6px;
    background-clip: padding-box;
    position: absolute;
    padding: 10px;
    z-index: 9;
    border: 2px solid #e6e6e6;
    text-align: left;
    width: 300px;
    top: 25px;
    left: -243px;
    right: 0;
    margin: auto;
    cursor: default;
  }

  .landing-p.kc #compliment #kc-section .tip-mobile.clicked,
  .landing-p.kc #compliment #what_is-kc .tip-mobile.clicked {
    display: block !important;
  }

  .landing-p.kc #compliment #kc-section .tip-mobile .icon,
  .landing-p.kc #compliment #what_is-kc .tip-mobile .icon {
    width: 14px;
    height: 14px;
    line-height: 14px;
    display: inline-block;
    position: relative;
    background: url('/static/img/stats/question_mark_1.png') no-repeat transparent;
    background-size: cover;
    vertical-align: top;
    margin-top: 3px;
  }

  .landing-p.kc #compliment #kc-section .tip-mobile .title,
  .landing-p.kc #compliment #what_is-kc .tip-mobile .title {
    font-size: 14px;
    font-family: 'OpenSansSemibold';
    color: #ff7a00;
    display: inline-block;
    margin-left: 5px;
    vertical-align: top;
  }

  .landing-p.kc #compliment #kc-section .tip-mobile .message,
  .landing-p.kc #compliment #what_is-kc .tip-mobile .message {
    padding: 15px 0;
    font-size: 12px;
    font-family: 'OpenSansRegular';
  }

  .landing-p.kc #compliment #kc-section .tip-mobile .close_tip,
  .landing-p.kc #compliment #what_is-kc .tip-mobile .close_tip {
    padding: 15px 0 5px;
    text-align: center;
    border-top: 1px solid #DCDBDA;
    font-size: 16px;
    font-family: 'OpenSansSemibold';
  }

  .landing-p.kc #compliment #kc-section .tip-mobile:after,
  .landing-p.kc #compliment #what_is-kc .tip-mobile:after,
  .landing-p.kc #compliment #kc-section .tip-mobile:before,
  .landing-p.kc #compliment #what_is-kc .tip-mobile:before {
    display: none !important;
  }

  .landing-p.kc #compliment #what_is-kc,
  .landing-p.kc #compliment #scientifically {
    padding: 30px 0 !important;
  }

  .landing-p.kc #compliment #what_is-kc h1,
  .landing-p.kc #compliment #scientifically h1 {
    width: 100% !important;
    max-width: 350px !important;
    font-size: 20px !important;
    text-align: center !important;
    margin: 0 auto 20px !important;
  }

  .landing-p.kc #compliment #what_is-kc .image,
  .landing-p.kc #compliment #scientifically .image {
    display: block !important;
  }

  .landing-p.kc #compliment #what_is-kc p,
  .landing-p.kc #compliment #scientifically p {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 360px !important;
    font-size: 16px !important;
    margin: 0 auto !important;
  }

  .landing-p.kc #compliment #what_is-kc .button,
  .landing-p.kc #compliment #scientifically .button {
    display: block !important;
    width: 205px !important;
    font-size: 18px !important;
    height: 50px !important;
    line-height: 50px !important;
  }

  .landing-p.kc #compliment #what_is-kc {
    background: #fff !important;
    position: relative !important;
    text-align: center !important;
    padding: 0 !important;
    min-height: 920px;
  }

  .landing-p.kc #compliment #what_is-kc .confirmation {
    max-width: 210px !important;
    margin: 0 auto !important;
  }

  .landing-p.kc #compliment #what_is-kc .confirmation span {
    font-size: 16px !important;
    left: 5px !important;
  }

  .landing-p.kc #compliment #what_is-kc .tip-container:not(.mobile) {
    display: none !important;
  }

  .landing-p.kc #compliment #what_is-kc .tip-container.mobile {
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    background: url('/static/img/stats/question_mark_2.png') no-repeat transparent !important;
    background-size: 14px 14px !important;
    top: -5px !important;
    left: 10px !important;
  }

  .landing-p.kc #compliment #what_is-kc .tip-container.mobile.clicked {
    background: url('/static/img/stats/question_mark_1.png') no-repeat transparent;
    background-size: 14px 14px;
  }

  .landing-p.kc #compliment #what_is-kc .button {
    margin: 30px auto 15px auto !important;
    font-size: 16px !important;
  }

  .landing-p.kc #compliment #what_is-kc img.mobile.bg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .landing-p.kc #compliment #what_is-kc .grid-row {
    padding: 30px 16px !important;
    background: none !important;
  }

  .landing-p.kc #compliment #scientifically h1 {
    margin-top: 30px !important;
  }

  .landing-p.kc #compliment #scientifically p {
    display: block !important;
    width: 100% !important;
    max-width: 360px !important;
    font-size: 16px !important;
    margin: 0 auto !important;
  }

  .landing-p.kc #compliment #scientifically .button {
    margin: 30px auto !important;
  }

  .landing-p.kc #compliment #keep-alive h1 {
    font-size: 22px !important;
    line-height: 140px !important;
  }

  .landing-p.kc #compliment #current_kc {
    display: block !important;
    padding: 6px 0 !important;
    width: 332px;
    /* 320px + 2*6px */
    height: auto;
    margin: 10px auto 20px;
  }

  .landing-p.kc #compliment #current_kc .kc_main .kc_screen .screen .flip-container {
    margin: 0 auto !important;
  }

  .landing-p.kc #compliment #current_kc .kc_main .kc_screen .screen .container-old.flip-container.reversed.no-kc-events textarea.freestyle {
    display: none !important;
  }

  .landing-p.kc #compliment #current_kc .kc_main .kc_screen .screen .container-old.flip-container.reversed.no-kc-events.flip textarea.freestyle {
    display: block !important;
  }

  .overlay.kc .ov_inner {
    vertical-align: top !important;
  }

  #activity_completed_modal {
    top: 80px !important;
    min-width: 88% !important;
    max-width: 88% !important;
    min-height: 240px !important;
  }

  #activity_completed_modal #modal.animate {
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 100% !important;
  }

  #activity_completed_modal .modal-inner .activity_name {
    margin: 0 0 20px !important;
  }

  #activity_completed_modal .modal-inner .ribbon {
    width: 100% !important;
    background-size: 100% !important;
    left: 0 !important;
  }

  #activity_completed_modal .modal-inner .ribbon .edge {
    width: 6%  !important;
  }

  #activity_completed_modal .modal-inner .ribbon .edge.left {
    left: -20px !important;
  }

  #activity_completed_modal .modal-inner .ribbon .edge.right {
    background-position: -453px -15px !important;
    right: -20px !important;
  }

  #activity_completed_modal .modal-inner .links-container {
    margin-bottom: 20px !important;
  }

  #kindless_chain_modal .kc-modal-header {
    display: none;
    border-radius: 0;
    background-clip: padding-box;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center;
  }

  #kindless_chain_modal .kc-modal-header .give {
    margin: 3px 3px 0 0;
  }

  #kindless_chain_modal .kc-modal-header span {
    font-family: 'OpenSansRegular' !important;
    font-size: 20px !important;
  }

  #kindless_chain_modal .reply-col {
    width: 90% !important;
    margin: 0 auto !important;
  }

  #kindless_chain_modal .reply-col form {
    width: 100% !important;
  }

  #kindless_chain_modal .reply-col form input[type=text] {
    width: 100% !important;
  }

  #kindless_chain_modal .reply-col form textarea {
    width: 100% !important;
    height: 240px !important;
  }

  #kindless_chain_modal .reply-col form .buttons-container {
    margin-bottom: 50px;
  }

  #kindless_chain_modal .reply-col form .buttons-container .button {
    width: 36% !important;
  }

  #kindless_chain_modal.reply .kc-modal-header {
    display: none !important;
  }

  #kindless_chain_modal #current_kc {
    padding: 15px 0 0 0 !important;
    border: none !important;
    height: 100% !important;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .welcome_screen {
    padding: 0 !important;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .welcome_screen .title {
    display: none;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .welcome_screen .welcome_image {
    width: 100% !important;
    margin: 30px auto 0 !important;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .welcome_screen .col.left {
    padding: 0 10px !important;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .welcome_screen .col.left .instructions {
    display: none !important;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .welcome_screen .col.left .instructions.mobile {
    display: block !important;
    font-size: 10px !important;
    line-height: 14px !important;
    font-family: 'OpenSansRegular' !important;
    margin: 0 0 10px !important;
    height: auto !important;
    padding: 0 !important;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .welcome_screen .col.left .bulleted_message.mobile {
    display: block !important;
    padding: 0 !important;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .welcome_screen .col.left .bulleted_message.mobile .title {
    display: block !important;
    font-size: 14px !important;
    margin-top: 20px !important;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .welcome_screen .col.left .bulleted_message.mobile .message .item {
    font-size: 13px !important;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .welcome_screen .kc-modal-header {
    border-radius: 0;
    background-clip: padding-box;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center;
    display: block;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .welcome_screen .kc-modal-header .give {
    margin: 3px 3px 0 0;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .welcome_screen .kc-modal-header span {
    font-family: 'OpenSansRegular' !important;
    font-size: 20px !important;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .message_screen.screen .selector_container .container-old {
    width: 100% !important;
    max-width: 320px !important;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .message_screen.screen .feed.noslider {
    width: 98% !important;
    margin: 0 auto !important;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .message_screen.screen .feed.noslider .item {
    width: 32.9% !important;
    border: none !important;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .message_screen.screen .feed.noslider .item.selected {
    border: 1px solid #ff7a00 !important;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .message_screen.screen .feed.noslider .item.selected .item_selector {
    border: none !important;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .message_screen.screen .feed.noslider .item.selected span {
    color: #ff7a00 !important;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .message_screen.screen .feed.noslider.short .item {
    width: 49.2% !important;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .screen .selector_container {
    position: relative;
    border: none !important;
    text-align: center !important;
    max-width: 320px !important;
    margin: 0 auto !important;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .screen .selector_container .panel {
    position: absolute;
    background: #fff;
    opacity: 0.75;
    width: 37px;
    height: 76px;
    top: 25px;
    display: block;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .screen .selector_container .panel.left {
    left: 0;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .screen .selector_container .panel.right {
    right: 0;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .screen .selector_container .container-old {
    width: 304px !important;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .screen .selector_container form {
    display: none !important;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .screen .selector_container .mobile.button {
    display: inline-block !important;
    width: 100%;
    max-width: 320px;
    height: 50px;
    margin: 20px auto;
    line-height: 53px;
    font-size: 16px;
    position: relative;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .screen .selector_container .mobile.button .arrow_img {
    width: 20px;
    height: 20px;
    background: url('/static/img/kindless_chain/slider_next.png') no-repeat #fff;
    background-position: center;
    background-size: 30%;
    border-radius: 50%;
    background-clip: padding-box;
    position: absolute;
    right: 5%;
    top: 16px;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .mobile_send_screen {
    position: relative;
    padding: 0 5px;
    height: 100% !important;
    min-height: 480px;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .mobile_send_screen .mobile_image {
    width: 100px;
    height: 100px;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .mobile_send_screen form {
    margin: 10px auto;
    font-family: OpenSansRegular;
    font-size: 16px;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .mobile_send_screen form input {
    width: 98%;
    height: 30px;
    padding: 3px;
    margin: 10px 0;
    border-radius: 3px;
    background-clip: padding-box;
    border: 1px solid #d7d7d2;
    outline: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .mobile_send_screen form .error-container {
    font-family: 'OpenSansRegular';
    font-size: 12px;
    color: red;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .mobile_send_screen .options {
    margin-left: 10px;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .mobile_send_screen .options .checkbox {
    width: 24px;
    height: 24px;
    background: url('/static/img/kindless_chain/checkbox-default.png') no-repeat transparent;
    background-size: cover;
    display: inline-block;
    cursor: pointer;
    margin-right: 10px;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .mobile_send_screen .options .checkbox.checked {
    background: url('/static/img/kindless_chain/checkbox-active.png') no-repeat transparent;
    background-size: cover;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .mobile_send_screen .options span {
    vertical-align: top;
    position: relative;
    top: 4px;
    left: 5px;
    font-size: 20px;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .mobile_send_screen .options .tip-container {
    width: 15px;
    height: 15px;
    line-height: 15px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    text-align: center;
    top: 0;
    left: 20px;
    background: url('/static/img/stats/question_mark_2.png') no-repeat transparent;
    background-size: cover;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .mobile_send_screen .mobile.button {
    width: 100%;
    max-width: 320px;
    height: 50px;
    margin: 50px auto;
    line-height: 53px;
    font-size: 16px;
    text-align: center;
    display: block !important;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .mobile_send_screen .mobile.button.margin-short {
    margin: 30px auto;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .mobile_send_screen .tip {
    position: absolute;
    background: #fff;
    padding: 10px;
    z-index: 9;
    -webkit-box-shadow: 0 0 15px rgba(50, 50, 50, 0.25);
    box-shadow: 0 0 15px rgba(50, 50, 50, 0.25);
    border-radius: 6px;
    background-clip: padding-box;
    border: 2px solid #e6e6e6;
    text-align: left;
    width: 300px;
    top: 115px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: default;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .mobile_send_screen .tip .icon {
    width: 14px;
    height: 14px;
    line-height: 14px;
    display: inline-block;
    position: relative;
    background: url('/static/img/stats/question_mark_1.png') no-repeat transparent;
    background-size: cover;
    vertical-align: top;
    margin-top: 3px;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .mobile_send_screen .tip .title {
    font-family: 'OpenSansSemibold';
    font-size: 14px;
    color: #858583;
    display: inline-block;
    margin-left: 5px;
    vertical-align: top;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .mobile_send_screen .tip .message {
    padding: 15px 0;
    font-family: OpenSansRegular;
    font-size: 12px;
  }

  #kindless_chain_modal #current_kc .kc_main .kc_screen .mobile_send_screen .tip .close_tip {
    padding: 15px 0 5px;
    text-align: center;
    border-top: 1px solid #DCDBDA;
    font-family: OpenSansSemibold;
    font-size: 16px;
  }

  #kindless_chain_modal #current_kc .kc_main ul.kc_nav {
    border: none !important;
  }

  #kindless_chain_modal #current_kc .kc_main ul.kc_nav li {
    font-size: 12px !important;
  }

  #kindless_chain_modal #current_kc .kc_main ul.kc_nav li.compliment {
    width: 74px !important;
  }

  #kindless_chain_modal #current_kc .kc_main ul.kc_nav li.design {
    width: 45px !important;
    margin-left: 3% !important;
  }

  #kindless_chain_modal #current_kc .kc_main ul.kc_nav li.message {
    width: 50px !important;
    margin-left: 3% !important;
  }

  #kindless_chain_modal #current_kc .kc_main ul.kc_nav li.send {
    width: 90px !important;
    margin-left: 3% !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  #public_home header.kc.banner {
    z-index: 20;
  }

  #public_home header.kc-map.banner {
    height: auto !important;
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  }

  #public_home header.kc-map.banner .flyout {
    display: block !important;
  }

  #public_home header.kc-map.banner .grid-row.fixed.header {
    width: 100% !important;
  }

  #public_home header.kc-map.banner .activity_header {
    width: 100%;
    padding: 5px;
    height: 50px;
    background-color: #06bf09;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#07df0b), to(#058f07));
    background-image: linear-gradient(to bottom, #07df0b, #058f07 100%);
  }

  #public_home header.kc-map.banner .activity_header .icon-give {
    display: inline-block;
    background-image: url('/static/img/kindless_chain/give.png');
    background-repeat: no-repeat;
    width: 40px;
    height: 51px;
    position: relative;
    vertical-align: top;
  }

  #public_home header.kc-map.banner .activity_header .activity_name {
    color: #fbfbfb;
    position: relative;
    font-size: 20px;
    line-height: 40px;
    vertical-align: top;
    width: 100%;
  }

  #public_home header.kc-map.banner .grid-unit.cta {
    width: 100%;
    border-bottom: none;
    text-align: center;
    margin: 0;
    padding: 5px 8px;
    font-size: 16px;
    font-family: OpenSansRegular;
    color: #A2A2A2;
    float: none !important;
    display: inline-block !important;
  }

  #public_home header.kc-map.banner .grid-unit.cta a {
    font-size: 16px;
    font-family: OpenSansSemibold;
    text-decoration: underline;
    margin-left: 3px;
  }

  #public_home header.kc-map.banner .grid-unit.cta.hidden {
    display: none !important;
  }

  #public_home header.kc-map.banner ul.map-nav {
    float: none !important;
    font-size: 16px;
    font-family: OpenSansRegular;
    padding: 0;
    margin: 0 auto 5px;
    width: 130px;
    height: 22px;
  }

  #public_home header.kc-map.banner ul.map-nav li {
    text-align: center;
    vertical-align: top;
    float: left;
  }

  #public_home header.kc-map.banner ul.map-nav li:first-child {
    width: 25px;
  }

  #public_home header.kc-map.banner ul.map-nav li:nth-child(2) {
    width: 15px;
  }

  #public_home header.kc-map.banner ul.map-nav li:last-child {
    width: 85px;
  }

  #public_home header.kc-map.banner ul.map-nav li.selected {
    border-bottom: 1px solid #777;
  }

  #public_home header.kc-map.banner ul.map-nav li a {
    outline: none;
    color: #777;
    text-decoration: none !important;
  }

  #public_home header.kc-map.banner .hidden + ul.map-nav {
    padding-top: 10px;
    height: 32px;
  }

  #public_home header.kc-map.banner .map_stats {
    float: none !important;
    font-size: 14px;
    font-family: OpenSansRegular;
    margin: 0 20px 10px !important;
    color: #00aaea;
    text-align: center;
  }

  #public_home header.kc-map.banner .map_stats b,
  #public_home header.kc-map.banner .map_stats strong {
    font-family: OpenSansSemibold;
  }

  #public_home header.kc-map.banner .map_stats .happified {
    display: inline-block;
    vertical-align: top;
    width: 40%;
  }

  #public_home header.kc-map.banner .map_stats .miles {
    display: inline-block;
    vertical-align: top;
    width: 57%;
  }

  #kindness-chain-map,
  #public_home #kindness-chain-map {
    position: relative !important;
  }

  #kindness-chain-map .grid-row,
  #public_home #kindness-chain-map .grid-row {
    display: block !important;
    position: relative !important;
  }

  #kindness-chain-map .grid-unit.map-container #map-canvas,
  #public_home #kindness-chain-map .grid-unit.map-container #map-canvas {
    width: 100% !important;
    height: 280px !important;
  }

  #kindness-chain-map .grid-unit.map-container .map-overlay,
  #public_home #kindness-chain-map .grid-unit.map-container .map-overlay {
    width: 100% !important;
    height: 100% !important;
  }

  #kindness-chain-map .grid-unit.map-container .map-overlay .message-panel,
  #public_home #kindness-chain-map .grid-unit.map-container .map-overlay .message-panel {
    top: 20px !important;
  }

  #kindness-chain-map .grid-unit.map-container .map-overlay .message-panel .title,
  #public_home #kindness-chain-map .grid-unit.map-container .map-overlay .message-panel .title {
    font-size: 18px !important;
  }

  #kindness-chain-map .grid-unit.map-container .map-overlay .message-panel .button,
  #public_home #kindness-chain-map .grid-unit.map-container .map-overlay .message-panel .button {
    width: 96% !important;
  }

  #kindness-chain-map .compliment_cards,
  #public_home #kindness-chain-map .compliment_cards {
    float: none !important;
    width: 100% !important;
    margin-top: 10px;
  }

  #kindness-chain-map .compliment_cards .kindness_map_card,
  #public_home #kindness-chain-map .compliment_cards .kindness_map_card {
    border: 1px solid #E0E0E0;
    padding: 5px;
    width: 98%;
    max-width: 300px;
    margin: 0 auto;
  }

  #kindness-chain-map .compliment_cards .kindness_map_card .compliment_image,
  #public_home #kindness-chain-map .compliment_cards .kindness_map_card .compliment_image {
    margin-top: 15px !important;
  }

  #kindness-chain-map .compliment_cards .kindness_map_card .user_data .user,
  #public_home #kindness-chain-map .compliment_cards .kindness_map_card .user_data .user {
    width: 75% !important;
    padding: 0 !important;
    font-size: 10px;
  }

  #kindness-chain-map.mobile-hidden,
  #public_home #kindness-chain-map.mobile-hidden {
    display: none !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  #public_home footer.contentinfo.mobile-hidden {
    display: none !important;
  }

  #public_home.mobile-modal header.banner {
    height: 55px !important;
  }

  #public_home.mobile-modal header.banner .grid-row.fixed.header {
    display: none !important;
  }
}

#public_home.nohamburger .mobile-menu,
#public_home.nohamburger .mobile-menu_2,
#public_home.nohamburger .flyout {
  display: none;
}

@media screen and (max-width: 767px) {
  #login-error {
    width: 90% !important;
  }

  #login-error .description {
    font-size: 24px !important;
  }

  #login-error .support {
    font-size: 18px !important;
  }
}

@media only screen and (max-width: 767px) and (min-width: 320px) {
  .landing-p.white header.banner a.custom_logo {
    max-width: 85%;
  }

  #public_home.sub #press.page h2 {
    font-size: 18px !important;
  }

  #public_home.sub #press.page h3 {
    font-size: 18px !important;
  }

  #public_home.sub #press.page .grid-row aside.grid-unit div a {
    font-size: 10px !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  html[lang=es] .landing-p.kc #compliment #kc-section .text-container.mobile .confirmation span {
    font-size: 13px !important;
  }

  html[lang=es] .landing-p.kc #compliment #what_is-kc p {
    line-height: 20px !important;
  }

  html[lang=es] .landing-p.kc #compliment #what_is-kc .confirmation span {
    font-size: 13px !important;
  }

  html #public_home header.banner .grid-row .grid-unit {
    width: 100% !important;
  }
}

/* Portrait tablet to landscape and desktop */

@media screen and (max-width: 1024px) {
  body:not( [class^="landing-"] ) header.banner .user .blue {
    margin-left: 0;
    padding: 0 10px;
  }

  body:not( [class^="landing-"] ) section {
    height: auto;
    overflow: hidden;
  }

  body:not( [class^="landing-"] ) section[data-type='background'] {
    background-position: 50% 0 !important;
    background-attachment: scroll;
  }

  body:not( [class^="landing-"] ) section h1,
  body:not( [class^="landing-"] ) section h3 {
    font-size: 60px;
    line-height: 60px;
  }

  body:not( [class^="landing-"] ) #science .row-3 .grid-unit {
    padding: 0 10px;
  }

  body:not( [class^="landing-"] ) #get-inspired .featured-articles .grid-unit {
    padding: 0 10px;
  }

  /* LOCALE RELATED */

  html[lang="ja"] body:not( [class*="landing"] ) section:not(#easy) h1 {
    font-size: 37px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  body:not( [class^="landing-"] ) header.banner .user .blue {
    margin-left: 0;
    padding: 0 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  #public_home #change h1 {
    font-size: 36px !important;
    line-height: 42px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #public_home #change h1 {
    margin: 60px auto 40px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1068px) {
  .landing-p.kc #compliment section .confirmation .tip-container .tip {
    top: 30px !important;
    left: -215px !important;
  }

  .landing-p.kc #compliment section .confirmation .tip-container .tip:after,
  .landing-p.kc #compliment section .confirmation .tip-container .tip:before {
    display: none !important;
  }

  .landing-p.kc #compliment #kc-section {
    padding: 20px 0 !important;
  }

  .landing-p.kc #compliment #kc-section #current_kc {
    width: 340px !important;
    height: 340px !important;
    padding: 10px !important;
    margin: 0 3% 0 0 !important;
  }

  .landing-p.kc #compliment #kc-section .text-container {
    width: 49% !important;
  }

  .landing-p.kc #compliment #kc-section .text-container h2 {
    font-size: 24px !important;
  }

  .landing-p.kc #compliment #kc-section .text-container p {
    font-size: 1.8rem !important;
    margin: 15px 0 !important;
    width: 100% !important;
  }

  .landing-p.kc #compliment #what_is-kc h1,
  .landing-p.kc #compliment #scientifically h1 {
    font-size: 24px !important;
    width: 90% !important;
  }

  .landing-p.kc #compliment #what_is-kc p,
  .landing-p.kc #compliment #scientifically p {
    font-size: 18px !important;
    width: 90% !important;
  }

  .landing-p.kc #compliment #what_is-kc {
    padding: 30px 0 !important;
    min-height: 475px !important;
  }

  .landing-p.kc #compliment #what_is-kc .button {
    margin: 40px 0 0 !important;
  }

  .landing-p.kc #compliment #scientifically {
    padding: 60px 0 50px !important;
    min-height: 440px !important;
  }

  #public_home section#home-section-3 h1 {
    font-size: 58px;
    line-height: 58px;
  }

  #public_home section#home-section-3 p {
    width: 94%;
    margin: 0 0 20px;
  }

  #public_home section#home-section-3 .heading-line {
    margin: 35px 0 30px 0;
  }
}

@media screen and (max-width: 1024px) {
  body.white .grid-row {
    width: 100%;
  }

  body.white .grid-row .grid-unit.col-3-old {
    width: 100%;
    margin: 0;
  }

  #login-error .description {
    font-size: 40px;
  }

  #login-error .support {
    margin-top: 45px;
    font-size: 26px;
  }
}

@media (max-width: 767.98px) {
  html[lang=it] .landing-p.kc #compliment #kc-section .text-container.mobile .button {
    font-size: 15px !important;
  }

  html[lang=it] .landing-p.kc #compliment #what_is-kc .button {
    font-size: 15px !important;
  }
}

#public_home #about-us h2,
body.sub.in_app #about-us h2 {
  font-weight: 600;
  font-size: 32px;
  margin: 50px 0 20px 0;
}

#public_home #about-us .heading-text,
body.sub.in_app #about-us .heading-text {
  margin-bottom: 40px;
}

#public_home #about-us .about .grid-unit,
body.sub.in_app #about-us .about .grid-unit {
  padding: 25px;
}

#public_home #advisors .members,
body.sub.in_app #advisors .members,
#public_home #science-happiness .members,
body.sub.in_app #science-happiness .members {
  padding: 50px 0;
  text-align: center;
  border-bottom: 1px #ddd solid;
}

#public_home #advisors .members.strategic,
body.sub.in_app #advisors .members.strategic,
#public_home #science-happiness .members.strategic,
body.sub.in_app #science-happiness .members.strategic {
  border-bottom: none;
}

#public_home #advisors .members:last-child,
body.sub.in_app #advisors .members:last-child,
#public_home #science-happiness .members:last-child,
body.sub.in_app #science-happiness .members:last-child {
  border-bottom: none;
}

#public_home #advisors .members h2,
body.sub.in_app #advisors .members h2,
#public_home #science-happiness .members h2,
body.sub.in_app #science-happiness .members h2 {
  font-weight: 600;
  font-size: 36px;
  text-align: center;
  margin: 40px 0 40px 0;
}

#public_home #advisors .members h3,
body.sub.in_app #advisors .members h3,
#public_home #science-happiness .members h3,
body.sub.in_app #science-happiness .members h3 {
  font-size: 24px;
  font-weight: 600;
  margin: 20px 0 10px 0;
}

#public_home #advisors .members h4,
body.sub.in_app #advisors .members h4,
#public_home #science-happiness .members h4,
body.sub.in_app #science-happiness .members h4 {
  font-size: 21px;
  color: #00aaea;
  font-weight: 600;
  margin: 15px 0 15px 0;
}

#public_home #advisors .members p,
body.sub.in_app #advisors .members p,
#public_home #science-happiness .members p,
body.sub.in_app #science-happiness .members p {
  padding: 0 20px;
  text-align: left;
}

#public_home #science-happiness .members,
body.sub.in_app #science-happiness .members {
  border-bottom: none;
  padding: 30px 0;
}

#public_home #investors .row-old,
body.sub.in_app #investors .row-old {
  margin-top: 50px;
  margin-left: -35px;
}

#public_home #investors .row-old .span0,
body.sub.in_app #investors .row-old .span0 {
  width: 100px;
  height: 300px;
}

#public_home #investors .row-old .span1,
body.sub.in_app #investors .row-old .span1 {
  width: 60px;
  height: 200px;
}

#public_home #investors .row-old .span3,
body.sub.in_app #investors .row-old .span3 {
  text-align: center;
}

#public_home #investors .row-old .span3 img,
body.sub.in_app #investors .row-old .span3 img {
  position: relative;
  z-index: 0;
}

#public_home #investors .investor-logos,
body.sub.in_app #investors .investor-logos {
  text-align: center;
  margin: 30px auto 0 auto;
}

@media (min-width: 992px) {
  #public_home #investors .investor-logos,
  body.sub.in_app #investors .investor-logos {
    width: 90%;
  }
}

#public_home #investors .mpf-logo,
body.sub.in_app #investors .mpf-logo {
  vertical-align: middle;
  display: inline-block;
  margin: 0 60px 0 70px;
}

#public_home #investors .fc-logo,
body.sub.in_app #investors .fc-logo {
  vertical-align: middle;
  margin: 0 0 0 10px;
  display: inline-block;
}

#public_home #investors .b2v-logo,
body.sub.in_app #investors .b2v-logo {
  margin: 0 20px;
  vertical-align: middle;
  display: inline-block;
}

#public_home #investors .mangrove-logo,
body.sub.in_app #investors .mangrove-logo {
  margin: 0;
  vertical-align: middle;
  display: inline-block;
}

#public_home #investors .thylacine-logo,
body.sub.in_app #investors .thylacine-logo {
  margin: 35px 10px 0 20px;
  vertical-align: middle;
  display: inline-block;
}

#public_home #investors .bridgebuilders-logo,
body.sub.in_app #investors .bridgebuilders-logo {
  margin: 35px 0 0;
  vertical-align: middle;
  display: inline-block;
}

#public_home #investors .ttcp-logo,
body.sub.in_app #investors .ttcp-logo {
  vertical-align: middle;
  display: inline-block;
}

#public_home #investors h2,
body.sub.in_app #investors h2 {
  margin: 80px auto 40px auto;
  line-height: 40px;
  color: #00aaea;
  font-weight: 600;
  font-size: 32px;
  text-align: center;
  font-family: inherit;
}

#public_home #investors h2.wide,
body.sub.in_app #investors h2.wide {
  width: 100%;
  margin-top: 56px;
}

#public_home #investors .single-logo,
body.sub.in_app #investors .single-logo {
  text-align: center;
}

#public_home #investors p.investor-people,
body.sub.in_app #investors p.investor-people {
  text-align: center;
  font-weight: 600;
  color: #444;
  font-size: 24px;
}

#article {
  padding-top: 55px;
  background-color: #fff;
}

#article .grid-row {
  margin: 0 auto !important;
}

#article .grid-row .grid-unit {
  width: 25% !important;
  margin: 0 !important;
}

#article .grid-row .grid-unit.col-2-old {
  width: 75% !important;
}

#article h1 {
  color: #372f2b;
  font-weight: 400 !important;
  font-size: 48px !important;
  line-height: 58px !important;
  margin-bottom: 50px !important;
  text-align: left !important;
}

#article h4.author {
  color: #00aaea !important;
  font-size: 16px;
  font-family: 'proxima-nova', sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0 0 30px 0 !important;
}

#article .article-body {
  padding: 0 30px 0 0;
}

#article .article-body h3 {
  color: #142837 !important;
  font-size: 28px;
  font-weight: 600;
  margin: 30px 0 20px 0 !important;
  font-family: OpenSansSemiBold;
}

#article .article-body h4 {
  color: #142837;
  font-size: 18px;
  font-weight: 600;
  margin: 30px 0 20px 0;
  font-family: OpenSansSemiBold;
}

#article .article-body.short_padding {
  padding: 0 30px 15px 0;
}

#article .article-body p {
  color: #8D9799;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 9px;
  font-family: proxima-nova, sans-serif;
}

#article .article-body p a,
#article .article-body p a:visited {
  color: #ff7a00;
}

#article .quote p {
  color: #ff7a00 !important;
  font-size: 30px !important;
  font-weight: 600 !important;
  line-height: 42px !important;
  padding-top: 40px !important;
  font-family: proxima-nova, sans-serif;
}

#article .quote img {
  margin: -40px 20px 0 0;
  float: right;
}

#article .share-main {
  margin: 20px 0 20px 0;
  float: left;
}

#article .share-main a.share-fb {
  position: relative;
  margin: 0 10px 0 0;
  display: block;
  float: left;
  width: 123px;
  height: 34px;
  background: url(/static/img/public_site/btn-article-fb.png) 0 0 no-repeat;
}

#article .share-main a.share-fb span.count {
  font-weight: 400;
  font-size: 13px;
  color: #FFF;
  display: inline-block;
  position: absolute;
  top: 9px;
  right: 15px;
}

#article .share-main a.share-twitter {
  position: relative;
  display: block;
  float: left;
  width: 123px;
  height: 34px;
  background: url(/static/img/public_site/btn-article-twitter.png) 0 0 no-repeat;
}

#article .share-main a.share-twitter span.count {
  font-weight: 400;
  font-size: 13px;
  color: #FFF;
  display: inline-block;
  position: absolute;
  top: 9px;
  right: 15px;
}

#article .share-right {
  margin: 20px 0 20px 0;
  float: right;
  width: 347px;
}

#article .share-right .addthis_toolbox a {
  margin: 0 4px;
}

#article .share-right .addthis_toolbox a:nth-child(7) {
  margin-right: 0;
}

#article .share-right a.icon {
  display: block;
  float: left;
  width: 34px;
  height: 34px;
  text-indent: -999999px;
  margin: 0 0 0 10px;
}

#article .share-right a.icon.share-su {
  background: url(/static/img/public_site/icon-article-su.png) 0 0 no-repeat;
}

#article .share-right a.icon.share-gplus {
  background: url(/static/img/public_site/icon-article-gplus.png) 0 0 no-repeat;
}

#article .share-right a.icon.share-linkedin {
  background: url(/static/img/public_site/icon-article-linkedin.png) 0 0 no-repeat;
}

#article .share-right a.icon.share-reddit {
  background: url(/static/img/public_site/icon-article-reddit.png) 0 0 no-repeat;
}

#article .share-right a.icon.share-email {
  background: url(/static/img/public_site/icon-article-email.png) 0 0 no-repeat;
}

#article .share-right a.icon.share-print {
  background: url(/static/img/public_site/icon-article-print.png) 0 0 no-repeat;
}

#article .share-right.short {
  width: 320px;
}

#article .share-left {
  float: left;
  margin: 20px 0 20px 0;
}

#article .share-left a {
  margin: 0 7px;
}

#article .share-left a:first-child {
  margin-left: 0;
}

#article .share-bottom {
  margin: 20px 0 50px;
}

#article .share-bottom a {
  margin: 0 7px;
}

#article .share-bottom a:first-child {
  margin-left: 0;
}

#article ul {
  list-style-type: disc;
  margin-left: 30px;
  font-family: proxima-nova, sans-serif;
  color: #8D9799;
  font-size: 18px;
}

#article a.btn-signup {
  display: block;
  font-size: 15px;
  font-weight: 600;
  padding: 25px 0 20px 0;
  text-align: center;
  margin: 0 auto 100px;
  width: 250px;
  line-height: 14px;
  background: #ff7a00;
  border-radius: 4px;
  background-clip: padding-box;
  color: #FFF;
  -webkit-box-shadow: 0 3px 0 #994900;
  box-shadow: 0 3px 0 #994900;
  text-transform: uppercase;
}

#article a.btn-signup:hover {
  text-decoration: none;
  background: #e66e00;
}

#article a.btn-signup:active {
  background: #cc6200;
  -webkit-box-shadow: inset 0 2px 0 #994900;
  box-shadow: inset 0 2px 0 #994900;
}

.biography {
  padding: 0 30px 10px 0;
}

.biography p {
  font-style: italic;
}

.sub .modal-backdrop {
  background: rgba(255, 255, 255, 0.8);
}

#public_home.sub .grid-row[role=complementary] .banner {
  width: 100%;
  border: 1px solid #d7d7d2;
  border-radius: 10px 10px 0 0;
  background: url('/static/img/public_site/articles/HTBH_bkgd.png') no-repeat transparent;
  background-position: 100% 100%;
  margin-bottom: 50px;
  text-align: left;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 20px;
  cursor: pointer;
}

#public_home.sub .grid-row[role=complementary] .banner h1 {
  font-size: 28px;
  text-align: left;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 15px;
}

#public_home.sub .grid-row[role=complementary] .banner ul {
  display: inline-block;
  width: 73%;
  margin-bottom: 15px;
}

#public_home.sub .grid-row[role=complementary] .banner ul * {
  display: inline-block;
  vertical-align: top;
}

#public_home.sub .grid-row[role=complementary] .banner ul li {
  width: 29.9%;
  margin-right: 15px;
}

#public_home.sub .grid-row[role=complementary] .banner ul li .gear {
  width: 20px;
  height: 20px;
  background: url('/static/img/public_site/articles/gear-blue.png') no-repeat transparent;
}

#public_home.sub .grid-row[role=complementary] .banner ul li .feature {
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  color: #372f2b;
}

#public_home.sub .grid-row[role=complementary] .banner ul li .text {
  margin-left: 25px;
  font-size: 15px;
  font-weight: 300;
  color: #959595;
}

#public_home.sub .grid-row[role=complementary] .banner .button {
  text-transform: uppercase;
  font-size: 15px;
  height: 60px;
  line-height: 60px;
  padding: 0 45px;
  position: absolute;
  top: 32px;
}

#contact .map {
  margin: 80px 0 40px 0;
  border-bottom: 10px #ff7a00 solid;
  background: url(/static/img/public_site/map_bg2.png) center no-repeat;
  height: 442px;
}

#contact h2.address {
  color: #333;
  font-size: 36px;
  font-weight: 300;
  line-height: 42px;
  text-align: center;
  margin: 0 0 30px 0;
  padding-bottom: 45px;
  border-bottom: 1px solid #eee;
  font-family: inherit;
}

#contact .contacts {
  text-align: center;
  padding-top: 50px;
}

#contact .contacts .icon {
  display: block;
  margin: 0 auto;
  width: 120px;
  height: 120px;
}

#contact .contacts .icon.inquiries {
  background: url(/static/img/public_site/icon-contact-inquiries.png) 0 0 no-repeat;
}

#contact .contacts .icon.press {
  background: url(/static/img/public_site/icon-contact-press.png) 0 0 no-repeat;
}

#contact .contacts .icon.support {
  background: url(/static/img/public_site/icon-contact-support.png) 0 0 no-repeat;
}

#contact .contacts h3 {
  color: #ff7a00;
  font-size: 24px;
  font-weight: 600;
  margin: 40px 0 35px 0;
}

#contact .contacts p {
  font-weight: 400;
  color: #8d9799;
  font-size: 18px;
  line-height: 30px;
}

#contact .contacts a.contact-link {
  display: block;
  text-align: center;
  margin: 30px 0;
  color: #333;
  -webkit-transition: all 0.07s linear;
  transition: all 0.07s linear;
  font-size: 24px;
  font-weight: 400;
  text-decoration: none;
}

#contact .contacts a.contact-link:hover {
  color: #777;
  text-decoration: underline;
}

body#public_home.sub #contact h3 {
  margin-top: 15px;
}

html {
  font-size: 62.5%;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  html.noscroll {
    overflow-y: hidden;
  }

  html.noscroll body#public_home.sub {
    overflow-y: hidden;
  }
}

body#public_home,
body.sub.in_app {
  margin-top: 60px;
  font-family: "proxima-nova", sans-serif;
}

body#public_home .consest-modal-screen .consest-modal-header:not([data-type="terms"]),
body.sub.in_app .consest-modal-screen .consest-modal-header:not([data-type="terms"]) {
  height: 250px;
}

body#public_home .consest-modal-screen .consest-modal-header[data-type="intro"] h1,
body.sub.in_app .consest-modal-screen .consest-modal-header[data-type="intro"] h1 {
  font-size: 2.7rem;
  font-family: OpenSansRegular;
  display: block;
  font-weight: normal;
  text-align: left;
  color: #00aaea;
  overflow-y: auto;
  max-height: 140px;
  word-wrap: break-word;
}

body#public_home .consest-modal-screen .consest-modal-header[data-type="intro"] h1.text-center,
body.sub.in_app .consest-modal-screen .consest-modal-header[data-type="intro"] h1.text-center {
  text-align: center;
}

body#public_home .consest-modal-screen .consest-modal-header[data-type="terms"],
body.sub.in_app .consest-modal-screen .consest-modal-header[data-type="terms"] {
  max-height: 220px;
  height: auto;
  display: block;
  padding: 30px 40px 20px 40px;
  background: transparent;
  text-align: center;
}

body#public_home .consest-modal-screen .consest-modal-header[data-type="terms"] p,
body.sub.in_app .consest-modal-screen .consest-modal-header[data-type="terms"] p {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  display: block;
  margin: 0;
  padding: 5px 0 20px;
  color: #b2b2b2;
}

body#public_home .consest-modal-screen .consest-modal-header[data-type="terms"] h1,
body.sub.in_app .consest-modal-screen .consest-modal-header[data-type="terms"] h1 {
  font-size: 2.7rem;
  font-family: OpenSansRegular;
  display: block;
  font-weight: normal;
  color: #00aaea;
  overflow-y: auto;
  max-height: 110px;
  word-wrap: break-word;
}

body#public_home .consest-modal-screen .consest-modal-header[data-type="terms"] hr,
body.sub.in_app .consest-modal-screen .consest-modal-header[data-type="terms"] hr {
  display: block;
  margin-bottom: 20px;
}

body#public_home .consest-modal-screen .consest-modal-header[data-type="confirmation"],
body.sub.in_app .consest-modal-screen .consest-modal-header[data-type="confirmation"] {
  height: 170px;
  background: none !important;
}

body#public_home .consest-modal-screen .consest-modal-header[data-type="confirmation"] h1,
body.sub.in_app .consest-modal-screen .consest-modal-header[data-type="confirmation"] h1 {
  font-size: 2.7rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #00aaea;
  line-height: 170px;
  display: block;
}

body#public_home .consest-modal-screen .consest-modal-header[data-type="confirmation"] hr,
body.sub.in_app .consest-modal-screen .consest-modal-header[data-type="confirmation"] hr {
  display: block;
  margin-top: -7px;
}

body#public_home .consest-modal-screen .consest-modal-body .text-center,
body.sub.in_app .consest-modal-screen .consest-modal-body .text-center {
  text-align: center;
  padding: 40px 80px;
}

body#public_home .consest-modal-screen .consest-modal-body[data-type="intro"],
body.sub.in_app .consest-modal-screen .consest-modal-body[data-type="intro"] {
  padding: 20px 5px 10px 0;
}

body#public_home .consest-modal-screen .consest-modal-body[data-type="intro"] button,
body.sub.in_app .consest-modal-screen .consest-modal-body[data-type="intro"] button {
  margin-top: 0;
}

body#public_home .consest-modal-screen .consest-modal-body[data-type="intro"] .text-container,
body.sub.in_app .consest-modal-screen .consest-modal-body[data-type="intro"] .text-container {
  min-height: 240px;
  max-height: 240px;
  padding: 0 40px;
  word-wrap: break-word;
}

body#public_home .consest-modal-screen .consest-modal-body[data-type="terms"],
body.sub.in_app .consest-modal-screen .consest-modal-body[data-type="terms"] {
  padding: 0;
}

body#public_home .consest-modal-screen .consest-modal-body[data-type="terms"] .btn-link,
body.sub.in_app .consest-modal-screen .consest-modal-body[data-type="terms"] .btn-link {
  margin-top: 20px;
}

body#public_home .consest-modal-screen .consest-modal-body[data-type="terms"] p,
body.sub.in_app .consest-modal-screen .consest-modal-body[data-type="terms"] p {
  color: #4f5556;
}

body#public_home .consest-modal-screen .consest-modal-body[data-type="confirmation"] p,
body.sub.in_app .consest-modal-screen .consest-modal-body[data-type="confirmation"] p {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  height: 146px;
  overflow-y: auto;
}

body#public_home .consest-modal-screen .consest-modal-body[data-type="confirmation"] .buttons button,
body.sub.in_app .consest-modal-screen .consest-modal-body[data-type="confirmation"] .buttons button {
  margin-top: 22px;
}

body#public_home .consest-modal-screen .consest-modal-body[data-type="confirmation"] .buttons button.js-decline-confirmation,
body.sub.in_app .consest-modal-screen .consest-modal-body[data-type="confirmation"] .buttons button.js-decline-confirmation {
  background: #ebebeb;
  -webkit-box-shadow: 0 2px 0 #9d9d9d;
  box-shadow: 0 2px 0 #9d9d9d;
  color: #5a5a56 !important;
}

body#public_home .consest-modal-screen .consest-modal-body .text-container,
body.sub.in_app .consest-modal-screen .consest-modal-body .text-container {
  line-height: 20px;
}

body#public_home .consest-modal-screen .consest-modal-body .text-container ol,
body.sub.in_app .consest-modal-screen .consest-modal-body .text-container ol {
  list-style-type: decimal;
  list-style-position: inside;
}

body#public_home .consest-modal-screen .consest-modal-body .text-container p,
body.sub.in_app .consest-modal-screen .consest-modal-body .text-container p,
body#public_home .consest-modal-screen .consest-modal-body .text-container ol,
body.sub.in_app .consest-modal-screen .consest-modal-body .text-container ol,
body#public_home .consest-modal-screen .consest-modal-body .text-container li,
body.sub.in_app .consest-modal-screen .consest-modal-body .text-container li {
  line-height: 20px;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-align: left;
  color: #4f5556;
}

body#public_home .consest-modal-screen .text-container,
body.sub.in_app .consest-modal-screen .text-container {
  min-height: 270px;
  max-height: 270px;
  margin: 0 5px 20px 0;
  padding: 0 30px 20px;
  overflow-y: auto;
  word-wrap: break-word;
}

body#public_home .consest-modal-screen .prize-banner,
body.sub.in_app .consest-modal-screen .prize-banner {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  position: absolute;
  top: 30px;
  right: -70px;
  width: 250px;
  padding: 10px;
  background: #ff7a00;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  text-align: center;
  color: white;
}

body#public_home .consest-modal-screen .prize-banner.circle,
body.sub.in_app .consest-modal-screen .prize-banner.circle {
  width: 150px;
  height: 150px;
  top: 50px;
  right: 70px;
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
  border-radius: 150px;
}

body#public_home .consest-modal-screen .prize-banner.circle:before,
body.sub.in_app .consest-modal-screen .prize-banner.circle:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

body#public_home .consest-modal-screen .prize-banner span,
body.sub.in_app .consest-modal-screen .prize-banner span {
  vertical-align: middle;
  display: inline-block;
  max-width: 110px;
  max-height: 110px;
  overflow: hidden;
}

body#public_home .consest-modal-screen .button,
body.sub.in_app .consest-modal-screen .button {
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  width: 300px;
  height: 65px;
}

body#public_home .consest-modal-screen .btn-link,
body.sub.in_app .consest-modal-screen .btn-link {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  position: relative;
  display: block;
  margin: 10px auto !important;
  width: 100px;
  text-decoration: underline !important;
  text-align: center;
  color: #777;
  z-index: 1;
  padding: 0;
  background: none;
  line-height: normal;
  height: auto;
}

body#public_home html[data-wcag-enabled=true] .consest-modal-screen .btn-link,
body.sub.in_app html[data-wcag-enabled=true] .consest-modal-screen .btn-link {
  color: black;
}

a,
a:visited {
  text-decoration: none;
  cursor: pointer;
}

a,
a:hover,
a:visited,
a:focus,
a:active {
  outline: none;
}

ol {
  list-style-type: none;
}

html[lang=pt] body#public_home.sub .sub-nav ul li,
html[lang=pt] body.sub.in_app .sub-nav ul li {
  font-size: 15px;
}

html[data-wcag-enabled=true] .sub-nav ul li.active a {
  border-bottom: 2px #8d9799 solid;
}

body#public_home.sub,
body.sub.in_app {
  background: #fff;
}

body#public_home.sub .sub-nav,
body.sub.in_app .sub-nav {
  width: 100%;
  position: fixed;
  top: 80px;
  background: #f6f6f4;
  z-index: 5;
}

body#public_home.sub .sub-nav ul li,
body.sub.in_app .sub-nav ul li {
  float: left;
  list-style-type: none;
  padding: 20px 15px;
  margin: 0;
  font-weight: 600;
  font-size: 16px;
}

body#public_home.sub .sub-nav ul li a,
body.sub.in_app .sub-nav ul li a {
  color: #08c;
  text-decoration: none;
  -webkit-transition: all 0.07s linear;
  transition: all 0.07s linear;
}

body#public_home.sub .sub-nav ul li a:hover,
body.sub.in_app .sub-nav ul li a:hover {
  color: #ff7a00;
}

body#public_home.sub .sub-nav ul li a:visited,
body.sub.in_app .sub-nav ul li a:visited {
  color: #08c;
}

body#public_home.sub .sub-nav ul li a:visited:hover,
body.sub.in_app .sub-nav ul li a:visited:hover {
  color: #ff7a00;
}

body#public_home.sub .sub-nav ul li.active a,
body.sub.in_app .sub-nav ul li.active a {
  color: #ff7a00;
  -webkit-transition: all 0.07s linear;
  transition: all 0.07s linear;
}

body#public_home.sub .sub-nav ul li.active a:hover,
body.sub.in_app .sub-nav ul li.active a:hover {
  color: #372f2b;
}

body#public_home.sub .page,
body.sub.in_app .page {
  padding: 80px 0 100px;
}

body#public_home.sub .heading-line,
body.sub.in_app .heading-line {
  background: #ff7a00;
  margin: 35px auto 30px auto;
  width: 120px;
  height: 3px;
}

body#public_home.sub p.heading-text,
body.sub.in_app p.heading-text {
  font-weight: 400;
  color: #8d9799;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
}

body#public_home.sub h1,
body.sub.in_app h1 {
  font-size: 60px;
  text-align: center;
}

body#public_home.sub .terms-item,
body.sub.in_app .terms-item {
  margin: 18px 0;
}

body#public_home.sub div.terms,
body.sub.in_app div.terms,
body#public_home.sub .terms-item,
body.sub.in_app .terms-item,
body#public_home.sub p:not(.title),
body.sub.in_app p:not(.title) {
  color: #8d9799;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
}

body#public_home.sub div.terms a,
body.sub.in_app div.terms a,
body#public_home.sub .terms-item a,
body.sub.in_app .terms-item a,
body#public_home.sub p:not(.title) a,
body.sub.in_app p:not(.title) a {
  color: #ff7a00;
  text-decoration: none;
  -webkit-transition: all 0.07s linear;
  transition: all 0.07s linear;
}

body#public_home.sub div.terms a:hover,
body.sub.in_app div.terms a:hover,
body#public_home.sub .terms-item a:hover,
body.sub.in_app .terms-item a:hover,
body#public_home.sub p:not(.title) a:hover,
body.sub.in_app p:not(.title) a:hover {
  color: #222;
  border-bottom: 1px #222 solid;
}

body#public_home.sub .avatar_container,
body.sub.in_app .avatar_container {
  width: 186px;
  height: 186px;
  background-color: #dad9d7;
  border: 2px solid #dad9d7;
  margin: auto;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-radius: 93px;
  background-clip: padding-box;
}

body#public_home.sub .avatar_container .avatar,
body.sub.in_app .avatar_container .avatar {
  border-radius: 50%;
  background-clip: padding-box;
  display: block;
  margin: auto;
}

body#public_home.sub .terms,
body.sub.in_app .terms {
  width: 100%;
}

body#public_home.sub .terms_paragraph,
body.sub.in_app .terms_paragraph {
  margin: 10px 0;
}

body#public_home.sub .anchor,
body.sub.in_app .anchor {
  display: block;
  height: 140px;
  margin-top: -140px;
  visibility: hidden;
}

body#public_home.sub h1,
body.sub.in_app h1,
body#public_home.sub h2,
body.sub.in_app h2,
body#public_home.sub h3,
body.sub.in_app h3,
body#public_home.sub h4,
body.sub.in_app h4,
body#public_home.sub h5,
body.sub.in_app h5,
body#public_home.sub h6,
body.sub.in_app h6 {
  color: #372f2b;
  margin: 0;
  padding: 0;
}

body#public_home.sub .happy-tabs,
body.sub.in_app .happy-tabs {
  margin: 0;
  padding: 0;
  border: 0;
}

body#public_home.sub .happy-tabs li,
body.sub.in_app .happy-tabs li {
  margin: 5px 0 5px 0;
  padding: 0;
  border: 0;
}

body#public_home.sub .happy-tabs li a,
body.sub.in_app .happy-tabs li a {
  margin: 10px 0;
  border: 0;
  font-size: 18px;
  font-weight: 500;
  color: #555;
  background: transparent;
  -webkit-transition: all 0.07s linear;
  transition: all 0.07s linear;
}

body#public_home.sub .happy-tabs li a:hover,
body.sub.in_app .happy-tabs li a:hover {
  color: #ff7a00;
}

body#public_home.sub .happy-tabs li.active a,
body.sub.in_app .happy-tabs li.active a {
  background: transparent;
  color: #ff7a00;
  text-decoration: underline;
  border: 0;
}

body#public_home.sub .happy-tabs li.active a:hover,
body.sub.in_app .happy-tabs li.active a:hover {
  color: #555;
  border: 0;
}

body#public_home.sub .content,
body.sub.in_app .content {
  margin-top: 40px;
}

body#public_home.sub .content h2,
body.sub.in_app .content h2 {
  font-size: 32px;
  margin: 0 0 5px 0;
}

body#public_home.sub .content h3,
body.sub.in_app .content h3 {
  font-size: 26px;
  font-weight: 400;
  margin: 0 0 20px 0;
}

body#public_home.sub .content h4,
body.sub.in_app .content h4 {
  margin: 20px 0 20px 0;
  font-size: 24px;
  font-weight: 500;
}

body#public_home.sub .content h5,
body.sub.in_app .content h5 {
  font-size: 20px;
  color: #8d9799;
  font-weight: 700;
  margin: 10px 0 5px 0;
}

body#public_home.sub .content ul.list-content li,
body.sub.in_app .content ul.list-content li {
  font-weight: 400;
  color: #8d9799;
  font-size: 18px;
  line-height: 30px;
}

body#public_home.sub #jobs p.heading-text,
body.sub.in_app #jobs p.heading-text,
body#public_home.sub #business p.heading-text,
body.sub.in_app #business p.heading-text {
  margin-bottom: 80px;
}

body#public_home.sub #jobs p.intro,
body.sub.in_app #jobs p.intro,
body#public_home.sub #business p.intro,
body.sub.in_app #business p.intro {
  padding-right: 30px;
}

body#public_home.sub #jobs .who,
body.sub.in_app #jobs .who,
body#public_home.sub #business .who,
body.sub.in_app #business .who {
  padding-top: 40px;
}

body#public_home.sub #jobs p.item,
body.sub.in_app #jobs p.item,
body#public_home.sub #business p.item,
body.sub.in_app #business p.item {
  margin: 1em 0 0;
}

body#public_home.sub #jobs .listings,
body.sub.in_app #jobs .listings,
body#public_home.sub #business .listings,
body.sub.in_app #business .listings {
  padding-top: 40px;
}

body#public_home.sub #jobs .listings h2,
body.sub.in_app #jobs .listings h2,
body#public_home.sub #business .listings h2,
body.sub.in_app #business .listings h2 {
  font-size: 32px;
  margin: 0 0 5px 0;
}

body#public_home.sub #jobs .listings h3,
body.sub.in_app #jobs .listings h3,
body#public_home.sub #business .listings h3,
body.sub.in_app #business .listings h3 {
  font-size: 26px;
  font-weight: 400;
  margin: 20px 0 20px 0;
}

body#public_home.sub #jobs .listings h4,
body.sub.in_app #jobs .listings h4,
body#public_home.sub #business .listings h4,
body.sub.in_app #business .listings h4 {
  margin: 20px 0 20px 0;
  font-size: 24px;
  font-weight: 500;
}

body#public_home.sub #jobs .listings h5,
body.sub.in_app #jobs .listings h5,
body#public_home.sub #business .listings h5,
body.sub.in_app #business .listings h5 {
  font-size: 20px;
  color: #8d9799;
  font-weight: 700;
  margin: 10px 0 5px 0;
}

body#public_home.sub #jobs .listings ul.list-content,
body.sub.in_app #jobs .listings ul.list-content,
body#public_home.sub #business .listings ul.list-content,
body.sub.in_app #business .listings ul.list-content {
  list-style-type: disc;
  margin-left: 20px;
}

body#public_home.sub #jobs .listings ul.list-content li,
body.sub.in_app #jobs .listings ul.list-content li,
body#public_home.sub #business .listings ul.list-content li,
body.sub.in_app #business .listings ul.list-content li {
  font-weight: 400;
  color: #8d9799;
  font-size: 18px;
  line-height: 30px;
}

body#public_home.sub #jobs .jobs-terms-table,
body.sub.in_app #jobs .jobs-terms-table {
  margin-bottom: 1.5em;
}

body#public_home.sub #jobs .tab-content h3,
body.sub.in_app #jobs .tab-content h3 {
  margin-top: 1.5em;
}

body#public_home.sub #jobs .tab-content h5,
body.sub.in_app #jobs .tab-content h5 {
  margin-top: 1em;
}

body#public_home.sub #jobs .happy-tabs li.active a,
body.sub.in_app #jobs .happy-tabs li.active a {
  text-decoration: none;
}

body#public_home.sub #business .images-section,
body.sub.in_app #business .images-section {
  margin: 50px auto 80px;
}

body#public_home.sub #business .nav,
body.sub.in_app #business .nav {
  text-align: center;
}

body#public_home.sub #business .nav .button,
body.sub.in_app #business .nav .button {
  height: 70px;
  line-height: 72px;
  width: 290px;
  font-family: OpenSansSemibold;
  font-size: 20px;
}

body#public_home.sub #business .grid-row .grid-unit.col-4-old p.intro a,
body.sub.in_app #business .grid-row .grid-unit.col-4-old p.intro a {
  color: #333;
  text-decoration: none;
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
  -webkit-transition: all 0.07s linear 0s;
  transition: all 0.07s linear 0s;
}

body#public_home.sub #business .grid-row .grid-unit.col-4-old p.intro a:hover,
body.sub.in_app #business .grid-row .grid-unit.col-4-old p.intro a:hover {
  color: #777;
  text-decoration: underline;
  border: none;
}

body#public_home.sub #business .grid-row h1,
body.sub.in_app #business .grid-row h1 {
  font-family: inherit;
  font-weight: 700;
  margin: 30px;
  color: #372f2b;
  font-size: 60px;
}

body#public_home.sub #business .grid-row .heading-text,
body.sub.in_app #business .grid-row .heading-text {
  margin-bottom: 0;
  font-weight: 400;
  color: #8d9799;
  font-size: 24px;
  line-height: 40px;
  font-family: "proxima-nova", sans-serif;
}

body#public_home.sub #business .grid-row .nowrap,
body.sub.in_app #business .grid-row .nowrap {
  white-space: nowrap;
}

body#public_home.sub #business .grid-row img,
body.sub.in_app #business .grid-row img {
  margin-top: 45px;
  margin-bottom: 150px;
}

body#public_home.sub #science-happiness.page h1,
body.sub.in_app #science-happiness.page h1,
body#public_home.sub #get-inspired.page h1,
body.sub.in_app #get-inspired.page h1 {
  font-family: inherit;
  font-weight: 700;
}

body#public_home.sub #article .grid-row h1,
body.sub.in_app #article .grid-row h1 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#privacy h3 #th {
  font-size: 11px;
  vertical-align: text-top;
  display: inline-block;
  margin-top: -4px;
}

#science-happiness .science-content {
  padding: 0 25px;
}

#science-happiness .science-content img:not(.avatar) {
  width: 393px;
  height: auto;
  margin-top: 45px;
}

#science-happiness .science-content h2 {
  color: #322F2B;
  font-size: 34px;
  margin-bottom: 30px;
  font-family: 'OpenSansSemibold';
}

#science-happiness .science-content .text {
  padding: 0 5px 99px 0;
}

#science-happiness .science-content .text li {
  line-height: 26px;
  margin: 30px 0;
  font-size: 19px;
}

#science-happiness .science-content .text li:first-child {
  margin-top: 20px;
}

#science-happiness .science-content .experts {
  padding: 20px 40px 50px;
  text-align: justify;
  margin: 10px 0;
}

#science-happiness .science-content .experts .expert-link {
  display: inline-block;
}

#science-happiness .science-content .experts .expert-link:focus .about {
  opacity: 1;
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
  display: block;
}

#science-happiness .science-content .experts a {
  text-decoration: none;
  outline: none;
}

#science-happiness .science-content .experts .avatar-container {
  display: inline-block;
  position: relative;
  min-width: 100px;
}

#science-happiness .science-content .experts .avatar-container.semi_empty {
  width: 50px;
}

#science-happiness .science-content .experts .avatar-container .about {
  opacity: 0;
  display: none;
  position: absolute;
  font-size: 14px;
  font-family: 'OpenSansSemibold';
  padding: 15px;
  background: #fff;
  border-radius: 5px;
  background-clip: padding-box;
  border: 2px solid #e6e6e6;
  z-index: 999;
  text-align: center;
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
  line-height: normal;
  top: 112px;
  width: 300px;
  right: -100px;
}

#science-happiness .science-content .experts .avatar-container .about .title {
  color: #372f2b;
}

#science-happiness .science-content .experts .avatar-container .about .position {
  color: #0BACEA;
  font-size: 13px;
}

#science-happiness .science-content .experts .avatar-container .about:before {
  left: 50%;
  margin-left: -15px;
  z-index: 2;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
  border-width: 15px;
  border-color: transparent transparent #fff;
  top: -29px;
}

#science-happiness .science-content .experts .avatar-container .about:after {
  border-style: solid;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  z-index: 1;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.06);
  border-width: 18px;
  left: 50%;
  margin-left: -18px;
  top: -37px;
}

#science-happiness .science-content .experts .avatar-container:hover .about {
  opacity: 1;
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
  display: block;
}

#science-happiness .science-content .experts .avatar-container.dummy {
  width: 100px;
}

#science-happiness .science-content .experts:after {
  content: "";
  width: 100%;
  display: inline-block;
}

#science-happiness .science-content .experts img.avatar {
  margin: 8px 0;
  width: 100px;
  height: 100px;
}

#science-happiness .science-content .experts a:first-child .row-old .avatar-container:first-child .about {
  left: -67px;
}

#science-happiness .science-content .experts a:first-child .row-old .avatar-container:nth-child(2) .about {
  left: -64px;
}

#science-happiness .science-content .experts a:first-child .row-old .avatar-container:nth-child(3) .about {
  left: -65px;
}

#science-happiness .science-content .experts a:nth-of-type(2) .row-old .avatar-container:first-child .about {
  left: -54px;
}

#science-happiness .science-content .experts a:nth-of-type(2) .row-old .avatar-container:nth-child(2) .about {
  left: -200px;
}

#science-happiness .science-content .experts a:nth-of-type(2) .row-old .avatar-container:nth-child(3) .about {
  left: -66px;
}

#science-happiness .science-content .experts a:nth-of-type(3) .row-old .avatar-container:first-child .about {
  left: -82px;
}

#science-happiness .science-content .experts a:nth-of-type(3) .row-old .avatar-container:nth-child(2) .about {
  left: -55px;
}

#science-happiness .science-content .experts a:nth-of-type(3) .row-old .avatar-container:nth-child(3) .about {
  left: -76px;
}

#science-happiness .science-content .experts a:nth-of-type(4) .row-old .avatar-container:first-child .about {
  left: -70px;
}

#science-happiness .science-content .experts a:nth-of-type(4) .row-old .avatar-container:nth-child(2) .about {
  left: -146px;
}

#science-happiness .science-content .experts a:nth-of-type(4) .row-old .avatar-container:nth-child(3) .about {
  left: -68px;
}

#science-happiness .science-content .experts a:nth-of-type(5) .row-old .avatar-container:first-child .about {
  left: -81px;
}

#science-happiness .science-content .experts a:nth-of-type(5) .row-old .avatar-container:nth-child(2) .about {
  left: -79px;
}

#science-happiness .science-content .experts a:nth-of-type(5) .row-old .avatar-container:nth-child(3) .about {
  left: -80px;
}

#science-happiness .science-content .experts a:nth-of-type(6) .row-old .avatar-container:first-child .about {
  left: -120px;
}

#science-happiness .science-content .experts a:nth-of-type(6) .row-old .avatar-container:nth-child(2) .about {
  left: -116px;
}

#science-happiness .science-content .experts a:nth-of-type(6) .row-old .avatar-container:nth-child(3) .about {
  left: -104px;
}

#science-happiness .science-content .experts a:nth-of-type(7) .row-old .avatar-container:first-child .about {
  left: -70px;
}

#science-happiness .science-content .experts a:nth-of-type(7) .row-old .avatar-container:nth-child(2) .about {
  left: -107px;
}

#science-happiness .science-content .experts a:nth-of-type(7) .row-old .avatar-container:nth-child(3) .about {
  left: -102px;
}

#science-happiness .science-content .experts a:nth-of-type(8) .row-old .avatar-container:first-child .about {
  left: -47px;
}

#science-happiness .science-content .experts a:nth-of-type(8) .row-old .avatar-container:nth-child(2) .about {
  left: -33px;
}

#science-happiness .science-content .experts a:nth-of-type(8) .row-old .avatar-container:nth-child(3) .about {
  left: -66px;
}

#science-happiness .science-content .experts a:nth-of-type(9) .row-old .avatar-container:first-child .about {
  left: -50px;
}

#science-happiness .science-content .experts a:nth-of-type(9) .row-old .avatar-container:nth-child(2) .about {
  left: -75px;
}

#science-happiness .science-content .experts a:nth-of-type(9) .row-old .avatar-container:nth-child(3) .about {
  left: -92px;
}

#science-happiness .science-content .experts a:nth-of-type(10) .row-old .avatar-container:first-child .about {
  left: -30px;
}

#science-happiness .science-content .experts a:nth-of-type(10) .row-old .avatar-container:nth-child(2) .about {
  left: -45px;
}

#science-happiness .science-content .experts a:nth-of-type(10) .row-old .avatar-container:nth-child(3) .about {
  left: -62px;
}

#science-happiness .science-content .experts a:nth-of-type(11) .row-old .avatar-container:nth-child(2) .about {
  left: -72px;
}

#science-happiness .science-content .experts a:nth-of-type(11) .row-old .avatar-container:nth-child(3) .about {
  left: -88px;
}

#science-happiness .science-content .nav {
  text-align: center;
}

#science-happiness .science-content .nav .button {
  width: 280px;
  height: 56px;
  line-height: 56px;
  font-size: 16px;
}

.grid-row .grid-unit.col-4-old p.intro a {
  color: #8d9799;
}

html[lang=de] #public_home.sub #science-happiness .grid-row.science-content .grid-unit.col-2-old .nav .button {
  font-size: 14px;
}

html[lang=pt] #public_home.sub #science-happiness .grid-row.science-content .grid-unit.col-2-old .nav .button {
  font-size: 15px;
}

/*
  WCAG
*/

html[data-wcag-enabled="true"] #public_home h1,
html[data-wcag-enabled="true"] #public_home h2,
html[data-wcag-enabled="true"] #public_home h3,
html[data-wcag-enabled="true"] #public_home h4,
html[data-wcag-enabled="true"] #public_home h5,
html[data-wcag-enabled="true"] #public_home h6,
html[data-wcag-enabled="true"] #public_home ul,
html[data-wcag-enabled="true"] #public_home li,
html[data-wcag-enabled="true"] #public_home li label,
html[data-wcag-enabled="true"] #public_home p,
html[data-wcag-enabled="true"] #public_home span,
html[data-wcag-enabled="true"] #public_home a,
html[data-wcag-enabled="true"] #public_home blockquote,
html[data-wcag-enabled="true"] #public_home footer,
html[data-wcag-enabled="true"] #public_home div.disclaimer,
html[data-wcag-enabled="true"] #public_home div.copy,
html[data-wcag-enabled="true"] #public_home table.cookies,
html[data-wcag-enabled="true"] #public_home .text-AS {
  color: #000000 !important;
}

html[data-wcag-enabled="true"] #public_home li.active label {
  border-bottom: 2px #000000 solid;
}

html[data-wcag-enabled="true"] #public_home .box-bd {
  color: #000000 !important;
}

#public_home [class|='mobile'] {
  display: none;
}

#public_home .mobile-hidden {
  display: block;
}

#public_home .grid-row {
  width: 99%;
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
  zoom: 1;
}

#public_home .grid-row::after {
  display: block;
  clear: both;
  content: "";
}

#public_home .grid-row:before,
#public_home .grid-row:after {
  content: '';
  display: table;
}

#public_home .grid-row:after {
  clear: both;
}

#public_home .grid-row * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#public_home .grid-row .grid-unit {
  float: left;
  display: inline;
  position: relative;
  width: 22%;
  margin: 0;
}

#public_home .grid-row .grid-unit.shares-right {
  text-align: right;
  position: relative;
}

@media screen and (max-width: 767px) {
  @-o-viewport {
    zoom: 1;
    min-zoom: 1;
    max-zoom: 1;
  }

  @-ms-viewport {
    zoom: 1;
    min-zoom: 1;
    max-zoom: 1;
  }

  @viewport {
    zoom: 1;
    min-zoom: 1;
    max-zoom: 1;
  }

  #public_home [class|='mobile'] {
    display: block;
  }

  #public_home [data-desktop] {
    display: none !important;
  }

  #public_home .grid-row {
    width: 98%;
  }

  #public_home .grid-row .grid-unit {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  #public_home .grid-row .grid-unit.col-2-old {
    width: 50%;
  }

  #public_home .grid-row .grid-unit.col-3-old {
    width: 75%;
  }

  #public_home .grid-row .grid-unit.col-4-old {
    width: 100%;
  }

  #public_home .grid-row.row-3 .grid-unit {
    width: 33.3%;
  }

  #public_home .grid-row.row-3 .grid-unit.col-2-old {
    width: 66.6%;
  }

  #public_home .grid-row.row-3 .grid-unit.col-3-old {
    width: 100%;
  }
}

#public_home #science-happiness .col,
body.sub.in_app #science-happiness .col {
  margin: 50px auto;
  padding: 0 10px;
}

#public_home #science-happiness .col.expert,
body.sub.in_app #science-happiness .col.expert {
  margin: 10px auto;
  text-align: center;
}

#public_home #science-happiness .experts-col h2,
body.sub.in_app #science-happiness .experts-col h2 {
  text-align: center;
}

#public_home #science-happiness .brain-col,
body.sub.in_app #science-happiness .brain-col {
  text-align: left;
}

@media (max-width: 991.98px) {
  #public_home #science-happiness .brain-col,
  body.sub.in_app #science-happiness .brain-col {
    text-align: center;
  }
}

#public_home #science-happiness .brain-col-center,
body.sub.in_app #science-happiness .brain-col-center {
  text-align: center;
  margin: 0 auto;
}

#public_home #science-happiness .brain-col .text,
body.sub.in_app #science-happiness .brain-col .text {
  text-align: left;
}

#public_home #science-happiness .columns,
body.sub.in_app #science-happiness .columns {
  padding: 50px 0;
}

#public_home #science-happiness .grid-unit,
body.sub.in_app #science-happiness .grid-unit {
  padding: 0 10px;
}

#public_home #how-happy .content,
body.sub.in_app #how-happy .content {
  margin-top: 80px;
}

#public_home .members .col,
body.sub.in_app .members .col {
  min-width: 320px;
}

#public_home .members .col.blank,
body.sub.in_app .members .col.blank {
  opacity: 0;
}

#public_home .members img.avatar,
body.sub.in_app .members img.avatar {
  width: 181px;
  height: 181px;
}

#public_home .members h2,
body.sub.in_app .members h2 {
  font-size: 24px;
  font-weight: 600;
  margin: 20px 0 10px 0;
}

#public_home .members a,
body.sub.in_app .members a {
  display: block;
  position: relative;
  top: -180px;
  visibility: hidden;
}

#public_home #get-inspired .top-article,
body.sub.in_app #get-inspired .top-article {
  padding: 45px 0;
  border-bottom: 1px #DDD solid;
}

#public_home #get-inspired .top-article h1,
body.sub.in_app #get-inspired .top-article h1 {
  font-size: 40px;
  line-height: 50px;
  text-align: left;
}

#public_home #get-inspired .top-article h5,
body.sub.in_app #get-inspired .top-article h5 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 300;
}

#public_home #get-inspired .top-article p,
body.sub.in_app #get-inspired .top-article p {
  color: #372f2b;
}

#public_home #get-inspired .top-article p.photo-credit,
body.sub.in_app #get-inspired .top-article p.photo-credit {
  font-size: 18px;
  color: #8d9799;
  font-weight: 300;
  margin: 0 0 30px 0;
}

#public_home #get-inspired .top-article p.photo-credit a,
body.sub.in_app #get-inspired .top-article p.photo-credit a {
  color: #ff7a00;
  font-weight: 700;
  font-style: italic;
  text-decoration: none;
  border: 0;
}

#public_home #get-inspired .top-article p.photo-credit a:hover,
body.sub.in_app #get-inspired .top-article p.photo-credit a:hover {
  color: #cc6200;
}

#public_home #get-inspired .top-article img,
body.sub.in_app #get-inspired .top-article img {
  background: #DDD;
  margin: 0 0 0 70px;
}

#public_home #get-inspired hr,
body.sub.in_app #get-inspired hr {
  background: #EEE;
  border: 0;
  height: 1px;
  margin: 20px 0;
  padding: 0;
}

#public_home #get-inspired .article-quote,
body.sub.in_app #get-inspired .article-quote {
  padding: 60px 0;
  border-bottom: 1px #DDD solid;
}

#public_home #get-inspired .article-quote #myCarousel,
body.sub.in_app #get-inspired .article-quote #myCarousel {
  overflow: hidden;
  width: 100%;
}

#public_home #get-inspired .article-quote .carousel-inner,
body.sub.in_app #get-inspired .article-quote .carousel-inner {
  height: 160px;
  padding: 0;
  position: relative;
  width: 300%;
  margin: 0 auto;
}

#public_home #get-inspired .article-quote .carousel-inner .item,
body.sub.in_app #get-inspired .article-quote .carousel-inner .item {
  display: inline-block;
  vertical-align: top;
  width: 1023px;
  margin: 0;
  padding: 0;
}

#public_home #get-inspired .article-quote .carousel-inner .item h2,
body.sub.in_app #get-inspired .article-quote .carousel-inner .item h2 {
  width: 800px;
  font-weight: normal;
  color: #ff7a00;
  line-height: 42px;
  font-size: 32px;
  margin: 0 auto;
  text-align: center;
}

#public_home #get-inspired .article-quote .carousel-inner .item h2:before,
body.sub.in_app #get-inspired .article-quote .carousel-inner .item h2:before,
#public_home #get-inspired .article-quote .carousel-inner .item h2:after,
body.sub.in_app #get-inspired .article-quote .carousel-inner .item h2:after {
  font-family: 'Helvetica Neue';
  font-size: 36px;
  font-weight: bold;
  position: relative;
  top: 4px;
}

#public_home #get-inspired .article-quote .carousel-inner .item h2:before,
body.sub.in_app #get-inspired .article-quote .carousel-inner .item h2:before {
  content: open-quote;
}

#public_home #get-inspired .article-quote .carousel-inner .item h2:after,
body.sub.in_app #get-inspired .article-quote .carousel-inner .item h2:after {
  content: close-quote;
}

#public_home #get-inspired .article-quote .carousel-inner .item h6,
body.sub.in_app #get-inspired .article-quote .carousel-inner .item h6 {
  font-size: 24px;
  text-transform: capitalize;
  font-weight: 400;
  color: #142837;
  text-align: center;
  margin: 40px 0 0 0;
  font-style: italic;
}

#public_home #get-inspired .article-quote .carousel-control,
body.sub.in_app #get-inspired .article-quote .carousel-control {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  width: 30px;
  height: 56px;
  top: 109px;
  position: absolute;
  cursor: default;
}

#public_home #get-inspired .article-quote .carousel-control:hover,
body.sub.in_app #get-inspired .article-quote .carousel-control:hover {
  background: transparent;
}

#public_home #get-inspired .article-quote .carousel-control.left,
body.sub.in_app #get-inspired .article-quote .carousel-control.left {
  background: url(/static/img/public_site/icon-arrow-left.jpg) 0 0 no-repeat;
}

#public_home #get-inspired .article-quote .carousel-control.right,
body.sub.in_app #get-inspired .article-quote .carousel-control.right {
  background: url(/static/img/public_site/icon-arrow-right.jpg) 0 0 no-repeat;
  right: 0;
}

#public_home #get-inspired .featured-articles,
body.sub.in_app #get-inspired .featured-articles {
  margin-bottom: 60px;
}

#public_home #get-inspired .featured-articles h1,
body.sub.in_app #get-inspired .featured-articles h1 {
  font-size: 36px;
  font-weight: 600;
  margin: 20px 0;
}

#public_home #get-inspired .featured-articles .article-item,
body.sub.in_app #get-inspired .featured-articles .article-item {
  max-width: 300px;
}

#public_home #get-inspired .featured-articles .article-item .article-hd,
body.sub.in_app #get-inspired .featured-articles .article-item .article-hd {
  position: relative;
}

#public_home #get-inspired .featured-articles .article-item .article-hd img.author,
body.sub.in_app #get-inspired .featured-articles .article-item .article-hd img.author {
  position: absolute;
  bottom: -40px;
  left: 25px;
  z-index: 1;
  width: 80px;
  border-radius: 50%;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 0 5px #fff;
  box-shadow: 0 0 0 5px #fff;
}

#public_home #get-inspired .featured-articles .article-item .article-bd,
body.sub.in_app #get-inspired .featured-articles .article-item .article-bd {
  border-left: 1px #DDD solid;
  border-right: 1px #DDD solid;
  padding: 30px 30px 0 30px;
}

#public_home #get-inspired .featured-articles .article-item .article-bd h5,
body.sub.in_app #get-inspired .featured-articles .article-item .article-bd h5 {
  margin: 30px 0 20px 0;
  font-weight: 400;
  font-size: 15px;
  color: #afafaf;
}

#public_home #get-inspired .featured-articles .article-item .article-bd h2,
body.sub.in_app #get-inspired .featured-articles .article-item .article-bd h2 {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  height: 56px;
}

#public_home #get-inspired .featured-articles .article-item .article-bd h3,
body.sub.in_app #get-inspired .featured-articles .article-item .article-bd h3 {
  font-size: 18px;
  font-style: italic;
  font-weight: 600;
}

#public_home #get-inspired .featured-articles .article-item .article-bd p,
body.sub.in_app #get-inspired .featured-articles .article-item .article-bd p {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
}

#public_home #get-inspired .featured-articles .article-item .article-bd a.read-more,
body.sub.in_app #get-inspired .featured-articles .article-item .article-bd a.read-more {
  font-weight: 600;
  color: #777;
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  margin: 10px 0 20px 0;
}

#public_home #get-inspired .featured-articles .article-item .article-ft,
body.sub.in_app #get-inspired .featured-articles .article-item .article-ft {
  background: #f6f6f4;
  padding: 20px 20px 20px 30px;
  border: 1px #DDD solid;
  border-top: 0;
}

#public_home #get-inspired .featured-articles .article-item .article-ft a.comment,
body.sub.in_app #get-inspired .featured-articles .article-item .article-ft a.comment {
  font-weight: 600;
  font-size: 14px;
  color: #444;
}

#public_home #get-inspired .featured-articles .article-item .article-ft a.comments,
body.sub.in_app #get-inspired .featured-articles .article-item .article-ft a.comments {
  display: block;
  float: right;
}

#public_home #get-inspired .featured-articles .article-item .article-ft a.comments:hover,
body.sub.in_app #get-inspired .featured-articles .article-item .article-ft a.comments:hover {
  text-decoration: none;
}

#public_home #get-inspired .featured-articles .article-item .article-ft a.comments span.count,
body.sub.in_app #get-inspired .featured-articles .article-item .article-ft a.comments span.count {
  font-weight: 600;
  font-size: 14px;
  color: #444;
}

#public_home #get-inspired .featured-articles .article-item .article-ft a.comments span.icon,
body.sub.in_app #get-inspired .featured-articles .article-item .article-ft a.comments span.icon {
  display: inline-block;
  position: relative;
  top: 2px;
  left: -6px;
  width: 13px;
  height: 13px;
  background: url(/static/img/public_site/icon-article-comment.png) 0 0 no-repeat;
}

#public_home #get-inspired .featured-articles .article-item .article-ft a.likes,
body.sub.in_app #get-inspired .featured-articles .article-item .article-ft a.likes {
  margin: 0 0 0 25px;
  display: block;
  float: right;
}

#public_home #get-inspired .featured-articles .article-item .article-ft a.likes:hover,
body.sub.in_app #get-inspired .featured-articles .article-item .article-ft a.likes:hover {
  text-decoration: none;
}

#public_home #get-inspired .featured-articles .article-item .article-ft a.likes span.count,
body.sub.in_app #get-inspired .featured-articles .article-item .article-ft a.likes span.count {
  font-weight: 600;
  font-size: 14px;
  color: #444;
}

#public_home #get-inspired .featured-articles .article-item .article-ft a.likes span.icon,
body.sub.in_app #get-inspired .featured-articles .article-item .article-ft a.likes span.icon {
  display: inline-block;
  position: relative;
  top: 2px;
  left: -6px;
  width: 14px;
  height: 11px;
  background: url(/static/img/public_site/icon-article-like.png) 0 0 no-repeat;
}

#science-happiness .science-box_wrap,
#home-section-6 .science-box_wrap {
  margin-bottom: 50px;
}

@media (min-width: 992px) {
  #science-happiness .science-box_wrap,
  #home-section-6 .science-box_wrap {
    margin-bottom: 100px;
  }
}

#science-happiness .science-box_wrap .science-box,
#home-section-6 .science-box_wrap .science-box {
  border: 1px #ddd solid;
  min-width: 200px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
  text-align: center;
  height: 100%;
}

#science-happiness .science-box_wrap .science-box a:hover,
#home-section-6 .science-box_wrap .science-box a:hover {
  text-decoration: none;
}

#science-happiness .science-box_wrap .science-box img,
#home-section-6 .science-box_wrap .science-box img {
  width: 100%;
}

#science-happiness .science-box_wrap .science-box h4,
#home-section-6 .science-box_wrap .science-box h4,
#science-happiness .science-box_wrap .science-box h2,
#home-section-6 .science-box_wrap .science-box h2 {
  padding: 20px 20px 0;
  font-size: 24px;
  color: #444;
  font-weight: 600;
  line-height: 30px;
  font-family: proxima-nova, sans-serif;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #science-happiness .science-box_wrap .science-box h4,
  #home-section-6 .science-box_wrap .science-box h4,
  #science-happiness .science-box_wrap .science-box h2,
  #home-section-6 .science-box_wrap .science-box h2 {
    font-size: 18px;
  }
}

#science-happiness .science-box_wrap .science-box .heading-line,
#home-section-6 .science-box_wrap .science-box .heading-line {
  background: #00aaea !important;
  margin: 20px auto !important;
  width: 70px !important;
}

#science-happiness .science-box_wrap .science-box .box-bd p,
#home-section-6 .science-box_wrap .science-box .box-bd p {
  font-size: 18px;
  margin: 0;
  line-height: 30px;
  font-weight: 400;
  padding: 15px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #science-happiness .science-box_wrap .science-box .box-bd p,
  #home-section-6 .science-box_wrap .science-box .box-bd p {
    font-size: 16px;
    line-height: 24px;
  }
}

#science-happiness .science-box_wrap .science-box .read-more,
#home-section-6 .science-box_wrap .science-box .read-more {
  background: #00aaea;
  display: block;
  padding: 18px 0;
  text-transform: uppercase;
  color: #FFF;
  font-weight: 600;
  font-size: 15px;
  text-align: center;
  -webkit-transition: all 0.07s linear;
  transition: all 0.07s linear;
}

#science-happiness .science-box_wrap .science-box .read-more:hover,
#home-section-6 .science-box_wrap .science-box .read-more:hover {
  text-decoration: none;
  background: #0085b7;
}

#science-happiness .science-box_wrap .science-box .read-more.research,
#home-section-6 .science-box_wrap .science-box .read-more.research {
  background: #ff7a00;
}

#science-happiness .science-box_wrap .science-box .read-more.research:hover,
#home-section-6 .science-box_wrap .science-box .read-more.research:hover {
  text-decoration: none;
  background: #e66e00;
}

.arrow_left:focus,
.arrow_right:focus {
  outline: 4px solid #000 !important;
}

#public_home {
  overflow-x: hidden;
}

#public_home #legal h2 {
  font-size: 18px;
  color: #372f2b;
  font-family: "proxima-nova", sans-serif;
  font-weight: bold;
}

#public_home #legal ol[type="i"] {
  list-style-type: lower-roman;
}

#public_home #legal ol[type='a'] {
  list-style-type: lower-alpha;
}

#public_home #legal ol[type="decimal"] {
  list-style-type: decimal;
}

#public_home #legal ol {
  padding-left: 25px;
}

#public_home #legal ol.terms_list {
  padding-left: 0;
}

#public_home #legal ol li {
  color: #8d9799;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
}

#public_home #legal :target {
  padding-top: 0px;
}

#public_home #legal :target:before {
  content: '';
  display: block;
  height: 150px;
  margin-top: -130px;
  pointer-events: none;
}

#public_home #legal:target {
  padding-top: 0px;
}

#public_home #legal:target:before {
  content: '';
  display: block;
  height: 210px;
  margin-top: -130px;
  pointer-events: none;
}

#public_home .top-banner:not(.hidden) + header.banner {
  top: 55px;
}

#public_home .top-banner:not(.hidden) span,
#public_home .top-banner:not(.hidden) a {
  color: #FFFFFF !important;
}

#public_home header.banner:not(.TopBar) {
  background: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}

@media (max-width: 767.98px) {
  #public_home header.banner:not(.TopBar) .container {
    max-width: none;
  }
}

#public_home header.banner:not(.TopBar) .header-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 15px 0;
}

#public_home header.banner:not(.TopBar) .header-row.get-inspired-row {
  padding: 5px 0;
}

#public_home header.banner:not(.TopBar) .header-row .logo-cols {
  width: 170px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  #public_home header.banner:not(.TopBar) .header-row .logo-cols {
    width: 130px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #public_home header.banner:not(.TopBar) .header-row .logo-cols {
    width: 100px;
  }
}

@media (max-width: 767.98px) {
  #public_home header.banner:not(.TopBar) .header-row .logo-cols {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

#public_home header.banner:not(.TopBar) .header-row .logo-cols.get-inspired {
  width: 130px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #public_home header.banner:not(.TopBar) .header-row .logo-cols.get-inspired {
    width: 100px;
  }
}

@media (max-width: 767.98px) {
  #public_home header.banner:not(.TopBar) .header-row .logo-cols.get-inspired {
    width: 100%;
  }
}

#public_home header.banner:not(.TopBar) .logo-cols a:not(.logo_dh):not(.skip_nav) {
  width: 150px;
  height: 41px;
  display: block;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #public_home header.banner:not(.TopBar) .logo-cols a:not(.logo_dh):not(.skip_nav) {
    width: 99px;
    height: 28px;
    background-size: 700px auto;
  }
}

@media (max-width: 767.98px) {
  #public_home header.banner:not(.TopBar) .logo-cols a:not(.logo_dh):not(.skip_nav) {
    float: left;
    background-size: 700px auto;
  }
}

#public_home header.banner:not(.TopBar) .logo-cols.get-inspired a:not(.skip_nav) {
  width: 124px;
  height: 40px;
  background: none;
  position: relative;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #public_home header.banner:not(.TopBar) .logo-cols.get-inspired a:not(.skip_nav) {
    margin-top: 0;
    width: 100px;
    height: 50px;
  }
}

#public_home header.banner:not(.TopBar) .public_menu nav li {
  display: inline-table;
  margin-right: 15px;
}

#public_home header.banner:not(.TopBar) .public_menu nav li:last-child {
  margin-right: 0;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #public_home header.banner:not(.TopBar) .public_menu nav li {
    margin-right: 10px;
  }
}

#public_home header.banner:not(.TopBar) .user {
  text-align: right;
}

#public_home header.banner:not(.TopBar) .user .button {
  font-family: proxima-nova, sans-serif;
  display: inline-table;
  height: 35px;
  text-align: center;
}

#public_home header.banner:not(.TopBar) .user .button.orange {
  text-transform: uppercase;
  padding: 13px 15px 10px;
  line-height: 1em;
  height: auto;
  margin-bottom: 5px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #public_home header.banner:not(.TopBar) .user .button.orange {
    display: table;
    margin: 0 0 0 auto;
    padding: 12px 10px 10px;
  }
}

#public_home header.banner:not(.TopBar) .user .label {
  display: inline;
  padding: 0;
}

#public_home header.banner:not(.TopBar) .user .label.gray {
  line-height: 1em;
  margin: 0 10px;
  height: auto;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  text-transform: uppercase;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #public_home header.banner:not(.TopBar) .user .label.gray {
    display: table;
    text-align: right;
    line-height: 20px;
    height: 20px;
    margin: 5px 0 5px auto;
  }
}

a,
a:focus,
a:visited {
  outline: 0;
}

.top-banner.hidden {
  display: none;
}

.top-banner:not(.hidden) {
  height: 55px;
  position: fixed;
  background: #072741;
  width: 100%;
  text-align: center;
  top: 0;
  line-height: 55px;
  color: white;
  font-family: 'OpenSansRegular';
  font-size: 15px;
  z-index: 11;
  padding: 0 40px;
  cursor: pointer;
}

@media screen and (max-width: 550px) {
  .top-banner:not(.hidden) {
    font-size: 14px;
  }
}

@media screen and (max-width: 490px) {
  .top-banner:not(.hidden) {
    font-size: 13px;
  }
}

@media screen and (max-width: 450px) {
  .top-banner:not(.hidden) {
    font-size: 12px;
  }
}

@media screen and (max-width: 360px) {
  .top-banner:not(.hidden) {
    font-size: 11px;
  }
}

.top-banner:not(.hidden) span {
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
}

.top-banner:not(.hidden) a {
  color: white;
  text-decoration: underline;
}

.top-banner:not(.hidden) .close-button {
  position: absolute;
  right: 20px;
  top: 50%;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.top-banner:not(.hidden) .close-button:before,
.top-banner:not(.hidden) .close-button:after {
  position: absolute;
  content: ' ';
  height: 20px;
  width: 2px;
  top: 0;
  background-color: white;
}

.top-banner:not(.hidden) .close-button:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.top-banner:not(.hidden) .close-button:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.top-banner:not(.hidden) .close-button:hover {
  top: 49%;
}

.top-banner:not(.hidden) .close-button:hover:before,
.top-banner:not(.hidden) .close-button:hover:after {
  height: 22px;
}

.top-banner:not(.hidden) + header.banner {
  top: 55px;
}

header.banner:not(.TopBar) span.go-to-happify {
  color: #777;
  font-family: 'OpenSansSemibold';
  text-decoration: none;
}

header.banner:not(.TopBar) a.label.orange {
  font-family: 'OpenSansSemibold';
}

header.banner:not(.TopBar) nav {
  border: none;
}

header.banner:not(.TopBar) nav label.sh {
  color: #777;
  font-size: 26px;
  font-weight: 700;
  margin-left: 70px;
  cursor: default;
}

header.banner:not(.TopBar) nav ul {
  font-size: 0;
  margin: 0;
}

header.banner:not(.TopBar) nav ul li:last-child {
  margin-right: 0;
}

header.banner:not(.TopBar) nav ul li label {
  color: #8d9799;
  cursor: pointer;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1px;
  display: inline;
}

header.banner:not(.TopBar) nav ul li.active a {
  color: #ff7a00;
  text-decoration: none;
}

header.banner:not(.TopBar) nav ul li.active label,
header.banner:not(.TopBar) nav ul li.active a {
  color: #ff7a00;
  border-bottom: 2px #ff7a00 solid;
}

header.banner:not(.TopBar) nav a {
  color: #8d9799;
  cursor: pointer;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1px;
  display: inline;
  text-transform: uppercase;
}

header.banner:not(.TopBar) nav a.active {
  color: #ff7a00;
  border-bottom: 2px #ff7a00 solid;
}

header.banner:not(.TopBar) nav a:hover {
  border-bottom: 2px #8d9799 solid;
  text-decoration: none;
}

header.banner:not(.TopBar) nav label.shares {
  font-size: 18px;
  color: #777;
}

header.banner:not(.TopBar) .sh {
  margin-top: 20px;
  text-align: right;
}

header.banner:not(.TopBar) .user .button {
  font-family: OpenSansSemibold;
}

header.banner:not(.TopBar) .user a.label.gray {
  font-family: OpenSansSemibold;
  color: #777;
  height: 40px;
  line-height: 36px;
}

header.banner:not(.TopBar) .user a.label.gray:hover {
  text-decoration: none;
}

header.banner:not(.TopBar) .flyout,
header.banner:not(.TopBar) .flyout-menu {
  display: none;
}

.btn-arrow-down {
  width: 60px;
  height: 32px;
  margin: 0 auto;
  display: block;
  -webkit-transition: all 0.07s linear;
  transition: all 0.07s linear;
}

.btn-arrow-down:hover {
  -webkit-transition: all 0.07s linear;
  transition: all 0.07s linear;
}

.scroller-nav {
  position: fixed;
  z-index: 9;
  top: 40%;
  right: 7%;
  background: rgba(255, 255, 255, 0.5);
  padding: 20px 10px;
  border-radius: 555px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.scroller-nav .as_label {
  display: block;
  position: relative;
  background: #eee;
  border: 3px #fff solid;
  margin: 0;
  padding: 0;
  cursor: pointer;
  margin-bottom: 8px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-clip: padding-box;
}

.scroller-nav .as_label:after {
  content: '';
  display: block;
  background: #fff;
  position: absolute;
  bottom: -12px;
  left: 3px;
  width: 4px;
  height: 10px;
}

.scroller-nav .as_label:last-child {
  margin-bottom: 0;
}

.scroller-nav .as_label:last-child:after {
  display: none;
}

.scroller-nav .as_label.active {
  background: #ff7a00;
}

.color-bar {
  width: 100%;
  height: 8px;
  background: transparent url(/static/img/public_site/color-bar.png) 0 0 repeat-x;
}

section {
  position: relative;
  background: #fff;
  width: 100%;
}

section[data-type='background'] {
  height: 900px;
  background-size: cover;
  background-repeat: repeat;
  background-position: 50% 0;
}

section h1,
section h3 {
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  color: #372f2b;
  letter-spacing: -1px;
}

section h1 {
  margin: 0 0 25px;
}

section h2 {
  margin: 0;
}

section p {
  color: #777;
  font-size: 21px;
  line-height: 34px;
  font-weight: 300;
  margin: 0 0 10px 0;
}

section blockquote {
  padding: 0;
  margin: 0;
  border: 0;
}

section blockquote:before {
  content: '';
}

section blockquote:after {
  content: '';
}

section .blockquo {
  float: left;
  width: 578px;
  font-size: 33px;
  line-height: 36px;
  padding: 20px 0;
  margin-bottom: 40px;
}

section .blockquo em div {
  color: #ff7a00;
  float: right;
  margin-right: 15px;
  font-size: 24px;
}

section .blockquo span:first-child {
  position: relative;
  left: 7px;
}

section .blockquo span:nth-child(3) {
  position: relative;
  right: 10px;
}

section .heading-line {
  width: 120px;
  height: 3px;
  margin-bottom: 35px;
}

section .btn-arrow-down {
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -30px;
  cursor: pointer;
}

section .btn-arrow-down:hover {
  height: 30px !important;
  margin-bottom: 2px;
  bottom: -10px;
}

section .btn-arrow-down:focus {
  bottom: -4px;
}

section a.video-controls {
  display: block;
  cursor: pointer;
  margin: 0 auto 40px;
  text-align: center;
  width: 160px;
}

section a.video-controls .play-button {
  width: 108px;
  height: 95px;
  background: url('/static/img/public_site/icon-play.png');
  margin: 0 auto;
}

section a.video-controls .play img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

section a.video-controls:hover {
  text-decoration: none;
}

#brushes {
  background-image: url(/static/img/public_site/hp-1.jpg);
}

#woman {
  background-image: url(/static/img/public_site/hp-2.jpg);
}

#upsidedown {
  background-image: url(/static/img/public_site/hp-3.jpg);
}

#mountain {
  background-image: url(/static/img/public_site/hp-4.jpg);
}

#food {
  background-image: url(/static/img/public_site/hp-5.jpg);
}

#change {
  background-image: url(/static/img/public_site/hp-hero.jpg);
}

#home-bg-section-5 {
  background-image: url('/static/img/public_site/n_homepage_bg_5.jpg');
}

#home-bg-section-4 {
  background-image: url('/static/img/public_site/n_homepage_bg_4.jpg');
}

#home-bg-section-3 {
  background-image: url('/static/img/public_site/n_homepage_bg_3.jpg');
}

#home-bg-section-2 {
  background-image: url('/static/img/public_site/n_homepage_bg_2.jpg');
}

#home-bg-section-1 {
  background-image: url('/static/img/public_site/n_homepage_bg_1.jpg');
}

#home-bg-section-0 {
  background-image: url('/static/img/public_site/n_homepage_bg_0.jpg');
}

#public_home #home-bg-section-0,
#public_home #change {
  height: 820px;
}

#public_home #home-bg-section-0 h1,
#public_home #change h1 {
  color: #FFF;
  width: 93%;
  font-size: 50px;
  font-weight: 700;
  line-height: 70px;
  margin: 110px auto 20px;
  text-align: center;
}

#public_home #home-bg-section-0 .button,
#public_home #change .button {
  margin-top: 73px;
  font-size: 15px;
  height: 55px;
  line-height: 55px;
  padding: 0 30px;
  left: 50%;
  margin-left: -104px;
}

#public_home #home-bg-section-0 .btn-start,
#public_home #change .btn-start {
  position: absolute;
  bottom: 100px;
  left: 50%;
  margin-left: -30px;
  cursor: pointer;
  background: url(/static/img/public_site/arrow-down-transparent.png) 0 0 no-repeat;
  width: 60px;
  height: 60px;
}

#public_home #home-bg-section-0 .featured-section,
#public_home #change .featured-section {
  width: 100%;
  height: 80px;
  position: absolute;
  bottom: 0;
  text-align: center;
  background: #FEFEFE;
  opacity: 0.65;
  padding: 10px 0;
}

#public_home #home-bg-section-0 .featured-section img,
#public_home #change .featured-section img {
  height: auto;
}

#public_home #home-bg-section-0 .featured-section img.desktop,
#public_home #change .featured-section img.desktop {
  width: 1024px;
}

#public_home .health-block {
  color: white;
  font-size: 18px;
  margin: 30px auto 0;
  font-weight: 300;
}

#public_home .health-block a {
  color: white;
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  #public_home .health-block {
    max-width: 200px;
    font-size: 14.5px;
    font-weight: 600;
    margin-top: 15px;
  }
}

#public_home #home-bg-section-0 {
  text-align: center;
}

#public_home #home-bg-section-0 h1 {
  font-size: 52px;
  color: #ffffff;
  line-height: 60px;
  margin: 60px auto 30px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #public_home #home-bg-section-0 h1 {
    font-size: 40px;
  }
}

#public_home #home-bg-section-0 h2 {
  font-size: 30px;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 20px;
}

#public_home #home-bg-section-0 p {
  font-size: 22px;
  color: #ffffff;
  max-width: 68%;
  margin: 0 auto;
}

#public_home #home-bg-section-0 .button {
  left: auto;
  margin-left: 0;
  margin-top: 53px;
}

#public_home #home-section-1 {
  height: auto;
}

#public_home #home-section-1,
#public_home #scientific {
  border-bottom: 8px #ff7a00 solid;
}

#public_home #home-section-1 .grid-row,
#public_home #scientific .grid-row {
  padding: 76px 0;
}

#public_home #home-section-1 .heading-line,
#public_home #scientific .heading-line {
  background: #ff7a00;
}

#public_home #home-section-1 .btn-arrow-down,
#public_home #scientific .btn-arrow-down {
  background: url(/static/img/public_site/arrow-down-orange.png) 0 0 no-repeat;
}

#public_home #home-section-1 p,
#public_home #scientific p {
  width: 80%;
  margin: 0 auto 20px;
}

#public_home #home-section-2 {
  height: auto;
}

#public_home #home-section-2,
#public_home #personalized {
  border-bottom: 8px #00aaea solid;
  text-align: center;
}

#public_home #home-section-2 .grid-row,
#public_home #personalized .grid-row {
  padding: 69px 0;
}

#public_home #home-section-2 p,
#public_home #personalized p {
  width: 80%;
  margin: 0 auto 20px;
}

#public_home #home-section-2 img,
#public_home #personalized img {
  margin: 35px auto 0;
}

#public_home #home-section-2 .heading-line,
#public_home #personalized .heading-line {
  background: #00aaea;
  margin: 35px auto 30px;
}

#public_home #home-section-2 .btn-arrow-down,
#public_home #personalized .btn-arrow-down {
  background: url(/static/img/public_site/arrow-down-blue.png) 0 0 no-repeat;
}

#public_home #home-section-3 {
  height: auto;
}

#public_home #home-section-3,
#public_home #easy {
  border-bottom: 8px #ff3131 solid;
}

#public_home #home-section-3 .grid-row,
#public_home #easy .grid-row {
  padding: 34px 0;
}

#public_home #home-section-3 .heading-line,
#public_home #easy .heading-line {
  background: #ff3131;
}

#public_home #home-section-3 .easy2,
#public_home #easy .easy2 {
  margin-top: 80px;
  vertical-align: top;
}

#public_home #home-section-3 p,
#public_home #easy p {
  width: 80%;
  margin: 0 auto 20px;
}

#public_home #home-section-3 .btn-arrow-down,
#public_home #easy .btn-arrow-down {
  background: url(/static/img/public_site/arrow-down-red.png) 0 0 no-repeat;
}

#public_home #home-section-4 {
  height: auto;
}

#public_home #home-section-4 h2 {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: bold;
}

#public_home #home-section-4 .col-4-old {
  margin-bottom: 20px;
}

#public_home #home-section-4,
#public_home #works {
  border-bottom: 8px #06b709 solid;
  text-align: center;
}

#public_home #home-section-4 .grid-row,
#public_home #works .grid-row {
  padding: 65px 0;
}

#public_home #home-section-4 .heading-line,
#public_home #works .heading-line {
  background: #06b709;
  margin: 35px auto 30px;
}

#public_home #home-section-4 p,
#public_home #works p {
  width: 80%;
  margin: 0 auto 20px;
}

#public_home #home-section-4 .btn-arrow-down,
#public_home #works .btn-arrow-down {
  background: url(/static/img/public_site/arrow-down-green.png) 0 0 no-repeat;
}

#public_home #join-now {
  color: #8d9799;
  height: 410px;
}

#public_home #join-now .grid-row {
  padding: 89px 0;
}

#public_home #join-now .quote {
  padding: 0 82px;
}

#public_home #join-now .quote img {
  float: left;
  margin-right: 40px;
}

#public_home #join-now .quote blockquote {
  float: left;
  width: 565px;
  font-size: 33px;
  line-height: 36px;
  padding: 20px 0;
  margin-bottom: 40px;
}

#public_home #join-now .quote blockquote:before,
#public_home #join-now .quote blockquote:after {
  content: '';
}

#public_home #join-now .quote blockquote > span:before {
  content: '';
}

#public_home #join-now .quote blockquote > span:after {
  content: '';
}

#public_home #join-now .quote blockquote em {
  font-size: 24px;
}

#public_home #join-now .quote blockquote em div {
  color: #ff7a00;
  float: right;
  margin-right: 15px;
}

#public_home #join-now .button {
  font-size: 15px;
  padding: 0 27px;
  height: 59px;
  line-height: 59px;
  left: 50%;
  margin-left: -170px;
  min-width: 343px;
  text-align: center;
}

#public_home #goto-happifyhealth {
  height: 410px;
}

#public_home #goto-happifyhealth .wrapper {
  text-align: center;
  padding: 100px 0 150px 0;
}

#public_home #goto-happifyhealth .wrapper .message {
  margin-bottom: 50px;
  font-size: 26px;
  font-weight: 300;
}

#public_home #goto-happifyhealth .wrapper .button {
  font-size: 15px;
  height: 55px;
  line-height: 55px;
  padding: 0 30px;
}

@media screen and (max-width: 767px) {
  #public_home #goto-happifyhealth .wrapper .message {
    font-size: 21px;
  }
}

#public_home #home-section-5 {
  padding: 60px 0 0;
  border-bottom: 8px #c5168a solid;
}

#public_home #home-section-5 .btn-arrow-down {
  background: url(/static/img/public_site/arrow-down-pink.png) 0 0 no-repeat;
}

#public_home #home-section-6 {
  height: auto;
  padding: 70px 0 80px;
  border-bottom: 8px #00aaea solid;
  text-align: center;
}

#public_home #home-section-6 h1 {
  margin-top: 25px;
}

#public_home #home-section-6 h1 + p {
  margin: 10px auto 55px;
}

#public_home #home-section-6 .science-box_wrap .science-box .box-bd p {
  font-size: 16px;
  line-height: 24px;
}

#public_home #home-section-6 .science-box_wrap .science-box .read-more {
  padding: 35px 0;
}

#public_home #home-section-6 .btn-more {
  color: #afafaf;
  margin: 48px auto 0;
  display: inline-block;
  border: 2px #afafaf solid;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 15px;
  line-height: 52px;
  padding: 0 40px;
  border-radius: 5px;
  background-clip: padding-box;
}

#public_home #home-section-6 .btn-more:hover {
  text-decoration: none;
}

#public_home footer.contentinfo {
  color: #fff;
  padding: 0;
  background: #ff7a00;
  min-width: auto;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#public_home footer.contentinfo .footer_top {
  padding: 50px 0;
  position: relative;
}

@media (max-width: 575.98px) {
  #public_home footer.contentinfo .footer_top {
    padding: 20px 0;
  }
}

#public_home footer.contentinfo .footer_top_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  #public_home footer.contentinfo .footer_top_right {
    position: absolute;
    bottom: 60px;
    right: 0;
  }
}

#public_home footer.contentinfo nav h2 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  color: white;
  margin-bottom: 4px;
}

#public_home footer.contentinfo nav .footer_block {
  margin: 0 20px 10px 0;
}

#public_home footer.contentinfo nav ul {
  margin: 0 20px 10px 0;
}

#public_home footer.contentinfo nav ul:last-child {
  margin-right: 0;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  #public_home footer.contentinfo nav ul:last-child {
    width: 100%;
  }
}

#public_home footer.contentinfo nav ul li {
  float: none;
  list-style-type: none;
  line-height: 25px;
  font-size: 14px;
  font-family: "proxima-nova", sans-serif;
}

#public_home footer.contentinfo nav ul li strong {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  color: white;
}

#public_home footer.contentinfo nav ul li a,
#public_home footer.contentinfo nav ul li a:visited {
  color: #fff;
  display: block;
  text-decoration: none;
}

#public_home footer.contentinfo nav ul li a,
#public_home footer.contentinfo nav ul li a:hover {
  -webkit-transition: none;
  transition: none;
}

#public_home footer.contentinfo .social {
  float: right;
  top: 0;
}

#public_home footer.contentinfo .social h4 {
  color: #FFF;
  font-weight: 600;
  font-size: 16px;
  margin: 0 0 15px 0;
}

#public_home footer.contentinfo .social .btn-social {
  display: block;
  float: left;
  margin-right: 10px;
  border-radius: 5px;
  background-clip: padding-box;
}

#public_home footer.contentinfo .social .btn-social.btn-twitter {
  background: #00aaea;
  border-bottom: 2px #006084 solid;
  padding: 15px 13px;
}

#public_home footer.contentinfo .social .btn-social.btn-twitter .icon {
  width: 19px;
  height: 28px;
  display: block;
  background: url(/static/img/public_site/icon-twitter.png) 0 0 no-repeat;
}

#public_home footer.contentinfo .social .btn-social.btn-facebook {
  background: #0054a6;
  border-bottom: 2px #002040 solid;
  padding: 13px 21px;
}

#public_home footer.contentinfo .social .btn-social.btn-facebook .icon {
  width: 22px;
  height: 11px;
  display: block;
  background: url(/static/img/public_site/icon-facebook.png) 0 0 no-repeat;
}

#public_home footer.contentinfo .social .btn-social.btn-tumblr {
  background: #0054a6;
  border-bottom: 2px #002040 solid;
  padding: 13px 16px;
}

#public_home footer.contentinfo .social .btn-social.btn-tumblr .icon {
  width: 22px;
  height: 20px;
  display: block;
  background: url(/static/img/public_site/icon-tumblr.png) 0 0 no-repeat;
  background-size: 19px;
}

#public_home footer.contentinfo .copyright {
  width: 100%;
  min-height: 90px;
  background: #f05a20;
  text-align: left;
  position: relative;
  padding: 20px 0;
  font-family: "OpenSansLight";
}

@media (max-width: 767.98px) {
  #public_home footer.contentinfo .copyright {
    text-align: center;
  }
}

@media (max-width: 767.98px) {
  #public_home footer.contentinfo .copyright_left {
    margin-bottom: 20px;
  }
}

#public_home footer.contentinfo .copyright_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media (max-width: 767.98px) {
  #public_home footer.contentinfo .copyright_right {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

#public_home footer.contentinfo .copyright .disclaimer a {
  color: #fff;
  font-family: OpenSansSemibold;
  display: inline-block;
}

#public_home footer.contentinfo .copyright .accesability_container {
  position: relative;
  top: 0;
  left: 0;
  margin-bottom: 20px;
  width: 100%;
  text-align: right;
}

@media (max-width: 767.98px) {
  #public_home footer.contentinfo .copyright .accesability_container {
    width: auto;
    margin-bottom: 0;
  }
}

#public_home footer.contentinfo .copyright .accesability_container a,
#public_home footer.contentinfo .copyright .accesability_container button {
  color: #ffffff;
}

#public_home footer.contentinfo .app-stores {
  text-align: right;
  margin-bottom: 40px;
}

@media (max-width: 767.98px) {
  #public_home footer.contentinfo .app-stores {
    margin-bottom: 10px;
  }
}

#public_home footer.contentinfo .app-stores .button {
  width: 135px;
  height: 40px;
  line-height: 40;
}

#public_home footer.contentinfo .app-stores a {
  display: inline-block;
}

@media (max-width: 991.98px) {
  #public_home footer.contentinfo .app-stores a {
    width: 110px;
    height: 33px;
  }
}

@media (min-width: 992px) {
  #public_home footer.contentinfo .app-stores a {
    height: 40px;
    width: 135px;
  }
}

#public_home footer.contentinfo .app-stores a:last-child {
  margin-right: 5px;
}

#public_home footer.contentinfo .app-stores a > img {
  height: 100%;
  width: 100%;
}

#public_home footer.contentinfo .app-stores.hidden {
  display: none;
}

#public_home footer.contentinfo .social_networks {
  text-align: right;
}

#public_home footer.contentinfo .social_networks .social_networks_title {
  display: inline;
  margin-right: 15px;
  font-weight: 600;
  font-size: 16px;
  color: #FFF;
  float: none;
}

#public_home footer.contentinfo .social_networks .button {
  width: 40px;
  height: 40px;
  margin: 0 5px 5px 0;
  padding: 0;
  line-height: 40px;
  text-align: center;
}

#public_home footer.contentinfo .social_networks .button > i,
#public_home footer.contentinfo .social_networks .button em {
  vertical-align: middle;
}

#public_home #pioneer_form .error {
  display: none;
}

#public_home #pioneer_form input.highlight + .error {
  display: block;
}

#public_home #pioneer_form input[type='submit'] {
  color: #fff;
  padding: 0 10px;
  background: #ff7a00;
  border: none;
  font: 600 16px "OpenSansBold", arial, sans-serif;
  line-height: 40px;
  width: 40px;
  height: 150px;
  border-radius: 6px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 2px 0 #994900;
  box-shadow: 0 2px 0 #994900;
}

#public_home #references {
  padding: 50px 0 160px;
}

#public_home #references .research_header {
  color: #777;
  font-family: 'OpenSansSemibold';
  font-size: 30px;
  text-align: center;
  text-decoration: none;
}

#public_home #references .skill h4 {
  font-family: 'OpenSansRegular';
  font-size: 16px;
  font-weight: normal;
  margin: 10px 0;
  text-decoration: none;
}

#public_home #references.invisible {
  visibility: hidden;
}

#public_home .jobs-terms-table {
  font-size: 18px;
}

#public_home .jobs-terms-table td:first-child {
  padding-right: 2em;
}

#public_home.shares header.banner {
  border-bottom: 2px solid #DDDDDD;
}

#public_home.shares header.banner .shares-right .shares {
  position: relative;
  color: #777;
  font-size: 12px;
  font-weight: 600;
}

#public_home.shares header.banner .shares-right .shares:hover {
  text-decoration: none;
}

#public_home.shares header.banner .shares-right .shares.underlined:hover {
  text-decoration: underline;
}

#public_home.sub.shares footer.contentinfo {
  display: none;
}

#public_home.sub.shares section h1 {
  color: #5B5B5B;
  font-size: 34px;
  line-height: 42px;
  margin-bottom: 10px;
  text-align: left;
  margin-top: 0;
}

#public_home.sub.shares section p {
  color: #777;
  font-weight: normal;
  line-height: 29px;
}

#public_home.sub.shares #track,
#public_home.sub.shares #activity-status {
  border-bottom: 8px solid #00B504;
  padding: 50px 0 0;
  height: auto;
}

#public_home.sub.shares #track .section-divider,
#public_home.sub.shares #activity-status .section-divider {
  border: 0;
  height: 100%;
  margin: 0;
  width: 2px;
  position: absolute;
  left: 683px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.35)), color-stop(90%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 0) 100%);
  /* W3C */
}

#public_home.sub.shares #track .track-image,
#public_home.sub.shares #activity-status .track-image,
#public_home.sub.shares #track .activity-image,
#public_home.sub.shares #activity-status .activity-image {
  display: inline-block;
  vertical-align: top;
  width: 200px;
}

#public_home.sub.shares #track .track-image img,
#public_home.sub.shares #activity-status .track-image img,
#public_home.sub.shares #track .activity-image img,
#public_home.sub.shares #activity-status .activity-image img {
  width: 180px;
  height: auto;
}

#public_home.sub.shares #track .activity-image,
#public_home.sub.shares #activity-status .activity-image {
  width: 132px;
}

#public_home.sub.shares #track .activity-image img,
#public_home.sub.shares #activity-status .activity-image img {
  width: 112px;
}

#public_home.sub.shares #track .track-details,
#public_home.sub.shares #activity-status .track-details,
#public_home.sub.shares #track .activity-details,
#public_home.sub.shares #activity-status .activity-details {
  display: inline-block;
  vertical-align: top;
  width: 470px;
  padding-right: 40px;
  margin-top: 10px;
}

#public_home.sub.shares #track .track-details .creator,
#public_home.sub.shares #activity-status .track-details .creator,
#public_home.sub.shares #track .activity-details .creator,
#public_home.sub.shares #activity-status .activity-details .creator,
#public_home.sub.shares #track .track-details .task,
#public_home.sub.shares #activity-status .track-details .task,
#public_home.sub.shares #track .activity-details .task,
#public_home.sub.shares #activity-status .activity-details .task {
  color: #8D9799;
  font-weight: 300;
  margin-top: 5px;
}

#public_home.sub.shares #track .track-details .creator,
#public_home.sub.shares #activity-status .track-details .creator,
#public_home.sub.shares #track .activity-details .creator,
#public_home.sub.shares #activity-status .activity-details .creator {
  font-size: 16px;
}

#public_home.sub.shares #track .track-details .creator span,
#public_home.sub.shares #activity-status .track-details .creator span,
#public_home.sub.shares #track .activity-details .creator span,
#public_home.sub.shares #activity-status .activity-details .creator span {
  margin-left: -3px;
}

#public_home.sub.shares #track .track-details .task,
#public_home.sub.shares #activity-status .track-details .task,
#public_home.sub.shares #track .activity-details .task,
#public_home.sub.shares #activity-status .activity-details .task {
  font-size: 18px;
  color: #777;
  font-weight: 600;
}

#public_home.sub.shares #track .activity-details,
#public_home.sub.shares #activity-status .activity-details {
  width: 535px;
}

#public_home.sub.shares #track .track-description,
#public_home.sub.shares #activity-status .track-description,
#public_home.sub.shares #track .inctruction-text,
#public_home.sub.shares #activity-status .inctruction-text,
#public_home.sub.shares #track .post-section,
#public_home.sub.shares #activity-status .post-section {
  padding-right: 40px;
  font-size: 13px;
  color: #8D9799;
  margin: 15px 0 25px;
  text-align: justify;
}

#public_home.sub.shares #track .track-description p,
#public_home.sub.shares #activity-status .track-description p,
#public_home.sub.shares #track .inctruction-text p,
#public_home.sub.shares #activity-status .inctruction-text p,
#public_home.sub.shares #track .post-section p,
#public_home.sub.shares #activity-status .post-section p {
  line-height: 22px;
  font-size: 14px;
}

#public_home.sub.shares #track .track-description .try_this,
#public_home.sub.shares #activity-status .track-description .try_this,
#public_home.sub.shares #track .inctruction-text .try_this,
#public_home.sub.shares #activity-status .inctruction-text .try_this,
#public_home.sub.shares #track .post-section .try_this,
#public_home.sub.shares #activity-status .post-section .try_this {
  margin-top: 10px;
}

#public_home.sub.shares #track .track-description .try_this a,
#public_home.sub.shares #activity-status .track-description .try_this a,
#public_home.sub.shares #track .inctruction-text .try_this a,
#public_home.sub.shares #activity-status .inctruction-text .try_this a,
#public_home.sub.shares #track .post-section .try_this a,
#public_home.sub.shares #activity-status .post-section .try_this a {
  font-weight: 800;
  font-size: 14px;
  color: #ff7a00;
}

#public_home.sub.shares #track .track-board,
#public_home.sub.shares #activity-status .track-board {
  padding-right: 40px;
}

#public_home.sub.shares #track .track-board img,
#public_home.sub.shares #activity-status .track-board img {
  width: 100%;
  cursor: pointer;
}

#public_home.sub.shares #track .feel_happier,
#public_home.sub.shares #activity-status .feel_happier {
  padding: 0 40px 50px;
}

#public_home.sub.shares #track .feel_happier h2,
#public_home.sub.shares #activity-status .feel_happier h2 {
  cursor: pointer;
}

#public_home.sub.shares #track .feel_happier .infograph,
#public_home.sub.shares #activity-status .feel_happier .infograph {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}

#public_home.sub.shares #track .button-section,
#public_home.sub.shares #activity-status .button-section {
  margin: 20px auto 50px;
  font-size: 24px;
  width: 410px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}

#public_home.sub.shares #track .button-section a.button,
#public_home.sub.shares #activity-status .button-section a.button {
  font-size: 18px;
  font-weight: 600;
  height: 60px;
  padding: 5px 60px;
  line-height: 50px;
  margin: 25px 0;
}

#public_home.sub.shares #track .button-section.activity,
#public_home.sub.shares #activity-status .button-section.activity {
  width: 634px;
  float: left;
}

#public_home.sub.shares #track .button-section.activity a.button,
#public_home.sub.shares #activity-status .button-section.activity a.button {
  font-size: 16px;
  font-weight: normal;
  padding: 5px 25px;
}

#public_home.sub.shares #track h1,
#public_home.sub.shares #activity-status h1 {
  color: #5B5B5B;
  font-size: 28px;
  text-align: left;
  text-decoration: none;
  line-height: 30px;
  font-weight: 600;
  margin: 0;
}

#public_home.sub.shares #track h2,
#public_home.sub.shares #activity-status h2 {
  color: #00aaea;
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 25px;
}

#public_home.sub.shares #track ul,
#public_home.sub.shares #activity-status ul {
  list-style: disc outside none;
  font-size: 16px;
  color: #7a7a7a;
  font-weight: normal;
  letter-spacing: 0.5px;
  margin: 0 0 40px 16px;
  width: 270px;
}

#public_home.sub.shares #track ul li,
#public_home.sub.shares #activity-status ul li {
  line-height: 20px;
  margin: 10px 0;
}

#public_home.sub.shares #track a.button,
#public_home.sub.shares #activity-status a.button {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  height: 40px;
  line-height: 30px;
  margin: 0 0 65px 40px;
  padding: 5px 40px;
}

#public_home.sub.shares #track .creator_avatar,
#public_home.sub.shares #activity-status .creator_avatar {
  display: inline-block;
  width: 120px;
  position: relative;
}

#public_home.sub.shares #track .creator_avatar .creator_name,
#public_home.sub.shares #activity-status .creator_avatar .creator_name {
  position: absolute;
  font-family: 'OpenSansRegular';
  font-size: 16px;
  text-align: center;
  width: 140px;
  top: 98px;
  left: -25px;
}

#public_home.sub.shares #track .creator_avatar .creator_name a:hover,
#public_home.sub.shares #activity-status .creator_avatar .creator_name a:hover {
  text-decoration: none;
  cursor: default;
}

#public_home.sub.shares #track .creator_avatar .pioneer-ribbon,
#public_home.sub.shares #activity-status .creator_avatar .pioneer-ribbon,
#public_home.sub.shares #track .creator_avatar .pioneerplus-ribbon,
#public_home.sub.shares #activity-status .creator_avatar .pioneerplus-ribbon {
  position: absolute;
  top: 63px;
  left: -10px;
}

#public_home.sub.shares #track .creator_avatar .pioneerplus-ribbon,
#public_home.sub.shares #activity-status .creator_avatar .pioneerplus-ribbon {
  top: 66px;
  left: -8px;
}

#public_home.sub.shares #track .postdate,
#public_home.sub.shares #activity-status .postdate {
  font-size: 15px;
  line-height: 22px;
  font-weight: 300;
  color: #959595;
  margin-top: 7px;
}

#public_home.sub.shares #track .track-section .track-board .button-section {
  width: 100%;
}

#public_home.sub.shares #activity-status .activity-details .task {
  font-size: 20px;
}

#public_home.sub.shares #activity-status .post-section {
  margin: 40px 0 0 0;
}

#public_home.sub.shares #activity-status .post-section img {
  float: right;
  margin: 5px 0 10px 15px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  border: 5px solid #FFFFFF;
  width: 250px;
  position: relative;
  z-index: 1;
  cursor: pointer;
}

#public_home.sub.shares #activity-status .post-section .post p {
  font-size: 16px;
  color: #8D9799;
  text-align: left;
  line-height: 21px;
  margin: 3px 0 20px;
}

#public_home.sub.shares #activity-status .post-section .post h3 {
  font-size: 16px;
  color: #00aaea;
  line-height: 24px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

#public_home.sub.shares #activity-status .post-section .post .try_this a {
  font-size: 16px;
}

#public_home.sub.shares #activity-status .button-section .button.orange {
  padding: 5px 20px;
  font-weight: 500;
}

#public_home.sub.shares #activity-status .private-section {
  min-height: 160px;
  padding: 20px 40px 40px 0;
}

#public_home.sub.shares #activity-status .private-section .text-col {
  display: inline-block;
  font-size: 24px;
  margin-top: 59px;
  text-align: center;
  vertical-align: top;
  width: 375px;
}

#public_home.sub.shares #activity-status .private-section .img-col {
  display: inline-block;
  width: 250px;
  margin: 5px 0 10px 10px;
}

#public_home.sub.shares #activity-status .private-section img {
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  border: 5px solid #FFFFFF;
  width: 250px;
}

#public_home.sub.shares #easy {
  border-bottom: 8px solid #BB2A87;
  height: 430px;
}

#public_home.sub.shares #easy .grid-row {
  padding: 112px 0;
}

#public_home.sub.shares #easy h1 {
  margin-left: 25px;
}

#public_home.sub.shares #easy p {
  margin: 0 0 45px 30px;
}

#public_home.sub.shares #personalized {
  height: 430px;
  border-bottom: 8px solid #FD3035;
}

#public_home.sub.shares #personalized .grid-row {
  padding: 69px 0;
}

#public_home.sub.shares #personalized h1 {
  margin-top: 60px;
}

#public_home.sub.shares #personalized p {
  margin: 0;
  position: absolute;
  text-align: left;
  width: 80%;
}

#public_home.sub.shares #personalized img {
  max-width: 115%;
  position: absolute;
  right: -100%;
  top: 10%;
  width: 115%;
  z-index: 0;
}

#public_home.sub.shares #scientific {
  border-bottom: 8px solid #29AAE1;
  height: 420px;
}

#public_home.sub.shares #scientific .grid-row {
  padding: 48px 0;
}

#public_home.sub.shares #scientific h1 {
  margin-top: 50px;
}

#public_home.sub.shares #scientific img {
  float: none;
  margin-left: 84px;
  width: 292px;
}

#public_home.sub.shares #works {
  border-bottom: 8px solid #E82032;
  text-align: center;
  height: 460px;
}

#public_home.sub.shares #works .grid-row {
  padding: 20px 0;
}

#public_home.sub.shares #works h1 {
  text-align: center;
  line-height: 60px;
}

#public_home.sub.shares #works p {
  width: 75%;
  margin: 0 auto 35px;
}

#public_home.sub.shares #join-now2 {
  height: 282px;
  text-align: center;
}

#public_home.sub.shares #join-now2 .grid-row {
  padding: 77px 0;
}

#public_home.sub.shares #join-now2 h1 {
  color: #ff7a00;
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: center;
  line-height: 60px;
}

#public_home.sub.shares #join-now2 .largebutton {
  font-size: 20px;
  font-weight: normal;
  text-transform: uppercase;
  height: auto;
  padding: 16px 32px;
}

#public_home.sub.shares .section5 {
  border-bottom: 8px solid #F37C06;
  padding: 30px 0;
}

#public_home.sub.shares .section5 .onboarding_header1 {
  color: #999;
  font-weight: normal;
  font-size: 24px;
  text-align: left;
}

@media (max-width: 767.98px) {
  #public_home.sub.shares .section5 .onboarding_header1 {
    text-align: center;
  }
}

#public_home.sub.shares footer {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #838383;
  font-family: 'OpenSansRegular';
  font-size: 11px;
  font-weight: normal;
}

#public_home.sub.shares footer ul {
  margin: 20px auto;
  float: none;
  width: 330px;
  list-style-type: none;
  padding: 0;
}

#public_home.sub.shares footer ul li {
  float: left;
  margin: 0 13px;
}

#public_home #login.login .btn-social {
  font-size: 13px;
  font-family: OpenSansSemibold;
}

body.no_x_scroll {
  overflow-x: hidden;
}

#share_happiness {
  min-height: 100%;
}

#share_happiness.landing_version {
  margin-top: 80px;
}

#shared_happifier {
  min-width: 100%;
}

#shared_happifier a,
#shared_happifier a:visited,
#shared_happifier a:focus {
  outline: none;
}

#shared_happifier a.plus-button {
  font-size: 46px;
  font-family: 'OpenSansBold';
  display: inline-block;
  width: 36px;
  height: 33px;
  padding: 4px 5px;
  line-height: 24px;
  background: #999;
  color: #fff;
  -webkit-box-shadow: 0 2px 0 #737373;
  box-shadow: 0 2px 0 #737373;
  border-radius: 5px;
  background-clip: padding-box;
}

#shared_happifier a.plus-button.hidden {
  display: none;
}

#shared_happifier .grid-row {
  margin: 0 auto;
  background: #fff;
}

#shared_happifier .grid-row .grid-unit {
  margin: 0 16px 0;
}

#shared_happifier .grid-row .grid-unit.main {
  width: 66.6%;
  max-width: 660px;
  padding-left: 40px;
}

#shared_happifier .grid-row .grid-unit.shared-happifiers {
  width: 33.3%;
  max-width: 300px;
}

#public_home.share_happiness_lp #shared_happifier {
  height: auto;
}

#public_home.share_happiness_lp #shared_happifier .mobile {
  display: none;
}

#public_home.share_happiness_lp #shared_happifier a[title] {
  height: 41px;
}

#public_home.share_happiness_lp #shared_happifier a[title].share-facebook {
  background: none repeat scroll 0 0 #003A73;
  border-bottom: 2px solid #002040;
  color: #FFFFFF;
  display: block;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
  width: 200px;
  border-radius: 5px;
  background-clip: padding-box;
}

#public_home.share_happiness_lp #shared_happifier a[title].share-facebook:hover {
  background: none repeat scroll 0 0 #0054a6;
}

#public_home.share_happiness_lp #shared_happifier a[title].share-facebook span.icon_fb {
  background: url("/static/img/public_site/icon-facebook.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  height: 22px;
  margin: 0 10px 0 0;
  width: 11px;
  position: relative;
  top: 6px;
}

#public_home.share_happiness_lp #shared_happifier a[title].share-tw {
  background: none repeat scroll 0 0 #0097D1;
  border-bottom: 2px solid #002040;
  color: #FFFFFF;
  display: block;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  padding-left: 10px;
  width: 200px;
  border-radius: 5px;
  background-clip: padding-box;
}

#public_home.share_happiness_lp #shared_happifier a[title].share-tw:hover {
  background: none repeat scroll 0 0 #00aaea;
}

#public_home.share_happiness_lp #shared_happifier a[title].share-tw span.icon_tw {
  background: url("/static/img/public_site/icon-twitter.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  height: 19px;
  margin: 0 5px 0 0;
  width: 28px;
  position: relative;
  top: 6px;
}

#public_home.share_happiness_lp #shared_happifier a[title].share-linkedin {
  background: none repeat scroll 0 0 #0097D1;
  border-bottom: 2px solid #002040;
  color: #FFFFFF;
  display: block;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  padding-left: 10px;
  width: 200px;
  border-radius: 5px;
  background-clip: padding-box;
}

#public_home.share_happiness_lp #shared_happifier a[title].share-linkedin:hover {
  background: none repeat scroll 0 0 #00aaea;
}

#public_home.share_happiness_lp #shared_happifier a[title].share-linkedin span.icon_tw {
  background: url("/static/img/public_site/icon-article-linkedin.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  height: 19px;
  margin: 0 5px 0 0;
  width: 28px;
  position: relative;
  top: 6px;
}

#public_home.share_happiness_lp #shared_happifier .shared-happifiers {
  position: fixed;
  margin-left: 0 !important;
  padding: 0 20px 0 60px;
  top: 120px;
}

#public_home.share_happiness_lp #shared_happifier .shared-happifiers h1 {
  font-size: 24px;
  font-family: 'OpenSansRegular';
  color: #777;
  text-align: center;
}

#public_home.share_happiness_lp #shared_happifier .shared-happifiers .promo_placeholder {
  text-align: center;
  cursor: pointer;
}

#public_home.share_happiness_lp #shared_happifier .shared-happifiers .promo_placeholder img {
  max-width: 100%;
}

#public_home.share_happiness_lp #shared_happifier h1 {
  font-size: 42px;
  color: #372f2b;
  line-height: 44px;
}

#public_home.share_happiness_lp #shared_happifier .author {
  color: #00aaea;
  margin: 10px 0 30px 0;
  font-size: 20px;
  font-family: 'OpenSansRegular';
}

#public_home.share_happiness_lp #shared_happifier .sub,
#public_home.share_happiness_lp #shared_happifier .article {
  font-size: 16px;
  font-family: 'OpenSansRegular';
  color: #777;
}

#public_home.share_happiness_lp #shared_happifier .article {
  line-height: 28px;
}

#public_home.share_happiness_lp #shared_happifier .article h3 {
  color: #ff7a00;
  font-size: 18px;
  line-height: 20px;
  margin: 25px 0 10px;
}

#public_home.share_happiness_lp #shared_happifier .article p {
  font-size: 16px !important;
}

#public_home.share_happiness_lp #shared_happifier .media-area {
  position: relative;
  text-align: center;
  min-height: 200px;
}

#public_home.share_happiness_lp #shared_happifier .media-area .slider-left {
  position: absolute;
  width: 50px;
  left: -50px;
  height: 100%;
}

#public_home.share_happiness_lp #shared_happifier .media-area .slider-left .button-bar {
  position: absolute;
  top: 0;
  margin: auto;
  background: #D7D8D2;
  width: 50px;
  text-align: center;
  height: 104px;
  -webkit-transition: top 0.25s ease-in;
  transition: top 0.25s ease-in;
}

#public_home.share_happiness_lp #shared_happifier .media-area .slider-left .button-bar .line {
  height: 1px;
  position: relative;
  width: 100%;
}

#public_home.share_happiness_lp #shared_happifier .media-area .slider-left .button-bar .line.gray {
  background: none repeat scroll 0 0 #B6B6B6;
  bottom: -8px;
}

#public_home.share_happiness_lp #shared_happifier .media-area .slider-left .button-bar .line.white {
  background: none repeat scroll 0 0 #FFFFFF;
  bottom: -9px;
}

#public_home.share_happiness_lp #shared_happifier .media-area .slider-left .button-bar a div {
  margin: 5px;
  width: 38px;
  height: 38px;
}

#public_home.share_happiness_lp #shared_happifier .media-area .slider-left .button-bar a div i,
#public_home.share_happiness_lp #shared_happifier .media-area .slider-left .button-bar a div em {
  background-image: url('/static/img/fueled/sprites.png');
  background-repeat: no-repeat;
  line-height: 30px;
  display: inline-block;
}

#public_home.share_happiness_lp #shared_happifier .media-area .slider-left .button-bar a div.facebook {
  margin-top: 10px;
  background: none repeat scroll 0 0 #003A73;
  -webkit-box-shadow: 0 2px 0 #002d5a;
  box-shadow: 0 2px 0 #002d5a;
  padding: 6px;
}

#public_home.share_happiness_lp #shared_happifier .media-area .slider-left .button-bar a div.facebook i,
#public_home.share_happiness_lp #shared_happifier .media-area .slider-left .button-bar a div.facebook em {
  width: 12px;
  height: 23px;
  background-position: -728px 0;
}

#public_home.share_happiness_lp #shared_happifier .media-area .slider-left .button-bar a div.facebook:hover {
  background: none repeat scroll 0 0 #0054a6;
}

#public_home.share_happiness_lp #shared_happifier .media-area .slider-left .button-bar a div.twitter {
  -webkit-box-shadow: 0 2px 0 #00729e;
  box-shadow: 0 2px 0 #00729e;
  background: none repeat scroll 0 0 #0097D1;
  padding: 5px;
}

#public_home.share_happiness_lp #shared_happifier .media-area .slider-left .button-bar a div.twitter i,
#public_home.share_happiness_lp #shared_happifier .media-area .slider-left .button-bar a div.twitter em {
  background-position: -1305px 0;
  width: 26px;
  height: 21px;
}

#public_home.share_happiness_lp #shared_happifier .media-area .slider-left .button-bar a div.twitter:hover:hover {
  background: none repeat scroll 0 0 #00aaea;
}

#public_home.share_happiness_lp #shared_happifier .media-area .slider-left .button-bar a:hover {
  text-decoration: none;
}

#public_home.share_happiness_lp #shared_happifier .media-area .slider-left .button-bar a.plus-button div {
  margin-top: 10px;
  color: #757573;
  font-size: 40px;
  font-family: 'OpenSansBold';
  line-height: 20px;
}

#public_home.share_happiness_lp #shared_happifier .media-area img {
  margin: 30px auto;
  display: block;
  max-width: 100%;
  cursor: pointer;
}

#public_home.share_happiness_lp #shared_happifier .section {
  margin: 15px 0;
}

#public_home.share_happiness_lp #shared_happifier .section .buttons-area {
  width: 100%;
  display: inline-block;
}

#public_home.share_happiness_lp #shared_happifier .section .buttons-area a {
  margin: 0;
  position: relative;
  float: left;
}

#public_home.share_happiness_lp #shared_happifier .section .buttons-area a.button.orange {
  line-height: 40px;
  height: 41px;
  padding: 0 15px;
  font-size: 16px;
  background: none repeat scroll 0 0 #e66e00;
}

#public_home.share_happiness_lp #shared_happifier .section .buttons-area a.button.orange:hover {
  background: none repeat scroll 0 0 #ff7a00;
}

#public_home.share_happiness_lp #shared_happifier .section .buttons-area a.share-facebook {
  font-size: 16px;
}

#public_home.share_happiness_lp #shared_happifier .section .buttons-area a.share-tw {
  font-size: 16px;
}

#public_home.share_happiness_lp #shared_happifier .section .buttons-area a:nth-child(2) {
  margin-left: 10px;
}

#public_home.share_happiness_lp #shared_happifier .section .buttons-area a:nth-child(3) {
  margin-left: 10px;
}

#public_home.share_happiness_lp #shared_happifier .section .subscribe-dh {
  width: auto;
  float: right;
  vertical-align: top;
  padding: 10px;
}

#public_home.share_happiness_lp #shared_happifier .section .subscribe-dh h2 {
  color: #00aaea;
  font-size: 16px;
  font-family: 'OpenSansSemibold';
  text-align: center;
  font-weight: normal;
  margin-bottom: 5px;
}

#public_home.share_happiness_lp #shared_happifier .section .subscribe-dh form input:first-child {
  margin-right: 5px;
}

#public_home.share_happiness_lp #shared_happifier .big-buttons-area {
  margin: 20px 0;
}

#public_home.share_happiness_lp #shared_happifier .big-buttons-area a {
  position: relative;
}

#public_home.share_happiness_lp #shared_happifier .big-buttons-area a.share-facebook {
  width: 49%;
  font-size: 16px;
  display: inline-block;
  float: left;
}

#public_home.share_happiness_lp #shared_happifier .big-buttons-area a.share-tw {
  width: 49%;
  font-size: 16px;
  display: inline-block;
  float: right;
}

#public_home.share_happiness_lp #shared_happifier .topics {
  margin: 20px 0;
  font-size: 18px;
  font-family: 'OpenSansRegular';
  display: none;
}

#public_home.share_happiness_lp #shared_happifier .credits {
  margin: 20px 0 0;
  font-size: 18px;
  font-family: 'OpenSansRegular';
}

#public_home.share_happiness_lp #shared_happifier .tags {
  font-size: 18px;
  font-family: 'OpenSansRegular';
  margin: 10px 0 80px;
}

#public_home.share_happiness_lp #shared_happifier .get-dh {
  background: #ECECEC;
  padding: 20px;
  margin-bottom: 50px;
}

#public_home.share_happiness_lp #shared_happifier .get-dh h2 {
  font-size: 28px;
  font-family: 'OpenSansLight';
  text-align: center;
  margin: 0 0 15px;
}

#public_home.share_happiness_lp #shared_happifier .get-dh .sub {
  font-size: 18px;
  font-family: 'OpenSansRegular';
  text-align: center;
  margin: 0 5px 30px;
}

#public_home.share_happiness_lp #shared_happifier .get-dh form {
  margin: 20px 20px 5px;
}

#public_home.share_happiness_lp #shared_happifier .get-dh form input[type=email] {
  font-size: 18px;
  font-family: 'OpenSansSemibold';
  width: 340px;
  height: 45px;
  margin-right: 10px;
  border: 2px solid #DEDEDC;
  padding: 5px;
}

#public_home.share_happiness_lp #shared_happifier .get-dh form input[type=submit] {
  font-size: 18px;
  font-family: 'OpenSansBold';
  width: 175px;
  height: 44px;
  font-weight: bold;
}

#public_home.share_happiness_lp {
  position: relative;
}

#public_home.share_happiness_lp header.banner {
  position: static;
}

#public_home.share_happiness_lp .promo-floater {
  background: #fff;
  position: fixed;
  padding: 25px;
  width: 258px;
  text-align: center;
  bottom: 0;
  border: 1px solid #ff7a00;
  border-bottom: none;
  z-index: 999;
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 10px rgba(50, 50, 50, 0.4);
  box-shadow: 0 0 10px rgba(50, 50, 50, 0.4);
}

#public_home.share_happiness_lp .promo-floater .text {
  margin-bottom: 20px;
  font-size: 14px;
  font-family: 'OpenSansSemibold';
  color: #372f2b;
}

#public_home.share_happiness_lp .promo-floater .button {
  height: 48px;
  font-size: 14px;
  line-height: 50px;
  width: 170px;
}

#public_home.share_happiness_lp #share_happiness #shared_happifier {
  min-width: 100%;
}

#public_home.share_happiness_lp #share_happiness #shared_happifier .article h3 {
  color: #ff7a00;
  font-size: 18px;
  line-height: 20px;
  margin: 25px 0 10px;
}

#public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.main {
  width: 66.6%;
  margin-bottom: 160px;
}

#public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.main h1 {
  font-size: 42px;
  color: #372f2b;
  line-height: 44px;
  text-align: left;
}

#public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.shared-happifiers {
  width: 33.3%;
  max-width: 300px;
  z-index: 899;
}

#public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.shared-happifiers h1 {
  color: #777;
  font-size: 24px;
  text-align: center;
  font-weight: 600;
}

body.white {
  background: #fff;
}

body.white header.banner {
  border-bottom: 1px solid #dedede;
}

#login-error {
  max-width: 800px;
  width: 80%;
  margin: 100px auto;
  text-align: center;
}

#login-error .description {
  color: #00aaea;
  font-family: 'OpenSansSemibold';
  font-size: 40px;
  font-weight: normal;
}

#login-error .support {
  margin-top: 45px;
  font-family: 'OpenSansRegular';
  font-size: 26px;
  font-weight: normal;
}

#login-error .support b,
#login-error .support strong {
  font-family: 'OpenSansSemibold';
  font-weight: normal;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #public_home.share_happiness_lp .grid-row .grid-unit.top-header {
    width: 49%;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .mobile {
    display: none;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.main .buttons-area {
    left: -50px;
    position: relative;
    width: 540px;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.main .buttons-area a {
    width: 32% !important;
    font-size: 15px !important;
    text-align: center;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.main .buttons-area a.share-facebook {
    width: 32% !important;
    font-size: 15px !important;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.main .buttons-area a.share-tw {
    width: 32% !important;
    font-size: 15px !important;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.shared-happifiers {
    padding: 0 0 0 25px !important;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.shared-happifiers .promo_placeholder {
    margin-right: 35px !important;
  }
}

#public_home.share_happiness_lp #shared_happifier .section .buttons-area.mobile {
  display: none;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  #public_home.share_happiness_lp header.banner {
    position: static !important;
  }

  #public_home.share_happiness_lp #share_happiness {
    margin-top: 0 !important;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit {
    width: 100%;
    margin: 0;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit h1 {
    font-size: 38px !important;
    line-height: 40px !important;
    color: #372f2b !important;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.main {
    width: 100%;
    min-width: 320px;
    min-height: 0px !important;
    padding: 0 10px;
    margin-bottom: 30px !important;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.main .media-area .slider-left {
    display: none;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.main .media-area img {
    margin-top: 75px;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.main .media-area .image-container img {
    margin-top: 30px;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.main .signup.button.mobile {
    display: block;
    margin: 30px 0 15px;
    height: 41px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.main .buttons-area {
    margin: 5px auto 10px;
    display: none;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.main .buttons-area.mobile {
    display: block;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.main .buttons-area a {
    width: 48% !important;
    font-size: 16px;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.main .buttons-area a.button.orange {
    display: block;
    margin: 30px 0 15px;
    height: 41px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    width: 100%;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.main .big-buttons-area {
    display: none;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.main .big-buttons-area.mobile {
    display: block;
    margin-top: 10px;
    text-align: center;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.main .big-buttons-area.mobile a {
    height: 60px;
    line-height: 18px;
    padding: 10px 5px;
    width: 33% !important;
    vertical-align: top;
    margin-top: 0 !important;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.main .big-buttons-area.mobile a.share-facebook {
    float: none;
    margin: 0 2px 0 1px;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.main .big-buttons-area.mobile a.signup {
    float: left;
    line-height: 18px;
    font-size: 16px;
    height: 58px;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.main .big-buttons-area.mobile a.mobile {
    display: inline-block;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.main .video-area {
    width: 100% !important;
    left: 0 !important;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.main .video-area iframe {
    margin: 15px auto 0 !important;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.shared-happifiers {
    width: 100% !important;
    min-width: 320px;
    max-width: 640px;
    padding: 0 10px 0 0 !important;
    position: relative !important;
    top: 0 !important;
    margin: 0;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.shared-happifiers .grayline {
    margin: 20px auto;
    height: 1px;
    width: 300px;
    background: #d2d2d2;
    display: none;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.shared-happifiers .grayline.mobile {
    display: block !important;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.shared-happifiers h1 {
    margin: 0;
    text-align: center;
    font-size: 32px !important;
    line-height: 34px !important;
    color: #777 !important;
    font-weight: 600 !important;
  }

  #public_home.share_happiness_lp #share_happiness #shared_happifier .grid-row .grid-unit.shared-happifiers .promo_placeholder {
    margin-bottom: 50px;
    text-align: center;
  }
}

#public_home.sub #unsubscribe_daily_happifier {
  height: 500px;
  margin: 0 auto;
  min-height: 70%;
  position: relative;
  top: 100px;
  padding-bottom: 20px;
  width: 600px;
}

#public_home.sub #unsubscribe_daily_happifier h1.title {
  color: #00aaea;
  font-family: 'OpenSansSemibold';
  font-size: 30px;
  margin-bottom: 50px;
}

#public_home.sub #unsubscribe_daily_happifier h1.unsubscribed {
  color: #372f2b;
  font-family: 'OpenSansSemibold';
  font-size: 30px;
  margin-bottom: 50px;
}

#public_home.sub #unsubscribe_daily_happifier div.unsubscribed {
  vertical-align: top;
  text-align: center;
  font-family: 'OpenSansSemibold';
  font-size: 16px;
  color: #372f2b;
  line-height: 22px;
}

#public_home.sub #unsubscribe_daily_happifier .option {
  margin: 6px auto;
  width: 480px;
}

#public_home.sub #unsubscribe_daily_happifier .option .choise {
  border-radius: 50%;
  background-clip: padding-box;
  width: 20px;
  height: 20px;
  border: 1px solid #6f6866;
  display: inline-block;
  position: relative;
  cursor: pointer;
}

#public_home.sub #unsubscribe_daily_happifier .option .choise .choise-inner {
  width: 14px;
  height: 14px;
  background: #ff7900;
  border-radius: 50%;
  background-clip: padding-box;
  position: relative;
  top: 2px;
  left: 2px;
  display: none;
}

#public_home.sub #unsubscribe_daily_happifier .option .choise.checked .choise-inner {
  display: block;
}

#public_home.sub #unsubscribe_daily_happifier .option .text {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin-left: 10px;
  font-family: 'OpenSansRegular';
  font-size: 16px;
  line-height: 18px;
}

#public_home.sub #unsubscribe_daily_happifier .form {
  margin: 45px auto 0;
  text-align: center;
}

#public_home.sub #unsubscribe_daily_happifier .form .email {
  margin: 0 auto 40px;
  width: 550px;
}

#public_home.sub #unsubscribe_daily_happifier .form .email span {
  font-size: 16px;
  font-family: 'OpenSansBold';
  vertical-align: top;
  top: 2px;
  position: relative;
}

#public_home.sub #unsubscribe_daily_happifier .form .email span:first-child {
  color: #372f2b;
}

#public_home.sub #unsubscribe_daily_happifier .form .email span:nth-child(2) {
  color: #f32439;
  margin-left: -2px;
}

#public_home.sub #unsubscribe_daily_happifier .form .email input {
  width: 475px;
  color: #777;
  margin-left: 10px;
  vertical-align: top;
  font-size: 14px;
  padding: 3px 5px;
}

#public_home.sub #unsubscribe_daily_happifier .form .email .error {
  color: red;
  height: 16px;
  margin-top: 2px;
  font-family: 'OpenSansRegular';
  visibility: visible;
}

#public_home.sub #unsubscribe_daily_happifier .form .email .error.invisible {
  visibility: hidden;
}

#public_home.sub #unsubscribe_daily_happifier a.button {
  font-family: 'OpenSansBold';
  font-size: 14px;
  height: 50px;
  padding: 0 40px;
  line-height: 50px;
}

#public_home.sub #email_unsubscribe {
  height: 500px;
  margin: 0 auto 100px;
  min-height: 70%;
  position: relative;
  top: 100px;
  padding-bottom: 20px;
  width: 600px;
}

#public_home.sub #email_unsubscribe h1.title {
  color: #00aaea;
  font-family: 'OpenSansSemibold';
  font-size: 30px;
  margin-bottom: 18px;
}

#public_home.sub #email_unsubscribe .sub {
  text-align: center;
  font-family: 'OpenSansRegular';
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
  margin-bottom: 50px;
}

#public_home.sub #email_unsubscribe div.unsubscribed {
  vertical-align: top;
  text-align: center;
  font-family: 'OpenSansSemibold';
  font-size: 30px;
  line-height: 34px;
  color: #372f2b;
}

#public_home.sub #email_unsubscribe .option {
  margin: 10px auto;
  width: 530px;
}

#public_home.sub #email_unsubscribe .option .choise {
  border-radius: 50%;
  background-clip: padding-box;
  width: 20px;
  height: 20px;
  border: 1px solid #6f6866;
  display: inline-block;
  position: relative;
  cursor: pointer;
}

#public_home.sub #email_unsubscribe .option .choise .choise-inner {
  width: 14px;
  height: 14px;
  background: #ff7900;
  border-radius: 50%;
  background-clip: padding-box;
  position: relative;
  top: 2px;
  left: 2px;
  display: none;
}

#public_home.sub #email_unsubscribe .option .choise.checked .choise-inner {
  display: block;
}

#public_home.sub #email_unsubscribe .option a:hover {
  text-decoration: none;
}

#public_home.sub #email_unsubscribe .option a .text {
  display: inline-block;
  color: #777;
  vertical-align: top;
  text-align: left;
  margin-left: 10px;
  font-family: 'OpenSansRegular';
  font-size: 16px;
  line-height: 18px;
  width: 490px;
}

#public_home.sub #email_unsubscribe .form {
  margin: 45px auto 0;
  text-align: center;
}

#public_home.sub #email_unsubscribe .form .email {
  margin: 0 auto 60px;
  width: 600px;
}

#public_home.sub #email_unsubscribe .form .email label,
#public_home.sub #email_unsubscribe .form .email span {
  font-size: 20px;
  font-family: 'OpenSansSemibold';
  vertical-align: top;
  top: 2px;
  position: relative;
  line-height: 35px;
}

#public_home.sub #email_unsubscribe .form .email label {
  color: #372f2b;
}

#public_home.sub #email_unsubscribe .form .email span:nth-child(2) {
  color: #f32439;
  margin-left: -2px;
}

#public_home.sub #email_unsubscribe .form .email input {
  width: 475px;
  color: initial;
  margin-left: 10px;
  vertical-align: top;
  font-size: 18px;
  padding: 4px 8px;
  border-radius: 3px;
  background-clip: padding-box;
  font-family: 'OpenSansSemibold';
  border: 1px solid #d7d7d2;
}

#public_home.sub #email_unsubscribe .form .email .error {
  color: red;
  height: 16px;
  margin-top: 3px;
  font-family: 'OpenSansRegular';
  visibility: visible;
  width: 475px;
  float: right;
  margin-right: 24px;
  text-align: center;
}

#public_home.sub #email_unsubscribe .form .email .error.invisible {
  visibility: hidden;
}

#public_home.sub #email_unsubscribe a.button {
  font-family: 'OpenSansBold';
  font-size: 14px;
  height: 50px;
  padding: 0 40px;
  line-height: 50px;
}

#public_home.sub #email_unsubscribe.unsubscribed {
  width: 1024px;
  min-height: 554px;
  height: 554px;
}

#public_home.sub #email_unsubscribe_complete {
  margin: 0 auto 100px;
  position: relative;
  top: 100px;
  padding-bottom: 20px;
  width: 1024px;
  min-height: 554px;
  height: 554px;
}

#public_home.sub #email_unsubscribe_complete p {
  color: black;
  font-size: 30px;
  text-align: center;
  line-height: normal;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  #easy .grid-row {
    padding: 40px 0 !important;
  }

  #easy .easy2 {
    margin-top: 0  !important;
  }
}

/* LOCALE RELATED STYLING */

html[lang="ja"] #public_home .carousel .user-slide blockquote {
  font-style: normal !important;
}

html[lang="ja"] #public_home .carousel .user-slide blockquote:before {
  content: '';
}

html[lang="ja"] #public_home .carousel .user-slide blockquote:after {
  content: '';
}

html[lang=de] #public_home header.banner:not(.TopBar) .logo-cols .logo:not(.logo_dh),
html[lang=fr] #public_home header.banner:not(.TopBar) .logo-cols .logo:not(.logo_dh) {
  width: 125px;
  height: 41px;
  background-size: 900px auto;
}

html[lang=de] #public_home header.banner:not(.TopBar) .logo-cols .logo:not(.logo_dh):hover,
html[lang=fr] #public_home header.banner:not(.TopBar) .logo-cols .logo:not(.logo_dh):hover {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -129px 1px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  html[lang=de] #public_home header.banner:not(.TopBar) .logo-cols .logo:not(.logo_dh),
  html[lang=fr] #public_home header.banner:not(.TopBar) .logo-cols .logo:not(.logo_dh) {
    width: 84px;
    height: 30px;
    background-size: 600px auto;
    margin-top: 10px;
  }

  html[lang=de] #public_home header.banner:not(.TopBar) .logo-cols .logo:not(.logo_dh):hover,
  html[lang=fr] #public_home header.banner:not(.TopBar) .logo-cols .logo:not(.logo_dh):hover {
    background-image: url("/static/img/sprite-1.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: -85.5px 1px;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  html[lang=de] #public_home header.banner:not(.TopBar) .logo-cols .logo:not(.logo_dh),
  html[lang=fr] #public_home header.banner:not(.TopBar) .logo-cols .logo:not(.logo_dh) {
    /* TODO */
    /* .size(..);
            /* .sprite1_bkg(..);
            /* background-size: .. auto; */
    /* &:hover { .sprite1_bkg(..); } */
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  html[lang=de] #public_home header.banner:not(.TopBar) .logo-cols.get-inspired a,
  html[lang=fr] #public_home header.banner:not(.TopBar) .logo-cols.get-inspired a {
    width: 30px;
    height: 85px;
    background-size: 600px auto;
    margin-top: 10px;
  }
}

html[lang=de] #public_home header.banner:not(.TopBar) nav a,
html[lang=fr] #public_home header.banner:not(.TopBar) nav a {
  font-size: 10px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  html[lang=de] #public_home header.banner:not(.TopBar) nav a,
  html[lang=fr] #public_home header.banner:not(.TopBar) nav a {
    font-size: 9px;
  }
}

html[lang=de] #public_home header.banner:not(.TopBar) nav ul li label,
html[lang=fr] #public_home header.banner:not(.TopBar) nav ul li label {
  font-size: 10px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  html[lang=de] #public_home header.banner:not(.TopBar) nav ul li label,
  html[lang=fr] #public_home header.banner:not(.TopBar) nav ul li label {
    font-size: 9px;
  }
}

html[lang=fr] #public_home header.banner:not(.TopBar) nav a {
  font-size: 12px;
}

@media (max-width: 1199.98px) {
  html[lang=fr] #public_home header.banner:not(.TopBar) nav a {
    font-size: 10px;
  }
}

html[lang=fr] #public_home header.banner:not(.TopBar) nav ul li label {
  font-size: 12px;
}

@media (max-width: 1199.98px) {
  html[lang=fr] #public_home header.banner:not(.TopBar) nav ul li label {
    font-size: 10px;
  }
}

html[lang=es] #public_home header.banner:not(.TopBar) nav a {
  font-size: 10px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  html[lang=es] #public_home header.banner:not(.TopBar) nav a {
    font-size: 10px;
  }
}

html[lang=es] #public_home header.banner:not(.TopBar) nav ul li label {
  font-size: 10px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  html[lang=es] #public_home header.banner:not(.TopBar) nav ul li label {
    font-size: 10px;
  }
}

html[lang=ja] #public_home header.banner:not(.TopBar) .public_menu,
html[lang=zh] #public_home header.banner:not(.TopBar) .public_menu {
  padding-left: 40px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  html[lang=ja] #public_home header.banner:not(.TopBar) .public_menu,
  html[lang=zh] #public_home header.banner:not(.TopBar) .public_menu {
    min-width: 390px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  html[lang=ja] #public_home header.banner:not(.TopBar) .user,
  html[lang=zh] #public_home header.banner:not(.TopBar) .user {
    width: 200px;
    top: 0;
  }
}

html[lang=ja] #public_home header.banner:not(.TopBar) .logo-cols a:not(.logo_dh):not(.skip_nav),
html[lang=zh] #public_home header.banner:not(.TopBar) .logo-cols a:not(.logo_dh):not(.skip_nav) {
  width: 150px;
  height: 41px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  html[lang=ja] #public_home header.banner:not(.TopBar) .logo-cols a:not(.logo_dh):not(.skip_nav),
  html[lang=zh] #public_home header.banner:not(.TopBar) .logo-cols a:not(.logo_dh):not(.skip_nav) {
    background-size: auto;
    margin-top: 0;
  }
}

html[lang=ja] #public_home header.banner:not(.TopBar) .logo-cols.get-inspired a,
html[lang=zh] #public_home header.banner:not(.TopBar) .logo-cols.get-inspired a {
  width: 150px;
  top: -17px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  html[lang=ja] #public_home header.banner:not(.TopBar) .user .button.orange,
  html[lang=zh] #public_home header.banner:not(.TopBar) .user .button.orange {
    display: inline-table;
    padding: 13px 15px 10px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  html[lang=ja] #public_home header.banner:not(.TopBar) .user .label.gray,
  html[lang=zh] #public_home header.banner:not(.TopBar) .user .label.gray {
    display: inline;
    margin: 0 20px;
  }
}

@media screen and (max-height: 800px) {
  html[lang=es] #public_home #home-bg-section-0 h1,
  html[lang=fr] #public_home #home-bg-section-0 h1,
  html[lang=pt] #public_home #home-bg-section-0 h1 {
    margin: 20px auto 25px;
  }

  html[lang=es] #public_home #home-bg-section-0 .button,
  html[lang=fr] #public_home #home-bg-section-0 .button,
  html[lang=pt] #public_home #home-bg-section-0 .button {
    margin-top: 30px;
  }

  html[lang=es] #public_home #home-bg-section-0 .btn-start,
  html[lang=fr] #public_home #home-bg-section-0 .btn-start,
  html[lang=pt] #public_home #home-bg-section-0 .btn-start {
    bottom: 120px;
  }

  html[lang=es] #public_home .health-block,
  html[lang=fr] #public_home .health-block,
  html[lang=pt] #public_home .health-block {
    margin: 20px auto 0;
  }
}

html[lang=pt] #public_home footer.contentinfo .social_networks .social_networks_title,
html[lang=ja] #public_home footer.contentinfo .social_networks .social_networks_title {
  display: block;
  width: 100%;
}

/* Chinese login is small because has no social buttons */

html[lang=zh] #public_home #login + footer {
  position: absolute;
  width: 100%;
  bottom: 0;
}

#press h1 {
  margin-bottom: 20px;
  font-size: 54px !important;
}

#press h1 {
  font-family: OpenSansBold;
  text-transform: capitalize;
}

#press h2 {
  font-size: 34px;
  margin-bottom: 35px !important;
  font-family: OpenSansSemiBold;
  text-transform: capitalize;
}

#press h3 {
  font-family: OpenSansSemiBold;
  font-size: 22px !important;
  text-transform: capitalize;
  margin-bottom: 3px !important;
  font-weight: normal;
}

#press .row .heading-line {
  margin: 10px auto 10px !important;
}

#press .row .heading-text {
  margin: 15px 0 40px 0;
  font-size: 20px;
}

#press .row aside {
  width: 37%;
}

#press .row aside div {
  margin-bottom: 35px;
}

#press .row aside div.navigation a {
  text-decoration: none;
  color: #8D9799;
}

#press .row aside div a {
  display: block;
  color: #00A8EE;
  text-decoration: underline;
  font-size: 18px;
  line-height: 30px;
}

#press .row .content .press-item {
  border-bottom: 2px solid #E4E4E4;
  padding: 35px 0;
}

#press .row .content .press-item a {
  text-decoration: none;
  display: block;
}

#press .row .content .press-item img,
#press .row .content .press-item .press-item--logo {
  display: inline-block;
  width: 34%;
  margin-right: 7.5%;
  vertical-align: middle;
  color: #646464;
  font-family: OpenSansLight, "proxima-nova", sans-serif;
  font-size: 30px;
  text-align: center;
}

#press .row .content .press-item div {
  vertical-align: middle;
  display: inline-block;
  width: 57.5%;
}

#press .row .content .press-item div p {
  margin-top: 5px;
  font-size: 18px;
  line-height: 30px;
}

#press .row .content .press-item:first-Of-type {
  padding-top: 0;
}

#press .row .content .press-item:last-Of-type {
  border-bottom: 0;
}

@media only screen and (max-width: 500px) {
  table.rewards-promotion-periods {
    font-size: 9px;
  }
}

@media only screen and (min-width: 500px) {
  table.rewards-promotion-periods {
    font-size: 15px;
  }
}

#public_home #sweepstakes_official_rules {
  padding-bottom: 100px;
}

#public_home #sweepstakes_official_rules h1 {
  font-size: 45px;
  text-transform: uppercase;
  color: #372f2b;
  margin: 20px 0;
}

#public_home #sweepstakes_official_rules h1 sup {
  font-size: 14px;
  vertical-align: super;
}

#public_home #sweepstakes_official_rules h2 {
  font-family: OpenSansRegular;
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  color: #372f2b;
  margin: 20px 0;
}

#public_home #sweepstakes_official_rules .title {
  font-family: OpenSansBold;
  font-size: 18px;
  text-transform: uppercase;
  color: #372f2b;
  margin: 20px 0;
}

#public_home #sweepstakes_official_rules .title.not-uppercase {
  text-transform: none;
}

#public_home #sweepstakes_official_rules span {
  font-family: OpenSansRegular;
  color: #8d9799;
  font-size: 18px;
  line-height: 30px;
}

#public_home #sweepstakes_official_rules ol {
  color: #372f2b;
  list-style-type: decimal;
  list-style-position: inside;
  font-family: OpenSansBold;
  font-size: 18px;
}

#public_home #sweepstakes_official_rules ol.internal {
  font-family: OpenSansRegular;
  margin-left: 21px;
  list-style-type: none;
}

#public_home #sweepstakes_official_rules ol.internal .title {
  font-family: OpenSansRegular;
  text-decoration: underline;
  text-transform: none;
}

#public_home #sweepstakes_official_rules ol.internal li:before {
  content: counter(mycounter, upper-alpha) ")";
}

#public_home #sweepstakes_official_rules ol.internal li {
  counter-increment: mycounter;
}

#public_home #sweepstakes_official_rules ol li + li {
  margin-top: 20px;
}

#public_home #sweepstakes_official_rules table.rewards-promotion-periods {
  width: 100%;
  overflow: hidden;
  table-layout: fixed;
  border-collapse: collapse;
  margin: 20px 0;
}

#public_home #sweepstakes_official_rules table.rewards-promotion-periods th {
  font-family: OpenSansBold;
}

#public_home #sweepstakes_official_rules table.rewards-promotion-periods td {
  font-family: OpenSansRegular;
  color: #8d9799;
}

#public_home #sweepstakes_official_rules table.rewards-promotion-periods th,
#public_home #sweepstakes_official_rules table.rewards-promotion-periods td {
  text-align: left;
  vertical-align: top;
  padding: 15px;
}

#public_home #sweepstakes_official_rules .bold {
  font-family: OpenSansBold;
}

#public_home #our-team .heading-text {
  margin-bottom: 20px;
}

#public_home #our-team .member {
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px #ddd solid;
}

@media (min-width: 992px) {
  #public_home #our-team .member {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

#public_home #our-team .member:last-child {
  border-bottom: none;
}

@media (min-width: 992px) {
  #public_home #our-team .member-picwrap {
    -webkit-box-flex: 22;
    -ms-flex: 22;
    flex: 22;
  }
}

@media (min-width: 992px) {
  #public_home #our-team .member-description {
    -webkit-box-flex: 78;
    -ms-flex: 78;
    flex: 78;
  }
}

#public_home #our-team .member h2 {
  font-size: 32px;
  font-weight: 700;
}

@media (max-width: 991.98px) {
  #public_home #our-team .member h2 {
    text-align: center;
  }
}

#public_home #our-team .member h3 {
  font-size: 26px;
  font-weight: 500;
  color: #ff7a00;
  margin: 0 0 30px 0;
}

@media (max-width: 991.98px) {
  #public_home #our-team .member h3 {
    text-align: center;
  }
}

#public_home #our-team .member h4 {
  font-style: italic;
  font-weight: 600;
  font-size: 20px;
  margin: 30px 0 15px 0;
}

#public_home #our-team .member p.fun-fact {
  color: #ff7a00;
  font-size: 18px;
  line-height: 25px;
}

.testimonials_carousel {
  padding: 60px 0;
  position: relative;
}

@media (max-width: 767.98px) {
  .testimonials_carousel {
    padding: 30px 0;
  }
}

.testimonials_carousel .slide_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.testimonials_carousel .slide_left {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 100px;
  text-align: left;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .testimonials_carousel .slide_left {
    margin-right: 20px;
  }
}

@media (max-width: 767.98px) {
  .testimonials_carousel .slide_left {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 0;
    width: 100%;
    text-align: center;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.testimonials_carousel .slide_right {
  position: relative;
}

@media (max-width: 767.98px) {
  .testimonials_carousel .slide_right {
    margin: 0 auto 10px;
  }
}

.testimonials_carousel .slide_right .img_frame {
  width: 433px;
  height: 433px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  background: url(/static/img/public_site/photo-ring.png) center no-repeat;
  background-size: 100% 100%;
}

@media (max-width: 991.98px) {
  .testimonials_carousel .slide_right .img_frame {
    width: 250px;
    height: 250px;
  }
}

.testimonials_carousel .slide_right img {
  border-radius: 50%;
  background-clip: padding-box;
  width: 433px;
  height: 433px;
}

@media (max-width: 991.98px) {
  .testimonials_carousel .slide_right img {
    width: 250px;
    height: 250px;
  }
}

.testimonials_carousel .slide_title {
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  color: #142837;
  font-size: 40px;
  margin-bottom: 0;
  letter-spacing: 1px;
  line-height: 50px;
}

@media (max-width: 767.98px) {
  .testimonials_carousel .slide_title {
    font-size: 32px;
  }
}

.testimonials_carousel .slide_subtitle {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 1.4em;
  margin: 5px 0;
}

.testimonials_carousel .slide_blockquote {
  color: #c5168a;
  font-style: italic;
  font-size: 32px;
  font-weight: 300;
  margin-bottom: 40px;
  line-height: 1.4em;
}

@media (max-width: 767.98px) {
  .testimonials_carousel .slide_blockquote {
    font-size: 18px;
    line-height: 1em;
    margin-bottom: 10px;
  }
}

.testimonials_carousel .slide_text {
  color: #8d9799;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
}

.testimonials_carousel .slide_controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 20px 130px 0 0;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .testimonials_carousel .slide_controls {
    margin: 20px 40px 0 0;
  }
}

@media (max-width: 767.98px) {
  .testimonials_carousel .slide_controls {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px auto;
  }
}

.testimonials_carousel .slide_controls .labels button {
  width: 14px;
  height: 14px;
  margin: 0 5px;
  padding: 0;
  background: #f6b1df;
  border-radius: 50%;
  background-clip: padding-box;
}

.testimonials_carousel .slide_controls .labels button:hover,
.testimonials_carousel .slide_controls .labels button.active {
  background: #e727a6;
}

.testimonials_carousel .slide_controls .arrow_left,
.testimonials_carousel .slide_controls .arrow_right {
  width: 27px;
  height: 50px;
}

.testimonials_carousel .slide_controls .arrow_left {
  background: url('/static/img/public_site/arrow_left.png') no-repeat transparent;
  background-size: 25px auto;
}

.testimonials_carousel .slide_controls .arrow_right {
  background: url('/static/img/public_site/arrow_right.png') no-repeat transparent;
  background-size: 25px auto;
}

.testimonials_carousel.small_version {
  padding: 0;
}

.testimonials_carousel.small_version .slide_title {
  color: #666;
  font-size: 26px;
  line-height: 1.4em;
  letter-spacing: 1px;
}

.testimonials_carousel.small_version .slide_blockquote {
  color: #c5168a;
  font-size: 20px;
  font-weight: normal;
}

.testimonials_carousel.small_version .slide_right .img_frame {
  width: 315px;
  height: 315px;
}

@media (max-width: 991.98px) {
  .testimonials_carousel.small_version .slide_right .img_frame {
    width: 250px;
    height: 250px;
  }
}

.testimonials_carousel.small_version .slide_right img {
  width: 315px;
  height: 315px;
}

@media (max-width: 991.98px) {
  .testimonials_carousel.small_version .slide_right img {
    width: 250px;
    height: 250px;
  }
}

.testimonials_carousel.small_version .slide_controls {
  margin: 0;
}

.testimonials_carousel.small_version .slide_controls .labels {
  display: none;
}

.testimonials_carousel.small_version .slide_controls .arrow_left,
.testimonials_carousel.small_version .slide_controls .arrow_right {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.testimonials_carousel.small_version .slide_controls .arrow_left {
  left: -35px;
}

@media (max-width: 575.98px) {
  .testimonials_carousel.small_version .slide_controls .arrow_left {
    left: 0;
  }
}

.testimonials_carousel.small_version .slide_controls .arrow_right {
  right: -35px;
}

@media (max-width: 575.98px) {
  .testimonials_carousel.small_version .slide_controls .arrow_right {
    right: 0;
  }
}

@media (max-width: 767.98px) {
  .landing-p .testimonials_carousel .slide_title {
    font-size: 2rem;
  }
}

.landing-p .testimonials_carousel .slide_subtitle {
  font-size: 1.7rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

@media (max-width: 767.98px) {
  .landing-p .testimonials_carousel .slide_subtitle {
    font-size: 1.4rem;
    font-family: OpenSansRegular;
    font-weight: normal;
  }
}

.landing-p .testimonials_carousel .slide_blockquote {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  font-style: normal;
  margin: 20px 0 50px;
}

@media (max-width: 767.98px) {
  .landing-p .testimonials_carousel .slide_blockquote {
    margin: 20px 0 10px;
  }
}

.landing-p .testimonials_carousel .slide_text {
  font-size: 1.8rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  color: #777;
  line-height: 1.6em;
}

@media (max-width: 767.98px) {
  .landing-p .testimonials_carousel .slide_text {
    font-size: 1.4rem;
    font-family: OpenSansRegular;
    font-weight: normal;
  }
}

.shares .testimonials_carousel .slide_text {
  font-size: 15px;
}

@media (max-width: 767.98px) {
  #compliment .testimonials_carousel .slide_title {
    font-size: 2rem;
  }
}

@media (max-width: 767.98px) {
  #compliment .testimonials_carousel .slide_subtitle {
    font-size: 1.4rem;
    font-family: OpenSansRegular;
    font-weight: normal;
  }
}

@media (max-width: 767.98px) {
  #compliment .testimonials_carousel .slide_blockquote {
    margin: 20px 0 10px;
  }
}

#compliment .testimonials_carousel .slide_text {
  color: #372f2b;
  font-family: 'OpenSansRegular';
}

@media (max-width: 767.98px) {
  #compliment .testimonials_carousel .slide_text {
    font-size: 1.4rem;
    font-family: OpenSansRegular;
    font-weight: normal;
  }
}