@charset "UTF-8";
/* Manifesto */
@import url('//fonts.googleapis.com/css?family=Lato:300,400,400i,700');

/*! reeeset.css */
/* http://www.paulirish.com/2012/box-sizing-border-box-ftw */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice */
*,
::after,
::before {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

/* Reset Normalize margins/padding */
h1,
.alpha,
figure,
fieldset {
  margin: 0;
}

fieldset {
  padding: 0;
}

/* Clearfix body */
body::after {
  display: table;
  clear: both;
  content: '';
}

/* http://unstoppablerobotninja.com/entry/fluid-images */
audio,
embed,
iframe,
img,
input,
object,
video,
table {
  max-width: 100%;
}

input:focus {
  outline: none;
}

/* Add generic styles to H5BP .browserupgrade - https://github.com/h5bp/html5-boilerplate/blob/master/dist/index.html#L18-L20 */
.browserupgrade {
  padding: 15px;
  text-align: center;
  color: #fff;
  background: #333;
  line-height: 1.5;
}

.browserupgrade a {
  text-decoration: none;
  color: #1e90ff;
  font-weight: bold;
}

.browserupgrade a:hover {
  text-decoration: underline;
}

/* Basic typography */
/* https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide */
html {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  line-height: 1.5;
}

h1,
.alpha,
h2,
.beta,
h3,
.gamma,
h4,
.delta,
h5,
.epsilon,
h6,
.zeta {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  line-height: 1.25;
}

h1,
.alpha {
  font-size: 36px;
  font-size: 2.25rem;
}

h2,
.beta {
  font-size: 32px;
  font-size: 2rem;
}

h3,
.gamma {
  font-size: 28px;
  font-size: 1.75rem;
}

h4,
.delta {
  font-size: 24px;
  font-size: 1.5rem;
}

h5,
.epsilon {
  font-size: 20px;
  font-size: 1.25rem;
}

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

p,
blockquote,
pre,
address,
dl,
ol,
ul,
table {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

p:last-of-type {
  margin-bottom: 0;
}

/* Tweaks */
table {
  width: 100%;
}

.u-al {
  text-align: left !important;
}

.u-ac {
  text-align: center !important;
}

.u-ar {
  text-align: right !important;
}

.u-vam {
  vertical-align: middle !important;
}

.u-vat {
  vertical-align: top !important;
}

.u-upper {
  text-transform: uppercase !important;
}

.u-lw {
  font-weight: 300 !important;
}

.u-rw {
  font-weight: 400 !important;
}

.u-bw {
  font-weight: 700 !important;
}

.u-posrel {
  position: relative !important;
}

.u-posabs {
  position: absolute !important;
}

.u-top {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.u-fr {
  float: right !important;
}

.u-pt {
  padding-top: 1rem !important;
}

.u-pl {
  padding-left: 1rem !important;
}

.u-pr {
  padding-right: 1rem !important;
}

.u-pb {
  padding-bottom: 1rem !important;
}

.u-ml {
  margin-left: 1rem !important;
}

.u-mr {
  margin-right: 1rem !important;
}

.u-mt {
  margin-top: 1rem !important;
}

.u-mb {
  margin-bottom: 1rem !important;
}

.u-ma {
  margin: auto !important;
}

.u-dib {
  display: inline-block !important;
}

.u-wbo {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

@media screen and (min-width: 320px) {
  .u-oxv {
    overflow-x: visible !important;
  }
}

.u-grid-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.u-grey {
  color: #636466 !important;
}

.u-jc {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.u-col-alp {
  color: #c3b657 !important;
}

.u-very-small-text {
  font-size: 12px !important;
}

@media screen and (max-width: 767px) {
  .family-edit--column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
}

body {
  font-family: 'Lato', Arial, sans-serif !important;
  font-size: 16px;
  color: #636466;
}

header,
main,
footer {
  display: block;
}

ul {
  list-style-type: none;
}

h1,
.alpha {
  font-weight: 300;
}

h2,
.beta {
  font-weight: 400;
}

h3,
.gamma {
  font-weight: 400;
}

h4,
.delta {
  font-weight: 700;
}

@media screen and (max-width: 1280px) {
  h4,
  .delta {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  h4,
  .delta {
    font-size: 14px;
  }
}

h5,
.epsilon {
  font-weight: 300;
}

@media screen and (max-width: 1280px) {
  h5,
  .epsilon {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  h5,
  .epsilon {
    font-size: 14px;
  }
}

h6,
.zeta {
  font-weight: 400;
}

a {
  color: #008fa8;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #62afc4;
}

img {
  max-width: 100%;
  height: auto;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  overflow: visible;
  outline: 0;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

label {
  margin-bottom: 0.5em;
}

input {
  border: 1px solid #0c4da2;
  padding: 0.4em;
  width: 100%;
}

input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #797e83;
  opacity: 0.7;
}

input::-moz-placeholder {
  /* Firefox 19+ */
  color: #797e83;
  opacity: 0.7;
}

input:-ms-input-placeholder {
  /* IE 10+ */
  color: #797e83;
  opacity: 0.7;
}

input:-moz-placeholder {
  /* Firefox 18- */
  color: #797e83;
  opacity: 0.7;
}

#login-page .c-card__title {
  font-weight: 500;
  margin-bottom: 0 !important;
  font-size: 16px !important;
}

#login-page .c-card__title + .login-form__row {
  padding-bottom: 2rem;
}

.has-feedback {
  padding-bottom: 2rem;
}

.have-kids {
  padding-top: 1rem;
  max-width: 400px;
  margin: auto;
  font-size: 14px;
}

.table-striped > tbody > tr:nth-of-type(2n + 1) {
  background-color: rgba(250, 249, 216, 0.8) !important;
}

#search-family-content .c-group--input .input-block {
  padding-bottom: 1rem;
}

.rsvp-position {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2rem;
}

.account-type--nonfamily .c-dashboard__sidebar .c-ribbon--large {
  left: -2rem;
}

.flatpickr-input[type='date'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 34px;
}

@media screen and (max-width: 768px) {
  .title-invitations {
    font-size: 38px !important;
  }
}

.no-padding {
  padding-bottom: 0 !important;
  margin-bottom: 1rem !important;
}

@media screen and (max-width: 560px) {
  .log-in--block,
  .our-story--block {
    display: block;
    padding-bottom: 0.5rem !important;
  }
}

@font-face {
  font-family: 'BNE-Icons';
  src: url('../fonts/BNE-Icons.ttf?y9ie28') format('truetype'),
    url('../fonts/BNE-Icons.woff?y9ie28') format('woff'),
    url('../fonts/BNE-Icons.svg?y9ie28#BNE-Icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^='bne-'],
[class*=' bne-'],
.c-ad--millennials::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'BNE-Icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bne-celebrate-me::before {
  content: '';
  font-size: 1.5rem;
}
.bne-calendar-notifications::before {
  content: '';
}

.bne-invited-to-connect::before {
  content: '';
}

.bne-received-a-card::before {
  content: '';
}

.bne-people::before {
  content: '';
}

.bne-down::before {
  content: '';
}

.bne-envelope-o::before {
  content: '';
}

.bne-close::before {
  content: '';
}

.bne-remove::before {
  content: '';
}

.bne-times::before {
  content: '';
}

.bne-trash-o::before {
  content: '';
}

.bne-pencil::before {
  content: '';
}

.bne-chevron-left::before {
  content: '';
}

.bne-chevron-right::before {
  content: '';
}

.bne-calendar::before {
  content: '';
}

.bne-calendar {
  pointer-events: none;
}

.bne-chevron-up::before {
  content: '';
}

.bne-chevron-down::before {
  content: '';
}

.bne-twitter::before {
  content: '';
}

.bne-facebook::before {
  content: '';
}

.bne-facebook-f::before {
  content: '';
}

.bne-pinterest-square::before {
  content: '';
}

.bne-google-plus::before {
  content: '';
}

.bne-linkedin::before {
  content: '';
}

.bne-pinterest-p::before {
  content: '';
}

.bne-calendar-plus-o::before {
  content: '';
}

.bne-right::before {
  content: '';
}

.bne-heart::before {
  content: '';
}

.bne-comment::before {
  content: '';
}

.bne-calendar2::before {
  content: '';
}

.bne-gift::before {
  content: '';
}

.bne-folder-plus::before {
  content: '';
}

.bne-location::before {
  content: '';
}

.bne-calendar22::before {
  content: '';
}

.bne-check::before {
  content: '';
}

.bne-plus::before {
  content: '';
}

#remove-add-photo {
  display: none;
}

.l-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.l-group--align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.l-group--wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.l-group--give-a-gift {
  padding-top: 1rem;
}

.l-group--give-a-gift .l-group--align-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 576px) {
  .l-group--give-a-gift .l-group--align-center {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.l-group--contacts {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.l-group--gifts {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  right: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.l-group--full {
  width: 100%;
  z-index: 1;
}

@media screen and (max-width: 1023px) {
  .l-group--full-iphone {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 767px) {
  .l-group__my-family-profile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
}

.l-group__my-family-profile h2,
.l-group__my-family-profile .beta {
  color: #c3b657;
  font-weight: 300;
  font-size: 36px;
}

@media screen and (max-width: 1280px) {
  .l-group__my-family-profile h2,
  .l-group__my-family-profile .beta {
    font-size: 30px;
  }
}

@media screen and (max-width: 767px) {
  .l-group__my-family-profile h2,
  .l-group__my-family-profile .beta {
    margin-bottom: 0;
    font-size: 20px;
  }
}

.l-group--ribbon__my-family-profile {
  padding-left: 2.5rem;
}

@media screen and (max-width: 1280px) {
  .l-group--ribbon__my-family-profile {
    padding-left: 0;
  }

  .l-group--ribbon__my-family-profile .c-ribbon--both-side {
    margin-left: 2rem !important;
  }
}

@media screen and (max-width: 767px) {
  .l-group--ribbon__my-family-profile {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .l-group--ribbon__my-family-profile h3,
  .l-group--ribbon__my-family-profile .gamma {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .l-group--ribbon__my-family-profile .c-ribbon--both-side {
    margin-left: 2rem !important;
  }
}

.l-group--settings {
  top: 1rem;
  left: 0;
}

.l-col-1-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: -webkit-calc(99.9% * 1/1 - (30px - 30px * 1/1));
  width: calc(99.9% * 1 / 1 - (30px - 30px * 1 / 1));
}

.l-col-1-1:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.l-col-1-1:last-child {
  margin-right: 0;
}

.l-col-1-1:nth-child(1n) {
  margin-right: 0;
  margin-left: auto;
}

.l-col-1-2 {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.l-col-1-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: -webkit-calc(99.9% * 1/4 - (30px - 30px * 1/4));
  width: calc(99.9% * 1 / 4 - (30px - 30px * 1 / 4));
}

.l-col-1-4:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.l-col-1-4:last-child {
  margin-right: 0;
}

.l-col-1-4:nth-child(4n) {
  margin-right: 0;
  margin-left: auto;
}

.l-col-2-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: -webkit-calc(99.9% * 2/4 - (30px - 30px * 2/4));
  width: calc(99.9% * 2 / 4 - (30px - 30px * 2 / 4));
}

.l-col-2-4:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.l-col-2-4:last-child {
  margin-right: 0;
}

.l-col-2-4:nth-child(4n) {
  margin-right: 0;
  margin-left: auto;
}

.l-col-3-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: -webkit-calc(99.9% * 3/4 - (30px - 30px * 3/4));
  width: calc(99.9% * 3 / 4 - (30px - 30px * 3 / 4));
}

.l-col-3-4:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.l-col-3-4:last-child {
  margin-right: 0;
}

.l-col-3-4:nth-child(4n) {
  margin-right: 0;
  margin-left: auto;
}

.l-col-1-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: -webkit-calc(99.9% * 1/3 - (30px - 30px * 1/3));
  width: calc(99.9% * 1 / 3 - (30px - 30px * 1 / 3));
}

.l-col-1-3:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.l-col-1-3:last-child {
  margin-right: 0;
}

.l-col-1-3:nth-child(3n) {
  margin-right: 0;
  margin-left: auto;
}

.l-col-2-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: -webkit-calc(99.9% * 2/3 - (30px - 30px * 2/3));
  width: calc(99.9% * 2 / 3 - (30px - 30px * 2 / 3));
}

.l-col-2-3:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.l-col-2-3:last-child {
  margin-right: 0;
}

.l-col-2-3:nth-child(3n) {
  margin-right: 0;
  margin-left: auto;
}

.l-col-4-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: -webkit-calc(99.9% * 4/10 - (30px - 30px * 4/10));
  width: calc(99.9% * 4 / 10 - (30px - 30px * 4 / 10));
}

.l-col-4-10:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.l-col-4-10:last-child {
  margin-right: 0;
}

.l-col-4-10:nth-child(10n) {
  margin-right: 0;
  margin-left: auto;
}

.l-col-5-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: -webkit-calc(99.9% * 5/10 - (30px - 30px * 5/10));
  width: calc(99.9% * 5 / 10 - (30px - 30px * 5 / 10));
}

.l-col-5-10:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.l-col-5-10:last-child {
  margin-right: 0;
}

.l-col-5-10:nth-child(10n) {
  margin-right: 0;
  margin-left: auto;
}

.l-col-6-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: -webkit-calc(99.9% * 6/10 - (30px - 30px * 6/10));
  width: calc(99.9% * 6 / 10 - (30px - 30px * 6 / 10));
}

.l-col-6-10:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.l-col-6-10:last-child {
  margin-right: 0;
}

.l-col-6-10:nth-child(10n) {
  margin-right: 0;
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .l-col-1-1\@xs {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 1/1 - (30px - 30px * 1/1));
    width: calc(99.9% * 1 / 1 - (30px - 30px * 1 / 1));
  }

  .l-col-1-1\@xs:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .l-col-1-1\@xs:last-child {
    margin-right: 0;
  }

  .l-col-1-1\@xs:nth-child(1n) {
    margin-right: 0;
    margin-left: auto;
  }

  .l-group--wrap\@xs {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (min-width: 1024px) {
  .l-col-4-10\@sm {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 4/10 - (30px - 30px * 4/10));
    width: calc(99.9% * 4 / 10 - (30px - 30px * 4 / 10));
  }

  .l-col-4-10\@sm:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .l-col-4-10\@sm:last-child {
    margin-right: 0;
  }

  .l-col-4-10\@sm:nth-child(10n) {
    margin-right: 0;
    margin-left: auto;
  }

  .l-col-45-10\@sm {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 4.5/10 - (30px - 30px * 4.5/10));
    width: calc(99.9% * 4.5 / 10 - (30px - 30px * 4.5 / 10));
  }

  .l-col-45-10\@sm:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .l-col-45-10\@sm:last-child {
    margin-right: 0;
  }

  .l-col-45-10\@sm:nth-child(10n) {
    margin-right: 0;
    margin-left: auto;
  }

  .l-col-3-10\@sm {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 3/10 - (30px - 30px * 3/10));
    width: calc(99.9% * 3 / 10 - (30px - 30px * 3 / 10));
  }

  .l-col-3-10\@sm:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .l-col-3-10\@sm:last-child {
    margin-right: 0;
  }

  .l-col-3-10\@sm:nth-child(10n) {
    margin-right: 0;
    margin-left: auto;
  }

  .l-col-2-10\@sm {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 2/10 - (30px - 30px * 2/10));
    width: calc(99.9% * 2 / 10 - (30px - 30px * 2 / 10));
  }

  .l-col-2-10\@sm:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .l-col-2-10\@sm:last-child {
    margin-right: 0;
  }

  .l-col-2-10\@sm:nth-child(10n) {
    margin-right: 0;
    margin-left: auto;
  }

  .l-col-8-10\@sm {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 8/10 - (30px - 30px * 8/10));
    width: calc(99.9% * 8 / 10 - (30px - 30px * 8 / 10));
  }

  .l-col-8-10\@sm:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .l-col-8-10\@sm:last-child {
    margin-right: 0;
  }

  .l-col-8-10\@sm:nth-child(10n) {
    margin-right: 0;
    margin-left: auto;
  }

  .l-col-7-10\@sm {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 7/10 - (30px - 30px * 7/10));
    width: calc(99.9% * 7 / 10 - (30px - 30px * 7 / 10));
  }

  .l-col-7-10\@sm:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .l-col-7-10\@sm:last-child {
    margin-right: 0;
  }

  .l-col-7-10\@sm:nth-child(10n) {
    margin-right: 0;
    margin-left: auto;
  }

  .l-col-6-10\@sm {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 6/10 - (30px - 30px * 6/10));
    width: calc(99.9% * 6 / 10 - (30px - 30px * 6 / 10));
  }

  .l-col-6-10\@sm:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .l-col-6-10\@sm:last-child {
    margin-right: 0;
  }

  .l-col-6-10\@sm:nth-child(10n) {
    margin-right: 0;
    margin-left: auto;
  }

  .l-col-55-10\@sm {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 5.5/10 - (30px - 30px * 5.5/10));
    width: calc(99.9% * 5.5 / 10 - (30px - 30px * 5.5 / 10));
  }

  .l-col-55-10\@sm:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .l-col-55-10\@sm:last-child {
    margin-right: 0;
  }

  .l-col-55-10\@sm:nth-child(10n) {
    margin-right: 0;
    margin-left: auto;
  }

  .l-col-1-2\@sm {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 1/2 - (30px - 30px * 1/2));
    width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
  }

  .l-col-1-2\@sm:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .l-col-1-2\@sm:last-child {
    margin-right: 0;
  }

  .l-col-1-2\@sm:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }

  .l-col-1-1\@sm {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 1/1 - (30px - 30px * 1/1));
    width: calc(99.9% * 1 / 1 - (30px - 30px * 1 / 1));
  }

  .l-col-1-1\@sm:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .l-col-1-1\@sm:last-child {
    margin-right: 0;
  }

  .l-col-1-1\@sm:nth-child(1n) {
    margin-right: 0;
    margin-left: auto;
  }
}

@media (min-width: 992px) {
  .l-col-1-2\@md {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 1/2 - (30px - 30px * 1/2));
    width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
  }

  .l-col-1-2\@md:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .l-col-1-2\@md:last-child {
    margin-right: 0;
  }

  .l-col-1-2\@md:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }

  .l-col-1-4\@md {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 1/4 - (30px - 30px * 1/4));
    width: calc(99.9% * 1 / 4 - (30px - 30px * 1 / 4));
  }

  .l-col-1-4\@md:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .l-col-1-4\@md:last-child {
    margin-right: 0;
  }

  .l-col-1-4\@md:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }

  .l-col-3-4\@md {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 3/4 - (30px - 30px * 3/4));
    width: calc(99.9% * 3 / 4 - (30px - 30px * 3 / 4));
  }

  .l-col-3-4\@md:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .l-col-3-4\@md:last-child {
    margin-right: 0;
  }

  .l-col-3-4\@md:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }

  .l-col-4-10\@md {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 4/10 - (30px - 30px * 4/10));
    width: calc(99.9% * 4 / 10 - (30px - 30px * 4 / 10));
  }

  .l-col-4-10\@md:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .l-col-4-10\@md:last-child {
    margin-right: 0;
  }

  .l-col-4-10\@md:nth-child(10n) {
    margin-right: 0;
    margin-left: auto;
  }

  .l-col-6-10\@md {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 6/10 - (30px - 30px * 6/10));
    width: calc(99.9% * 6 / 10 - (30px - 30px * 6 / 10));
  }

  .l-col-6-10\@md:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .l-col-6-10\@md:last-child {
    margin-right: 0;
  }

  .l-col-6-10\@md:nth-child(10n) {
    margin-right: 0;
    margin-left: auto;
  }
}

@media screen and (min-width: 1281px) {
  .l-col-1-3\@lg {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 1/3 - (30px - 30px * 1/3));
    width: calc(99.9% * 1 / 3 - (30px - 30px * 1 / 3));
  }

  .l-col-1-3\@lg:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .l-col-1-3\@lg:last-child {
    margin-right: 0;
  }

  .l-col-1-3\@lg:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
}

.l-container {
  max-width: 100vw;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 706px) {
  .l-container.mobile-view {
    /* max-width: 330px; */
    margin-left: unset;
    margin-right: unset;
  }
}

.l-container--give-a-gift {
  position: relative;
  margin-top: -5rem;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .l-container--give-a-gift {
    margin-top: -15.5rem;
  }
}

.l-container--non-parent {
  margin-top: -8.5rem;
}

.l-container--non-parent .c-panel {
  padding-top: 6rem !important;
  position: relative;
  overflow: hidden;
}

.l-container--non-parent .c-panel::after {
  position: absolute;
  content: url(../img/confetti1.png);
  right: 0;
  bottom: -100px;
}

@media screen and (max-width: 1023px) {
  .l-container--non-parent .c-panel::after {
    display: none;
  }
}

.l-container--remove {
  position: relative;
}

.l-container--event {
  margin-top: -3rem;
  max-width: 920px;
}

@media screen and (max-width: 1280px) {
  .l-container--event {
    max-width: 750px;
  }
}

@media screen and (max-width: 1023px) {
  .l-container--event {
    max-width: 650px;
  }
}

@media screen and (max-width: 767px) {
  .l-container--event {
    padding-bottom: 1rem;
  }
}

.l-container--event h4,
.l-container--event .delta {
  color: #c3b657;
  margin-bottom: 4px;
  font-weight: 500;
}

.l-container--event h4 strong,
.l-container--event .delta strong {
  font-weight: 700;
}

.l-container--notifications-page {
  margin-top: -16.5rem;
  max-width: 350px;
}

@media screen and (min-width: 1024px) {
  .l-container--notifications-page {
    max-width: 750px;
  }
}

@media screen and (min-width: 1281px) {
  .l-container--notifications-page {
    max-width: 920px;
  }
}

@media screen and (max-width: 1023px) {
  .l-container--notifications-page {
    max-width: 650px;
  }
}

@media screen and (max-width: 767px) {
  .l-container--notifications-page {
    margin-top: -5rem;
  }
}

.l-container__my-family-profile-page {
  max-width: 350px;
}

@media screen and (min-width: 1024px) {
  .l-container__my-family-profile-page {
    max-width: 750px;
  }
}

@media screen and (min-width: 1281px) {
  .l-container__my-family-profile-page {
    max-width: 920px;
  }
}

@media screen and (max-width: 1023px) {
  .l-container__my-family-profile-page {
    max-width: 650px;
  }
}

@media screen and (max-width: 767px) {
  .l-container__my-family-profile-page {
    padding-bottom: 1rem;
  }
}

@media screen and (min-width: 1281px) {
  .l-container__notifications-new {
    padding-left: 4rem;
  }
}

.l-container--e-card-recipient {
  margin-top: -6rem;
}

.l-container--social {
  position: relative;
}

.l-container--social .close {
  font-size: 3rem;
  color: #636466;
  font-weight: 300;
  position: absolute;
  z-index: 1;
  top: 1rem;
  right: 1rem;
}

@media screen and (max-width: 767px) {
  .l-container--social .close {
    top: 0;
  }
}

.l-container--social textarea {
  border: 1px solid #c3b657;
}

.l-container--my-family-gifts {
  max-width: 150px;
  padding-bottom: 2rem;
}

.l-container--my-family-gifts-cards {
  max-width: 150px;
  padding-bottom: 2rem;
}

@media screen and (min-width: 1024px) {
  .l-container--my-family-gifts {
    max-width: 550px;
  }
  .l-container--my-family-gifts-cards {
    max-width: 750px;
  }
}

@media screen and (min-width: 1281px) {
  .l-container--my-family-gifts {
    max-width: 700px;
  }
  .l-container--my-family-gifts-cards {
    max-width: 920px;
  }
}

@media screen and (max-width: 1023px) {
  .l-container--my-family-gifts {
    max-width: 450px;
  }
  .l-container--my-family-gifts-cards {
    max-width: 650px;
  }
}

.l-container--my-family-gifts .c-panel {
  margin-bottom: 0;
  padding: 2rem;
}

.l-container--my-family-gifts-cards .c-panel {
  margin-bottom: 0;
  padding: 2rem;
}

.l-container--input input {
  display: inline-block;
  width: 20px;
}

.l-container--input .c-gift-feed__event-item p {
  font-size: 14px;
}

.l-container-child--ghifts-history {
  margin-top: 0;
  padding-top: 2rem;
}

.l-core {
  padding: 9.2rem 0 0;
}

@media screen and (max-width: 1280px) {
  .l-core {
    padding: 8.2rem 0 0;
  }
}

@media screen and (max-width: 767px) {
  .l-core {
    padding: 6.2rem 0 0;
  }
}

@media screen and (max-width: 560px) {
  .l-core {
    padding-top: 4.2rem !important;
  }
}

.l-group--base {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

@media (min-width: 1440px) {
  .l-group--base {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media screen and (max-width: 440px) {
  .l-group--settings .c-ribbon {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .l-group-xs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (min-width: 1440px) {
  .l-col-main {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 7.1/10 - (30px - 30px * 7.1/10));
    width: calc(99.9% * 7.1 / 10 - (30px - 30px * 7.1 / 10));
  }

  .l-col-main:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .l-col-main:last-child {
    margin-right: 0;
  }

  .l-col-main:nth-child(10n) {
    margin-right: 0;
    margin-left: auto;
  }
}

@media screen and (min-width: 1024px) {
  .l-col-side {
    width: 18.2rem;
  }
}

@media (min-width: 1440px) {
  .l-col-side {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 2.9/10 - (30px - 30px * 2.9/10));
    width: calc(99.9% * 2.9 / 10 - (30px - 30px * 2.9 / 10));
  }

  .l-col-side:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .l-col-side:last-child {
    margin-right: 0;
  }

  .l-col-side:nth-child(10n) {
    margin-right: 0;
    margin-left: auto;
  }
}

.l-section {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .l-section {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}

.l-section--updates {
  background: url(../img/confetti1.png) no-repeat, #a6b622;
  background-position: 38% -5%, center;
}

@media (min-width: 1024px) {
  .l-section--updates {
    background-position: left 10%, top 10px;
    -webkit-background-size: 400px 400px;
    background-size: 400px;
  }
}

@media (max-width: 767px) {
  .l-section--updates {
    background-position: left 10%, bottom -40px;
    -webkit-background-size: 300px 300px;
    background-size: 300px;
  }
}

.l-section--updates .l-container {
  padding-left: 5rem;
  padding-right: 5rem;
}

@media screen and (max-width: 767px) {
  .l-section--updates .l-container {
    padding-left: 0;
    padding-right: 0;
  }
}

.l-section--post-dashboard {
  background: url(../img/confetti2.png), #c3b657;
  background-position: 73% -41%, center;
  background-repeat: no-repeat, repeat;
  -webkit-background-size: 190% auto, auto;
  background-size: 190% auto, auto;
  padding-bottom: 6rem;
}

@media screen and (min-width: 360px) {
  .l-section--post-dashboard {
    -webkit-background-size: 102% auto, auto;
    background-size: 102% auto, auto;
  }
}

@media screen and (min-width: 560px) {
  .l-section--post-dashboard {
    -webkit-background-size: 92% auto, auto;
    background-size: 92% auto, auto;
  }
}

@media screen and (min-width: 768px) {
  .l-section--post-dashboard {
    -webkit-background-size: 88% auto, auto;
    background-size: 88% auto, auto;
  }
}

@media screen and (min-width: 800px) {
  .l-section--post-dashboard {
    -webkit-background-size: 72% auto, auto;
    background-size: 72% auto, auto;
  }
}

@media screen and (min-width: 980px) {
  .l-section--post-dashboard {
    -webkit-background-size: 55% auto, auto;
    background-size: 55% auto, auto;
  }
}

@media screen and (min-width: 1280px) {
  .l-section--post-dashboard {
    -webkit-background-size: 30% auto, auto;
    background-size: 30% auto, auto;
  }
}

.l-section--post-card-design {
  background: url(../img/confetti2.png), #c3b657;
  background-position: 73% 32px, center;
  background-repeat: repeat-x;
  -webkit-background-size: 24% auto, auto;
  background-size: 24% auto, auto;
  padding-bottom: 5.9rem;
}

@media screen and (max-width: 1280px) {
  .l-section--post-card-design {
    background-position: center bottom -54px;
    -webkit-background-size: 36% auto, auto;
    background-size: 36% auto, auto;
  }
}

@media screen and (max-width: 767px) {
  .l-section--post-card-design {
    background-position: center bottom -24px;
    -webkit-background-size: 36% auto, auto;
    background-size: 36% auto, auto;
    padding-bottom: 3.1rem;
  }
}

.l-section--post-event {
  background-color: #c3b657;
  margin-left: -1rem;
  margin-right: -1rem;
  padding-bottom: 4rem;
}

.l-section--post-event h1,
.l-section--post-event .alpha {
  font-size: 50px;
  color: #fff;
}

.l-section--post-event--announcements {
  background-color: #ccc17a;
}

@media screen and (max-width: 767px) {
  .l-section--post-event--announcements h1,
  .l-section--post-event--announcements .alpha {
    font-size: 38px !important;
  }
}

.l-section--child-reasons {
  padding: 0 0 2rem;
}

.l-section--give-a-gift {
  height: 16rem;
}

@media screen and (max-width: 767px) {
  .l-section--give-a-gift {
    height: 6rem;
  }
}

@media screen and (max-width: 767px) {
  .l-section--my-family-profile {
    height: 6rem;
  }
}

.l-section--post-card-design {
  margin-left: -1rem;
  margin-right: -1rem;
}

.l-section--family-cards {
  background: #f0f0ba;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f0f0ba),
    color-stop(25%, #e6e9b7),
    color-stop(50%, #c6d5af),
    color-stop(75%, #83b29e),
    to(#048c8a)
  );
  background: -webkit-linear-gradient(
    top,
    #f0f0ba 0%,
    #e6e9b7 25%,
    #c6d5af 50%,
    #83b29e 75%,
    #048c8a 100%
  );
  background: -o-linear-gradient(
    top,
    #f0f0ba 0%,
    #e6e9b7 25%,
    #c6d5af 50%,
    #83b29e 75%,
    #048c8a 100%
  );
  background: linear-gradient(
    to bottom,
    #f0f0ba 0%,
    #e6e9b7 25%,
    #c6d5af 50%,
    #83b29e 75%,
    #048c8a 100%
  );
  overflow-x: hidden;
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .l-section--family-cards {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1440px) {
  .l-section--family-cards {
    overflow-x: visible;
  }
}

.l-section--family-cards-gift {
  position: relative;
}

.l-section--family-cards-gift::before {
  position: absolute;
  content: url(../img/Egg-gift.png);
  bottom: 7%;
  right: 20%;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
}

@media screen and (max-width: 767px) {
  .l-section--family-cards-gift::before {
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4);
  }
}

.l-section--family-cards-gift::after {
  position: absolute;
  content: url(../img/confetti1.png);
  bottom: -11%;
  right: 0;
}

@media screen and (max-width: 767px) {
  .l-section--family-cards-gift::after {
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4);
  }
}

@media screen and (min-width: 320px) {
  .l-section--family-cards-gift {
    overflow-x: visible;
    margin-bottom: -2rem;
  }
}

.l-section--child-reasons {
  background: #f0efbc;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f0efbc),
    color-stop(50%, #eeefbc),
    color-stop(75%, #89c2a1),
    to(#138f83)
  );
  background: -webkit-linear-gradient(
    top,
    #f0efbc 0%,
    #eeefbc 50%,
    #89c2a1 75%,
    #138f83 100%
  );
  background: -o-linear-gradient(
    top,
    #f0efbc 0%,
    #eeefbc 50%,
    #89c2a1 75%,
    #138f83 100%
  );
  background: linear-gradient(
    to bottom,
    #f0efbc 0%,
    #eeefbc 50%,
    #89c2a1 75%,
    #138f83 100%
  );
  padding-top: 4.5rem;
}

@media screen and (min-width: 1318px) {
  .l-section--child-reasons {
    padding-top: 8.5rem;
  }
}

@media screen and (min-width: 1440px) {
  .l-section--child-reasons {
    padding-top: 5.5rem;
  }
}

.l-section--family-connections {
  padding-bottom: 0;
}

@media screen and (min-width: 768px) {
  .l-section--family-connections {
    padding-bottom: 6rem;
  }
}

@media screen and (max-width: 510px) {
  .l-section--family-connections .c-tabs__item {
    border-right: 1px solid #f0f0ba;
    border-left: 1px solid #f0f0ba;
  }
}

.l-section--connections {
  padding: 0;
}

.l-section--connections--non-parent {
  padding-bottom: 6rem;
}

.l-section--contacts {
  padding: 0 0 1rem;
}

.l-section--contacts-table th,
.l-section--contacts-table td {
  display: none;
}

@media screen and (min-width: 768px) {
  .l-section--contacts-table th,
  .l-section--contacts-table td {
    display: table-cell;
  }
}

.l-section--non-parents {
  padding-top: 0 !important;
  margin-top: 6rem;
  position: relative;
}

.l-section--non-parents::before {
  position: absolute;
  content: '';
  background: url(../img/confetti2.png);
  background-repeat: repeat-x;
  width: 100%;
  height: 80px;
  top: -5rem;
  -webkit-background-size: 500px 500px;
  background-size: 500px;
}

.l-section--space {
  padding-bottom: 4rem;
}

.l-section--child-event {
  margin-bottom: -2rem;
}

.l-section--contacts-table th,
.l-section--contacts-table td {
  padding: 0.8rem 0 !important;
  border-bottom: 1px solid #c3b657;
}

.l-section--contacts-table input {
  width: 14px;
}

@media screen and (max-width: 767px) {
  .l-section--notifications {
    padding-bottom: 1rem;
  }
}

.l-section--e-card-recipient {
  padding-top: 1rem;
  padding-bottom: 7rem;
}

@media screen and (max-width: 767px) {
  .l-section h1,
  .l-section .alpha {
    font-size: 43px;
  }
}

.l-section__preview {
  padding-left: 0;
  padding-right: 0;
}

.l-section--reset-password {
  padding-top: 6rem;
}

.l-section--tabs .c-tabs__item:not(.active) {
  border-left: 2px solid #f0f0ba;
}

.l-section--events-heights .l-container {
  margin: 0 !important;
  display: block !important;
}

.l-section--events-heights .c-family-dashboard {
  padding: 0;
}

#submit-comment {
  position: relative;
  z-index: 1;
}

.c-announcement .c-card-listing__item .c-card {
  max-width: 400px;
}

.c-announcement .buttons-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 450px) {
  .c-announcement .buttons-wrapper {
    display: block;
  }
}

.c-announcement h4,
.c-announcement .delta {
  font-size: 26px;
}

@media screen and (max-width: 767px) {
  .c-announcement h4,
  .c-announcement .delta {
    font-size: 18px;
  }
}

.c-modal__pop-ups {
  max-width: 680px;
  margin: auto;
  position: relative;
  overflow: hidden;
}

.c-modal__pop-ups::after {
  position: absolute;
  content: '';
  top: -46px;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
  right: 0;
  background: url(../img/confetti-lighter.png);
  width: 200px;
  height: 100px;
  -webkit-background-size: contain;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .c-modal__pop-ups::after {
    display: none;
  }
}

.c-modal__pop-ups h2,
.c-modal__pop-ups .beta {
  font-size: 24px;
  font-weight: 700;
  padding-left: 2rem;
  color: #c2b55f !important;
}

.c-modal__pop-ups h3,
.c-modal__pop-ups .gamma {
  font-size: 18px;
  font-weight: 700;
  padding-top: 2rem;
  margin-bottom: 0;
}

.c-modal__pop-ups .modal-body {
  max-width: 550px;
  margin: auto;
}

.c-modal__pop-ups .modal-body p:last-of-type {
  padding-bottom: 2.5rem;
}

.c-modal__pop-ups .modal-body div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding-bottom: 2rem;
}

.c-modal__pop-ups .close {
  position: relative;
  z-index: 9999;
}

.c-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.c-header__wrapper {
  background-color: white;
  position: fixed;
  z-index: 10;
  -webkit-box-shadow: 2px 2px 2px #797e83;
  box-shadow: 2px 2px 2px #797e83;
  width: 100%;
  z-index: 1040;
}

.c-header__wrapper .l-container {
  position: relative;
  width: 100%;
  padding-left: 5rem;
  padding-right: 5rem;
}

@media screen and (max-width: 1280px) {
  .c-header__wrapper .l-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.c-header__breaker {
  overflow: hidden;
  height: 1.125rem;
}

@media (min-width: 1281px) {
  .c-header__breaker {
    height: 2.25rem;
  }
}

.c-header__artwork {
  padding-bottom: 1.97%;
  position: relative;
  margin-left: -4px;
  margin-right: -4px;
  height: 0;
}

.c-header__artwork svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 560px) {
  .c-header .c-account-menu .our-story--block,
  .c-header .c-account-menu .log-in--block {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.c-footer {
  min-height: 300px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 767px) {
  .c-footer {
    min-height: 350px;
  }
}

@media (min-width: 1024px) {
  .c-footer {
    min-height: 400px;
  }
}

@media (min-width: 1200px) {
  .c-footer {
    min-height: 700px;
  }
}

@media (min-width: 1808px) {
  .c-footer {
    padding-bottom: 15rem;
    min-height: 800px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .c-footer {
    padding-left: 7rem;
    padding-right: 7rem;
  }
}

.c-footer__wrapper {
  border-top: 56px solid #a0bf01;
  padding-left: 1rem;
  padding-right: 1rem;
  background-image: url('../img/footer-bg.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .c-footer__wrapper {
    border-top: 36px solid #a0bf01;
  }
}

@media (min-width: 768px) {
  .c-footer__wrapper {
    -webkit-background-size: cover;
    background-size: cover;
  }
}

.c-footer__wrapper .l-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 1281px) {
  .c-footer__wrapper .l-container {
    padding: 0 5rem;
  }
}

.c-footer__copyright {
  text-align: right;
  color: #2b4191;
  font-size: 13px;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

@media screen and (max-width: 767px) {
  .c-footer__copyright {
    font-size: 12px;
  }
}

.c-btn {
  color: #636466;
  background-color: transparent;
  border: 2px solid #636466;
  letter-spacing: 1px;
  font-style: normal;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.6875;
  font-size: 14px;
  padding: 0.45em 1.25em;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .c-btn {
    font-size: 12px;
  }
}

.c-btn:hover,
.c-btn:focus {
  color: #0b0b0b;
  border-color: #0b0b0b;
}

.c-btn--default {
  color: #fff;
}

.c-btn--default:hover,
.c-btn--default:focus {
  color: #fff;
}

.c-btn--disabled {
  color: #fff;
}

.c-btn--disabled:hover,
.c-btn--disabled:focus {
  color: #fff;
}

.c-btn--success {
  color: #fff;
}

.c-btn--success:hover,
.c-btn--success:focus {
  color: #fff;
}

.c-btn--error {
  color: #fff;
}

.c-btn--error:hover,
.c-btn--error:focus {
  color: #fff;
}

.c-btn--warning {
  color: #fff;
}

.c-btn--warning:hover,
.c-btn--warning:focus {
  color: #fff;
}

.c-btn--info {
  color: #fff;
}

.c-btn--info:hover,
.c-btn--info:focus {
  color: #fff;
}

.c-btn--accent {
  color: #fff;
}

.c-btn--accent:hover,
.c-btn--accent:focus {
  color: #fff;
}

.c-btn--ignore {
  color: #fff;
}

.c-btn--ignore:hover,
.c-btn--ignore:focus {
  color: #fff;
}

.c-btn--default {
  border-color: #77378e;
}

.c-btn--disabled {
  border-color: #797e83;
}

.c-btn--success {
  border-color: #c3b657;
}

.c-btn--error {
  border-color: #d5d110;
}

.c-btn--warning {
  border-color: #008fa8;
}

.c-btn--info {
  border-color: #0c4da2;
}

.c-btn--accent {
  border-color: #a3ccd9;
}

.c-btn--ignore {
  border-color: #a6b622;
}

.c-btn--default:hover,
.c-btn--default:focus {
  border-color: #966ca5;
}

.c-btn--disabled:hover,
.c-btn--disabled:focus {
  border-color: #a4a4a4;
}

.c-btn--success:hover,
.c-btn--success:focus {
  border-color: #c8c39f;
}

.c-btn--error:hover,
.c-btn--error:focus {
  border-color: #dcda55;
}

.c-btn--warning:hover,
.c-btn--warning:focus {
  border-color: #18bed6;
}

.c-btn--info:hover,
.c-btn--info:focus {
  border-color: #2a72d0;
}

.c-btn--accent:hover,
.c-btn--accent:focus {
  border-color: #dee7ea;
}

.c-btn--ignore:hover,
.c-btn--ignore:focus {
  border-color: #bcc75d;
}

.c-btn--default {
  background-color: #77378e;
}

.c-btn--disabled {
  background-color: #797e83;
}

.c-btn--success {
  background-color: #c3b657;
}

.c-btn--error {
  background-color: #d5d110;
}

.c-btn--warning {
  background-color: #008fa8;
}

.c-btn--info {
  background-color: #0c4da2;
}

.c-btn--accent {
  background-color: #a3ccd9;
}

.c-btn--ignore {
  background-color: #a6b622;
}

.c-btn--default:hover,
.c-btn--default:focus {
  background-color: #966ca5;
}

.c-btn--disabled:hover,
.c-btn--disabled:focus {
  background-color: #a4a4a4;
}

.c-btn--success:hover,
.c-btn--success:focus {
  background-color: #c8c39f;
}

.c-btn--error:hover,
.c-btn--error:focus {
  background-color: #dcda55;
}

.c-btn--warning:hover,
.c-btn--warning:focus {
  background-color: #18bed6;
}

.c-btn--info:hover,
.c-btn--info:focus {
  background-color: #2a72d0;
}

.c-btn--accent:hover,
.c-btn--accent:focus {
  background-color: #dee7ea;
}

.c-btn--ignore:hover,
.c-btn--ignore:focus {
  background-color: #bcc75d;
}

.c-btn--rounded {
  border-radius: 16px;
}

.c-btn--rounded.c-btn--large {
  border-radius: 20px;
}

.c-btn--large {
  font-size: 1.2rem;
  padding: 0.25em 1.5em;
}

.c-btn--primary:hover,
.c-btn--primary:focus {
  background-color: #c3b657;
  border-color: #c3b657;
}

.c-btn--primary:active {
  background-color: #77378e;
  border-color: #77378e;
}

.c-btn--secondary {
  background-color: #fff;
  border-color: #0c4da2;
  color: #0c4da2;
}

.c-btn--secondary:hover,
.c-btn--secondary:focus {
  background-color: #0c4da2;
  border-color: #0c4da2;
  color: #fff;
}

.c-btn--secondary:active {
  background-color: #fff;
  border-color: #0c4da2;
  color: #0c4da2;
}

.c-btn__ribbon-wrapper {
  display: inline-block;
  font-size: 1rem;
  vertical-align: top;
  margin-left: 1rem;
}

.c-btn--border-shadow {
  -webkit-box-shadow: 0 3px 0 0 rgba(223, 223, 223, 0.4);
  box-shadow: 0 3px 0 0 rgba(223, 223, 223, 0.4);
}

#show-contacts .c-btn {
  margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
  #show-contacts .c-btn {
    display: block;
    text-align: center;
  }
}

.c-round {
  padding: 0.25em;
  width: 2em;
  height: 2em;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  border: 1px solid;
  cursor: pointer;
}

.c-round--default {
  color: #fff;
}

.c-round--default.c-round--inverted,
.c-round--default:hover,
.c-round--default:focus {
  color: #77378e;
  border-color: #77378e;
  background-color: #fff;
}

.c-round--disabled {
  color: #fff;
}

.c-round--disabled.c-round--inverted,
.c-round--disabled:hover,
.c-round--disabled:focus {
  color: #797e83;
  border-color: #797e83;
  background-color: #fff;
}

.c-round--success {
  color: #fff;
}

.c-round--success.c-round--inverted,
.c-round--success:hover,
.c-round--success:focus {
  color: #c3b657;
  border-color: #c3b657;
  background-color: #fff;
}

.c-round--error {
  color: #fff;
}

.c-round--error.c-round--inverted,
.c-round--error:hover,
.c-round--error:focus {
  color: #d5d110;
  border-color: #d5d110;
  background-color: #fff;
}

.c-round--warning {
  color: #fff;
}

.c-round--warning.c-round--inverted,
.c-round--warning:hover,
.c-round--warning:focus {
  color: #008fa8;
  border-color: #008fa8;
  background-color: #fff;
}

.c-round--info {
  color: #fff;
}

.c-round--info.c-round--inverted,
.c-round--info:hover,
.c-round--info:focus {
  color: #0c4da2;
  border-color: #0c4da2;
  background-color: #fff;
}

.c-round--accent {
  color: #fff;
}

.c-round--accent.c-round--inverted,
.c-round--accent:hover,
.c-round--accent:focus {
  color: #a3ccd9;
  border-color: #a3ccd9;
  background-color: #fff;
}

.c-round--ignore {
  color: #fff;
}

.c-round--ignore.c-round--inverted,
.c-round--ignore:hover,
.c-round--ignore:focus {
  color: #a6b622;
  border-color: #a6b622;
  background-color: #fff;
}

.c-round--default {
  border-color: #77378e;
}

.c-round--disabled {
  border-color: #797e83;
}

.c-round--success {
  border-color: #c3b657;
}

.c-round--error {
  border-color: #d5d110;
}

.c-round--warning {
  border-color: #008fa8;
}

.c-round--info {
  border-color: #0c4da2;
}

.c-round--accent {
  border-color: #a3ccd9;
}

.c-round--ignore {
  border-color: #a6b622;
}

.c-round--default {
  background-color: #77378e;
}

.c-round--disabled {
  background-color: #797e83;
}

.c-round--success {
  background-color: #c3b657;
}

.c-round--error {
  background-color: #d5d110;
}

.c-round--warning {
  background-color: #008fa8;
}

.c-round--info {
  background-color: #0c4da2;
}

.c-round--accent {
  background-color: #a3ccd9;
}

.c-round--ignore {
  background-color: #a6b622;
}

.c-round-default {
  border-color: transparent;
}

.c-mini-nav {
  display: none;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.c-mini-nav.is-visible {
  display: block;
}

@media (min-width: 1024px) {
  .c-mini-nav {
    display: none !important;
  }
}

.c-mini-nav__list {
  list-style-type: none;
  padding-top: 1rem;
  text-align: center;
}

.c-mini-nav__item.active .c-mini-nav__link {
  color: #c3b657;
}

.c-mini-nav__item:last-child {
  margin-top: 1rem;
}

.c-mini-nav__link {
  text-transform: uppercase;
  font-weight: 700;
  color: #0c4da2;
  -webkit-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  padding: 0.5em;
  display: block;
}

.c-mini-nav__link:hover,
.c-mini-nav__link:focus {
  color: #c3b657;
}

.c-mini-nav__trigger {
  color: #77378e;
  background-color: transparent;
  border: 0;
  letter-spacing: 0;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  padding: 0 0.5em;
  -webkit-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

@media (min-width: 560px) {
  .c-mini-nav__trigger {
    padding: 0 1.25em;
  }
}

@media (min-width: 1024px) {
  .c-mini-nav__trigger {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .c-mini-nav__trigger {
    font-size: 1rem;
    padding-bottom: 1rem;
  }
}

.c-mini-nav__trigger:hover,
.c-mini-nav__trigger:focus {
  color: #ab67c4;
}

.c-nav {
  display: none;
}

.c-nav__list {
  list-style-type: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  padding-top: 1.3rem;
}

@media screen and (max-width: 1280px) {
  .c-nav__list {
    padding-top: 0.6rem;
  }
}

.c-nav__item:not(:first-child) {
  margin-left: 0.5rem;
}

@media (min-width: 1440px) {
  .c-nav__item:not(:first-child) {
    margin-left: 1rem;
  }
}

.c-nav__item.active .c-nav__link {
  border-top: 2px solid #c3b657;
  color: #c3b657;
}

@media screen and (max-width: 1280px) {
  .c-nav__item .c-btn {
    font-size: 14px;
  }
}

@media screen and (max-width: 1280px) {
  .c-nav__item {
    line-height: 1;
  }
}

.c-nav__link {
  text-transform: uppercase;
  font-weight: 700;
  color: #0c4da2;
  border: 2px solid transparent;
  -webkit-transition: color 0.2s ease-out, border-color 0.2s ease-out;
  -o-transition: color 0.2s ease-out, border-color 0.2s ease-out;
  transition: color 0.2s ease-out, border-color 0.2s ease-out;
  display: inline-block;
  padding: 0.5em;
}

.c-nav__link:hover,
.c-nav__link:focus {
  border-top: 2px solid #c3b657;
  color: #c3b657;
}

@media (min-width: 1440px) {
  .c-nav__link {
    font-size: 1.2rem;
    padding: 0.292em 0;
    margin: 0 0.292em;
  }
}

@media (min-width: 1024px) {
  .c-nav {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.c-account-menu {
  display: none;
  position: absolute;
  top: 0.5rem;
  right: 5rem;
  text-align: center;
}

@media screen and (max-width: 1280px) {
  .c-account-menu {
    right: 0.5rem;
  }
}

.c-account-menu__trigger {
  color: #797e83;
}

.c-account-menu__trigger:hover,
.c-account-menu__trigger:focus {
  color: #636466;
}

.c-account-menu__trigger .c-round {
  font-size: 0.7em;
  margin-left: 0.4rem;
}

@media (min-width: 1024px) {
  .c-account-menu {
    display: block;
  }
}

.c-mini-nav .c-account-menu {
  display: block;
  position: static;
}

.c-mini-nav .c-account-menu a {
  padding: 0 1rem;
}

.c-label {
  font-weight: 600;
  font-size: 1rem;
}

.c-label--default {
  color: #77378e;
}

.c-label--disabled {
  color: #797e83;
}

.c-label--success {
  color: #c3b657;
}

.c-label--error {
  color: #d5d110;
}

.c-label--warning {
  color: #008fa8;
}

.c-label--info {
  color: #0c4da2;
}

.c-label--accent {
  color: #a3ccd9;
}

.c-label--ignore {
  color: #a6b622;
}

@media screen and (min-width: 1318px) {
  .c-label {
    font-size: 1.5rem;
  }
}

.c-label__cards {
  font-weight: 400;
}

.c-label--give-a-gift {
  font-size: 36px;
  font-weight: 300;
}

@media screen and (max-width: 1280px) {
  .c-label--give-a-gift {
    font-size: 30px;
  }
}

.c-brand {
  padding-top: 1.75rem;
}

@media screen and (max-width: 767px) {
  .c-brand {
    padding-top: 0;
  }
}

.c-brand__logo {
  display: block;
  height: auto;
  margin-bottom: -2%;
  width: 180px;
}

@media (min-width: 560px) {
  .c-brand__logo {
    margin-bottom: -7%;
    width: 312px;
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .c-brand__logo {
    margin-bottom: -7%;
  }
}

.c-brand__tagline {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background-color: #d5d110;
  -webkit-box-shadow: inset 0 2px 2px 0 #797e83;
  box-shadow: inset 0 2px 2px 0 #797e83;
  padding: 0 0.5em;
  display: block;
  position: absolute;
  bottom: -21px;
  left: 76px;
}

@media (min-width: 560px) {
  .c-brand__tagline {
    left: 216px;
  }
}

@media (min-width: 1440px) {
  .c-brand__tagline {
    left: 14.5%;
  }
}

@media screen and (max-width: 1280px) {
  .c-brand__tagline {
    left: 154px;
  }
}

@media screen and (max-width: 767px) {
  .c-brand__tagline {
    left: 86px;
    font-size: 12px;
    bottom: -18px;
  }
}

.c-brand__tagline:hover,
.c-brand__tagline:focus {
  color: #fff;
}

.c-brand__tagline--prompt {
  text-align: center;
  bottom: -100px;
  font-weight: 500;
  padding: 0.5rem;
}

@media screen and (max-width: 560px) {
  .c-brand__tagline--prompt {
    bottom: -70px;
    max-width: 200px;
  }

  .c-brand__tagline--prompt br {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .c-brand__tagline--prompt {
    left: 98px;
  }
}

@media screen and (max-width: 767px) {
  .c-brand__tagline--prompt {
    bottom: -88px;
    left: 139px;
  }
}

.c-event__card--prompt {
  padding-top: 5rem;
}

.c-secondary-menu {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 1rem 0;
  letter-spacing: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 1440px) {
  .c-secondary-menu {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

.c-secondary-menu__column {
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  min-width: 0;
}

@media (min-width: 768px) {
  .c-secondary-menu__column {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .c-secondary-menu__column {
    -webkit-flex-basis: 21%;
    -ms-flex-preferred-size: 21%;
    flex-basis: 21%;
    padding-left: 1rem;
    padding-right: 0.5rem;
  }
}

@media (min-width: 1440px) {
  .c-secondary-menu__column {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .c-secondary-menu__column:not(:last-child) {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}

.c-secondary-menu__column:not(:last-child) {
  margin-bottom: 1rem;
}

.c-secondary-menu__column:not(:last-child)::after {
  position: absolute;
  display: block;
  width: 2px;
  height: 65%;
  top: 50%;
  right: -1px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #008fa8;
}

@media (min-width: 1024px) {
  .c-secondary-menu__column:not(:last-child)::after {
    content: '';
  }
}

.c-secondary-menu__column:last-child {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.c-secondary-menu__column .c-form__field {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1.3rem;
}

@media screen and (max-width: 767px) {
  .c-secondary-menu__column .c-form__field {
    font-size: 14px;
  }
}

.c-secondary-menu__title {
  color: #2b4191;
  text-transform: uppercase;
  margin: 0 0 6px;
}

.c-secondary-menu__list {
  margin: 0;
  list-style-type: none;
}

.c-secondary-menu__item {
  text-transform: capitalize;
  font-size: 1.125em;
}

@media screen and (max-width: 1280px) {
  .c-secondary-menu__item {
    font-size: 14px;
  }
}

.c-secondary-menu__link {
  color: #636466;
}

.c-secondary-menu__link:hover,
.c-secondary-menu__link:focus {
  color: #404040;
}

.c-form__field {
  width: 100%;
  background-color: #fff;
  border: 1px solid #0c4da2;
  padding: 6px 12px;
}

.c-checkbox {
  display: flex;
  width: 125px;
  justify-content: space-between;
  margin-left: 10px;
}

/* .c-checkbox__input:checked + label::before {
    content: ""; } */
.c-checkbox input {
  font-size: 22px;
  box-sizing: border-box;
  width: 10px;
  margin: 5px 0 0 !important;
}

.c-checkbox input[type='checkbox'] {
  content: '';
  display: inline-block;
  vertical-align: bottom;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 0;
  border-style: solid;
  box-shadow: inset 0px 0px 1px #a6b622, inset 0px 0px 2px #a6b622,
    inset 0px 0px 3px #a6b622, inset 0px 0px 3px #a6b622,
    inset 0px 0px 2px #a6b622, inset 0px 0px 3px #a6b622;
}

.c-checkbox__label {
  font-weight: 400;
  font-family: 'Lato', Arial, sans-serif;
}

.c-checkbox__label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.square-signup-btn {
  border-radius: 3px !important;
  width: 150px;
}

.login-signup {
  color: #77378e;
}

.signup-now {
  text-decoration: underline;
  font-weight: 700;
}

/* .c-checkbox__label::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1.05em;
    height: 1.05em;
    background-color: white;
    margin-right: .5em;
    font-family: 'BNE-Icons' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1; } */
.c-checkbox__label span {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1024px) {
  .c-checkbox__label span {
    font-size: 12px;
  }
}

.c-feed {
  list-style-type: none;
  padding: 1.2em 0;
  margin: 0;
}

@media screen and (min-width: 1318px) {
  .c-feed {
    padding: 1.6em 0;
  }
}

.c-feed__item {
  display: inline-block;
}

.c-feed__item .c-btn {
  color: #fff;
  line-height: 1;
  border: 0;
}

@media screen and (max-width: 767px) {
  .c-feed__item .c-btn {
    font-size: 12px;
  }
}

.c-feed__item .bullhorn {
  left: -49px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-feed__item .bullhorn img {
  width: 40px;
}

@media screen and (min-width: 767px) {
  .c-feed__item .bullhorn img {
    width: 46px;
  }
}

.c-feed__item .question {
  left: -49px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-feed__item .question img {
  width: 40px;
}

@media screen and (min-width: 767px) {
  .c-feed__item .question img {
    width: 40px;
  }
}

.c-feed__item.notifications {
  padding-left: 2rem;
}

.c-feed__counter {
  background-color: #77378e;
  border-radius: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  left: -46px;
  font-size: 12px;
  width: 36px;
  height: 36px;
  padding: 11px 0;
}

@media screen and (min-width: 767px) {
  .c-feed__counter {
    font-size: 13px;
    width: 40px;
    height: 40px;
    padding: 13px 0;
  }
}

.c-gift-feed {
  background-color: #f5f3e5;
  border-radius: 1.6em;
  padding-top: 1rem;
  -webkit-box-shadow: 0.5rem 0.5rem 0.3rem rgba(121, 126, 131, 0.2);
  box-shadow: 0.5rem 0.5rem 0.3rem rgba(121, 126, 131, 0.2);
}

@media screen and (min-width: 1318px) {
  .c-gift-feed {
    padding-top: 2rem;
  }
}

.c-gift-feed__history {
  border-radius: 0;
}

.c-gift-feed__history td {
  line-height: 1.2;
}

@media screen and (min-width: 560px) {
  .c-gift-feed__history td {
    line-height: 1.5;
  }
}

.c-gift-feed .sum-cta {
  font-weight: normal;
  font-size: 1em;
  padding: 0.1em 0.3em;
  -webkit-box-shadow: -1px 1px 1px rgba(0, 141, 161, 0.3);
  box-shadow: -1px 1px 1px rgba(0, 141, 161, 0.3);
  letter-spacing: 2px;
}

@media screen and (min-width: 1318px) {
  .c-gift-feed .sum-cta {
    font-size: 1.4em;
  }
}

.c-gift-feed__contributor-list {
  list-style-type: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  text-align: center;
  padding-left: 0;
  margin: 0;
  padding-bottom: 0.5rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 1023px) {
  .c-gift-feed__contributor-list {
    margin-left: 0 !important;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 1318px) {
  .c-gift-feed__contributor-list {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
}

.c-gift-feed__contributor-list-notifications {
  padding-top: 1rem;
}

.c-gift-feed__contributor-item {
  -webkit-flex-basis: 32.33%;
  -ms-flex-preferred-size: 32.33%;
  flex-basis: 32.33%;
  padding-bottom: 1rem;
}

.c-gift-feed__contributor-item .c-avatar {
  margin-left: auto;
  margin-right: auto;
  padding: 1.4em 0;
  margin-bottom: 1.4rem;
}

.c-gift-feed__contributor-amount {
  margin-top: 0.5em;
  font-weight: bold;
  color: #008fa8;
  line-height: 1.1;
  font-size: 14px;
}

@media screen and (min-width: 1280px) {
  .c-gift-feed__contributor-amount {
    font-size: 16px;
  }
}

.c-gift-feed__contributor-date {
  line-height: 1.1;
  font-size: 14px;
}

@media screen and (min-width: 1280px) {
  .c-gift-feed__contributor-date {
    font-size: 13px;
  }
}

.c-gift-feed__gifts {
  margin-bottom: 1rem;
}

.c-gift-feed__event-list {
  padding: 1rem;
  list-style-type: none;
  font-size: 1.1em;
  margin-bottom: 0;
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .c-gift-feed__event-list {
    padding: 0.8rem;
  }
}

.c-gift-feed__event-item {
  padding: 0.2rem;
  font-size: 14px;
}

@media screen and (min-width: 1280px) {
  .c-gift-feed__event-item {
    padding: 1rem;
    font-size: 19px;
  }
}

.c-gift-feed__event-item:not(:last-child) {
  border-bottom: 2px dotted;
}

.c-gift-feed__event-item .l-col-1-3 {
  min-width: 56px;
}

.c-gift-feed__event-item .l-col-2-3 {
  min-width: 143px;
}

.c-gift-feed__image {
  width: 136px;
  position: relative;
}

.c-gift-feed__image .c-round {
  position: absolute;
  top: 0;
  left: 0;
}

.c-ribbon {
  color: #fff;
  position: relative;
  padding: 0.15em 1em;
  margin: 0 1.5rem 0 0;
  font-size: 1rem;
}

@media screen and (min-width: 1318px) {
  .c-ribbon {
    font-size: 1.5rem;
  }
}

.c-ribbon--default {
  background-color: #77378e;
}

.c-ribbon--disabled {
  background-color: #797e83;
}

.c-ribbon--success {
  background-color: #c3b657;
}

.c-ribbon--error {
  background-color: #d5d110;
}

.c-ribbon--warning {
  background-color: #008fa8;
}

.c-ribbon--info {
  background-color: #0c4da2;
}

.c-ribbon--accent {
  background-color: #a3ccd9;
}

.c-ribbon--ignore {
  background-color: #a6b622;
}

.c-ribbon--default::before,
.c-ribbon--default::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  right: -0.73em;
}

.c-ribbon--default::before {
  top: 0;
  border-width: 0.75em 0.75em 0 0;
  border-color: #77378e transparent transparent transparent;
}

.c-ribbon--default::after {
  bottom: 0;
  border-width: 0.75em 0 0 0.75em;
  border-color: transparent transparent transparent #77378e;
}

.c-ribbon--disabled::before,
.c-ribbon--disabled::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  right: -0.73em;
}

.c-ribbon--disabled::before {
  top: 0;
  border-width: 0.75em 0.75em 0 0;
  border-color: #797e83 transparent transparent transparent;
}

.c-ribbon--disabled::after {
  bottom: 0;
  border-width: 0.75em 0 0 0.75em;
  border-color: transparent transparent transparent #797e83;
}

.c-ribbon--success::before,
.c-ribbon--success::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  right: -0.73em;
}

.c-ribbon--success::before {
  top: 0;
  border-width: 0.75em 0.75em 0 0;
  border-color: #c3b657 transparent transparent transparent;
}

.c-ribbon--success::after {
  bottom: 0;
  border-width: 0.75em 0 0 0.75em;
  border-color: transparent transparent transparent #c3b657;
}

.c-ribbon--error::before,
.c-ribbon--error::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  right: -0.73em;
}

.c-ribbon--error::before {
  top: 0;
  border-width: 0.75em 0.75em 0 0;
  border-color: #d5d110 transparent transparent transparent;
}

.c-ribbon--error::after {
  bottom: 0;
  border-width: 0.75em 0 0 0.75em;
  border-color: transparent transparent transparent #d5d110;
}

.c-ribbon--warning::before,
.c-ribbon--warning::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  right: -0.73em;
}

.c-ribbon--warning::before {
  top: 0;
  border-width: 0.75em 0.75em 0 0;
  border-color: #008fa8 transparent transparent transparent;
}

.c-ribbon--warning::after {
  bottom: 0;
  border-width: 0.75em 0 0 0.75em;
  border-color: transparent transparent transparent #008fa8;
}

.c-ribbon--info::before,
.c-ribbon--info::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  right: -0.73em;
}

.c-ribbon--info::before {
  top: 0;
  border-width: 0.75em 0.75em 0 0;
  border-color: #0c4da2 transparent transparent transparent;
}

.c-ribbon--info::after {
  bottom: 0;
  border-width: 0.75em 0 0 0.75em;
  border-color: transparent transparent transparent #0c4da2;
}

.c-ribbon--accent::before,
.c-ribbon--accent::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  right: -0.73em;
}

.c-ribbon--accent::before {
  top: 0;
  border-width: 0.75em 0.75em 0 0;
  border-color: #a3ccd9 transparent transparent transparent;
}

.c-ribbon--accent::after {
  bottom: 0;
  border-width: 0.75em 0 0 0.75em;
  border-color: transparent transparent transparent #a3ccd9;
}

.c-ribbon--ignore::before,
.c-ribbon--ignore::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  right: -0.73em;
}

.c-ribbon--ignore::before {
  top: 0;
  border-width: 0.75em 0.75em 0 0;
  border-color: #a6b622 transparent transparent transparent;
}

.c-ribbon--ignore::after {
  bottom: 0;
  border-width: 0.75em 0 0 0.75em;
  border-color: transparent transparent transparent #a6b622;
}

.c-ribbon--light-success {
  background-color: #ccc17a;
}

.c-ribbon--light-warning {
  background-color: #6db1c5;
}

.c-ribbon--light-success::before,
.c-ribbon--light-success::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  right: -0.73em;
}

.c-ribbon--light-success::before {
  top: 0;
  border-width: 0.75em 0.75em 0 0;
  border-color: #ccc17a transparent transparent transparent;
}

.c-ribbon--light-success::after {
  bottom: 0;
  border-width: 0.75em 0 0 0.75em;
  border-color: transparent transparent transparent #ccc17a;
}

.c-ribbon--light-warning::before,
.c-ribbon--light-warning::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  right: -0.73em;
}

.c-ribbon--light-warning::before {
  top: 0;
  border-width: 0.75em 0.75em 0 0;
  border-color: #6db1c5 transparent transparent transparent;
}

.c-ribbon--light-warning::after {
  bottom: 0;
  border-width: 0.75em 0 0 0.75em;
  border-color: transparent transparent transparent #6db1c5;
}

.c-ribbon--large {
  font-size: 1.7rem;
  padding-top: 0.05em;
  padding-bottom: 0.05em;
  font-weight: 300;
}

@media screen and (min-width: 1318px) {
  .c-ribbon--large {
    font-size: 2rem;
  }
}

.c-ribbon--large__cta {
  display: inline-block;
  vertical-align: top;
  font-size: initial;
  margin: 0.375em;
}

.c-ribbon--compound {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.c-ribbon--compound .c-ribbon:first-child {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  line-height: 1.4;
}

@media screen and (max-width: 1096px) {
  .c-ribbon--compound .c-ribbon:first-child {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 706px) {
  .c-ribbon--compound .c-ribbon:first-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 706px) {
  .c-ribbon--compound .c-ribbon:first-child::before,
  .c-ribbon--compound .c-ribbon:first-child::after {
    display: none;
  }
}

.c-ribbon--compound .c-ribbon:last-child {
  margin-left: -1em;
  padding-left: 1.5em;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media screen and (min-width: 1318px) {
  .c-ribbon--compound .c-ribbon:last-child {
    padding-top: 0.15em;
    padding-bottom: 0.15em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1096px) {
  .c-ribbon--compound .c-ribbon:last-child {
    padding-left: 10px;
    padding-right: 4px;
  }
}

@media screen and (max-width: 706px) {
  .c-ribbon--compound .c-ribbon:last-child {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0;
    margin-right: 0;
    margin-left: 0;
  }
}

@media screen and (max-width: 706px) {
  .c-ribbon--compound .c-ribbon:last-child::before,
  .c-ribbon--compound .c-ribbon:last-child::after {
    display: none;
  }
}

.c-ribbon--compound .c-ribbon:last-child > div {
  font-size: 1rem;
  line-height: 2.75;
}

@media screen and (max-width: 706px) {
  .c-ribbon--compound {
    display: block;
  }
}

.c-ribbon.is-multi-line {
  margin-right: 0 !important;
  padding-left: 0.5em !important;
  padding-right: 0.5em !important;
  padding-bottom: 0.65em !important;
}

.c-ribbon.is-multi-line::before,
.c-ribbon.is-multi-line::after {
  content: none;
}

.c-ribbon.is-multi-line + .c-ribbon {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  z-index: 2;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0.5em !important;
  padding-right: 0.5em !important;
}

.c-ribbon.is-multi-line + .c-ribbon::after {
  content: none;
}

.c-ribbon.is-multi-line + .c-ribbon::before {
  top: -0.4em;
  right: 0;
  border-width: 0 0.45em 0.45em;
  border-color: transparent transparent #008fa8 transparent;
}

.c-ribbon--both-side {
  margin-left: 2rem !important;
  text-align: center;
  position: relative;
  font-size: 2rem;
}

@media screen and (min-width: 1280px) {
  .c-ribbon--both-side {
    margin-left: 4rem !important;
  }
}

@media screen and (max-width: 706px) {
  .c-ribbon--both-side.c-ribbon--both-side--large.u-mb.c-ribbon--both-side--multiline.mobile-view{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.c-ribbon--both-side::before,
.c-ribbon--both-side::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  left: -0.75em;
}

@media screen and (min-width: 1921px) {
  .c-ribbon--both-side::before,
  .c-ribbon--both-side::after {
    left: -0.7em;
  }
}

.c-ribbon--both-side::before {
  top: 0;
  border-width: 0 0.75em 0.75em 0;
  border-color: transparent #c3b657 transparent transparent;
}

.c-ribbon--both-side::after {
  bottom: 0;
  border-width: 0 0 0.75em 0.75em;
  border-color: transparent transparent #c3b657;
}

.c-ribbon--both-side--large {
  font-size: 2.5rem;
}

.c-ribbon--both-side--large .c-ribbon--compound {
  margin-bottom: 0;
}

.c-ribbon--both-side--large::before,
.c-ribbon--both-side--large::after {
  display: block;
}

.c-ribbon--both-side-warning::before {
  border-color: transparent #008fa8 transparent transparent;
}

.c-ribbon--both-side-warning::after {
  border-color: transparent transparent #008fa8;
}

.c-ribbon--both-side-non-audience {
  font-size: 2.5rem;
}

.c-ribbon--both-side-non-audience::before {
  border-color: transparent #ccc17a transparent transparent;
}

.c-ribbon--both-side-non-audience::after {
  border-color: transparent transparent #ccc17a;
}

.c-ribbon--both-side--multiline {
  margin-left: 2rem !important;
  margin-right: 2rem;
}

@media screen and (max-width: 706px) {
  .c-ribbon--both-side--multiline::before,
  .c-ribbon--both-side--multiline::after {
    display: none;
  }
}

.c-ribbon--both-side h3,
.c-ribbon--both-side .gamma {
  margin-bottom: 2rem;
}

@media screen and (max-width: 609px) {
  .c-ribbon--both-side--non-parents {
    margin-left: 0 !important;
    margin-right: 0;
  }
}

@media screen and (max-width: 706px) {
  .c-ribbon--both-side--network {
    margin-right: 2rem !important;
  }

  .c-ribbon--both-side--network::before,
  .c-ribbon--both-side--network::after {
    display: none;
  }
}

.c-ribbon--both-side-margin-left {
  /*    margin-left: 17rem !important;
*/
  text-align: left;
  width: 400px;
  position: relative;
  font-size: 2rem;
}

@media screen and (min-width: 1280px) {
  .c-ribbon--both-side-margin-left {
    /*margin-left: 4rem !important;*/
  }
}

.c-ribbon--both-side-margin-left::before,
.c-ribbon--both-side-margin-left::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  left: -0.75em;
}

@media screen and (min-width: 1921px) {
  .c-ribbon--both-side-margin-left::before,
  .c-ribbon--both-side-margin-left::after {
    left: -0.7em;
  }
}

.c-ribbon--both-side-margin-left::before {
  top: 0;
  border-width: 0 0.75em 0.75em 0;
  border-color: transparent #c3b657 transparent transparent;
}

.c-ribbon--both-side-margin-left::after {
  bottom: 0;
  border-width: 0 0 0.75em 0.75em;
  border-color: transparent transparent #c3b657;
}

.c-ribbon--both-side--large {
  font-size: 2.5rem;
}

.c-ribbon--both-side--large .c-ribbon--compound {
  margin-bottom: 0;
}

.c-ribbon--both-side--large::before,
.c-ribbon--both-side--large::after {
  display: block;
}

.c-ribbon--both-side-warning::before {
  border-color: transparent #008fa8 transparent transparent;
}

.c-ribbon--both-side-warning::after {
  border-color: transparent transparent #008fa8;
}

.c-ribbon--both-side-non-audience {
  font-size: 2.5rem;
}

.c-ribbon--both-side-non-audience::before {
  border-color: transparent #ccc17a transparent transparent;
}

.c-ribbon--both-side-non-audience::after {
  border-color: transparent transparent #ccc17a;
}

.c-ribbon--both-side--multiline {
  margin-left: 2rem !important;
  margin-right: 2rem;
}

@media screen and (max-width: 706px) {
  .c-ribbon--both-side--multiline::before,
  .c-ribbon--both-side--multiline::after {
    display: none;
  }
}

.c-ribbon--both-side h3,
.c-ribbon--both-side .gamma {
  margin-bottom: 2rem;
}

@media screen and (max-width: 609px) {
  .c-ribbon--both-side--non-parents {
    margin-left: 0 !important;
    margin-right: 0;
  }
}

@media screen and (max-width: 706px) {
  .c-ribbon--both-side--network {
    margin-right: 2rem !important;
  }

  .c-ribbon--both-side--network::before,
  .c-ribbon--both-side--network::after {
    display: none;
  }
}

.c-ribbon--light::before {
  border-color: transparent #ccc17a transparent transparent;
}

.c-ribbon--light::after {
  border-color: transparent transparent #ccc17a;
}

.c-ribbon--negative {
  margin-left: 0;
}

@media screen and (min-width: 980px) {
  .c-ribbon--negative {
    margin-left: -6rem;
  }
}

.c-ribbon--non-parents {
  padding-left: 6rem;
}

@media screen and (max-width: 320px) {
  .c-ribbon--give-a-gift {
    padding: 0.05em;
  }
}

.c-ribbon--event-details {
  margin-left: -4rem;
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .c-ribbon-panel--non-parents {
    padding-left: 1rem;
  }
}

@media screen and (max-width: 980px) {
  .l-group--contacts .c-ribbon--both-side {
    margin-left: 3rem !important;
  }
}

@media screen and (max-width: 560px) {
  .l-group--contacts .c-ribbon--both-side {
    margin-left: 0 !important;
  }
}

@media screen and (max-width: 800px) {
  .l-group--contacts > div {
    width: -webkit-calc(99.9% * 1 / 1 - (30px - 30px * 1 / 2));
    width: calc(99.9% * 1 / 1 - (30px - 30px * 1 / 2));
  }
}

@media screen and (max-width: 360px) {
  .l-group--contacts .c-ribbon--give-a-gift {
    font-size: 2rem;
    padding: 0.15em 0.5em;
  }
}

@media screen and (max-width: 320px) {
  .l-group--contacts .c-ribbon--give-a-gift {
    font-size: 1.8rem;
  }
}

.c-vert-ribbon {
  position: absolute;
  top: 0;
  left: 1.25rem;
  z-index: 999;
  width: 6.875em;
  padding-top: 1em;
  padding-bottom: 1em;
  color: #fff;
  text-align: center;
  font-size: 0.75rem;
}

@media (min-width: 768px) {
  .c-vert-ribbon {
    font-size: 0.875rem;
  }
}

.c-vert-ribbon__date {
  display: inline-block;
  width: 100%;
  margin-bottom: 0.25em;
}

.c-vert-ribbon__cta {
  padding: 0 0.25em;
  line-height: 1.05;
}

.c-vert-ribbon::before,
.c-vert-ribbon::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -1.275em;
  width: 0;
  height: 0;
  border-style: solid;
}

.c-vert-ribbon::before {
  left: 0;
  border-width: 1.35em 3.6em 0 0;
  border-color: #c3b657 transparent transparent transparent;
}

.c-vert-ribbon::after {
  right: 0;
  border-width: 0 3.6em 1.35em 0;
  border-color: transparent #c3b657 transparent transparent;
}

.c-vert-ribbon__events {
  background-color: #008fa8 !important;
}

.c-vert-ribbon__events::before {
  border-color: #008fa8 transparent transparent transparent;
}

.c-vert-ribbon__events::after {
  border-color: transparent #008fa8 transparent transparent;
}

.c-vert-ribbon--default {
  background-color: #77378e;
}

.c-vert-ribbon--disabled {
  background-color: #797e83;
}

.c-vert-ribbon--success {
  background-color: #c3b657;
}

.c-vert-ribbon--error {
  background-color: #d5d110;
}

.c-vert-ribbon--warning {
  background-color: #008fa8;
}

.c-vert-ribbon--info {
  background-color: #0c4da2;
}

.c-vert-ribbon--accent {
  background-color: #a3ccd9;
}

.c-vert-ribbon--ignore {
  background-color: #a6b622;
}

.c-avatar {
  width: 3.75rem;
  height: 3.75rem;
  -webkit-background-size: cover;
  background-size: cover;
  border-radius: 50%;
  background-color: #797e83;
}

@media screen and (min-width: 1280px) {
  .c-avatar {
    width: 4.4rem;
    height: 4.4rem;
  }
}

.c-avatar--medium {
  width: 4.3rem;
  height: 4.3rem;
}

@media screen and (min-width: 1281px) {
  .c-avatar--medium {
    width: 6.7rem;
    height: 6.7rem;
  }
}

.c-avatar--big {
  width: 8rem;
  height: 8rem;
}

.c-avatar--large {
  width: 22rem;
  height: 22rem;
}

.c-avatar--non-parents {
  z-index: 1;
}

.c-avatar--non-parents a {
  position: absolute;
  bottom: -2rem;
  right: 0;
  left: 0;
  color: #636466;
}

.c-avatar--non-parents a:hover {
  color: #008fa8;
}

.c-avatar--noradius {
  border-radius: 0;
}

.c-dashboard {
  background: #f0efbc;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f0efbc),
    color-stop(50%, #eeefbc),
    color-stop(75%, #89c2a1),
    to(#138f83)
  );
  background: -webkit-linear-gradient(
    top,
    #f0efbc 0%,
    #eeefbc 50%,
    #89c2a1 75%,
    #138f83 100%
  );
  background: -o-linear-gradient(
    top,
    #f0efbc 0%,
    #eeefbc 50%,
    #89c2a1 75%,
    #138f83 100%
  );
  background: linear-gradient(
    to bottom,
    #f0efbc 0%,
    #eeefbc 50%,
    #89c2a1 75%,
    #138f83 100%
  );
}

@media (min-width: 1440px) {
  .c-dashboard {
    overflow-x: visible;
  }
}

.c-dashboard__main {
  max-width: 63.25rem;
  margin-left: auto;
  margin-right: auto;
}

.c-dashboard__sidebar {
  max-width: 24.75rem;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  padding: 0.75rem 2rem;
}

.c-dashboard__sidebar .c-ribbon--large {
  z-index: 0;
  left: -2rem;
  padding-left: 2rem;
  width: -webkit-calc(100% + 0.5rem);
  width: calc(100% + 0.5rem);
}

@media (min-width: 1024px) {
  .c-dashboard__sidebar .c-ribbon--large {
    left: -4rem;
    padding-left: 5rem;
    line-height: 1.4;
    width: -webkit-calc(100% + 3.5rem);
    width: calc(100% + 3.5rem);
  }
}

.c-dashboard .c-share-box {
  position: relative;
  top: -2rem;
  margin-bottom: 4rem;
}

.c-dashboard .c-share-box::after {
  position: absolute;
  content: '';
  background: url(../img/confetti2.png);
  background-repeat: repeat-x;
  bottom: -4rem;
  left: 0;
  right: 0;
  height: 4rem;
  -webkit-background-size: 400px 400px;
  background-size: 400px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media screen and (min-width: 1024px) {
  .c-dashboard .l-col-main {
    margin-right: 30px;
  }
}

@media screen and (max-width: 1023px) {
  .c-dashboard > .l-container > .l-group {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.c-family-dashboard {
  background-color: #fff;
  padding: 0 0 3rem;
}

.c-family-dashboard > .l-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-bottom: -8rem;
}

.c-family-dashboard > .l-container .l-col-main {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.c-family-dashboard__main {
  max-width: 63.25rem;
  margin-left: auto;
  margin-right: 10px;
}

@media screen and (max-width: 1023px) {
  .c-family-dashboard__main {
    margin-right: 0;
  }
}

@media screen and (min-width: 1318px) {
  .c-family-dashboard__main {
    margin-right: auto;
  }
}

.c-family-dashboard__main > .l-group {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background: url(../img/confetti2.png);
  background-repeat: repeat-x;
  background-position: left 0 bottom -4.3rem;
  -webkit-background-size: 338px auto;
  background-size: 338px auto;
}

@media screen and (max-width: 1023px) {
  .c-family-dashboard__main > .l-group {
    background: none;
  }
}

@media (min-width: 1024px) {
  .c-family-dashboard__main > .l-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media screen and (min-width: 1318px) {
  .c-family-dashboard__main > .l-group {
    -webkit-background-size: 400px auto;
    background-size: 400px auto;
  }
}

.c-family-dashboard__main > .l-group__events {
  padding-top: 40px;
  background-position: left 3%;
}

.c-family-dashboard__main-non-parents .l-col-3-10\@sm:nth-child(n) {
  margin-right: 0;
}

.c-family-dashboard__main-non-parents .c-family-dashboard__aside .c-avatar {
  margin-bottom: 1.4rem;
}

@media screen and (min-width: 1318px) {
  .c-family-dashboard__main-non-parents .c-family-dashboard__aside .c-avatar {
    padding: 1.4em 0;
  }
}

.c-family-dashboard__main-non-parents .c-gift-feed__contributor-list {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 1280px) {
  .c-family-dashboard__main-non-parents .c-gift-feed__contributor-list {
    max-width: 164px;
    margin: auto !important;
  }
}

.c-family-dashboard__main-non-parents .c-gift-feed__contributor-item {
  padding-bottom: 0;
  margin: auto;
}

.c-family-dashboard__main-non-parents .c-ribbon {
  margin: 0;
}

.c-family-dashboard__sidebar {
  max-width: 24.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
}

@media screen and (max-width: 1023px) {
  .c-family-dashboard__sidebar {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media screen and (max-width: 380px) {
  .c-family-dashboard__sidebar {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.c-family-dashboard__aside {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-right: 10px !important;
}

@media screen and (max-width: 1023px) {
  .c-family-dashboard__aside {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 380px) {
  .c-family-dashboard__aside {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .c-family-dashboard__aside {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 2.85/10 - (30px - 30px * 2.85/10));
    width: calc(99.9% * 2.85 / 10 - (30px - 30px * 2.85 / 10));
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    padding-left: 0.2rem;
  }

  .c-family-dashboard__aside:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .c-family-dashboard__aside:last-child {
    margin-right: 0;
  }

  .c-family-dashboard__aside:nth-child(10n) {
    margin-right: 0;
    margin-left: auto;
  }
}

@media screen and (min-width: 1318px) {
  .c-family-dashboard__aside {
    padding-left: 1.6rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-family-dashboard__aside .c-gift-feed__contributor-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.c-family-dashboard__hero {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

@media (min-width: 1024px) {
  .c-family-dashboard__hero .l-col-7-10\@sm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 4rem;
  }
}

@media screen and (min-width: 1024px) {
  .c-family-dashboard__hero .c-ribbon--both-side {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .c-family-dashboard__hero .c-ribbon--none {
    display: none;
  }
}

@media (min-width: 1024px) {
  .c-family-dashboard__hero {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 7.15/10 - (30px - 30px * 7.15/10));
    width: calc(99.9% * 7.15 / 10 - (30px - 30px * 7.15 / 10));
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .c-family-dashboard__hero:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .c-family-dashboard__hero:last-child {
    margin-right: 0;
  }

  .c-family-dashboard__hero:nth-child(10n) {
    margin-right: 0;
    margin-left: auto;
  }
}

.c-family-dashboard__hero .c-avatar--large {
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  width: 18rem;
  height: 18rem;
}

@media (min-width: 1024px) {
  .c-family-dashboard__hero .c-avatar--large {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    top: -1rem;
    right: -5rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .c-family-dashboard__hero .c-avatar--large {
    width: 14rem;
    height: 14rem;
    right: -2rem;
  }
}

@media screen and (max-width: 767px) {
  .c-family-dashboard__hero .c-avatar--large {
    width: 11.5rem;
    height: 11.5rem;
  }
}

.c-family-dashboard__hero .c-ribbon--large {
  width: -webkit-calc(100% - 1.5rem);
  width: calc(100% - 1.5rem);
}

@media (min-width: 1024px) {
  .c-family-dashboard__hero .c-ribbon--large {
    padding-left: 6.75rem;
    padding-right: 0;
  }
}

@media screen and (min-width: 1280px) {
  .c-family-dashboard__hero .c-ribbon--large {
    padding-left: 9.75rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-family-dashboard__hero .l-col-3-10\@sm {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    padding-top: 20px;
  }
}

.c-family-dashboard__hero .l-col-7-10 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-bottom: 2rem;
}

.c-family-dashboard__controls {
  margin-top: 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media (min-width: 1024px) {
  .c-family-dashboard__controls {
    margin-top: 0;
    display: block;
  }
}

@media screen and (max-width: 1023px) {
  .c-family-dashboard__controls {
    display: none;
  }
}

@media screen and (min-width: 1280px) {
  .c-family-dashboard__controls .c-btn {
    font-size: 16px;
  }
}

.c-family-dashboard__controls .c-btn:not(:first-child) {
  margin-left: 1rem;
}

.c-family-dashboard__controls-iphone {
  display: none;
}

@media screen and (max-width: 1023px) {
  .c-family-dashboard__controls-iphone {
    display: block;
    text-align: center;
  }
}

.c-family-dashboard__controls--gifts {
  max-width: 200px;
}

.c-family-dashboard__children-list {
  padding: 2rem 0 0;
  list-style-type: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 1318px) {
  .c-family-dashboard__children-list {
    padding-bottom: 2rem;
  }
}

@media screen and (max-width: 1280px) {
  .c-family-dashboard__children-list {
    max-width: 164px;
    margin: auto !important;
  }
}

.c-family-dashboard__children-item {
  opacity: 0.6;
}

@media screen and (max-width: 1023px) {
  .c-family-dashboard__children-item {
    min-width: 20%;
    text-align: center;
  }

  .c-family-dashboard__children-item a {
    display: inline-block;
  }
}

.c-family-dashboard__children-item .c-avatar {
  padding: 0.4em 0 1rem;
  margin-bottom: 1.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (min-width: 1318px) {
  .c-family-dashboard__children-item .c-avatar {
    padding: 1.4em 0;
  }
}

.c-family-dashboard__children-item .amount {
  background-color: #008fa8;
  color: #fff;
  padding: 0.1em;
  letter-spacing: 0;
  font-size: 14px;
}

@media screen and (min-width: 1280px) {
  .c-family-dashboard__children-item .amount {
    letter-spacing: 2px;
    padding: 0.1em 0.3em;
    font-size: 13px;
  }
}

.c-family-dashboard__non-parent .l-col-7-10\@sm {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.c-family-dashboard__non-parent .l-col-7-10\@sm .c-family-dashboard__controls {
  width: 400px;
}

.c-family-dashboard__non-parent
  .l-col-7-10\@sm
  .c-family-dashboard__controls
  a {
  float: right;
}

@media screen and (max-width: 1280px) {
  .c-family-dashboard__non-parent
    .l-col-7-10\@sm
    .c-family-dashboard__controls {
    max-width: 300px;
  }
}

.c-family-dashboard__non-parent .c-ribbon--none {
  width: 400px;
}

@media screen and (max-width: 1280px) {
  .c-family-dashboard__non-parent .c-ribbon--none {
    max-width: 300px;
  }
}

.c-family-dashboard--top {
  padding-top: 0;
}

.c-family-dashboard--top h2.c-ribbon,
.c-family-dashboard--top .c-ribbon.beta {
  margin-top: 1rem;
}

@media screen and (min-width: 1024px) {
  .remove-connection {
    padding-bottom: 2rem;
  }
}

.c-profile-dashboard {
  background-color: #fff;
  padding: 0 0 3rem;
}

.c-profile-dashboard > .l-container {
  margin-bottom: -8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.c-profile-dashboard__main {
  max-width: 63.25rem;
  margin-left: auto;
  margin-right: 10px;
}

@media screen and (min-width: 1318px) {
  .c-profile-dashboard__main {
    margin-right: auto;
  }
}

.c-profile-dashboard__main > .l-group {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background: url(../img/confetti2.png);
  background-repeat: repeat-x;
  background-position: left 0 bottom -4.3rem;
  -webkit-background-size: 338px auto;
  background-size: 338px auto;
}

@media (min-width: 1024px) {
  .c-profile-dashboard__main > .l-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media screen and (max-width: 1023px) {
  .c-profile-dashboard__main > .l-group {
    background: none;
  }
}

@media screen and (min-width: 1318px) {
  .c-profile-dashboard__main > .l-group {
    -webkit-background-size: 400px auto;
    background-size: 400px auto;
  }
}

.c-profile-dashboard__gifts {
  margin-left: auto;
  margin-right: auto;
  max-width: 67rem;
}

@media screen and (max-width: 1280px) {
  .c-profile-dashboard__gifts > .l-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media screen and (max-width: 980px) {
  .c-profile-dashboard__gifts > .l-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.c-profile-dashboard__sidebar {
  max-width: 24.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
}

@media screen and (max-width: 1023px) {
  .c-profile-dashboard__sidebar {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 4rem;
  }
}

.c-profile-dashboard__aside {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-right: 10px !important;
}

@media screen and (max-width: 1023px) {
  .c-profile-dashboard__aside {
    padding-left: 6rem;
    padding-right: 6rem;
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 380px) {
  .c-profile-dashboard__aside {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .c-profile-dashboard__aside {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 2.85/10 - (30px - 30px * 2.85/10));
    width: calc(99.9% * 2.85 / 10 - (30px - 30px * 2.85 / 10));
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    padding-left: 0.2rem;
  }

  .c-profile-dashboard__aside:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .c-profile-dashboard__aside:last-child {
    margin-right: 0;
  }

  .c-profile-dashboard__aside:nth-child(10n) {
    margin-right: 0;
    margin-left: auto;
  }
}

@media screen and (min-width: 1318px) {
  .c-profile-dashboard__aside {
    padding-left: 1.6rem;
  }
}

.c-profile-dashboard__aside .c-gift-feed__contributor-list {
  padding: 2rem 0 0;
}

.c-profile-dashboard__hero {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

@media (min-width: 1024px) {
  .c-profile-dashboard__hero .l-col-7-10\@sm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 4rem;
  }
}

@media screen and (min-width: 1024px) {
  .c-profile-dashboard__hero .c-ribbon--both-side {
    display: none;
  }
}

.c-profile-dashboard__hero .c-ribbon--none {
  text-align: center;
  padding-bottom: 0 !important;
}

@media screen and (max-width: 1023px) {
  .c-profile-dashboard__hero .c-ribbon--none {
    display: none;
    padding-left: 4rem !important;
  }
}

@media (min-width: 1024px) {
  .c-profile-dashboard__hero {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 7.15/10 - (30px - 30px * 7.15/10));
    width: calc(99.9% * 7.15 / 10 - (30px - 30px * 7.15 / 10));
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .c-profile-dashboard__hero:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .c-profile-dashboard__hero:last-child {
    margin-right: 0;
  }

  .c-profile-dashboard__hero:nth-child(10n) {
    margin-right: 0;
    margin-left: auto;
  }
}

.c-profile-dashboard__hero .c-avatar--large {
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  width: 18rem;
  height: 18rem;
}

@media (min-width: 1024px) {
  .c-profile-dashboard__hero .c-avatar--large {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    top: -1rem;
    right: -5rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .c-profile-dashboard__hero .c-avatar--large {
    width: 14rem;
    height: 14rem;
    right: -2rem;
  }
}

@media screen and (max-width: 767px) {
  .c-profile-dashboard__hero .c-avatar--large {
    width: 11.5rem;
    height: 11.5rem;
  }
}

.c-profile-dashboard__hero .c-ribbon--large {
  width: -webkit-calc(100% - 1.5rem);
  width: calc(100% - 1.5rem);
}

@media (min-width: 1024px) {
  .c-profile-dashboard__hero .c-ribbon--large {
    padding-left: 6rem;
    padding-right: 0;
  }
}

@media screen and (min-width: 1280px) {
  .c-profile-dashboard__hero .c-ribbon--large {
    padding-left: 9.75rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-profile-dashboard__hero .l-col-3-10\@sm {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    padding-top: 20px;
  }
}

.c-profile-dashboard__hero .l-col-7-10 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-bottom: 2rem;
}

@media screen and (max-width: 1023px) {
  .c-profile-dashboard__hero .c-child-description--celebrate-me {
    display: none;
  }
}

.c-profile-dashboard__children-list {
  padding: 2rem 0 0;
  list-style-type: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 1318px) {
  .c-profile-dashboard__children-list {
    padding-bottom: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .c-profile-dashboard__children-list {
    max-width: 200px;
    margin: auto;
  }
}

@media screen and (max-width: 1280px) {
  .c-profile-dashboard__children-list {
    max-width: 164px;
    margin: auto !important;
    padding-bottom: 20px;
  }
}

.c-profile-dashboard__children-item {
  opacity: 0.6;
}

.c-profile-dashboard__children-item .c-avatar {
  padding: 0.4em 0 1rem;
  margin-bottom: 1.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (min-width: 1318px) {
  .c-profile-dashboard__children-item .c-avatar {
    padding: 1.4em 0;
  }
}

.c-profile-dashboard__controls {
  margin-top: 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media (min-width: 768px) {
  .c-profile-dashboard__controls {
    margin-top: 0;
  }
}

@media screen and (min-width: 1024px) {
  .c-profile-dashboard__controls {
    margin-top: 0;
    display: block;
  }
}

@media screen and (max-width: 1023px) {
  .c-profile-dashboard__controls {
    display: none;
  }
}

@media screen and (min-width: 1280px) {
  .c-profile-dashboard__controls .c-btn {
    font-size: 16px;
  }
}

.c-profile-dashboard__controls .c-btn:not(:first-child) {
  margin-left: 1rem;
}

.c-profile-dashboard--non-parents .c-family-dashboard__main .l-group {
  background: none;
}

.c-profile-dashboard > .l-container .l-col-main {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.egg {
  width: 94px;
  height: 138px;
  margin: 0 auto 5px;
  position: relative;
  border-radius: 50%/60% 60% 40% 40%;
  background: #ccc17a;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ccc17a),
    color-stop(25%, #ccc17a),
    color-stop(7%, #b3a335),
    to(#b3a335)
  );
  background: -webkit-linear-gradient(
    top,
    #ccc17a 0%,
    #ccc17a 25%,
    #b3a335 7%,
    #b3a335 100%
  );
  background: -o-linear-gradient(
    top,
    #ccc17a 0%,
    #ccc17a 25%,
    #b3a335 7%,
    #b3a335 100%
  );
  background: linear-gradient(
    to bottom,
    #ccc17a 0%,
    #ccc17a 25%,
    #b3a335 7%,
    #b3a335 100%
  );
}

.egg__measurements {
  color: #fff;
  font-weight: 600;
  position: absolute;
  top: 1.7rem;
  margin: 0;
  left: 0;
  right: 0;
  text-align: center;
  left: 2.1rem;
}

.egg__measurements p {
  font-size: 12px;
  margin-bottom: 0.5rem;
  position: relative;
}

@media screen and (min-width: 1318px) {
  .egg__measurements p {
    font-size: 15px;
  }
}

.egg__measurements p::after {
  position: absolute;
  content: '';
  border-bottom: 2px solid #fff;
  width: 10px;
  top: 50%;
  left: 2px;
}

.egg__legend {
  color: #b3a335;
  text-align: center;
  font-size: 12px;
}

.egg::after {
  position: absolute;
  content: '';
  border-left: 2px solid #fff;
  height: 138px;
  right: 50%;
  top: 0;
}

.goals {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 1024px) {
  .goals {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.goals .l-col-1-1\@xs {
  padding-top: 0 !important;
  padding-bottom: 1rem;
}

.c-share-box {
  padding: 1rem;
  margin-bottom: 2rem;
  background-color: #a3ccd9;
  -webkit-box-shadow: 0.5rem 0.5rem 0.3rem rgba(163, 204, 217, 0.2);
  box-shadow: 0.5rem 0.5rem 0.3rem rgba(163, 204, 217, 0.2);
}

@media (min-width: 1024px) {
  .c-share-box {
    padding: 1.6rem;
  }
}

@media screen and (min-width: 414px) {
  .c-share-box {
    min-width: 372px;
  }
}

@media screen and (max-width: 1023px) {
  .c-share-box {
    display: inline-block;
  }
}

@media screen and (max-width: 413px) {
  .c-share-box {
    display: block;
  }
}

@media screen and (max-width: 1023px) {
  .c-share-box .l-group--wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.c-share-box .l-group--wrap .l-col-1-1:first-child {
  margin-bottom: 1rem;
}

@media (min-width: 1024px) {
  .c-share-box .l-group--wrap .l-col-1-1:first-child {
    margin-bottom: 0;
  }
}

.c-share-box__body {
  margin-bottom: 1rem;
}

.c-share-box__footer {
  margin-top: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.c-share-box__footer > div {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.c-share-box__footer .c-checkbox__label {
  text-transform: uppercase;
}

.c-share-box__wrapper {
  padding-bottom: 0.6rem;
  background: url(../img/confetti3.png);
  background-repeat: repeat-x;
  background-position: left 0 bottom -0.3rem;
  -webkit-background-size: 400px auto;
  background-size: 400px auto;
}

@media (min-width: 1024px) {
  .c-share-box__wrapper {
    padding-bottom: 1.6rem;
  }
}

.c-share-box--dash {
  z-index: 1;
  margin-top: 1rem;
  padding-bottom: 1.6rem;
}

@media (min-width: 768px) {
  .c-share-box--dash .c-share-box__message .c-ribbon--large {
    display: inline-block;
  }
}

@media (min-width: 1440px) {
  .c-share-box--dash {
    margin-top: 0;
    position: relative;
    top: -1.5rem;
    margin-bottom: 0;
  }
}

.c-share-box__photo {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: -webkit-calc(99.9% * 1/1 - (30px - 30px * 1/1));
  width: calc(99.9% * 1 / 1 - (30px - 30px * 1 / 1));
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  position: relative;
  margin-right: 14px !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-align: center;
  -webkit-flex-align: center;
}

.c-share-box__photo:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.c-share-box__photo:last-child {
  margin-right: 0;
}

.c-share-box__photo:nth-child(1n) {
  margin-right: 0;
  margin-left: auto;
}

@media screen and (max-width: 1023px) {
  .c-share-box__photo {
    width: 150px;
    height: 150px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: auto !important;
  }
}

@media (min-width: 1024px) {
  .c-share-box__photo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 3/10 - (30px - 30px * 3/10));
    width: calc(99.9% * 3 / 10 - (30px - 30px * 3 / 10));
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .c-share-box__photo:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .c-share-box__photo:last-child {
    margin-right: 0;
  }

  .c-share-box__photo:nth-child(10n) {
    margin-right: 0;
    margin-left: auto;
  }

  .c-share-box--dash .c-share-box__photo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 2.15/10 - (30px - 30px * 2.15/10));
    width: calc(99.9% * 2.15 / 10 - (30px - 30px * 2.15 / 10));
  }

  .c-share-box--dash .c-share-box__photo:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .c-share-box--dash .c-share-box__photo:last-child {
    margin-right: 0;
  }

  .c-share-box--dash .c-share-box__photo:nth-child(10n) {
    margin-right: 0;
    margin-left: auto;
  }
}

@media screen and (min-width: 1024px) {
  .c-share-box__photo {
    margin-right: 30px;
  }
}

.c-share-box__photo .close-btn {
  position: absolute;
  line-height: 1;
  z-index: 1;
  font-size: 1.5rem;
  background-color: #fff;
}

.c-share-box__photo .close-btn:hover {
  cursor: pointer;
}

.c-share-box__photo .close-btn-x {
  top: 0;
  right: 0;
  padding: 0 0 0 0.3rem;
}

.c-share-box__photo .close-btn-e {
  top: 0;
  left: 0;
  padding: 0 0.3rem;
}

.c-share-box__message {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: -webkit-calc(99.9% * 1/1 - (30px - 30px * 1/1));
  width: calc(99.9% * 1 / 1 - (30px - 30px * 1 / 1));
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  margin-bottom: 1rem;
}

.c-share-box__message:nth-child(1n) {
  margin-right: 30px;
  margin-left: 0;
}

.c-share-box__message:last-child {
  margin-right: 0;
}

.c-share-box__message:nth-child(1n) {
  margin-right: 0;
  margin-left: auto;
}

@media screen and (max-width: 1023px) {
  .c-share-box__message {
    max-width: 400px;
    margin-left: 0 !important;
  }
}

@media (min-width: 1024px) {
  .c-share-box__message {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 7/10 - (30px - 30px * 7/10));
    width: calc(99.9% * 7 / 10 - (30px - 30px * 7 / 10));
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 0;
    position: relative;
  }

  .c-share-box__message:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .c-share-box__message:last-child {
    margin-right: 0;
  }

  .c-share-box__message:nth-child(10n) {
    margin-right: 0;
    margin-left: auto;
  }

  .c-share-box--dash .c-share-box__message {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-calc(99.9% * 7.85/10 - (30px - 30px * 7.85/10));
    width: calc(99.9% * 7.85 / 10 - (30px - 30px * 7.85 / 10));
  }

  .c-share-box--dash .c-share-box__message:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0;
  }

  .c-share-box--dash .c-share-box__message:last-child {
    margin-right: 0;
  }

  .c-share-box--dash .c-share-box__message:nth-child(10n) {
    margin-right: 0;
    margin-left: auto;
  }
}

@media screen and (max-width: 1023px) {
  .c-share-box__message .c-ribbon--light-warning {
    display: none;
  }

  .c-share-box__message .c-ribbon--light-warning-iphone {
    display: block;
  }

  .c-share-box__message .c-ribbon--light-warning-iphone::before {
    border-color: transparent #6db1c5 transparent transparent;
  }

  .c-share-box__message .c-ribbon--light-warning-iphone::after {
    border-color: transparent transparent #6db1c5;
  }

  .c-share-box__message
    .c-ribbon--light-warning-iphone
    .c-ribbon--light-warning {
    display: block;
    margin-left: 0;
    font-size: 22px;
  }
}

@media screen and (max-width: 1023px) and (max-width: 412px) {
  .c-share-box__message
    .c-ribbon--light-warning-iphone
    .c-ribbon--light-warning {
    font-size: 22px;
  }
}

@media screen and (min-width: 1024px) {
  .c-share-box__message .c-ribbon--light-warning-iphone {
    display: none;
  }
}

@media screen and (min-width: 1100px) {
  .c-share-box__message label {
    margin-top: 44px;
  }
}

.c-share-box__cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.c-share-box__cta > div {
  margin-bottom: 1rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.c-share-box__cta > div:not(:last-child) {
  margin-right: 1rem;
}

@media screen and (max-width: 1023px) {  
  .c-share-box__cta.mobile-view{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
  }
  .share-actions.mobile-view{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
  }
  .c-checkbox-share.mobile-view{
    margin-left: 10px;
  }
}

@media (min-width: 1024px) {
  .c-share-box__cta {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
  }

  .c-share-box__cta > div {
    margin-bottom: 0;
  }

  .c-share-box__cta > div:not(:last-child) {
    margin-right: 0;
  }
}

@media (min-width: 1024px) {
  .c-share-box__cta .c-checkbox {
    margin-top: 1rem;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

.c-share-box__cta .c-checkbox__label {
  text-transform: uppercase;
  margin-bottom: 0;
}

.c-share-box__child-picker {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 1024px) {
  .c-share-box__child-picker {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.c-share-box__child {
  margin: 0.5rem;
}

.c-share-box__child .c-avatar {
  opacity: 0.4;
}

.c-share-box__child .c-avatar.is-selected {
  opacity: 1;
}

.c-share-box .c-ribbon {
  margin-bottom: 1rem;
}

@media (min-width: 1024px) {
  .c-share-box .c-ribbon {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    margin-left: -5rem;
    padding-left: 5rem;
  }

  .c-share-box--dash .c-ribbon {
    margin-bottom: 1rem;
  }
}

@media screen and (min-width: 1024px) {
  .c-share-box .c-ribbon {
    margin-top: 1rem;
    margin-left: -4rem;
  }
}

.c-share-box .add-photo {
  background-color: #e6eef3;
  border: 8px solid #fff;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  z-index: 1;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media (min-width: 1024px) {
  .c-share-box .add-photo {
    margin-right: -5%;
    border: 14px solid #fff;
  }
}

.c-share-box .add-photo img {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.c-share-box .add-photo span {
  font-size: 10px;
}

@media screen and (min-width: tablet) {
  .c-share-box .add-photo span {
    font-size: 16px;
  }
}

@media screen and (min-width: 1281px) {
  .c-share-box .add-photo span {
    font-size: 1.1em;
  }
}

.c-share-box .c-btn--secondary {
  background-color: transparent;
  margin-top: 2rem;
}

@media screen and (min-width: 1280px) {
  .c-share-box .c-btn--secondary {
    font-size: 16px;
  }
}

@media screen and (max-width: 1024px) {
  .c-btn.c-btn--rounded.c-btn--secondary.share-a-celebration.mobile-view {
    margin-top: 1rem;
  }
}

.c-share-box .c-btn--secondary:hover,
.c-share-box .c-btn--secondary:focus {
  background-color: #0c4da2;
  border-color: #0c4da2;
}

.c-share-box .c-btn--secondary:active {
  background-color: transparent;
  border-color: #0c4da2;
  color: #0c4da2;
}

.c-share-box .c-checkbox {
  word-spacing: 3px;
}

.c-share-box .c-checkbox--celebration-me {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-top: 1.7rem;
}

.c-share-box label {
  display: block;
  font-size: 14px;
}

@media screen and (min-width: 1280px) {
  .c-share-box label {
    font-size: 16px;
  }
}

@media screen and (max-width: 1023px) {
  .c-share-box .l-col-3-4\@md {
    width: 100%;
  }

  .c-share-box .l-col-1-4\@md {
    width: 100%;
  }
}

.c-share-box .l-col-3-4\@md {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .c-share-box .l-col-3-4\@md {
    width: -webkit-calc(99% * 3 / 4);
    width: calc(99% * 3 / 4);
    margin-right: 0;
  }
}

.c-share-box .l-col-1-4\@md {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .c-share-box .l-col-1-4\@md {
    width: -webkit-calc(99% * 1 / 4);
    width: calc(99% * 1 / 4);
  }
}

#edit-add-photo {
  display: none;
}

.c-child-select {
  background-color: #008fa8;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0.2em 0.5em;
  text-transform: uppercase;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}

@media screen and (min-width: 1280px) {
  .c-child-select {
    font-size: 16px;
  }
}

.c-child-select [class^='bne'] {
  margin-right: 0.5rem;
}

.c-child-select__wrapper {
  position: relative;
}

.c-child-select__list {
  list-style-type: none;
  display: none;
  position: absolute;
  top: 130%;
  right: 0;
  width: 100%;
}

.c-child-select__list.is-visible {
  display: block;
  z-index: 4;
}

.c-child-select__item:first-child {
  position: relative;
}

.c-child-select__item:first-child::before {
  position: absolute;
  content: '';
  top: -0.5rem;
  left: 1rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.5rem 0.5rem;
  border-color: transparent transparent #e6eef3 transparent;
}

.c-child-select__item button {
  background-color: #e6eef3;
  border: none;
  display: block;
  width: 132%;
  min-width: 200px;
  cursor: pointer;
  padding: 0.35em 0;
}

.c-child-select__item button:hover,
.c-child-select__item button:focus {
  background-color: #62afc4;
}

.c-card {
  background-color: #fff;
  padding: 0.8rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

.c-card__half {
  margin-right: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.c-card__image {
  position: relative;
  background-color: #fff;
  background-position: center center;
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  height: 0;
  padding-bottom: 77.5%;
}

.c-card__image .remove-connection {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.c-card__image--gifts {
  border: 0.6rem solid transparent;
  padding: 0.6rem;
  height: auto;
  background-color: #fff;
}

.c-card__image--gifts:hover {
  border: 0.6rem solid #0c4da2;
}

.c-card__image--gifts:hover .preview-btn {
  display: block;
}

.c-card__image--hover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5);
}

.c-card__gifts {
  position: relative;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  height: 0;
  padding-bottom: 62.5%;
}

.c-card__add-message {
  padding: 0;
  height: 100%;
}

@media screen and (min-width: 1024px) {
  .c-card__add-message {
    padding: 7px 0;
  }
}

@media screen and (min-width: 1280px) {
  .c-card__add-message {
    /*padding: 7px 0;*/
  }
}

.c-card__add-message textarea {
  width: 100%;
  border: 0;
  background-color: #f0f0ba;
  padding: 0.5rem;
  height: 100%;
  font-size: 14px;
  outline: none;
  resize: none;
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .c-card__add-message textarea {
    /* font-size: 1rem;
    margin-top: 27px;
    height: 248px; */
        padding: 1.5rem 3rem;
          font-size: 1rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-card__add-message textarea {
    margin-top: 44px;
    height: 212px;
  }
}

.c-card__add-message--social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: inherit;
  -ms-flex-direction: inherit;
  flex-direction: inherit;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
}

.c-card__add-message--social .social-post-title {
  background-color: #f0f0ba;
  color: #77378e;
  padding: 1.5rem 3rem 0;
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .c-card__add-message--social .social-post-title {
    padding: 1rem;
  }
}

.c-card__add-message--social textarea {
  height: 275px;
  outline: none;
}

.c-card__actions {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.c-card__actions button {
  margin: 1rem;
  position: relative;
  z-index: 1;
}

.c-card__header {
  padding-top: 0.45rem;
  padding-bottom: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .c-card__header {
    padding-bottom: 0.5rem;
  }
}

.c-card__header + p {
  margin-bottom: 0;
  font-size: 12px;
}

@media screen and (min-width: 1280px) {
  .c-card__header + p {
    font-size: 13px;
  }
}

.c-card__header--event-details {
  margin-left: -3.5rem;
}

.c-card__header--profile {
  margin-left: -2.5rem;
}

.c-card__title {
  font-weight: 300;
  margin-bottom: 0;
  font-size: 1rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .c-card__title {
    font-size: 14px;
  }
}

@media screen and (min-width: 1280px) {
  .c-card__title {
    font-size: 19px;
  }
}

.c-card__title a {
  color: #636466;
}

.c-card__social {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.c-card__social button,
.c-card__social a {
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin-right: 0.75rem;
}

.c-card__social .bne-gift {
  color: #c3b657;
  margin-left: 0.3rem;
}

.c-card__social [class^='bne-'],
.c-card__social [class*=' bne-'] {
  font-size: 1em;
}

.c-card__social [class^='bne-'].active,
.c-card__social [class*=' bne-'].active {
  color: #008fa8;
}

@media screen and (min-width: 1318px) {
  .c-card__social [class^='bne-'],
  .c-card__social [class*=' bne-'] {
    font-size: 1.4em;
  }
}

.c-card__social a {
  color: #636466;
}

.c-card__description {
  font-size: 1rem;
  overflow: hidden;
}

@media screen and (min-width: 1280px) {
  .c-card__description {
    font-size: 17px;
  }
}

.c-card__description a {
  color: #636466;
}

.c-card--limbo .c-card__image {
  -webkit-filter: brightness(130%) opacity(80%);
  filter: brightness(130%) opacity(80%);
}

.c-card__header-section {
  padding-left: 0;
  padding-right: 0;
}

.c-card__header-section__confirm {
  padding-left: 0 !important;
}

.c-card__select {
  text-align: center;
}

.c-card__select--image {
  position: relative;
}

.c-card__select--image img {
  width: 100%;
  padding: 1.5rem 1rem;
  max-width: 700px;
}

.c-card__select .close {
  font-size: 3rem;
  position: absolute;
  right: 2rem;
  top: 8rem;
  color: #636466;
  opacity: 0.7;
  font-weight: 200;
  text-shadow: none;
}

@media screen and (max-width: 1023px) {
  .c-card__select .close {
    top: 8rem;
  }
}

@media screen and (max-width: 452px) {
  .c-card__select .close {
    top: 8rem;
  }
}

@media screen and (min-width: 453px) and (max-width: 766px) {
  .c-card__select .close {
    top: 9rem;
  }
}

@media screen and (max-width: 408px) {
  .c-card__select .close {
    top: 8rem;
  }
}

.c-card__select .close:hover {
  opacity: 0.7;
  color: #0c4da2;
}

.c-card__select .close__send-ecard {
  top: 8rem;
}

.c-card__select .close-ecard {
  top: 8.5rem;
}

@media screen and (max-width: 768px) {
  .c-card__select .close-ecard {
    top: 6.5rem;
  }
}

@media screen and (max-width: 486px) {
  .c-card__select .close-ecard {
    top: 8.5rem;
  }
}

.c-card__select .c-btn {
  margin-top: 1rem;
}

.c-card__ocassions {
  position: relative;
}

.c-card__ocassions::after {
  position: absolute;
  content: url(../img/confetti1.png);
  bottom: -19%;
  right: 0;
}

@media screen and (max-width: 767px) {
  .c-card__ocassions::after {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@media screen and (max-width: 670px) {
  .c-card__ocassions::after {
    right: -4%;
  }
}

@media screen and (max-width: 570px) {
  .c-card__ocassions::after {
    right: -12%;
  }
}

@media screen and (max-width: 570px) {
  .c-card__ocassions::after {
    bottom: -24%;
    right: -39%;
  }
}

.c-card__ocassions-sent {
  padding-top: 2rem;
  height: 44rem;
}

@media screen and (max-width: 767px) {
  .c-card__ocassions-sent {
    height: 31rem;
  }
}

@media screen and (max-width: 500px) {
  .c-card__ocassions-sent {
    height: 24rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-card__ocassions-sent .inline-links a {
    font-size: 1.4rem;
  }
}

.c-card__ocassions .c-card-listing__item {
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.c-card__me-gifts {
  padding: 1rem 2rem;
}

.c-card__me-gifts .c-gift-feed__contributor-amount {
  font-size: 18px;
}

.c-card--me-gifts {
  background-color: #f0efbc;
  position: relative;
}

.c-card__event .bne-calendar,
.c-card__event .bne-location,
.c-card__event .bne-envelope-o,
.c-card__event .bne-gift {
  font-size: 1.5rem;
  color: #016bb4;
  border: 2px solid #016bb4;
  border-radius: 50%;
  padding: 0.2rem 0.3rem;
}

.c-card__event .bne-calendar:hover,
.c-card__event .bne-location:hover,
.c-card__event .bne-envelope-o:hover,
.c-card__event .bne-gift:hover {
  opacity: 0.8;
}

.c-card__event .bne-gift {
  color: #fff;
  border: 2px solid #77378e;
}

.c-card__event-announcements {
  position: relative;
  top: -4rem;
}

@media screen and (max-width: 560px) {
  .c-card__event-announcements {
    top: -3rem;
  }
}

.c-card__event-announcements .bne-envelope-o {
  background-color: #016bb4;
  color: #fff;
}

.c-card--event-details input,
.c-card--event-details select,
.c-card--event-details input:focus,
.c-card--event-details select:focus {
  color: #636466;
  font-size: 14px !important;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  border-bottom: 1px solid #636466;
  -webkit-box-shadow: none;
  box-shadow: none;
  line-height: 24px;
  background-color: #fff !important;
  margin-bottom: 0.5rem;
  height: 36px;
  text-align: center;
}

.c-card--event-details input::-webkit-input-placeholder,
.c-card--event-details select::-webkit-input-placeholder,
.c-card--event-details input:focus::-webkit-input-placeholder,
.c-card--event-details select:focus::-webkit-input-placeholder {
  color: #636466;
}

.c-card--event-details input::-moz-placeholder,
.c-card--event-details select::-moz-placeholder,
.c-card--event-details input:focus::-moz-placeholder,
.c-card--event-details select:focus::-moz-placeholder {
  color: #636466;
}

.c-card--event-details input:-ms-input-placeholder,
.c-card--event-details select:-ms-input-placeholder,
.c-card--event-details input:focus:-ms-input-placeholder,
.c-card--event-details select:focus:-ms-input-placeholder {
  color: #636466;
}

.c-card--event-details input::placeholder,
.c-card--event-details select::placeholder,
.c-card--event-details input:focus::placeholder,
.c-card--event-details select:focus::placeholder {
  color: #636466;
}

.c-card--event-details #event-date {
  position: relative;
}

.c-card--event-details .bne-calendar {
  color: #636466;
  font-size: 24px;
  position: absolute;
  right: 1rem;
}

.c-card--event-details textarea,
.c-card--event-details textarea:focus {
  background-color: #fff;
  border: 1px solid #c3b657;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 14px;
}

.c-card--event-details .c-card-listing__item {
  margin-bottom: 0;
}

.c-card--post-img {
  max-width: 600px;
  margin: auto;
}

.c-card--social-comments {
  text-align: center;
  margin: 0;
  padding: 0;
}

.c-card--social-comments__header h4,
.c-card--social-comments__header .delta {
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .c-card--social-comments__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: left;
    -webkit-align-items: left;
    -ms-flex-align: left;
    align-items: left;
  }
}

.c-card--social-comments .change-profile-picture {
  display: none;
}

.c-card--social-comments:hover .change-profile-picture {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.c-card--dropdown {
  display: none;
  list-style-type: none;
  background: white none repeat scroll 0 0;
  position: absolute;
  right: 0;
  z-index: 2;
  padding-left: 1rem;
  padding-bottom: 0.7rem;
  padding-right: 1rem;
}

.c-card--dropdown [class^='bne-'] {
  color: #008fa8;
  padding: 0.3rem 0;
}

@media screen and (max-width: 1023px) {
  .c-card-to-edit .l-group {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .c-card-to-edit .l-group .c-card__half,
  .c-card-to-edit .l-group .c-card__add-message {
    padding: 0;
    margin: 0;
  }
}

.c-card-to-edit .l-group .l-col-1-1 {
  margin: 0;
}

@media screen and (max-width: 706px){
  .c-card-listing.c-card-listing__dashboard.mobile-view{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (min-width: 1024px) {
  .c-card-listing__dashboard {
    min-width: 651px;
  }
}

#ecard-options .bne-gift {
  font-size: 18px;
}

.c-tabs {
  background-color: #008fa8;
  margin-right: -1rem;
  margin-bottom: 1.5rem;
  margin-left: -1rem;
}

.c-tabs__give-cards {
  padding: 2rem 0;
}

.c-tabs__give-cards .c-tabs__list {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 1024px) {
  .c-tabs__give-cards .c-tabs__list {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.c-tabs__give-cards .c-tabs__item {
  background-color: transparent !important;
  color: #636466 !important;
  border-top: 2px solid transparent;
}

.c-tabs__give-cards .c-tabs__item.is-active .c-tabs__button {
  border-top: 2px solid #c3b657;
  color: #c3b657 !important;
}

.c-tabs__give-cards .c-tabs__button {
  padding-top: 0.4rem;
}

.c-tabs__list {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .c-tabs__list {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media (max-width: 767px) {
  .c-tabs__list {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .c-tabs__list .c-tabs__button {
    font-size: 1rem;
  }
  .c-tabs__list.mobile-view {
    /* justify-content: center; */

  }
}

.c-tabs__item {
  padding: 0.35em 2rem;
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .c-tabs__item {
    padding: 0.1em 1em;
  }
}

.c-tabs__item:not(.active) {
  background-color: #008fa8;
  color: #fff;
  border-right: 2px solid #f0f0ba;
}

.c-tabs__item.active {
  color: #008fa8;
  background-color: #f0f0ba;
}

.c-tabs__panel {
  display: none;
}

.c-tabs__panel.active {
  display: block;
}

.c-tabs__button {
  background-color: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  display: block;
  width: 100%;
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.2rem;
}

.c-tabs__center .c-tabs__list {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#ecards-load-steps .c-tabs__list {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#ecards-load-content .c-card {
  padding-bottom: 0;
  margin: 0;
}

#ecards-load-content .c-card-to-edit {
  padding-bottom: 1rem;
}

#gifts-load-steps .c-tabs__item {
  border-right: none;
}

@media screen and (mmin-width: 412px) {
  #gifts-load-steps .c-tabs__item:first-child {
    padding-left: 0;
  }
}

@media screen and (mmin-width: 412px) {
  #gifts-load-steps .c-tabs__item:last-child {
    padding-right: 0;
  }
}

#ecards-load-steps .c-tabs__item {
  border-right: none;
  border-left: 0;
}

.c-pills {
  margin-bottom: 1.5rem;
}

.c-pills__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .c-pills__list {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

.c-pills__item:not(:first-child) {
  margin-left: 1rem;
}

.c-pills__item.active .c-pills__button {
  background-color: #0c4da2;
  border-color: #0c4da2;
  color: #fff;
}

.c-pills__panel {
  display: none;
}

.c-pills__panel.active {
  display: block;
}

.c-pills__button {
  background-color: transparent;
}

.c-card-listing__actions {
  margin-bottom: 1rem;
}

.c-card-listing__actions .c-btn--secondary {
  background-color: transparent;
}

.c-card-listing__actions .c-btn--secondary:hover,
.c-card-listing__actions .c-btn--secondary:focus {
  background-color: #0c4da2;
  border-color: #0c4da2;
}

.c-card-listing__actions .c-btn--secondary:active {
  background-color: transparent;
  border-color: #0c4da2;
  color: #0c4da2;
}

.c-card-listing__feed {
  padding-left: 0;
  margin: 0 -1rem;
  list-style-type: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.c-card-listing-img__feed {
  max-width: 125%;
}

.c-card-listing__item {
  -webkit-flex-basis: 33%;
  -ms-flex-preferred-size: 33%;
  flex-basis: 33%;
  margin-bottom: 10px;
  position: relative;
}

@media screen and (min-width: 768px) {
  .c-card-listing__item {
    margin-bottom: 2rem;
  }
}

.c-card-listing__item .c-card {
  min-width: 300px;
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .c-card-listing__item .c-card {
    max-width: 285px;
  }
}

@media screen and (min-width: 1318px) {
  .c-card-listing__item .c-card {
    min-width: 320px;
  }
}

.c-card-listing__item--me-gifts {
  -webkit-flex-basis: 24.33%;
  -ms-flex-preferred-size: 24.33%;
  flex-basis: 24.33%;
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .c-card-listing__item--me-gifts {
    margin-bottom: 2rem;
  }
}

.c-card-listing__item--me-gifts .c-card {
  min-width: 300px;
}

@media screen and (min-width: 560px) {
  .c-card-listing__item--me-gifts .c-card {
    min-width: 320px;
  }
}

.c-card-listing__item .bne-edit-post {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  right: 0;
  left: 0;
  background-color: #fff;
  text-align: end;
  padding-right: 10px;
  top: 0;
}

@media (min-width: 992px) {
  .c-card-listing--2up {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }
}

.c-card-listing--2up .c-card-listing__item {
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

@media screen and (min-width: 1420px) {
  .c-card-listing__dashboard .c-card {
    margin-left: 0;
  }
}

@media screen and (max-width: 662px) {
  .c-card-listing__dashboard .c-card-listing__auto {
    /* max-width: 332px; */
  }
}

.aleator-background {
  background: url(../img/confetti2.png);
  background-position: 73% 55px, center;
  background-repeat: repeat-x;
  -webkit-background-size: 41% auto, auto;
  background-size: 41% auto, auto;
  padding-bottom: 4.5rem;
  padding-top: 0;
}

@media screen and (min-width: 360px) {
  .aleator-background {
    padding-top: 0.3rem;
    -webkit-background-size: 58% auto, auto;
    background-size: 58% auto, auto;
  }
}

@media screen and (min-width: 1024px) {
  .aleator-background {
    -webkit-background-size: 41.8% auto, auto;
    background-size: 41.8% auto, auto;
  }
}

@media screen and (min-width: 1280px) {
  .aleator-background {
    background-position: 73% 27px, center;
    -webkit-background-size: 38% auto, auto;
    background-size: 38% auto, auto;
  }
}

.c-ad {
  min-width: 320px;
}

.c-ad__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.c-ad--millennials {
  margin-left: 2rem;
  margin-right: 2rem;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 10rem;
  background: url(../img/10tips.png), #008fa8;
  -webkit-background-size: cover, auto auto;
  background-size: cover, auto auto;
  color: #fff;
  font-size: 1.5rem;
}

.c-ad--millennials:hover,
.c-ad--millennials:focus {
  color: #fff;
}

.c-ad--millennials p {
  margin-bottom: 0;
  padding-right: 2rem;
}

.c-ad--millennials::after {
  content: '';
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  -o-transform: translateY(-40%);
  transform: translateY(-40%);
}

.c-ad--calvert {
  background-color: #fff;
  border-radius: 1.6rem;
  -webkit-box-shadow: 0.5rem 0.5rem 0.3rem rgba(121, 126, 131, 0.2);
  box-shadow: 0.5rem 0.5rem 0.3rem rgba(121, 126, 131, 0.2);
  padding: 1.5rem 2rem;
  margin-left: 1rem;
  margin-right: 1rem;
  text-align: center;
  line-height: 1.3;
}

.c-ad--calvert img {
  max-width: 70%;
}

.c-ad--calvert .lead {
  font-weight: bold;
  font-size: 1.3em;
}

@media screen and (min-width: 1280px) {
  .c-ad--calvert .lead {
    font-size: 19px;
  }
}

@media screen and (min-width: 1280px) {
  .c-ad--calvert p {
    font-size: 16px;
  }
}

.c-ad--calvert__post {
  padding-left: 0 !important;
}

.c-notifications {
  text-align: center;
}

.c-notifications__feed {
  list-style-type: none;
  margin: 1rem 0;
  padding: 0;
}

.c-notifications__item {
  padding: 0.5rem;
}

.c-notifications__item p {
  padding: 0;
  margin-bottom: 0 !important;
  line-height: 1.2;
}

.c-notifications__item [class*='bne'] {
  color: #636466;
}

.c-notifications__item .c-round--success [class*='bne'] {
  color: #fff;
}

.c-notifications__item .c-round--inverted [class*='bne'] {
  color: #c3b657;
}

.c-notifications__item:not(:last-child) {
  position: relative;
}

.c-notifications__item:not(:last-child)::after {
  content: '';
  display: block;
  border-bottom: 1px solid #bfbfbf;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.c-notifications__item-avatar {
  display: inline-block;
  width: 100px;
  height: 72.1px;
  margin-left: 1rem;
  margin-right: 1rem;
  -webkit-flex-basis: 22%;
  -ms-flex-preferred-size: 22%;
  flex-basis: 22%;
}

@media screen and (max-width: 767px) {
  .c-notifications__item-avatar {
    display: block;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

.c-notifications__item-avatar + .u-dib {
  -webkit-flex-basis: 66%;
  -ms-flex-preferred-size: 66%;
  flex-basis: 66%;
}

@media screen and (max-width: 767px) {
  .c-notifications__item-avatar + .u-dib {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .c-notifications__item-avatar--center {
    width: auto;
  }
}

.c-notifications__item .c-card {
  -webkit-box-shadow: 0 0 10px rgba(153, 153, 153, 0.5);
  box-shadow: 0 0 10px rgba(153, 153, 153, 0.5);
  margin-bottom: 0.75rem;
}

.c-notifications__item .c-avatar {
  padding: 0.75rem 0;
  margin: 0 auto 0.75rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.c-notifications__item .c-avatar .c-btn {
  font-size: 0.65rem;
}

.c-notifications__item .c-ad--calvert {
  -webkit-box-shadow: 0 0 10px rgba(153, 153, 153, 0.5);
  box-shadow: 0 0 10px rgba(153, 153, 153, 0.5);
  min-width: auto;
  font-size: 0.875rem;
  margin-left: 0;
  margin-right: 0;
}

.c-notifications__item .c-ad--calvert img {
  max-width: 90%;
}

@media screen and (min-width: 415px) {
  .c-notifications__item-notifications {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media screen and (max-width: 414px) {
  .c-notifications__item-notifications {
    text-align: center;
  }
}

.c-notifications__item-notifications .c-card {
  width: 100px;
  display: inline-block;
}

.c-notifications__item-notifications .c-notifications__desc {
  font-size: 16px;
  padding-bottom: 0.5rem;
}

.c-notifications__item-notifications .c-notifications__desc .gift-received {
  color: #62afc4;
}

@media screen and (max-width: 767px) {
  .c-notifications__item-notifications .c-notifications__desc {
    font-size: 14px;
  }
}

.c-notifications__item-notifications .c-notifications__date {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .c-notifications__item-notifications .c-notifications__date {
    font-size: 12px;
  }
}

.c-notifications__item-notifications .c-notifications__icons {
  display: inline-block;
}

@media screen and (max-width: 414px) {
  .c-notifications__item-notifications .c-notifications__icons {
    display: block;
    padding-left: 0 !important;
  }
}

.c-notifications__item-notifications .c-notifications__icons [class*='bne'] {
  position: relative;
  left: 0.03rem;
}

.c-notifications__item-notifications::after {
  border-bottom: 1px solid #c3b657 !important;
}

.c-notifications__desc {
  margin: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  color: #636466;
}

.c-notifications__desc--highlight {
  color: #008fa8;
}

.c-notifications__date {
  margin-bottom: 0.25rem !important;
  padding-right: 1rem;
  font-size: 13px;
  padding-left: 1rem;
}

.c-notifications__link--muted {
  color: #636466;
}

.c-notifications__icons [class*='bne'] {
  font-size: 1.3rem;
}

.c-panel {
  line-height: 1.3;
  background-color: #fff;
  border-radius: 1.6rem;
  -webkit-box-shadow: 1px 4px 16px 5px rgba(121, 126, 131, 0.2);
  box-shadow: 1px 4px 16px 5px rgba(121, 126, 131, 0.2);
  padding: 2rem;
  margin-bottom: 2rem;
}

@media screen and (min-width: 1440px) {
  .c-panel {
    margin: 0 0 2rem;
  }
}

@media screen and (max-width: 1280px) {
  .c-panel {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .c-panel {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
}

.c-panel__side {
  border-right: 1px solid transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 768px) {
  .c-panel__side {
    padding-right: 2rem;
  }
}

@media screen and (min-width: 1024px) {
  .c-panel__side {
    border-right: 1px solid #c3b657;
  }
}

.c-panel__side--flex .l-group--base {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.c-panel__side--flex .l-group--base .c-dotter__wrapper:nth-child(2) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
  justify-content: end;
}

.c-panel__cards {
  padding: 1rem;
  margin: 0;
  margin-bottom: 0;
}

@media screen and (min-width: 560px) {
  .c-panel__cards {
    padding: 2rem 4rem;
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 768px) {
  .c-panel__cards .c-tabs__give-cards {
    padding: 0 0 2rem;
  }
}

.c-panel__ocassions {
  position: relative;
}

.c-panel__ocassions::after {
  position: absolute;
  content: url(../img/Egg-gift.png);
  bottom: 7%;
  right: 20%;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
}

@media screen and (max-width: 767px) {
  .c-panel__ocassions::after {
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4);
    bottom: -10%;
    right: 26%;
  }
}

@media screen and (max-width: 570px) {
  .c-panel__ocassions::after {
    right: 12%;
  }
}

@media screen and (max-width: 980px) {
  .c-panel__give-gifts {
    padding: 1rem !important;
  }
}

.c-panel__announcements {
  padding-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

@media screen and (min-width: 1024px) {
  .c-panel__announcements {
    background: url(../img/Egg-gift.png), #fff;
    background-repeat: no-repeat;
    background-position: 100% 22%;
    -webkit-background-size: 160px 160px;
    background-size: 160px;
  }
}

@media screen and (min-width: 1281px) {
  .c-panel__announcements {
    -webkit-background-size: 204px 204px;
    background-size: 204px;
    background-position: 92% 14%;
  }
}

.c-panel__notifications-page {
  padding: 4rem;
  background-repeat: no-repeat;
  -webkit-background-size: 190px 190px;
  background-size: 190px;
  background-position: bottom 6rem right 4.5rem;
  position: relative;
}

@media screen and (max-width: 1280px) {
  .c-panel__notifications-page {
    padding: 4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-panel__notifications-page {
    padding: 1rem;
  }
}

.c-panel__notifications-page::after {
  position: absolute;
  content: url(../img/confetti-1-4.png);
  right: 0;
  bottom: -1px;
  
}

.c-panel__notifications--onboarding {
  padding: 4rem;
  background: url(../img/Egg-gift.png), #fff !important;
  background-repeat: no-repeat !important;
  -webkit-background-size: 190px 190px !important;
  background-size: 190px !important;
  background-position: bottom 6rem right 4.5rem !important;
  position: relative !important;
}

@media screen and (max-width: 1280px) {
  .c-panel__notifications--onboarding {
    -webkit-background-size: 90px 90px !important;
    background-size: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .c-panel__notifications--onboarding {
    padding-bottom: 15rem;
  }
}

@media screen and (max-width: 1280px) {
  .c-panel__notifications--onboarding::after {
    display: block !important;
  }
}

@media screen and (max-width: 767px) {
  .c-panel__notifications--onboarding::after {
    content: url(../img/confetti-1-4.png);
  }
}

.c-panel__my-family-profile-page {
  padding: 4rem;
}

@media screen and (max-width: 767px) {
  .c-panel__my-family-profile-page {
    padding: 1rem;
  }
}

.c-panel__event-page {
  background: url(../img/confetti-bottom.png), #fff;
  background-repeat: no-repeat;
  background-position: bottom 0 right 0;
}

.c-panel__event-page .c-card__event {
  background: url(../img/Egg-gift.png);
  background-repeat: no-repeat;
  -webkit-background-size: 200px 200px;
  background-size: 200px;
  background-position: bottom 60px right 100px;
}

@media screen and (max-width: 1023px) {
  .c-panel__event-page .c-card__event {
    background: none;
  }
}

.c-panel__event-page .c-card__event-post .c-event--border,
.c-panel__event-page .c-card__event-post .l-col-1-4 {
  padding-bottom: 4rem;
  position: relative;
}

@media screen and (max-width: 1023px) {
  .c-panel__event-page .c-card__event-post .c-event--border,
  .c-panel__event-page .c-card__event-post .l-col-1-4 {
    width: 100%;
    border: none;
  }
}

.c-panel__event-page .c-card__event-post .c-event--border:first-of-type {
  margin-right: 0 !important;
}

.c-panel__event-page .c-card__event-post .addtocalendar,
.c-panel__event-page .c-card__event-post .address,
.c-panel__event-page .c-card__event-post .rsvp {
  position: absolute;
  bottom: 2rem;
  left: 0;
  right: 0;
}

@media screen and (max-width: 1023px) {
  .c-panel__event-page .c-card__event-post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.c-panel__e-card-recipient {
  position: relative;
  padding-bottom: 10rem;
}

@media screen and (min-width: 768px) {
  .c-panel__e-card-recipient {
    padding: 4rem 6.9rem 10rem;
  }
}

.c-panel__e-card-recipient::before {
  position: absolute;
  content: url(../img/confetti-bottom.png);
  bottom: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  .c-panel__e-card-recipient::before {
    -webkit-background-size: 200px 200px;
    background-size: 200px;
  }
}

.c-panel__e-card-recipient-edit {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding-bottom: 3rem;
  padding-top: 45px;
  margin-bottom: 0;
}

.c-panel__e-card-recipient-edit::before {
  content: '';
}

.c-panel__e-card-recipient-edit-bottom {
  padding-top: 15px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.c-panel--social-comments {
  padding: 2.5rem;
  background-position: bottom 6rem right 0;
  -webkit-background-size: 150px 150px;
  background-size: 150px;
}

@media screen and (min-width: 768px) {
  .c-panel--social-comments {
    padding: 3rem;
  }
}

@media screen and (max-width: 1280px) {
  .c-panel--social-comments {
    -webkit-background-size: 100px 100px;
    background-size: 100px;
  }
}

.c-panel--paypal input {
  border-bottom: 1px solid #636466;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  text-align: center;
  padding-bottom: 0.5rem;
  font-size: 14px;
}

.c-panel--contacts {
  padding: 2rem !important;
}

@media screen and (max-width: 767px) {
  .c-panel--settings {
    padding: 2rem !important;
  }
}

.c-panel--ecards {
  margin: 0;
}

@media screen and (max-width: 1023px) {
  .c-panel--ecards {
    padding: 2rem !important;
  }
}

.contacts-table .panel {
  border-radius: 1.6rem;
}

.c-ribbon-panel:not(:last-child) {
  padding-bottom: 2rem;
}

.c-ribbon-panel .c-ribbon--compound {
  margin-bottom: 2rem;
}

@media screen and (max-width: 1023px) {
  .c-ribbon-panel--non-parents .c-card-listing {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.c-dotter {
  border-bottom: 2px dotted #636466;
  padding-bottom: 0.3rem;
  margin-bottom: 0.3rem;
}

.c-dotter__wrapper {
  padding-bottom: 1rem;
}

.c-dotter__size {
  font-size: 14px;
}

@media screen and (min-width: 1318px) {
  .c-dotter__size {
    font-size: 17px;
  }
}

.c-dotter__size ~ p {
  font-size: 14px;
}

@media screen and (min-width: 1318px) {
  .c-dotter__size ~ p {
    font-size: 17px;
  }
}

.c-avatar ~ p {
  padding-left: 1rem;
  font-size: 13px;
  font-weight: 500;
}

#select-birthday {
  color: #636466;
}

#select-birthday .c-round {
  vertical-align: middle;
  margin-left: 0.5rem;
}

#select-birthday .bne-down {
  vertical-align: middle;
  font-size: 0.7em;
}

.bne-right {
  color: #c3b657;
  vertical-align: middle;
  padding-left: 0.5rem;
  font-size: 1.5rem;
}

@media screen and (min-width: 768px) {
  .bne-right {
    font-size: 2rem;
  }
}

.dropdown {
  text-align: right;
}

.dropdown-menu {
  right: 0;
}

.l-col-1-1\@xs:nth-child(2) {
  padding-top: 1rem;
}

.c-group--input {
  padding: 0;
}

.c-group--input-style {
  border: none;
  border-bottom: 3px solid #c3b657;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  opacity: 1;
  color: #c3b657;
  font-size: 20px;
  font-weight: 600;
}

.c-group--input-style::-webkit-input-placeholder {
  color: #c3b657;
  opacity: 1;
  font-size: 16px;
}

.c-group--input-style::-moz-placeholder {
  color: #c3b657;
  opacity: 1;
  font-size: 16px;
}

.c-group--input-style:-ms-input-placeholder {
  color: #c3b657;
  opacity: 1;
  font-size: 16px;
}

.c-group--input-style::placeholder {
  color: #c3b657;
  opacity: 1;
  font-size: 16px;
}

.c-group--input-style.placeholder-style {
  margin-bottom: 0;
  line-height: 20px;
}

@media screen and (min-width: 1280px) {
  .c-group--input-style.placeholder-style {
    line-height: 34px;
  }
}

.c-group--input-style.placeholder-style::-webkit-input-placeholder {
  font-weight: 600;
  font-size: 16px;
}

.c-group--input-style.placeholder-style::-moz-placeholder {
  font-weight: 600;
  font-size: 16px;
}

.c-group--input-style.placeholder-style:-ms-input-placeholder {
  font-weight: 600;
  font-size: 16px;
}

.c-group--input-style.placeholder-style::placeholder {
  font-weight: 600;
  font-size: 16px;
}

@media screen and (min-width: 768px) {
  .c-group--input-style {
    padding-bottom: 0.5rem;
  }
}

.c-group--input-style-inline:first-child {
  margin-right: 1rem;
}

@media screen and (max-width: 1024px) {
  .c-group--input-style-inline:first-child {
    margin-right: 0;
  }
}

.c-group--input-style-inline:first-child + .c-group--input-style-inline {
  margin-left: 0;
}

.c-group--input-dolar {
  width: 50%;
  text-align: center;
  padding-top: 0;
}

@media screen and (max-width: 1023px) {
  .c-group--input-dolar {
    width: 64%;
  }
}

@media screen and (max-width: 767px) {
  .c-group--input-dolar {
    width: 200px;
  }
}

.c-group--input-dolar::-webkit-input-placeholder {
  text-align: center;
}

.c-group--input-dolar::-moz-placeholder {
  text-align: center;
}

.c-group--input-dolar:-ms-input-placeholder {
  text-align: center;
}

.c-group--input-dolar::placeholder {
  text-align: center;
}

.c-group--input .input-block {
  padding-bottom: 1rem;
}

@media screen and (max-width: 1023px) {
  .c-group--input .input-block {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (min-width: 980px) {
  .c-group--input .input-block {
    padding-bottom: 1rem;
  }
}

.c-group--input .input-block + .u-ac {
  padding: 2rem 0 0;
}

@media screen and (min-width: 980px) {
  .c-group--input .input-block + .u-ac {
    padding: 6rem 0 2rem;
  }
}

.c-group--input .input-block--verify {
  position: relative;
}

.c-group--input .input-block--verify div {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.c-group--input .input-block--verify div:first-of-type {
  margin-right: 1rem;
  position: relative;
}

@media screen and (max-width: 1024px) {
  .c-group--input .input-block--verify div:first-of-type {
    margin-right: 0;
    margin-bottom: 1rem;
  }
}

.c-group--input .input-block--verify div:last-of-type {
  margin-left: 1rem;
  position: relative;
}

@media screen and (max-width: 1024px) {
  .c-group--input .input-block--verify div:last-of-type {
    margin-left: 0;
  }
}

.c-group--input__scroll {
  height: 800px;
  overflow-y: scroll;
  overflow-x: hidden;
}

input.form-control {
  font-size: 14px !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}

input[type='date']::-webkit-clear-button {
  -webkit-appearance: none !important;
  display: none !important;
}

.c-input--change-ribbon {
  border: 0;
  padding: 0;
  background-color: transparent;
}

.c-input--change-ribbon::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
  cursor: pointer;
}

.c-input--change-ribbon::-moz-placeholder {
  color: #fff;
  opacity: 1;
  cursor: pointer;
}

.c-input--change-ribbon:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
  cursor: pointer;
}

.c-input--change-ribbon::placeholder {
  color: #fff;
  opacity: 1;
  cursor: pointer;
}

.second-step form {
  width: 100%;
}

.second-step ::-webkit-input-placeholder {
  text-transform: uppercase;
}

.second-step ::-moz-placeholder {
  text-transform: uppercase;
}

.second-step :-ms-input-placeholder {
  text-transform: uppercase;
}

.second-step ::placeholder {
  text-transform: uppercase;
}

.select-child {
  display: block;
}

.select-child p {
  font-size: 16px !important;
}

@media screen and (min-width: 1281px) {
  .select-child p {
    font-size: 18px !important;
  }
}

.give-gift {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.give-gift .c-btn {
  border-radius: 50%;
  padding: 0.25em 0.6em;
}

.give-gift .bne-right {
  color: #fff;
  margin-left: 0 !important;
  padding-left: 0;
}

.c-give--picture__profile {
  list-style: none;
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.c-give--picture__profile-item {
  padding-bottom: 0.2rem;
}

@media screen and (max-width: 884px) {
  .c-give--picture__profile-item .u-mr {
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 360px) {
  .c-give--description {
    line-height: 1;
  }
}

.c-give--description h3,
.c-give--description .gamma {
  margin-bottom: 0;
  font-size: 20px;
}

@media screen and (min-width: 1281px) {
  .c-give--description h3,
  .c-give--description .gamma {
    font-size: 26px;
  }
}

@media screen and (max-width: 360px) {
  .c-give--description h3,
  .c-give--description .gamma {
    line-height: 1;
    font-size: 24px;
  }
}

.c-give--description h3 + p,
.c-give--description .gamma + p {
  font-size: 16px;
}

@media screen and (min-width: 1281px) {
  .c-give--description h3 + p,
  .c-give--description .gamma + p {
    font-size: 18px;
  }
}

.c-give--description p {
  margin-bottom: 0;
  font-size: 20px;
}

@media screen and (min-width: 1281px) {
  .c-give--description p {
    font-size: 26px;
  }
}

.c-give--childrens p,
.c-give--childrens a {
  display: inline-block;
}

.c-give--childrens .select-child {
  display: inline-block;
  padding-right: 2rem;
}

@media screen and (min-width: 768px) {
  .c-give--childrens .select-child {
    padding-right: 5rem;
  }
}

.c-give--childrens .select-child__name {
  padding-right: 1rem;
  position: relative;
}

.c-give--childrens .select-child__name:not(:last-child)::after {
  position: absolute;
  content: '/';
  color: #c3b657;
  top: -5px;
  bottom: 0;
  right: 0;
  font-size: 1.5rem;
}

.c-give--childrens .select-child__name .is-active {
  color: #77378e;
}

.c-give--childrens .select-child__name p:hover {
  text-shadow: 3px 1px 2px #969696;
}

.family-informations {
  position: relative;
  margin-bottom: 3rem;
  padding: 1rem 2rem;
  position: relative;
}

.family-informations.is-active {
  background-color: #f5f3e5;
  border-radius: 4rem;
}

.family-informations .l-col-side {
  width: 11rem;
  min-width: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 1281px) {
  .family-informations .l-col-side {
    width: 15.5rem;
  }
}

@media screen and (max-width: 768px) {
  .family-informations {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .family-informations .c-give--description {
    text-align: center;
  }

  .family-informations .c-give--picture__profile-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
}

.help-check {
  position: absolute;
  bottom: -18px;
  left: 8px;
  right: 0;
}

.select-card__name {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.c-card__ocassions .c-card {
  position: relative;
  z-index: 1;
  background-color: transparent;
}

.preview-btn {
  position: absolute;
  top: 50%;
  display: none;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.inline-links {
  border-top: 2px solid #c3b657;
  border-bottom: 2px solid #c3b657;
  padding: 1rem 0;
}

.inline-links a {
  font-size: 2rem;
}

@media screen and (max-width: 730px) {
  .inline-links a + .u-fr {
    float: none !important;
    display: block;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  #send-gift-family-name {
    margin-right: 1rem;
  }
}

#gifts-load-content .c-card__header-section {
  padding-left: 0;
  padding-right: 0;
}

#gifts-load-content .c-card__image {
  -webkit-background-size: contain;
  background-size: contain;
}

@media screen and (max-width: 1023px) {
  .dolar {
    font-size: 18px;
    margin-bottom: 0;
    padding-top: 1rem;
  }
}

.c-gift-feed__history td {
  padding: 0.5rem;
}

.contacts-table td {
  font-size: 14px;
  padding: 4px;
}

@media screen and (max-width: 767px) {
  .contacts-table td {
    display: block;
  }

  .contacts-table td .checkbox {
    display: inline-block;
    width: auto;
  }

  .contacts-table td::before {
    content: attr(data-th) ': ';
    font-weight: bold;
    width: 10em;
    display: inline-block;
    color: #c3b657;
  }
}

.contacts-table .panel-body {
  padding: 0;
}

.contacts-table .c-btn {
  padding: 0 4px;
  border-radius: 8px;
}

.c-contacts--add input {
  border-bottom: 1px solid #636466;
  color: #636466;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  text-align: center;
  padding-bottom: 0.5rem;
  font-size: 14px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
}

.c-contacts--add input:focus {
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #636466;
}

#fromContacts th,
#invitedUsers th,
#totalRSVPInvites th {
  display: none;
}

@media screen and (min-width: 768px) {
  #fromContacts th,
  #fromContacts td,
  #invitedUsers th,
  #invitedUsers td,
  #totalRSVPInvites th,
  #totalRSVPInvites td {
    display: table-cell !important;
  }
}

#reload-contacts td,
#invitedUsers td {
  display: block;
}

@media screen and (max-width: 767px) {
  #reload-contacts td::before,
  #invitedUsers td::before {
    content: attr(data-th) ': ';
    font-weight: bold;
    width: 10em;
    display: block;
    color: #c3b657;
  }
}

@media screen and (max-width: 767px) {
  #reload-contacts .invite-people-to-event-check,
  #invitedUsers .invite-people-to-event-check {
    width: auto;
  }
}

#totalRSVPInvites td {
  display: block;
}

@media screen and (max-width: 767px) {
  #totalRSVPInvites td::before {
    content: attr(data-th) ': ';
    font-weight: bold;
    width: 10em;
    display: block;
    color: #c3b657;
  }
}

@media screen and (max-width: 768px) {
  .input-mobile td {
    width: 100%;
    display: block;
  }
}

#family-profile-picture {
  border: 1px solid transparent;
}

.edit__family-picture input,
.edit__family-picture select {
  width: 100% !important;
  margin: 0.5rem;
}

.c-edit-family-profile--close {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-bottom: 4px;
}

@media screen and (max-width: 767px) {
  .c-edit-family-profile--close {
    position: relative;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    right: 4rem;
  }
}

.submit-form__title {
  color: #008fa8;
  padding-top: 2rem;
  font-size: 3rem;
}

.required-color {
  color: #ee1113;
}

#attachments {
  border: 1px solid transparent;
}

.c-non-parents--give-gift .bne-gift {
  margin-left: 0 !important;
}

.c-non-parents--give-gift .c-btn {
  position: relative;
  z-index: 1;
}

.c-non-parents--send-card {
  font-size: 1.2rem;
  color: #fff;
}

.c-non-parents--child-name h3,
.c-non-parents--child-name .gamma,
.c-non-parents--child-name h5,
.c-non-parents--child-name .epsilon {
  margin-bottom: 0;
  color: #636466;
}

.c-non-parents--child-name {
  padding: 0.5rem 0 1rem;
}

.c-non-parents--child-name h3,
.c-non-parents--child-name .gamma {
  font-weight: 300;
}

.remove-connection .close {
  font-size: 2rem;
}

.celebrate-me--non-audience-give-gift {
  position: absolute;
  top: 1rem;
  right: 3rem;
}

.c-non-parents--give-gift {
  position: relative;
  z-index: 1;
}

.add-comments {
  position: relative;
  background: rgba(255, 255, 255, 0.6);
  padding: 2.2rem 2rem 1rem;
  top: -3.2rem;
  border-bottom-left-radius: 1.6rem;
  border-bottom-right-radius: 1.6rem;
}

@media screen and (min-width: 1438px) {
  .add-comments {
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (max-width: 1280px) {
  .add-comments {
    top: -1.2rem;
  }
}

.add-comments p {
  display: inline-block;
  padding-left: 1rem;
  cursor: pointer;
}

.add-comments p:hover {
  text-decoration: underline;
}

.add-comments span {
  color: #0c4da2;
}

#modal--comments textarea {
  font-size: 16px;
}

.faq-wrapper .panel-title {
  position: relative;
  padding-left: 20px;
}

.faq-wrapper .panel-title .toggle-icon {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: inline-block;
  width: 10px;
  margin-left: 5px;
  height: 4px;
}

.faq-wrapper .panel-title .toggle-icon::before {
  height: 10px;
  width: 4px;
  border: 1px solid #008fa8;
  content: '';
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #6db1c5;
}

.faq-wrapper .panel-title .toggle-icon::after {
  width: 10px;
  height: 4px;
  content: '';
  display: block;
  border: 1px solid #008fa8;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #6db1c5;
}

.faq-wrapper .active .toggle-icon::before {
  visibility: hidden;
}

.faq-wrapper .panel {
  -webkit-box-shadow: 0.5rem 0.5rem 0.3rem rgba(121, 126, 131, 0.2);
  box-shadow: 0.5rem 0.5rem 0.3rem rgba(121, 126, 131, 0.2);
  background-color: rgba(255, 255, 255, 0.7) !important;
  border: 1px solid transparent;
}

.faq-wrapper .panel .panel-heading {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid #fff;
}

.faq-wrapper .panel .panel-body {
  border-top: 1px solid transparent !important;
}

.c-child-gifts__name {
  font-size: 2rem;
}

@media screen and (max-width: 1023px) {
  .c-child-gifts__name {
    font-size: 1.4rem;
  }
}

.c-child-gifts--present {
  background-color: #fff;
  padding: 0.3rem;
  position: absolute;
  top: 0;
  left: 0;
}

.c-card--me-gifts + .c-card__header {
  padding-bottom: 0;
}

.c-post--textarea textarea {
  width: 60%;
  margin: auto;
  padding: 1rem;
}

.c-post--previous-comments .comment--date {
  color: #bfbfbf;
}

.c-post--previous-comments .comment-number {
  border-bottom: 1px solid #c3b657;
}

.share-celebrations--modal {
  padding-right: 17px;
}

.share-celebrations--modal .modal-dialog {
  width: 86vw !important;
}

@media screen and (max-width: 768px) {
  .share-celebrations--modal .modal-dialog {
    width: 94vw !important;
  }
}

@media screen and (max-width: 1050px) {
  .share-celebrations--modal .modal-dialog #event-time {
    padding-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  .share-celebrations--modal .modal-dialog {
    width: 80vw !important;
  }
}

.share-celebrations--modal .modal-header {
  padding: 1rem 0 0;
  border-bottom: 0;
}

.share-celebrations--modal .modal-header .close {
  font-size: 4rem;
  padding-right: 1rem;
  color: #636466;
  font-weight: 500;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 1;
}

.share-celebrations--modal .modal-body {
  padding-top: 0;
}

.share-celebrations--modal .modal-body .desktop {
  display: block;
}

@media screen and (max-width: 768px) {
  .share-celebrations--modal .modal-body .desktop {
    display: none;
  }
}

.share-celebrations--modal .modal-body .mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .share-celebrations--modal .modal-body .mobile {
    display: inline-block;
  }
}

.share-celebrations--modal .form-control {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #bfbfbf;
  padding: 6px;
}

.share-celebrations--modal .form-control[disabled],
.share-celebrations--modal .form-control[readonly],
.share-celebrations--modal fieldset[disabled] .form-control {
  background-color: transparent;
}

.share-celebrations--modal .or-wrapper {
  border-right: 1px solid #e5e5e5;
  position: relative;
  height: 90%;
  top: 8%;
}

@media screen and (min-width: 980px) {
  .share-celebrations--modal .or-wrapper {
    height: 100%;
    top: auto;
  }
}

@media screen and (max-width: 560px) {
  .share-celebrations--modal .or-wrapper {
    border-right: 0;
  }
}

.share-celebrations--modal .or-wrapper::before {
  position: absolute;
  content: 'OR';
  top: 10%;
  -webkit-transform: translateY(-55%);
  -ms-transform: translateY(-55%);
  -o-transform: translateY(-55%);
  transform: translateY(-55%);
  right: -20px;
  width: 40px;
  /*      height: 30px; */
  border: 1px solid #f5f3e5;
  background-color: #f5f3e5;
  border-radius: 50%;
  text-align: center;
  font-style: italic;
  font-size: larger;
}

@media screen and (max-width: 560px) {
  .share-celebrations--modal .or-wrapper::before {
    left: 0;
    right: 0;
    margin: auto;
  }
}

.share-celebrations--modal #event-date {
  position: relative;
}

.share-celebrations--modal .bne-calendar {
  position: absolute;
  right: 45%;
  color: #797e83;
  top: 32px;
  font-size: 1.2rem;
}

.share-celebrations--date {
  padding: 0 1rem !important;
}

@media screen and (min-width: 656px) {
  .share-celebrations--date {
    padding: 1rem 1.5rem 1.5rem !important;
  }
}

.share-celebrations--date > .row {
  /*padding-top: 3rem;*/
  height: 216px;
}

@media screen and (max-width: 490px) {
  .share-celebrations--date > .row {
    padding-top: 0;
    height: 166px;
  }
}

@media screen and (max-width: 1024px) {
  .share-celebrations--date > .row {
    padding-top: 2rem;
  }
}

@media screen and (max-width: 460px) {
  .share-celebrations--date > .row {
    padding-top: 0;
  }
}

@media screen and (max-width: 560px) {
  .share-celebrations--date {
    width: 100% !important;
  }
}

.share-celebrations--action {
  position: absolute;
  bottom: -20%;
  left: 50%;
  width: 140px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (min-width: 492px) {
  .share-celebrations--action {
    bottom: -55%;
  }
}

@media screen and (min-width: 830px) {
  .share-celebrations--action {
    bottom: -34%;
  }
}

@media screen and (min-width: 992px) {
  .share-celebrations--action {
    bottom: -82%;
  }
}

@media screen and (max-width: 462px) {
  .share-celebrations--action {
    bottom: -10px;
  }
}

.share-celebrations--e-invitation {
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (min-width: 656px) {
  .share-celebrations--e-invitation {
    padding-top: 1rem;
    padding-bottom: 1.5rem;
  }
}

.share-celebrations--e-invitation .c-card-listing__item {
  margin-bottom: 1rem;
}

@media screen and (max-width: 1280px) {
  .share-celebrations--e-invitation .c-card-listing__item {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}

.share-celebrations--e-invitation article {
  padding: 0;
  min-width: 150px !important;
  height: 150px;
  width: 150px;
}

@media screen and (min-width: 650px) {
  .share-celebrations--e-invitation article {
    min-width: 200px !important;
    height: 200px;
    width: 200px;
  }
}

@media screen and (max-width: 560px) {
  .share-celebrations--e-invitation {
    width: 100% !important;
  }
}

@media screen and (min-width: 767px) {
  .share-celebrations--ribbon {
    padding-right: 0 !important;
  }
}

.or-wrapper--border {
  height: 400px;
}

@media screen and (max-width: 560px) {
  .or-wrapper--border {
    width: 100% !important;
    height: 80px;
  }
}

.flatpickr-day,
.flatpickr-input {
  cursor: pointer;
}

@media screen and (max-width: 560px) {
  .flatpickr-day,
  .flatpickr-input {
    min-width: 94%;
  }
}

.c-event__preview {
  background-color: #016bb4;
  color: #fff;
  margin-right: 0;
  margin-left: 0;
  text-transform: uppercase;
  position: relative;
}

@media screen and (max-width: 768px) {
  .c-event__preview {
    margin-right: 0;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 30px;
  }
}

.c-event__preview-green {
  background-color: #00740f;
}

.c-event__preview div {
  position: relative;
  display: inline-block;
  font-size: 13px;
  letter-spacing: 1px;
}

.c-event__preview .bne-close {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -3rem;
}

@media screen and (max-width: 768px) {
  .c-event__preview .bne-close {
    right: -20px;
  }
}

.c-event__preview a {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  position: relative;
}

.c-event__preview a::after {
  position: absolute;
  content: '';
  border: 1px solid #c7e0e8;
  bottom: 0;
  left: 0;
  right: 0;
}

.c-event__preview a:hover {
  color: #a3ccd9;
}

.c-event__card {
  background: url(../img/BNE-Event-Page-Final.png);
  margin-right: 0;
  margin-left: 0;
  margin-bottom: -6px;
  -webkit-background-size: contain;
  background-size: contain;
}

.c-event__card img {
  max-width: 500px;
}

@media screen and (max-width: 662px) {
  .c-event__card img {
    max-width: 300px;
  }
}

.c-event--section-title {
  color: #016bb4;
  text-transform: uppercase;
}

.c-event--section-title__address {
  padding: 0 3rem;
}

.c-event--section-content {
  padding-bottom: 1rem;
  color: #c3b657;
}

.c-event--border {
  border-right: 2px solid #016bb4;
}

.c-event--will-or-not {
  display: block;
  color: #c3b657;
  font-size: 1.2rem;
  text-decoration: underline;
  padding-bottom: 1rem;
}

.c-event--will-or-not:last-of-type {
  margin-bottom: 1rem;
}

.c-event--comments {
  background-color: rgba(250, 249, 216, 0.8);
}

.c-event--comments .comments {
  color: #016bb4;
  text-transform: uppercase;
}

.c-event--comments-content {
  max-width: 468px;
  margin: auto;
}

.c-event--comments-content textarea {
  width: 95%;
  border: 1px solid #e5e5e5;
  background-color: transparent;
}

.c-event--comments-action {
  border: 1px solid #e5e5e5;
  background-color: transparent;
}

.c-event--comments [class^='bne-'] {
  font-size: 16px;
}

@media screen and (max-width: 560px) {
  .c-event--comments [class^='bne-'] {
    font-size: 14px;
  }
}

.c-event__announcements {
  text-align: center;
}

.c-event__announcements .c-avatar {
  display: inline-block;
  margin-right: 0.7rem !important;
  margin-left: 0.7rem;
}

.c-event--announcements {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 400px;
  margin: auto;
  background: url(../img/confetti-111.png);
  background-repeat: no-repeat;
  background-position: center 2rem;
}

@media screen and (max-width: 767px) {
  .c-event--announcements {
    -webkit-background-size: contain;
    background-size: contain;
  }
}

.c-event--announcements .c-avatar {
  width: 12rem;
  height: 12rem;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (min-width: 1316px) {
  .c-event--announcements .c-avatar {
    width: 13.5rem;
    height: 13.5rem;
  }
}

.c-event--announcements h2,
.c-event--announcements .beta {
  font-size: 24px;
  letter-spacing: 1px;
  color: #c3b657;
  padding-bottom: 1rem;
}

@media screen and (max-width: 767px) {
  .c-event--announcements h2,
  .c-event--announcements .beta {
    font-size: 21px;
  }
}

.c-event--announcements p {
  color: #c3b657;
  font-size: 16px;
  padding-left: 0;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .c-event--announcements p {
    font-size: 14px;
  }
}

.c-event--announcements-weight {
  padding-left: 8px;
}

.c-event__details-subtitle {
  color: #c3b657;
  margin-bottom: 0;
}

.c-event__details-third-s .c-tabs__button {
  display: inline-block;
  width: auto;
  margin: 1rem;
}

.c-event__details-third-s .is-active {
  border-top: 2px solid #c3b657;
  color: #c3b657;
}

.c-event__details-third-s #reload-contacts td {
  border-bottom: 1px solid #c3b657;
}

@media screen and (max-width: 1023px) {
  .c-event__details-table td {
    display: block;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .c-event__main {
    max-width: 701px;
  }
}

.c-event__main .c-share-box {
  position: relative;
  z-index: 1000;
}

.c-event__main .c-share-box .c-btn {
  margin-top: 2rem;
}

#event-date {
  position: relative;
}

#ecards-load-content .bne-calendar {
  position: absolute;
  content: '';
  right: 22px;
  top: 30px;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .c-my-family-profile-center {
    text-align: center !important;
    display: inline !important;
    padding-top: 0 !important;
  }
}

.c-my-family-profile-center .l-col-1-1\@xs {
  padding-top: 0;
}

.c-my-family-profile__section h4,
.c-my-family-profile__section .delta {
  color: #c3b657;
  font-size: 16px;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .c-my-family-profile__section h4,
  .c-my-family-profile__section .delta {
    text-align: center !important;
    padding-bottom: 0.5rem !important;
    font-size: 14px;
  }
}

.c-my-family-profile__section > h4,
.c-my-family-profile__section > .delta {
  border-bottom: 2px solid #c3b657;
}

@media screen and (max-width: 767px) {
  .c-my-family-profile__section .add {
    text-align: center !important;
    padding-bottom: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .c-my-family-profile__section-order {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .c-my-family-profile__section-order .l-col-1-3 {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    max-width: 100px;
    margin: auto;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .c-my-family-profile__section-order .l-col-1-3 {
    max-width: 200px;
  }
}

@media screen and (max-width: 767px) {
  .c-my-family-profile__section-order .l-col-2-3 .l-col-1-2 {
    padding-top: 0.5rem !important;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .c-my-family-profile__section-order .l-col-2-3 .l-col-1-2 {
    padding-top: 0.3rem !important;
  }
}

@media screen and (max-width: 767px) {
  .c-my-family-profile__section-order .l-col-2-3 .pt {
    padding-top: 1rem !important;
  }
}

.c-my-family-profile__section-order .avatar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 0 !important;
  padding-bottom: 0.5rem;
}

@media screen and (max-width: 1280px) {
  .c-my-family-profile__section-order .avatar {
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .c-my-family-profile__section-order .avatar {
    padding-left: 4.5rem;
  }
}

.c-my-family-profile__section-order .l-col-2-3 {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .c-my-family-profile__section-order .l-col-2-3 {
    font-size: 12px;
  }
}

.c-my-family-profile__section-order .l-col-2-3 .l-col-1-2:first-child {
  color: #c3b657;
}

.c-my-family-profile__section-order .bne-pencil {
  padding-right: 5rem;
  color: #008fa8;
}

@media screen and (max-width: 1023px) {
  .c-my-family-profile__section-order .bne-pencil {
    padding-right: 3rem;
  }
}

@media screen and (max-width: 767px) {
  .c-my-family-profile__section-order .bne-pencil {
    font-size: 1.5rem;
  }
}

.c-my-family-profile__section-order__bb {
  border-bottom: 1px solid #c3b657;
}

.c-my-family-profile__section-bd {
  border-bottom: 2px solid #c3b657;
}

@media screen and (max-width: 767px) {
  .c-my-family-profile__section-bd {
    padding-bottom: 0 !important;
  }
}

.c-my-family-profile__section-mob {
  padding-top: 3rem !important;
}

.c-my-family-profile__edit-photo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 2rem;
  padding-top: 2rem;
}

@media screen and (max-width: 767px) {
  .c-my-family-profile__edit-photo {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}

.c-my-family-profile__edit-photo h4,
.c-my-family-profile__edit-photo .delta {
  font-size: 14px;
  color: #c3b657;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .c-my-family-profile__edit-photo h4,
  .c-my-family-profile__edit-photo .delta {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }
}

@media screen and (max-width: 767px) {
  .c-my-family-profile__edit-photo h4,
  .c-my-family-profile__edit-photo .delta {
    font-size: 12px;
    margin-bottom: 1rem;
  }
}

.c-my-family-profile__edit-photo .family-profile-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .c-my-family-profile__edit-photo .family-profile-image {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.c-my-family-profile__edit-info--family-name {
  border-bottom: 1px solid #c3b657;
  padding: 2rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .c-my-family-profile__edit-info--family-name {
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1rem 0;
  }
}

.c-my-family-profile__edit-info--family-name p {
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .c-my-family-profile__edit-info--family-name p {
    font-size: 12px;
  }
}

.c-my-family-profile__edit-info--family-name input {
  background-color: #fff;
  width: 142px;
  opacity: 1;
  -webkit-text-fill-color: #636466;
}

.c-my-family-profile__edit-info--city,
.c-my-family-profile__edit-info--state,
.c-my-family-profile__edit-info--zip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0.5rem 0;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .c-my-family-profile__edit-info--city,
  .c-my-family-profile__edit-info--state,
  .c-my-family-profile__edit-info--zip {
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.c-my-family-profile__edit-info--city select,
.c-my-family-profile__edit-info--state select,
.c-my-family-profile__edit-info--zip select {
  border-bottom: 1px solid #636466;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  width: 142px;
}

.c-my-family-profile__edit-info--city .form-control,
.c-my-family-profile__edit-info--state .form-control,
.c-my-family-profile__edit-info--zip .form-control {
  display: inline-block;
  padding-left: 3px;
}

.c-my-family-profile__edit-info--city input,
.c-my-family-profile__edit-info--state input,
.c-my-family-profile__edit-info--zip input {
  width: 142px;
}

.c-my-family-profile__edit-info--city {
  padding-top: 1rem;
}

.c-my-family-profile__edit-info h4,
.c-my-family-profile__edit-info .delta {
  font-size: 14px;
  color: #c3b657;
  margin-bottom: 0;
  -webkit-flex-basis: 40%;
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
}

@media screen and (min-width: 768px) {
  .c-my-family-profile__edit-info h4,
  .c-my-family-profile__edit-info .delta {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }
}

@media screen and (max-width: 767px) {
  .c-my-family-profile__edit-info h4,
  .c-my-family-profile__edit-info .delta {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .c-my-family-profile__edit-info {
    font-size: 12px;
  }
}

.c-my-family-profile__edit-info p {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .c-my-family-profile__edit-info p {
    font-size: 12px;
  }
}

.c-my-family-profile__edit-info input {
  border-bottom: 1px solid #636466;
  border-top: 0;
  border-left: 0;
  text-align: left;
  border-right: 0;
}

.c-my-family-profile__edit-actions {
  padding-top: 4rem;
}

@media screen and (max-width: 767px) {
  .c-my-family-profile__edit-actions {
    padding-top: 2rem;
  }
}

.c-my-family-profile__parent-info--photo {
  border-bottom: 1px solid transparent;
}

.c-my-family-profile__parent-info-input-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 2rem;
}

.c-my-family-profile__parent-info-input-block .form-control {
  padding-left: 3px;
}

.c-my-family-profile__parent-info-input-block h4,
.c-my-family-profile__parent-info-input-block .delta {
  padding-bottom: 0.5rem;
  -webkit-flex-basis: 38%;
  -ms-flex-preferred-size: 38%;
  flex-basis: 38%;
}

@media screen and (max-width: 767px) {
  .c-my-family-profile__parent-info-input-block h4,
  .c-my-family-profile__parent-info-input-block .delta {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    padding-top: 1rem;
  }
}

.c-my-family-profile__parent-info-input-block input,
.c-my-family-profile__parent-info-input-block select {
  border-bottom: 1px solid #636466;
  color: #636466;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  text-align: left;
  padding-bottom: 0.5rem;
  padding-top: 1.5rem;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .c-my-family-profile__parent-info-input-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
}

.c-my-family-profile__parent-info-input-block input,
.c-my-family-profile__parent-info-input-block select {
  width: 225px;
}

.c-my-family-profile__parent-info-input-block input::-webkit-input-placeholder,
.c-my-family-profile__parent-info-input-block
  select::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #636466;
  opacity: 1;
}

.c-my-family-profile__parent-info-input-block input::-moz-placeholder,
.c-my-family-profile__parent-info-input-block select::-moz-placeholder {
  /* Firefox 19+ */
  color: #636466;
  opacity: 1;
}

.c-my-family-profile__parent-info-input-block input:-ms-input-placeholder,
.c-my-family-profile__parent-info-input-block select:-ms-input-placeholder {
  /* IE 10+ */
  color: #636466;
  opacity: 1;
}

.c-my-family-profile__parent-info-input-block input:-moz-placeholder,
.c-my-family-profile__parent-info-input-block select:-moz-placeholder {
  /* Firefox 18- */
  color: #636466;
  opacity: 1;
}

.c-my-family-profile__parent-info-input-block div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

@media screen and (min-width: 768px) {
  .c-my-family-profile__parent-info-input-block div {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
}

@media screen and (max-width: 767px) {
  .c-my-family-profile__parent-info-input-block div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    text-align: center;
    margin: auto;
  }
}

@media screen and (min-width: 768px) {
  .c-my-family-profile__parent-info-input-block .select-flex {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }
}

@media screen and (max-width: 1023px) {
  .c-my-family-profile__parent-info-input-block .select-flex {
    width: auto;
  }

  .c-my-family-profile__parent-info-input-block .select-flex select {
    width: 100px;
  }
}

.c-my-family-profile__parent-info--info + .c-my-family-profile__section {
  padding-top: 4rem;
}

@media screen and (min-width: 768px) {
  .c-my-family-profile__parent-info--info .wrapper {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

@media screen and (min-width: 768px) {
  .c-my-family-profile__parent-info--info .birthdate {
    -webkit-flex-basis: 19%;
    -ms-flex-preferred-size: 19%;
    flex-basis: 19%;
  }
}

.c-my-family-profile__parent-info--info select {
  border-bottom: 1px solid #636466;
  color: #636466;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  text-align: center;
  padding-bottom: 0.5rem;
  font-size: 14px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  background-color: #fff;
  -webkit-appearance: none;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-my-family-profile__parent-info--info select {
    width: 142px !important;
  }
}

.c-my-family-profile__parent-info--login {
  font-size: 16px !important;
  margin-bottom: 2rem !important;
}

@media screen and (max-width: 767px) {
  .c-my-family-profile__parent-info--login {
    font-size: 14px !important;
  }
}

.c-my-family-profile__parent-info--change input:first-of-type {
  margin-bottom: 1rem;
}

.c-my-family-profile__parent-info--photo h4,
.c-my-family-profile__parent-info--photo .delta {
  -webkit-flex-basis: 21%;
  -ms-flex-preferred-size: 21%;
  flex-basis: 21%;
}

.view-family-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  padding-top: 0 !important;
}

.view-family-page a {
  font-size: 14px;
}

.add {
  font-size: 14px;
}

@media screen and (max-width: 1280px) {
  .add {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .pb {
    padding-bottom: 10px;
  }
}

.c-e-card-recipient__title {
  color: #c3b657;
  font-size: 24px;
  letter-spacing: 1px;
  padding-bottom: 1.5rem;
}

@media screen and (max-width: 767px) {
  .c-e-card-recipient__title {
    font-size: 21px;
  }
}

.c-e-card-recipient__title .message-color {
  color: #77378e;
}

@media screen and (min-width: 768px) {
  .c-e-card-recipient__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media screen and (max-width: 767px) {
  .c-e-card-recipient__actions button,
  .c-e-card-recipient__actions .c-btn {
    margin: 1rem 0 0;
  }
}

.c-e-card-recipient__gift {
  background-color: #008fa8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  color: #fff;
  padding: 1rem;
}

.c-e-card-recipient__amount {
  width: 240px;
  height: 240px;
  border: 1px solid #c3b657;
  border-radius: 50%;
  background-color: #c3b657;
  position: relative;
  padding: 0 1rem;
}

.c-e-card-recipient__amount span {
  font-size: 60px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: -webkit-calc(100% - 2rem);
  width: calc(100% - 2rem);
  text-align: center;
}

.c-e-card-recipient__details {
  padding: 1rem;
}

.c-e-card-recipient__details p {
  font-size: 14px;
}

@media screen and (min-width: 1280px) {
  .c-e-card-recipient__details p {
    font-size: 16px;
  }
}

.c-e-card-recipient__details h2,
.c-e-card-recipient__details .beta {
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  .c-e-card-recipient__details h2,
  .c-e-card-recipient__details .beta {
    font-size: 21px;
  }
}

@media screen and (max-width: 1280px) {
  #ecards-load-content .c-card-listing__item {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}

.c-social-comments--card {
  position: relative;
  z-index: 999;
}

.c-social-comments--card .delete-picture {
  display: none;
  position: absolute;
  z-index: 1;
}

.c-social-comments--card #edit-add-photo {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}

.c-social-comments--card .c-card--social-comments:hover .delete-picture {
  display: block;
}

.c-social-comments--card-date {
  font-size: 14px;
  padding-bottom: 0.45rem;
  font-weight: 300;
}

.c-social-comments--card .c-card__description {
  font-size: 14px;
}

.c-social-comments--textarea textarea {
  width: 100%;
  padding: 1rem;
}

.c-social-comments--textarea div {
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.c-social-comments--textarea .c-btn {
  z-index: 1;
}

.c-social-comments--list a,
.c-social-comments--list p:first-of-type {
  color: #bfbfbf;
  font-size: 12px;
}

@media screen and (min-width: 768px) {
  .c-social-comments--list a,
  .c-social-comments--list p:first-of-type {
    font-size: 14px;
  }
}

.c-social-comments--list .c-notifications__desc {
  padding-left: 0;
}

.c-social-comments--time-and-date {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.c-social-comments--time-and-date input {
  background-color: #fff !important;
}

.c-social-comments--time-and-date span {
  position: absolute;
  left: 1rem;
  top: 2.1rem;
  z-index: 1;
  left: 50%;
}

.c-social-comments--time-and-date label {
  display: block;
}

.c-social-comments--time-and-date .date {
  -webkit-flex-basis: 24%;
  -ms-flex-preferred-size: 24%;
  flex-basis: 24%;
}

.c-social-comments--time-and-date .time {
  -webkit-flex-basis: 70%;
  -ms-flex-preferred-size: 70%;
  flex-basis: 70%;
}

.c-social-comments--time-and-date .time .l-group {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.c-my-family-gifts {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .c-my-family-gifts {
    font-size: 12px;
  }
}

.c-my-family-gifts h2,
.c-my-family-gifts .beta {
  color: #c3b657;
  font-weight: 300;
  font-size: 36px;
  padding-bottom: 2rem;
}

@media screen and (max-width: 1280px) {
  .c-my-family-gifts h2,
  .c-my-family-gifts .beta {
    margin-bottom: 0;
    font-size: 30px;
  }
}

@media screen and (max-width: 767px) {
  .c-my-family-gifts h2,
  .c-my-family-gifts .beta {
    margin-bottom: 0;
    font-size: 20px;
  }
}

.c-my-family-gifts h4,
.c-my-family-gifts .delta {
  font-size: 14px;
  color: #c3b657;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .c-my-family-gifts h4,
  .c-my-family-gifts .delta {
    font-size: 12px;
  }
}

.c-my-family-gifts .money {
  border-bottom: 4px solid #c3b657;
  padding-bottom: 1.6rem;
}

@media screen and (max-width: 767px) {
  .c-my-family-gifts .money {
    padding-bottom: 0.5rem;
  }
}

.c-my-family-gifts .money div {
  display: inline-block;
}

.c-my-family-gifts .money div:first-of-type {
  padding-right: 4rem;
}

.c-my-family-gifts .money span {
  font-size: 22px;
}

@media screen and (max-width: 767px) {
  .c-my-family-gifts .money span {
    font-size: 16px;
  }
}

.gifts-table {
  border: 0;
  border-collapse: collapse;
}

.gifts-table .title th {
  color: #c3b657;
  border-bottom: 2px solid #bfbfbf;
}

.gifts-table th {
  display: none;
}

.gifts-table td {
  display: block;
}

.gifts-table td:first-child {
  padding-top: 1rem;
}

/* @media screen and (min-width: 768px) {
  .gifts-table td:last-child {
    padding-bottom: 0.5em;
  }
} */

.gifts-table td::before {
  content: attr(data-th) ': ';
  font-weight: bold;
  width: 10em;
  display: inline-block;
  color: #c3b657;
}

@media (min-width: 768px) {
  .gifts-table td::before {
    display: none;
  }
}

.gifts-table th,
.gifts-table td {
  text-align: left;
  border-bottom: 1px solid #c3b657;
  padding: 0.5rem 0;
}

@media (min-width: 768px) {
  .gifts-table th,
  .gifts-table td {
    display: table-cell;
    text-align: center;
    padding: 1rem 0;
    border-bottom: 2px solid #c3b657;
  }

  .gifts-table th:first-child,
  .gifts-table td:first-child {
    padding-left: 0;
    text-align: left;
  }

  .gifts-table th:last-child,
  .gifts-table td:last-child {
    padding-right: 0;
  }
}

.gifts-table img {
  width: 64px;
  height: 44px;
}

@media screen and (max-width: 767px) {
  .gifts-table br {
    display: none;
  }
}

.c-edit-child {
  margin-bottom: 0;
}

.c-edit-child .panel {
  border-color: transparent !important;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.c-edit-child .panel-heading {
  background-color: transparent !important;
  border-color: transparent !important;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  font-size: 18px;
  color: #c3b657 !important;
  font-weight: 700;
  border-bottom: 1px solid #c3b657 !important;
  padding-left: 0;
  padding-right: 0;
}

.c-edit-child .panel-body {
  padding: 1rem 0 0;
}

.c-edit-child .panel-body .col-md-12 {
  padding: 0;
}

.c-edit-child .panel-body .col-md-8,
.c-edit-child .panel-body .col-md-2 {
  padding-left: 0;
}

.c-edit-child .panel-body label {
  color: #c3b657;
  font-size: 14px;
}

.c-edit-child .c-tabs__item:not(.active) {
  border-right: 2px solid transparent !important;
}

.c-non-registered--homepage {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

.c-non-registered--homepage-header {
  position: relative;
}

.c-non-registered--homepage-header img {
  min-width: 100%;
}

.c-non-registered--homepage-header__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(8, 80, 63, 0.4);
  padding: 10px;
  z-index: 1;
  text-align: center;
  color: #fff;
  border-top: 15px solid #a6b631;
}

@media screen and (max-width: 624px) {
  .c-non-registered--homepage-header__content {
    position: relative;
    background-color: rgba(8, 80, 63, 0.5);
  }
}

@media screen and (min-width: 768px) {
  .c-non-registered--homepage-header__content {
    padding: 20px;
    border-top: 22px solid #a6b631;
  }
}

@media screen and (min-width: 1280px) {
  .c-non-registered--homepage-header__content {
    border-top: 51px solid #a6b631;
    padding: 35px;
  }
}

.c-non-registered--homepage-header__content h2,
.c-non-registered--homepage-header__content .beta {
  font-size: 35px;
  margin-top: 20px;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .c-non-registered--homepage-header__content h2,
  .c-non-registered--homepage-header__content .beta {
    font-size: 30.8px;
  }
}

.c-non-registered--homepage-header__content h3,
.c-non-registered--homepage-header__content .gamma {
  font-size: 15px;
  line-height: 1.3em;
  font-weight: 400;
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .c-non-registered--homepage-header__content h3,
  .c-non-registered--homepage-header__content .gamma {
    font-size: 20px;
    line-height: 1.7;
    font-weight: 500;
  }
}

.c-non-registered--homepage-header .sign-up {
  bottom: 2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (min-width: 767px) {
  .c-non-registered--homepage-header .sign-up {
    bottom: 5rem;
  }
}

@media screen and (min-width: 1023px) {
  .c-non-registered--homepage-header .sign-up {
    bottom: 10rem;
  }
}

.c-non-registered--homepage-header .sign-up .c-btn {
  background-color: #ff766b;
  text-transform: none;
  color: #fff;
  position: relative;
  border: 4px solid #fff;
  padding: 7px 64px;
}

@media screen and (max-width: 600px) {
  .c-non-registered--homepage-header .sign-up .c-btn {
    padding: 7px;
  }
}

@media screen and (max-width: 368px) {
  .c-non-registered--homepage-header .sign-up .c-btn {
    font-size: 14px;
  }
}

.c-non-registered--homepage-header .sign-up .c-btn::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-color: rgba(0, 0, 0, 0.4);
  border-width: 20px;
  padding: 27px 148px;
  border-style: solid;
}

@media screen and (max-width: 600px) {
  .c-non-registered--homepage-header .sign-up .c-btn::after {
    padding: 25px 80px;
    border-width: 10px;
  }
}

@media screen and (max-width: 368px) {
  .c-non-registered--homepage-header .sign-up .c-btn::after {
    padding: 23px 73px;
  }
}

@media screen and (max-width: 600px) {
  .c-non-registered--homepage-header .sign-up .c-btn {
    font-size: 16px;
  }
}

.c-non-registered--homepage__finally {
  padding: 2rem 0;
}

.c-non-registered--homepage__finally h2,
.c-non-registered--homepage__finally .beta {
  width: 80%;
  margin: 0 auto;
  color: #b3a335;
  font-size: 30px;
  line-height: 1.7;
}

@media screen and (max-width: 768px) {
  .c-non-registered--homepage__finally h2,
  .c-non-registered--homepage__finally .beta {
    font-size: 27px;
    font-weight: 400;
  }
}

@media screen and (max-width: 624px) {
  .c-non-registered--homepage__finally h2,
  .c-non-registered--homepage__finally .beta {
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .c-non-registered--homepage__finally h2,
  .c-non-registered--homepage__finally .beta {
    font-size: 20px;
  }
}

.c-non-registered--homepage .l-section--post-card-design {
  padding-bottom: 3.9rem;
  background-position: 73% -2px, center;
  -webkit-background-size: 37% auto, auto;
  background-size: 37% auto, auto;
}

@media screen and (max-width: 768px) {
  .c-non-registered--homepage .l-section--post-card-design {
    -webkit-background-size: 70% auto, auto;
    background-size: 70% auto, auto;
  }
}

.c-non-registered--homepage .circle-wrapper {
  padding: 0 0 10rem;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .c-non-registered--homepage .circle-wrapper {
    padding: 0 0 4rem;
  }
}

.c-non-registered--homepage .circle-wrapper::after {
  position: absolute;
  content: url('../img/confetti1.png');
  bottom: -6rem;
  right: -6rem;
}

@media screen and (max-width: 768px) {
  .c-non-registered--homepage .circle-wrapper::after {
    bottom: -7rem;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    right: -9rem;
  }
}

.c-non-registered--homepage .circle-wrapper .col-sm-6 {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

@media screen and (min-width: 768px) {
  .c-non-registered--homepage .circle-wrapper .col-sm-6 {
    padding: 0;
  }
}

.c-non-registered--homepage .circle-wrapper .girl {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

@media screen and (max-width: 768px) {
  .c-non-registered--homepage .circle-wrapper .girl {
    background: #96d2dc;
  }
}

.c-non-registered--homepage .circle-wrapper .girl img {
  width: 50%;
}

@media screen and (min-width: 768px) {
  .c-non-registered--homepage .circle-wrapper .girl img {
    width: 1000px;
  }
}

@media screen and (max-width: 768px) {
  .c-non-registered--homepage .circle-wrapper .children {
    background: #96d2dc;
  }
}

.c-non-registered--homepage .circle-wrapper .children img {
  width: 50%;
}

@media screen and (min-width: 768px) {
  .c-non-registered--homepage .circle-wrapper .children img {
    width: 1000px;
  }
}

@media screen and (min-width: 768px) {
  .c-non-registered--homepage .circle-wrapper .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
  }
}

.c-non-registered--homepage .circle-wrapper h2,
.c-non-registered--homepage .circle-wrapper .beta {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 400;
  color: #b3a335;
}

@media screen and (max-width: 768px) {
  .c-non-registered--homepage .circle-wrapper h2,
  .c-non-registered--homepage .circle-wrapper .beta {
    font-size: 22px;
  }
}

.c-non-registered--homepage .circle-wrapper p {
  font-size: 17px;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .c-non-registered--homepage .circle-wrapper .content {
    padding: 2rem;
  }
}

.c-non-registered--homepage .caption {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#b7d4af),
    color-stop(50%, #89c2a1),
    color-stop(75%, #80bda3),
    to(#50a796)
  );
  background: -webkit-linear-gradient(
    top,
    #b7d4af 0%,
    #89c2a1 50%,
    #80bda3 75%,
    #50a796 100%
  );
  background: -o-linear-gradient(
    top,
    #b7d4af 0%,
    #89c2a1 50%,
    #80bda3 75%,
    #50a796 100%
  );
  background: linear-gradient(
    to bottom,
    #b7d4af 0%,
    #89c2a1 50%,
    #80bda3 75%,
    #50a796 100%
  );
  position: relative;
}

.c-non-registered--homepage .caption h2,
.c-non-registered--homepage .caption .beta {
  padding-top: 50px;
  background-color: #efeebb;
  font-size: 30px;
  line-height: 1.3;
  color: #005599;
  padding-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .c-non-registered--homepage .caption h2,
  .c-non-registered--homepage .caption .beta {
    font-size: 27px;
  }
}

.c-non-registered--homepage .caption img {
  width: 320px;
  margin: auto;
}

.c-non-registered--homepage .caption .rectangle-limit {
  max-width: 300px;
  display: block;
  margin: 0 auto;
  line-height: 1.3em;
  font-size: 15px;
  padding-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .c-non-registered--homepage .caption .rectangle-limit {
    padding: 0;
  }
}

.c-non-registered--homepage .caption .wrapper {
  padding: 30px 0 50px;
}

.c-non-registered--homepage .caption p:first-of-type {
  font-size: 18px;
  line-height: 1.3em;
}

.c-about {
  border-top: 50px solid #a6b622;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  overflow-x: hidden;
  z-index: 15;
}

.c-about--header {
  background-color: #219ca3;
  padding: 3rem 0;
  color: white;
}

.c-about--header p {
  font-size: 17px;
  line-height: 1.8;
  font-family: 'Open Sans';
}

.c-about .board-advisors {
  padding-top: 3rem;
  background-color: #bfad52;
  color: #fff;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-about .board-advisors {
    text-align: center;
  }
}

.c-about .board-advisors .row {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.c-about .board-advisors h3,
.c-about .board-advisors .gamma {
  font-size: 24px;
  margin-bottom: 0;
}

.c-about .board-advisors h3 + p,
.c-about .board-advisors .gamma + p {
  font-size: 18px;
}

.c-about .board-advisors h3 + p:first-of-type,
.c-about .board-advisors .gamma + p:first-of-type {
  font-size: 17px;
}

.c-about .img-circle {
  border-radius: 50%;
  width: 170px;
  height: 170px;
}

.c-about h1,
.c-about .alpha {
  font-weight: 500;
}

.c-about .our-team {
  padding-top: 3rem;
  padding-bottom: 10rem;
}

@media screen and (max-width: 767px) {
  .c-about .our-team {
    text-align: center;
  }
}

.c-about .our-team h2,
.c-about .our-team .beta {
  font-weight: 500;
  color: #bfad52;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .c-about .our-team h2,
  .c-about .our-team .beta {
    padding-bottom: 2.5rem;
  }
}

.c-about .our-team h3,
.c-about .our-team .gamma {
  color: #1abc9c;
  font-size: 24px;
  font-weight: 500;
}

.c-about .our-team p {
  font-weight: 400;
  line-height: 1.7;
  margin-bottom: 0;
  padding-bottom: 10px;
}

.c-about .our-team .row {
  padding-top: 2rem;
}

.c-about .circle-wrapper {
  position: relative;
}

.c-about .circle-wrapper::after {
  position: absolute;
  content: url('../img/confetti1.png');
  bottom: -6rem;
  right: -6rem;
}

@media screen and (min-width: 1440px) {
  .c-about .circle-wrapper::after {
    right: -24rem;
  }
}

.thank-you-resend-email {
  width: 100vw;
  text-align: center;
}

.thank-you-resend-email a {
  color: #77378e;
  text-decoration: italic !important;
}

.thank-you-body {
  /* height:100%;
  width:100vw;
  overflow-y:hidden; */
}

.thankyou-img {
  margin: 0;
  position: absolute;

  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  /* min-width:40vw; */
  bottom: 0px;
  max-height: 60vh;
  z-index: -1;
  width: auto;
}

@media (max-width: 1400px) {
  .thankyou-img {
    width: 60vw;
  }
}

@media (max-width: 1200px) {
  .thankyou-img {
    width: 80vw;
  }
}
@media (max-height: 1000px) {
  .thankyou-img {
    width: 45vw;
  }
}

@media (max-width: 880px) {
  .thankyou-img {
    width: 80vw;
  }
}


@media (max-width: 450px) {
  .thankyou-img {
    width: 90vw;
  }

  #thankyou {
    width: 90vw;
  }
}

.login-form .alert-danger {
  background-color: transparent;
  border-color: transparent;
  text-align: center;
}

.login-container {
  position: absolute;
  top: 145px;
  width: 100vw;
  height: -webkit-fill-available;
}

.logcontainer {
  width: 60vw;
  margin-left: 6vw;
}

.login-form__wrapper {
  display: flex;
  margin-top: 70px;
  justify-content: space-around;
}

.login-form {
  width: 350px;
}

.login-form__row {
  margin-bottom: 15px;
}

.login-form form {
  margin-bottom: 35px;
}

.forgot-password a {
  color: #636466;
  font-style: italic;
  font-size: 15px;
  margin-left: 10px;
}

.forgot-password {
  margin-bottom: 30px;
  margin-top: 20px;
}

.login-form__title {
  margin-top: 20px;
  color: #636466;
  font-size: 32px;
  font-family: 'Lato', 'Ariel', 'sans-serif';
  font-weight: 300 !important;
}

.image-login {
  position: absolute;
  bottom: 0;
  right: 4vw;
  width: 25vw;
  height: auto;
}

.image-forgot-password{
  width: auto;
  max-width: 25vw;
  max-height: 65vh;
}

.image-login-mobile {
  display: none;
}

/*Login media */

@media (max-width: 1281px) {
  .login-form__wrapper {
    width: 70vw;
  }

  .login-container {
    top: 125px;
  }

  .logcontainer {
    margin-left: 4vw;
  }

  .login-form {
    width: 300px;
  }
}

@media (max-width: 1024px) {
  .remembercheck span {
    font-size: 16px !important;
  }
}

@media (max-width: 900px) {
  .login-form__title {
    margin-right: 10px;
  }
}

@media (max-width: 767px) {
  .login-container {
    top: 95px;
  }

  .image-login {
    width: 200px;
  }
}

@media (max-width: 620px) {
  .logcontainer {
    margin-left: 15vw;
  }

  .image-login {
    display: none;
  }

  .login-form__wrapper {
    margin-top: 25px;
    display: block;
    text-align: center;
  }

  .login-form {
    margin: auto;
    /* width: 275px; */
  }

  .image-login-mobile {
    width: 250px;
    display: block;
    height: auto;
    margin: 25px auto 0 auto;
  }
}

@media (max-width: 559px) {
  .login-container {
    top: 50px;
  }
}

@media (max-width: 390px) {
  .logcontainer {
    width: auto;
    margin-left: 0;
    display: flex;
    justify-content: center;
  }

  .login-form {
    width: auto;
  }

  .login-form__row{
    display: flex;
    justify-content: center;
  }

  .forgot-password a {
    font-size: 13px;
  }

  .image-login {
    display: none;
  }

  .image-login-mobile {
    width: auto;
  }

  .form-control {
    /* text-align: center; */
    width: auto;
  }
}

/*Activation form*/
.activation-form__wrapper {
  width: 550px;
  margin: auto;
  text-align: center;
}

.activation-form__row {
  margin: auto;
  margin-bottom: 15px;
  width: 275px;
}

.activation-form__row input {
  height: 50px !important;
  border: unset !important;
  border-radius: unset !important;
  border-bottom-color: #d5d110 !important;
  border-bottom-style: solid !important;
  border-bottom-width: 2px !important;
  background-color: unset !important;
  -webkit-box-shadow: unset !important;
}

@media (max-width: 550px) {
  .activation-form__wrapper {
    width: 350px;
  }
}

@media (max-width: 400px) {
  .activation-form__wrapper {
    width: 300px;
  }
}

/* #login-page {
  min-height: 100vh;
  padding: 1rem;
  background: #0f8f8d;
  background: -webkit-linear-gradient(315deg, #0f8f8d 0%, #efefba 100%);
  background: -o-linear-gradient(315deg, #0f8f8d 0%, #efefba 100%);
  background: linear-gradient(135deg, #0f8f8d 0%, #efefba 100%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (min-width: 560px) {
    #login-page {
      padding: 2rem; } }
  #login-page .logo {
    display: block; }
    #login-page .logo__wrapper {
      width: 10rem;
      height: 10rem;
      background-color: #fff;
      border-radius: 24px;
      padding: 1rem;
      margin-bottom: 2rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
  #login-page .login-form {
    background-color: #fff;
    border-radius: 24px;
    margin-bottom: 1rem;
    padding: 1.5rem; }
    @media (min-width: 560px) {
      #login-page .login-form {
        padding: 3rem; } }
    #login-page .login-form__wrapper {
      width: 34rem;
      max-width: 100%;
      padding: 1rem; }
    #login-page .login-form__row {
      margin-bottom: .7rem; }
      #login-page .login-form__row.l-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; }
        @media (min-width: 560px) {
          #login-page .login-form__row.l-group {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
                -ms-flex-direction: row;
                    flex-direction: row; } }
        #login-page .login-form__row.l-group > div:last-child {
          margin-top: 1rem; }
          @media (min-width: 560px) {
            #login-page .login-form__row.l-group > div:last-child {
              margin-top: 0;
              text-align: right; } }
    #login-page .login-form__title {
      font-size: 1.75rem;
      margin-bottom: 1.25rem;
      color: #fff;
      text-align: center; }
    #login-page .login-form__cta {
      display: block;
      width: 100%;
      -webkit-box-shadow: 0 22px 0 -19px #dfdfdf;
              box-shadow: 0 22px 0 -19px #dfdfdf; }
    #login-page .login-form__oauth p {
      color: #7a7a7a;
      font-size: .875rem;
      text-align: center;
      margin-bottom: .5rem; }
    #login-page .login-form__social {
      list-style-type: none;
      padding: 0;
      margin: 0 -.5rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      #login-page .login-form__social li {
        border: 1px solid #ddd;
        padding: .725rem .75rem;
        margin-left: .625rem;
        margin-right: .625rem;
        margin-bottom: .625rem;
        border-radius: 50%;
        text-align: center;
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0; }
        @media (min-width: 540px) {
          #login-page .login-form__social li {
            width: 124px;
            border-radius: 32px;
            padding-left: .5rem;
            padding-right: .5rem; } }
      #login-page .login-form__social img {
        display: inline-block;
        vertical-align: top;
        margin-top: 1px; }
        @media (min-width: 540px) {
          #login-page .login-form__social img {
            margin-right: .375rem; } }
      #login-page .login-form__social span {
        font-size: .875rem;
        vertical-align: top;
        display: none; }
        @media (min-width: 540px) {
          #login-page .login-form__social span {
            display: inline-block; } }
    #login-page .login-form .c-checkbox__label::before {
      border: 1px solid #bfbfbf; }
    #login-page .login-form a {
      color: #636466; }
    #login-page .login-form input {
      border: 1px solid #bfbfbf;
      padding: .5rem .825rem;
      font-size: 1.25rem; }
      #login-page .login-form input::-webkit-input-placeholder {
        color: #636466; }
      #login-page .login-form input::-moz-placeholder {
        color: #636466;
        opacity: .6; }
      #login-page .login-form input:-ms-input-placeholder {
        color: #636466; }
      #login-page .login-form input::placeholder {
        color: #636466;
        opacity: .6; }
  #login-page .aside {
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-left: -.5rem;
    margin-right: -.5rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    #login-page .aside__cta {
      -webkit-flex-basis: -webkit-calc(50% - 1rem);
          -ms-flex-preferred-size: calc(50% - 1rem);
              flex-basis: calc(50% - 1rem);
      min-width: 220px;
      margin: 0 .5rem 1rem;
      border: 1px solid #fff;
      border-radius: 24px;
      padding: .875rem 1.375rem;
      color: #fff;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
      #login-page .aside__cta > div:first-child {
        margin-right: .875rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
      #login-page .aside__cta > div:last-child {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; } */

/*
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/blob/master/LICENSE)
*/
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: ' (' attr(href) ')';
  }

  abbr[title]:after {
    content: ' (' attr(title) ')';
  }

  a[href^='#']:after,
  a[href^='javascript:']:after {
    content: '';
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  .beta,
  h3,
  .gamma {
    orphans: 3;
    widows: 3;
  }

  h2,
  .beta,
  h3,
  .gamma {
    page-break-after: avoid;
  }

  .navbar {
    display: none;
  }

  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }

  .label {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }

  .table td,
  .table th {
    background-color: #fff !important;
  }

  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
  box-shadow: none;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container:before,
.container:after {
  content: ' ';
  display: table;
}

.container:after {
  clear: both;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid:before,
.container-fluid:after {
  content: ' ';
  display: table;
}

.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.row:before,
.row:after {
  content: ' ';
  display: table;
}

.row:after {
  clear: both;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-pull-1 {
    right: 8.33333333%;
  }

  .col-sm-pull-2 {
    right: 16.66666667%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-4 {
    right: 33.33333333%;
  }

  .col-sm-pull-5 {
    right: 41.66666667%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-7 {
    right: 58.33333333%;
  }

  .col-sm-pull-8 {
    right: 66.66666667%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-10 {
    right: 83.33333333%;
  }

  .col-sm-pull-11 {
    right: 91.66666667%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-push-1 {
    left: 8.33333333%;
  }

  .col-sm-push-2 {
    left: 16.66666667%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-4 {
    left: 33.33333333%;
  }

  .col-sm-push-5 {
    left: 41.66666667%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-7 {
    left: 58.33333333%;
  }

  .col-sm-push-8 {
    left: 66.66666667%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-10 {
    left: 83.33333333%;
  }

  .col-sm-push-11 {
    left: 91.66666667%;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }

  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-pull-1 {
    right: 8.33333333%;
  }

  .col-md-pull-2 {
    right: 16.66666667%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-4 {
    right: 33.33333333%;
  }

  .col-md-pull-5 {
    right: 41.66666667%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-7 {
    right: 58.33333333%;
  }

  .col-md-pull-8 {
    right: 66.66666667%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-10 {
    right: 83.33333333%;
  }

  .col-md-pull-11 {
    right: 91.66666667%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-push-1 {
    left: 8.33333333%;
  }

  .col-md-push-2 {
    left: 16.66666667%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-4 {
    left: 33.33333333%;
  }

  .col-md-push-5 {
    left: 41.66666667%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-7 {
    left: 58.33333333%;
  }

  .col-md-push-8 {
    left: 66.66666667%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-10 {
    left: 83.33333333%;
  }

  .col-md-push-11 {
    left: 91.66666667%;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-push-1 {
    left: 8.33333333%;
  }

  .col-lg-push-2 {
    left: 16.66666667%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-4 {
    left: 33.33333333%;
  }

  .col-lg-push-5 {
    left: 41.66666667%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-7 {
    left: 58.33333333%;
  }

  .col-lg-push-8 {
    left: 66.66666667%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-10 {
    left: 83.33333333%;
  }

  .col-lg-push-11 {
    left: 91.66666667%;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }
}

table {
  background-color: transparent;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #ddd;
}

.table .table {
  background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

table col[class*='col-'] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*='col-'],
table th[class*='col-'] {
  position: static;
  float: none;
  display: table-cell;
}

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }

  .table-responsive > .table {
    margin-bottom: 0;
  }

  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }

  .table-responsive > .table-bordered {
    border: 0;
  }

  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }

  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }

  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type='search'] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type='radio'],
input[type='checkbox'] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type='file'] {
  display: block;
}

input[type='range'] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type='file']:focus,
input[type='radio']:focus,
input[type='checkbox']:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}

.form-control {
  display: block;
  width: 80% ;
  height: 50px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999;
}

.form-control::-webkit-input-placeholder {
  color: #999;
}

.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

input[type='search'] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type='date'].form-control,
  input[type='time'].form-control,
  input[type='datetime-local'].form-control,
  input[type='month'].form-control {
    line-height: 34px;
  }

  input[type='date'].input-sm,
  .input-group-sm input[type='date'],
  input[type='time'].input-sm,
  .input-group-sm input[type='time'],
  input[type='datetime-local'].input-sm,
  .input-group-sm input[type='datetime-local'],
  input[type='month'].input-sm,
  .input-group-sm input[type='month'] {
    line-height: 30px;
  }

  input[type='date'].input-lg,
  .input-group-lg input[type='date'],
  input[type='time'].input-lg,
  .input-group-lg input[type='time'],
  input[type='datetime-local'].input-lg,
  .input-group-lg input[type='datetime-local'],
  input[type='month'].input-lg,
  .input-group-lg input[type='month'] {
    line-height: 46px;
  }
}

.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type='radio'],
.radio-inline input[type='radio'],
.checkbox input[type='checkbox'],
.checkbox-inline input[type='checkbox'] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type='radio'][disabled],
input[type='radio'].disabled,
fieldset[disabled] input[type='radio'],
input[type='checkbox'][disabled],
input[type='checkbox'].disabled,
fieldset[disabled] input[type='checkbox'] {
  cursor: not-allowed;
}

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}

.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-lg {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}

.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}

.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}

.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}

.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .form-inline .form-control-static {
    display: inline-block;
  }

  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }

  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }

  .form-inline .input-group > .form-control {
    width: 100%;
  }

  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }

  .form-inline .radio input[type='radio'],
  .form-inline .checkbox input[type='checkbox'] {
    position: relative;
    margin-left: 0;
  }

  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: ' ';
  display: table;
}

.form-horizontal .form-group:after {
  clear: both;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed;
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: '';
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }

  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.nav:before,
.nav:after {
  content: ' ';
  display: table;
}

.nav:after {
  clear: both;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav > li.disabled > a {
  color: #777777;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #337ab7;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}

.nav-pills > li {
  float: left;
}

.nav-pills > li > a {
  border-radius: 4px;
}

.nav-pills > li + li {
  margin-left: 2px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified,
.nav-tabs.nav-justified {
  width: 100%;
}

.nav-justified > li,
.nav-tabs.nav-justified > li {
  float: none;
}

.nav-justified > li > a,
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-justified > li,
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }

  .nav-justified > li > a,
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified,
.nav-tabs.nav-justified {
  border-bottom: 0;
}

.nav-tabs-justified > li > a,
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs-justified > .active > a,
.nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}

@media (min-width: 768px) {
  .nav-tabs-justified > li > a,
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }

  .nav-tabs-justified > .active > a,
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}

.pager:before,
.pager:after {
  content: ' ';
  display: table;
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  background-color: #fff;
  cursor: not-allowed;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4,
.alert .delta {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}

.progress-bar-info {
  background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}

.progress-bar-warning {
  background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}

.progress-bar-danger {
  background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}

.media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}

.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

a.list-group-item,
button.list-group-item {
  color: #555;
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}

a.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5;
}

button.list-group-item {
  width: 100%;
  text-align: left;
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}

a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}

a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}

.panel-body:before,
.panel-body:after {
  content: ' ';
  display: table;
}

.panel-body:after {
  clear: both;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panel > .list-group:first-child .list-group-item:first-child,
.panel
  > .panel-collapse
  > .list-group:first-child
  .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel
  > .panel-heading
  + .panel-collapse
  > .list-group
  .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}

.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child
  td:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child
  th:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child
  td:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child
  th:first-child {
  border-top-left-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child
  td:last-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child
  th:last-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child
  td:last-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child
  th:last-child {
  border-top-right-radius: 3px;
}

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child
  td:first-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child
  th:first-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child
  td:first-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child
  th:first-child {
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child
  td:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child
  th:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child
  td:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child
  th:last-child {
  border-bottom-right-radius: 3px;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}

.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}

.panel-group {
  margin-bottom: 20px;
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}

.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}

.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #337ab7;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}

.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}

.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}

.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}

.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}

.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out,
    -o-transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header:before,
.modal-header:after {
  content: ' ';
  display: table;
}

.modal-header:after {
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer:before,
.modal-footer:after {
  content: ' ';
  display: table;
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }

  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.clearfix:before,
.clearfix:after {
  content: ' ';
  display: table;
}

.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}

.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table !important;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

.c-btn [class^='bne-'],
.c-btn [class*=' bne-'] {
  margin-left: 0.5rem;
}

.animate-error-icon,
.pulse-warning {
  display: none !important;
}

.swal2-modal .swal2-title {
  font-weight: 300 !important;
}

.swal2-confirm {
  background-color: #0c4da2 !important;
  color: #fff !important;
  border: 1px solid #0c4da2 !important;
}

.swal2-confirm:hover {
  background-color: transparent !important;
  color: #0c4da2 !important;
}

.swal2-cancel {
  background-color: transparent !important;
  border: 1px solid #0c4da2 !important;
  color: #0c4da2 !important;
}

.swal2-cancel:hover {
  background-color: #0c4da2 !important;
  color: #fff !important;
}

.egg-register {
  position: absolute;
  right: 5vw;
  bottom: 3vh;
  width: 350px;
  height: auto;
  z-index: 1;
}

.confetti-register {
  position: absolute;
  right: 0vw;
  bottom: 0vh;
  width: 350px;
  height: auto;
  z-index: 0;
}

@media (max-width: 1200px) {
  .egg-register {
    width: 300px;
  }

  .confetti-register {
    width: 300px;
  }
}

@media (max-width: 900px) {
  .egg-register {
    width: 250px;
  }

  .confetti-register {
    width: 250px;
  }
}

@media (max-width: 765px) {
  .egg-register {
    display: none;
  }

  .confetti-register {
    display: none;
  }
}

/*Error message For Registration*/
.error-registration-page {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99998;
  margin-top: 0 !important;
}

.error-registration-card {
  width: 500px;
  background-color: white;
  border-radius: 5px;
  margin: auto;
  margin-top: 35vh;
  text-align: center;
  min-height: 131px;
}

.inside-error {
  /* padding:20px; */
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #636466;
  padding: 20px;
}

.inside-error button {
  background-color: #0c4da2 !important;
  color: white !important;
  border: 1px solid #0c4da2 !important;
  border-radius: 3px;
  box-shadow: none;
  cursor: pointer;
  font-size: 17px;
  font-weight: 500;
  padding: 10px 32px;
  margin: 0 5px;
}

.inside-error button:hover {
  background-color: white !important;
  color: #0c4da2 !important;
}

@media (max-width: 450px) {
  .error-registration-card {
    width: 350px;
  }

  .inside-error {
    font-size: 14px;
    padding: 10px;
  }

  .inside-error button {
    padding: 5px 22px;
  }
}

/*Onboarding css*/

.onboard-header-container {
  margin: 0;
}

.l-section--onboard {
  background: #a6b622;
  background-position: 55% -5%, center;
  z-index: 1;
}

@media (min-width: 1024px) {
  .l-section--onboard {
    background-position: left 10%, top 10px;
    -webkit-background-size: 400px 400px;
    background-size: 400px;
  }
}

@media (max-width: 767px) {
  .l-section--onboard {
    background-position: left 10%, bottom -40px;
    -webkit-background-size: 300px 300px;
    background-size: 300px;
  }
}

.l-section--onboard .l-container {
  padding-left: 5rem;
  padding-right: 5rem;
}

@media screen and (max-width: 767px) {
  .l-section--onboard .l-container {
    padding-left: 0;
    padding-right: 0;
  }
}

.onboard-div {
  text-align: center;
  font-family: 'Lato', Arial, sans-serif !important;
  font-size: 16px;
  color: #636466;
  width: 550px;
  margin: auto;
  margin-top: 15px;
}

.onboard-title {
  font-size: 2.5rem;
}

.onboard-paragraph {
  font-weight: 650;
}

.dropdown-btn {
  display: flex;
  width: 200px;
  margin: auto;
  font-size: 16px;
  margin-top: 15px;
  height: 20px;
}

.select {
  margin-left: 4px;
  padding: 0 10px 0 40px;
  border-bottom: solid 1px #a6b622;
  color: #008fa8;
}

.select:hover {
  cursor: pointer;
}

.select span {
  padding-left: 15px;
}

.onboard-hidden {
  border: solid white;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
  width: 270px;
  text-align: left;
  padding: 20px 30px;
  margin: 10px auto;
}

.onboarding-option {
  padding-bottom: 5px;
  border-bottom: 1px solid #636466;
  font-weight: 500;
}

.onboarding-option a {
  color: #636466;
}

.onboarding-option a:hover {
  color: #008fa8;
}

.onboarding-option:hover {
  color: #008fa8;
  cursor: pointer;
  transform: scale(1.05);
}

.onboarding-text-option {
  font-size: 14px;
  font-style: italic;
  font-weight: 700;
}

@media (max-width: 750px) {
  .onboard-title {
    font-size: 2.2rem;
  }

  .onboard-div {
    width: 350px;
  }
}

.egg-onboarding {
  position: absolute;
  left: 2vw;
  bottom: 2vh;
  width: 300px;
  height: auto;
  z-index: 1;
}

.confetti-onboarding {
  position: absolute;
  left: 0vw;
  bottom: 0vh;
  width: 350px;
  height: auto;
  z-index: 0;
}

.violin-onboarding {
  position: absolute;
  left: 0vw;
  bottom: 0vh;
  width: 35vw;
  height: auto;
  z-index: -1;
}

@media (max-width: 1450px) {
  .egg-onboarding {
    width: 300px;
    left: 2vw;
  }

  .confetti-onboarding {
    width: 350px;
  }
}

@media (max-width: 1035px) {
  .egg-onboarding {
    width: 225px;
    bottom: -150px;
  }

  .confetti-onboarding {
    width: 275px;
    bottom: -155px;
  }
}

@media (max-height: 900px) {
  .egg-onboarding {
    width: 225px;
    bottom: -230px;
  }

  .confetti-onboarding {
    width: 275px;
    bottom: -255px;
  }
}

@media (max-width: 800px) {
  .violin-onboarding {
    width: 57vw;
    left: -85px;
  }
}

@media (max-width: 400px) {
  .confetti-onboarding {
    display: flex;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 70vw;
  }

  .egg-onboarding {
    display: none;
  }

  .violin-onboarding {
    display: inline;
    position: relative;
    width: 70vw;
  }
}

.parentonboard-div {
  text-align: center;
  font-family: 'Lato', Arial, sans-serif !important;
  font-size: 16px;
  color: #636466;
  width: 600px;
  margin: auto;
  margin-top: 35px;
}

.parentonboard-title {
  margin-bottom: 10px !important;
}

.parentonboard-div p {
  margin-bottom: 20px;
}

.parentonboard-bold {
  font-weight: bold;
}

.parentonboard-big {
  font-size: 18px;
}

.parentonboard-big span {
  color: #008fa8;
}

.parentonboard-photo {
  margin: auto;
  width: 150px;
  display: block;
  margin-bottom: 15px;
}

.parentonboard-photo :hover {
  cursor: pointer;
}

.parentonboard-photo img {
  background-size: cover;
  border: none;
  background-color: rgba(211, 211, 211, 0.493);
  border-radius: 50%;
}

.parentonboard-photo span {
  color: #008fa8;
  font-size: 14px;
}

.round-list {
  position: absolute;
  display: flex;
  top: 185px;
  left: 40.5vw;
  width: 350px;
  justify-content: space-between;
  text-align: center;
  color: white;
  font-size: 20px;
}

.circle-list {
  position: absolute;
  display: flex;
  top: 215px;
  left: 41.6vw;
  width: 307px;
  height: 7px;
  justify-content: space-between;
  text-align: center;
  color: white;
  font-size: 12px !important;
}

.nonparent-list {
  width: 200px;
  left: 44vw;
  top: 175px;
}

.nonparent-circle-list {
  width: 160px;
  left: 45.1vw;
}

.round-list li {
  width: 65px;
}

.roundshape {
  padding: 0 7px;
  border: solid #77378e 2px;
  border-radius: 55%;
  background-color: white;
}

.full-round {
  background-color: #77378e;
}

.continue-btn {
  margin-top: 10px;
  padding: 10px 25px;
  border: 0;
  border-radius: 2px;
  color: white;
  background-color: #77378e;
  font-weight: bold;
}

.continue-btn-nonparent {
  margin: 20px auto;
  padding: 10px 25px;
  border: 0;
  border-radius: 2px;
  color: white;
  background-color: #77378e;
  font-weight: bold;
}
.continue-btn-nonparent:hover {
  cursor: pointer;
  color: #77378e;
  background-color: white;
  border: solid 0.5px #77378e;
}
.continue-btn-parent {
  margin: 20px auto;
  padding: 10px 25px;
  border: 0;
  border-radius: 2px;
  color: white;
  background-color: #77378e;
  font-weight: bold;
}

.back-btn {
  margin: 20px auto;
  color: #77378e;
  background-color: white;
  border: solid 1px #77378e;
  padding: 10px 25px;
  border-radius: 2px;
  font-weight: bold;
}

.back-btn:hover {
  cursor: pointer;
  color: white;
  background-color: #77378e;
  border: solid 1px #77378e;
}

.continue-btn:hover {
  cursor: pointer;
  color: #77378e;
  background-color: white;
  border: solid 0.5px #77378e;
}

.parentonboard-input1 {
  display: flex;
  justify-content: center;
}

.parentonboard-input1 input {
  width: 50px;
  border: none;
  margin: 0 10px;
  height: 25px;
  border-bottom: 1px solid #a6b622;
  text-align: center;
}

.parentonboard-input1 select {
  border: none;
  margin: 0 10px 5px 10px;
  padding: 0 0 5px 0;
  color: #008fa8;
  border-bottom: 1px solid #a6b622;
  background-color: white;
}

.parentonboard-input1 input:focus {
  outline-offset: 0px;
  outline: none;
}

.parentonboard-input1 select:focus {
  outline-offset: 0px;
  outline: none;
}

.parentonboard-input2 {
  display: flex;
  justify-content: center;
}

.parentonboard-input2 div {
  padding: 0;
}

.input-onboarding input {
  width: 100px;
  border: none;
  margin: 0 10px;
  height: 25px;
  border-bottom: 1px solid #a6b622;
  text-align: center;
}

.input-onboarding input:focus {
  outline-offset: 0px;
  outline: none;
}

.select-onboarding:focus {
  outline-offset: 0px;
  outline: none;
}

.select-onboarding {
  font-size: 14px;
  width: 100px;
  margin: 0 10px 5px 10px;
  padding: 0 0 5px 0;
  text-align: center;
  border: none;
  color: #008fa8;
  background-color: white;
  border-bottom: 1px solid #a6b622;
}

.btn-onboard-div {
  display: flex;
  justify-content: space-between;
  width: 85%;
  margin: auto;
}

.backbtn {
  margin-top: 10px;
  padding: 10px 40px;
  border: 0;
  border-radius: 2px;
  color: #77378e;
  background-color: white;
  font-weight: bold;
  border: solid 0.5px #77378e;
  z-index: 255;
}

.backbtn:hover {
  cursor: pointer;
  color: white;
  background-color: #77378e;
}

.skip-btn {
  margin-top: 10px;
  padding: 10px 40px;
  border: 0;
  border-radius: 2px;
  color: #77378e;
  background-color: white;
  font-weight: bold;
  border: solid 0.5px #77378e;
  z-index: 255;
}

.skip-btn:hover {
  cursor: pointer;
  color: white;
  background-color: #77378e;
}

.parentonboard-input3 {
  margin-top: 10px;
}

.parentonboard-input3 input {
  border: none;
  margin: 0 10px;
  height: 25px;
  border-bottom: 1px solid #a6b622;
  text-align: center;
  outline-offset: 0px;
  outline: none;
}

.firstname-child-input {
  width: 175px;
}

.lastname-child-input {
  width: 100px;
}

.date-child-input {
  width: 155px;
  font-size: 13px;
  text-transform: uppercase;
}

.parentonboard-add-memory {
  width: 850px;
}

.parentonboard-add-memory p {
  max-width: 500px;
  margin: auto;
  margin-top: 10px;
}

.parentonboard-input4 {
  border: none;
  width: 450px;
  margin: 0 10px;
  margin-bottom: 15px;
  height: 25px;
  border-bottom: 1px solid #a6b622;
  text-align: center;
  outline-offset: 0px;
  outline: none;
}

.special-btn-memory {
  flex-wrap: wrap-reverse;
  justify-content: center;
  width: 300px;
  margin-top: 75px;
}

.special-btn-memory a {
  padding: 7px 25px;
}

.parentonboard-share-select {
  border: none;
  width: auto;
  margin: 0 7px;
  margin-bottom: 15px;
  height: 25px;
  border-bottom: 1px solid #a6b622;
  text-align: center;
  outline-offset: 0px;
  outline: none;
  color: #008fa8;
}

.share-input {
  border: none;
  width: 100px;
  margin: 0 7px;
  height: 25px;
  border-bottom: 1px solid #a6b622;
  text-align: center;
  outline-offset: 0px;
  outline: none;
}

.share-input-email {
  width: 185px;
  width: auto;
}

.share-email {
  width: 650px;
}

.share-btn {
  justify-content: center;
}

.hiding-onboard {
  display: none !important;
}

.add-child-onboard {
  margin-top: 20px;
}

.picker-child-onboard {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.button-picker-child {
  border: none;
  background-color: white;
  margin-left: 5px;
  margin-right: 5px;
}

.button-picker-child span {
  text-transform: lowercase;
}

.button-picker-child:first-letter {
  text-transform: uppercase;
}

.checkbox-onboard-event {
  display: flex;
  align-items: center;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}

.checkbox-onboard-event label {
  width: 125px;
  margin: 0;
}

.checkbox-onboard-event input {
  width: 15px;
}

.parentonboard-photo-celebration {
  width: 245px;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034),
    0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06),
    0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086),
    0 100px 80px rgba(0, 0, 0, 0.12), 0.5px -0.7px rgba(0, 0, 0, 0.086);
}

.parentonboard-photo-celebration :hover {
  /* cursor: pointer; */
}

.second-phot-celebration-div {
  width: 200px;
  padding: 20px 10px;
  margin-left: auto;
  margin-right: auto;
  background-color: #e6eef3;
}

.second-phot-celebration-div :hover {
  cursor: pointer;
}

.picture-celebration-text {
  font-size: 14px;
  color: #008fa8;
}

/* media for parent onboarding*/

@media (max-width: 1500px) {
  .round-list {
    left: 37.5vw;
  }

  .circle-list {
    left: 39vw;
  }

  .nonparent-list {
    left: 42.5vw;
  }

  .nonparent-circle-list {
    left: 44vw;
  }
}

@media (max-width: 1317px) {
  .round-list {
    left: 36.5vw;
    top: 170px;
  }

  .circle-list {
    left: 38vw;
    top: 202px;
  }

  .nonparent-list {
    left: 42.8vw;
  }

  .nonparent-circle-list {
    left: 44.3vw;
  }
}

@media (max-width: 1280px) {
  .round-list {
    left: 35.8vw;
    top: 150px;
  }

  .circle-list {
    left: 37.5vw;
    top: 187px;
  }

  .nonparent-list {
    left: 43vw;
  }

  .nonparent-circle-list {
    left: 44vw;
  }
}

@media (max-width: 1080px) {
  .round-list {
    left: 32.8vw;
    top: 150px;
  }

  .circle-list {
    left: 34.5vw;
    top: 187px;
  }

  .nonparent-list {
    left: 42.5vw;
  }

  .nonparent-circle-list {
    left: 44vw;
  }
}

@media (max-width: 900px) {
  .round-list {
    left: 26vw;
    top: 150px;
  }

  .circle-list {
    left: 29vw;
    top: 187px;
  }

  .btn-onboard-div {
    width: 70%;
  }

  .parentonboard-add-memory {
    width: 600px;
  }

  .nonparent-list {
    left: 39.5vw;
    width: 160px;
  }

  .nonparent-circle-list {
    left: 42vw;
    width: 115px;
  }
}

@media (max-width: 767px) {
  .round-list {
    left: 26vw;
    top: 120px;
  }

  .circle-list {
    left: 29vw;
    top: 155px;
  }

  .nonparent-list {
    left: 39.5vw;
  }

  .nonparent-circle-list {
    left: 42vw;
  }
}

@media (max-width: 620px) {
  .round-list {
    left: 21vw;
    top: 120px;
  }

  .circle-list {
    left: 25vw;
    top: 155px;
  }

  .parentonboard-div {
    width: 515px;
  }

  .parentonboard-title {
    width: 350px;
    margin: auto;
    margin-bottom: 10px !important;
  }

  .nonparent-list {
    left: 39.5vw;
  }

  .nonparent-circle-list {
    left: 42vw;
  }
}

@media (max-width: 560px) {
  .round-list {
    left: 15vw;
    top: 90px;
  }

  .circle-list {
    left: 19vw;
    top: 125px;
  }

  .parentonboard-div {
    width: 400px;
  }

  .parentonboard-input2 {
    flex-wrap: wrap;
  }

  .add-photo {
    transform: scale(0.8);
  }

  .parentonboard-photo-celebration {
    transform: scale(1);
  }

  .second-phot-celebration-div {
    transform: scale(1);
  }

  .parentonboard-photo {
    margin-bottom: 0;
  }

  .parentonboard-photo img {
    height: 125px;
  }

  .btn-onboard-div {
    width: 90%;
  }

  .parentonboard-big {
    margin-bottom: 0 !important;
  }

  .nonparent-list {
    left: 35vw;
  }

  .nonparent-circle-list {
    left: 39vw;
  }
}

@media (max-width: 416px) {
  .round-list {
    left: 8vw;
    top: 90px;
    width: 325px;
  }

  .circle-list {
    left: 14vw;
    top: 125px;
    width: 280px;
  }

  .parentonboard-div {
    width: 345px;
  }

  .parentonboard-title {
    width: 325x;
  }

  .nonparent-list {
    left: 31vw;
    width: 150px;
  }

  .nonparent-circle-list {
    left: 37vw;
    width: 100px;
  }

  .parentonboard-input1 {
    width: 150px;
    margin-right: auto;
    margin-left: auto;
    flex-direction: column;
  }

  .parentonboard-input1 select {
    width: 135px;
    text-align-last: center;
  }

  .parentonboard-input1 div {
    margin-top: 8px;
  }

  .parentonboard-input2 {
    width: 150px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 8px;
  }

  .parentonboard-input2 div {
    margin-top: 8px;
  }

  .parentonboard-input2 select {
    margin-top: 10px;
  }

  .parentonboard-big {
    width: 205px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
  }

  .parentonboard-input3 {
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
  }

  .parentonboard-input3 input {
    margin-top: 10px;
  }

  .parentonboard-add-memory p {
    width: auto;
  }

  .parentonboard-add-memory input {
    width: 350px;
    margin: 0px;
  }

  .checkbox-onboard-event input {
    width: 10px;
  }

  .checkbox-onboard-event span {
    font-size: 14px;
  }

  #container-for-input {
    width: 200px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
  }

  #container-for-input input {
    margin-top: 10px;
    width: 155px;
  }

  #container-for-input select {
    margin-bottom: 0px;
    margin-top: 20px;
    width: 155px;
    text-align-last: center;
  }
}

/*Footer onboarding*/
.footer-boarding {
  position: absolute;
  width: 100vw;
  bottom: 15px;
  display: flex;
  justify-content: center;
}

.footer-boarding-mobile {
  display: flex;
  justify-content: center;
  display: none;
}

.footer-boarding img {
  width: 55px;
  height: 55px;
}

.inside-footer div {
  width: 175px;
  color: grey;
  text-align: center;
}

.inside-footer {
  width: 750px;
  display: flex;
  justify-content: space-around;
  border-top: solid 2px #a6b622;
  padding-top: 25px;
}

.dot-list {
  display: list-item;
  list-style-type: disc;
  list-style-position: inside;
}

.lets-go-page {
  z-index: 1;
}

.lets-go-page h1 {
  margin-bottom: 15px !important;
}

@media (max-width: 1450px) {
  .inside-footer {
    width: 550px;
    padding-top: 25px;
  }

  .footer-boarding img {
    width: 60px;
    height: 65px;
  }
}

@media (max-height: 900px) {
  .footer-boarding {
    bottom: 25px;
    padding-top: 15px;
    display: none;
  }

  .footer-boarding-mobile {
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .inside-footer p {
    font-size: 14px;
  }
}

@media (max-width: 1200px) {
  .footer-boarding {
    bottom: 25px;
    padding-top: 15px;
    display: none;
  }

  .footer-boarding-mobile {
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .inside-footer p {
    font-size: 14px;
  }

  .inside-footer div {
    width: 14vw;
  }

  .inside-footer img {
    width: 8vw;
  }

  .inside-footer p {
    font-size: 12px;
  }
}

@media (max-width: 800px) {
  .inside-footer {
    width: 65vw;
    padding-top: 15px;
    margin-top: 25px;
    margin-right: auto;
    margin-left: auto;
  }

  .inside-footer div {
    width: 15vw;
  }

  .inside-footer img {
    width: 12vw;
  }

  .inside-footer p {
    font-size: 10px;
  }
}

@media (max-width: 400px) {
  .footer-boarding-mobile {
    display: inline;
    width: 90vw;
  }

  .footer-boarding {
    display: none;
  }

  .footer-boarding-mobile img {
    width: 60px;
    height: 65px;
  }

  .inside-footer {
    width: 90vw;
    padding-top: 15px;
    margin-top: 25px;
    margin-right: auto;
    margin-left: auto;
  }

  .inside-footer div {
    width: 24vw;
  }

  .inside-footer p {
    font-size: 10px;
  }

  .lets-go-page {
    width: 350px;
  }

  .list-lets-go-page {
    width: 300px;
    margin: auto;
  }

  .dot-list {
    display: list-item;
    list-style-type: disc;
    list-style-position: inside;
    margin-top: 20px;
  }
}

.btn-non-parent-final {
  margin-bottom: 190px;
}

/*Date picker design*/
input[type='date'] {
  width: 155px;
  background: #fff
    url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png)
    97% 50% no-repeat;
}

[type='date']::-webkit-inner-spin-button {
  display: none;
}

[type='date']::-webkit-calendar-picker-indicator {
  opacity: 0;
}

::-webkit-calendar-picker-indicator {
  margin-left: 0px;
}

/*Invite people onboarding*/
.btn-invite {
  display: flex;
  justify-content: space-around;
}

.btn-invite a {
  cursor: pointer;
  color: #77378e;
  background-color: white;
  border: solid 0.5px #77378e;
  border-radius: 15px;
}

.btn-invite a:hover {
  cursor: pointer;
  color: white;
  background-color: #77378e;
  border: solid 0.5px white;
  border-radius: 15px;
}

.big-div h2 {
  text-align: center;
}

.big-div {
  width: fit-content;
  min-width: 750px;
  height: fit-content;
  margin-top: 15vh;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.925);
  box-shadow: 0 0 4px black;
}

.white-bckg-invite-people {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.61);
  z-index: 99999;
}

.width-fix{
  width: 332px;
}

/*# sourceMappingURL=app.css.map */