.c-loading__content h2 { display:none; }
.c-child-finder__result-holder .o-image {
	max-width:300px;
	margin:0 auto 2rem;
	display:block;
}
.o-match {
  color: green;
  position: relative;
  cursor: pointer;
}

.o-match::before {
  font-family: 'ci-icons';
  content: '\f058';
  margin-right: .25rem;
}

.o-match::after {
  position: absolute;
  top: calc(100% + .5rem);
  left: -.5rem;
  z-index: 1;
  display: none;
  width: 12.5rem;
  max-width: calc(100vw - 2rem);
  padding: 1rem;
  background: #f3f1ba;
  font-size: .8rem;
  color: #333;
}

.o-match--name::after {
  content: 'You have the same name!';
}

.o-match--location::after {
  content: 'You\'re interested in visiting the region where the child lives!';
}

.o-match--language::after {
  content: 'You share a language!';
}

.o-match--gender::after {
  content: 'You are the same gender!';
}

.o-match--birthday::after {
  content: 'You share a birthday!';
}

.o-match:hover::after {
  display: block;
}

.c-child-finder__label,
.c-prompt__answer,
.c-prompt__answer-label {
  font-family: 'Linotype Tetria', sans-serif
}

.block-content.white {
  background-color: #fff;
  margin: 0;
  padding: 1.5rem 1rem
}

.o-button {
  -webkit-transition: .2s linear;
  transition: .2s linear
}

.o-button:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffd563), to(#daaa46));
  background: linear-gradient(#ffd563, #daaa46)
}

.o-button--blue:hover {
  background: #4187c5
}

.u-help-text {
  margin: 0;
  font-style: italic
}

.c-child-finder>.yui3-g {
  max-width: 62.5rem;
  width: calc(100% - 2rem);
  margin: 0 auto
}

.c-child-finder__print {
  float: right;
  font-size: 1rem;
  color: #0054a6;
  cursor: pointer;
}

@media (max-width: 45.5rem) {
  .c-child-finder__print {
    display: none;
  }
}

.c-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 20rem;
  max-height: 100vh;
  padding: 1rem;
  color:#fff;
}
.c-loading h2{
	  color:#fff;
}
.c-loading 
.c-loading__content {
  max-width: 45.5rem;
  text-align: center;
}

.c-loading__icon {
  font-size: 3rem;
}

.c-progress-tracker {
  padding: 0 1rem;
  overflow: auto;
  text-align: center
}

.c-progress-tracker__holder {
  display: inline-block;
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
  white-space: nowrap
}

.c-progress-tracker__item {
  display: inline-block;
  position: relative;
  z-index: 1;
  margin: 1rem .5rem
}



.c-prompt__answer,
.c-prompt__answers {
  display: -webkit-box;
  display: -ms-flexbox
}

.c-prompt__answers input[type="date"],
.c-prompt__answers input[type="text"] {
    padding: 1.5rem;
    width: 45.5rem;
    max-width: calc(100% - 2rem);
    margin: 0 auto;
    border: 2px solid #00a3c7;
    border-radius: 1rem;
    font-size: 1.5rem;
}

.c-progress-tracker__item:first-of-type {
  margin-left: 0
}

.c-progress-tracker__item:last-of-type {
  margin-right: 0
}

.c-progress-tracker__button {
  border: 0;
  border-radius:1em;
  padding: .5rem .85rem;
  background: #005abb;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  -webkit-transition: .2s linear;
  transition: .2s linear
}

.c-progress-tracker__button--active {
  background: #8d112b
}

.c-progress-tracker__button:not([disabled]):hover {
  background: #8d112b
}

.c-prompt {
  opacity: 0;
  transition: .2s linear
border-bottom:4px solid red;
}

.c-prompt,
.c-prompt__answer {
  -webkit-transition: .2s linear
}

.c-prompt__answer--multi,
.c-prompt__answer--single {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.c-prompt--active {
  opacity: 1
}

.c-prompt__answers {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem
}

.c-prompt__answers select {
  line-height: 1em;
  padding: 1.5rem;
  width: 45.5rem;
  flex: 18rem;
  margin: 0 1rem 1rem;
  border: 2px solid #00a3c7;
  border-radius: 1rem;
  font-size: 1.5rem;
  height: auto;
}

.c-prompt__answers-holder {
  position: relative;
  min-height: 20rem;
  background-size: cover;
  background-position: top center;
  margin-bottom:0;
  padding-bottom:2em;
}

@media (min-width:45.5rem) {
  .c-prompt__answer-holder {
    -webkit-box-flex: calc(56.5rem / 4);
    -ms-flex: calc(56.5rem / 4);
    flex: calc(56.5rem / 4);
    margin: 1rem
  }
}

@media (max-width:45.5rem) {
  .c-prompt__answer-holder {
    -webkit-box-flex: 9rem;
    -ms-flex: 9rem;
    flex: 9rem;
    margin: .5rem
  }
}

.c-prompt__answer {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  border: 0px solid #00a3c7;
  border-radius: 1rem;
  padding: 2rem 1rem;
  background: rgba(255, 255, 255, .85);
  line-height: 1.4em;
  text-align: center;
  color: #0054a6;
  cursor: pointer;
  transition: .2s linear
}

.c-prompt__answer--checked,
.c-prompt__answer:hover {
  background: #8d112b;
  color: #fff
}

.c-prompt__answer--checked>.c-prompt__answer-image,
.c-prompt__answer:hover>.c-prompt__answer-image {
  opacity: .5
}

.c-prompt__answer--checked~.c-prompt__answer-label,
.c-prompt__answer:hover~.c-prompt__answer-label {
  color: #8d112b
}

@media (min-width:45.5rem) {
  .c-prompt__answer {
    min-height: 9rem;
    font-size: 1.5em
  }

  .c-prompt__answer-placeholder {
    -webkit-box-flex: calc(56.5rem / 4);
    -ms-flex: calc(56.5rem / 4);
    flex: calc(56.5rem / 4);
    margin: 0 1rem
  }
}

@media (max-width:45.5rem) {
  .c-prompt__answer {
    min-height: 10rem;
    font-size: 1.5em
  }

  .c-prompt__answer-placeholder {
    -webkit-box-flex: 9rem;
    -ms-flex: 9rem;
    flex: 9rem;
    margin: .5rem
  }
}

.c-prompt__answer--single .c-prompt__answer-checkbox {
  display: none
}

.c-prompt__answer-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  border-radius: 1rem
}

@supports ((-o-object-fit:cover) or (object-fit:cover)) {
  .c-prompt__answer-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
  }
}

@supports not ((-o-object-fit:cover) or (object-fit:cover)) {
  .c-prompt__answer-image {
    max-height: 100%
  }
}

.c-prompt__answer-label {
  display: block;
  text-align: center;
  color: #0054a6;
  margin: .5rem 0 0
}

.c-prompt__answer-checkbox {
  opacity: 0;
  position: absolute
}

.c-prompt__answer-checkbox-ui {
  position: absolute;
  right: 0;
  top: 0;
  border-top-right-radius: 1rem;
  width: 2.4rem;
  height: 2.4rem;
  opacity: 0;
  -webkit-transition: .2s linear;
  transition: .2s linear
}

.c-prompt__answer-checkbox:checked+.c-prompt__answer-checkbox-ui {
  opacity: 1
}

.c-prompt__answer-checkbox-ui:after {
  content: '';
  position: absolute;
  right: 11px;
  top: 5px;
  height: 24px;
  width: 12px;
  border-right: 6px solid #FFF;
  border-bottom: 6px solid #FFF;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.c-prompt__answer-image~.c-prompt__answer-checkbox-ui {
  background: #fff;
  border-left: 2px solid #00a3c7;
  border-bottom: 2px solid #00a3c7
}

.c-prompt__answer-image~.c-prompt__answer-checkbox-ui::after {
  border-color: #00a3c7 !important
}

.c-prompt__answer--single .c-prompt__answer-checkbox-ui {
  display: none
}

.c-child-finder__result,
.c-child-finder__splash {
  position: relative;
  background-size: cover;
  background-position: center;
  opacity: 0
}

.c-child-finder__result--active,
.c-child-finder__splash--active {
  opacity: 1
}

.c-child-finder__result {
  background-image: url(/multimedia/child-finder-child-matched__confetti-and-celebration.jpg)
}

.js-child-finder-app {
	  background-image: url(/multimedia/child-selector-xmas-bluebg.jpg);
	  background-size: cover;
 	 	background-position: top center;
		border-bottom:4px solid red
}
.c-prompt h3 { color:#fff; }
p.u-help-text { color:#fff; }

.c-child-finder__splash {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 40rem;
  max-height: 100vh;
  background: url(/multimedia/child-selector-xmas-splashbg.jpg) center top #000;
  background-size: cover;
  -webkit-transition: .2s linear;
  transition: .2s linear;
}

.c-child-finder__result-holder,
.c-child-finder__splash-holder {
  width: calc(100% - 2rem);
  margin: 0 auto;
  background-color: rgba(255, 255, 255, .9)
}

@media (min-width:45.5rem) {
  .c-child-finder__splash {
    min-height: 30rem
  }

  .c-child-finder__result-holder,
  .c-child-finder__splash-holder {
    padding: 2rem 4rem
  }
}

@media (max-width:45.5rem) {
  .c-child-finder__splash {
    min-height: calc(100vh - 102px)
  }

  .c-child-finder__result-holder,
  .c-child-finder__splash-holder {
    padding: 2rem
  }
}

.c-child-finder__result-holder {
  max-width: 50rem
}

.c-child-finder__splash-holder {
  position: relative;
  max-width: 42.5rem
}

.c-child-finder__splash-holder p {
  line-height: 1.8em
}

.c-child-finder__splash-design::after,
.c-child-finder__splash-design::before {
  position: absolute;
  display: block;
  content: ' ';
  width: 2rem;
  height: 2rem;
/*  background-image: url(/multimedia/child-selector-flowers.png); */
  background-size: contain;
  background-repeat: no-repeat
}

.c-child-finder__splash-design::before {
  left: .5rem
}

.c-child-finder__splash-design::after {
  right: .5rem
}

.c-child-finder__splash-design--top::after,
.c-child-finder__splash-design--top::before {
  top: .5rem
}

.c-child-finder__splash-design--bottom::after,
.c-child-finder__splash-design--bottom::before {
  bottom: .5rem
}

.c-child-finder__splash-design--top::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.c-child-finder__splash-design--top::after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.c-child-finder__splash-design--bottom::before {
  -webkit-transform: rotate(-270deg);
  transform: rotate(-270deg)
}

.c-child-finder__label {
  text-transform: uppercase
}

.c-child-finder__what-they-receive {
  padding: 3rem 0
}

.center {
  text-align: center
}

.list-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.list-items .paragraph {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  width: 320px;
  padding: 15px
}

.list-items .paragraph:nth-of-type(5) {
  padding: 0;
  margin-top: -20px
}

.list-items .paragraph:nth-of-type(7),
.list-items .paragraph:nth-of-type(9) {
  margin-top: -30px
}

@media (max-width:1015px) {

  .list-items .paragraph:nth-of-type(2),
  .list-items .paragraph:nth-of-type(5),
  .list-items .paragraph:nth-of-type(8) {
    display: none
  }
}

.list-items .paragraph span.h4 {
  font-size: 1.2em
}

.list-items .paragraph .left {
  float: none;
  margin: 0
}

.list-items .paragraph .image-holder {
  border: none;
  padding: 0;
  background: 0 0
}

.c-sticky {
  position: fixed;
  display: none;
  bottom: 0;
  width: 100%;
  background: #fff;
  border-top: 1px solid #ccc;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4);
  box-shadow: 0 0 20px rgba(0, 0, 0, .4);
  padding: .5rem 0;
  font-size: .9rem
}

.c-sticky__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 62.5rem;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.c-sticky__image {
  max-width: 4rem
}

.c-sticky__info-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.c-sticky__label {
  text-transform: uppercase;
  color: #0054a6;
  font-size: .8rem
}

.c-sticky__info-block {
  padding: 0 1rem;
  -webkit-box-flex: 9;
  -ms-flex: 9;
  flex: 9
}

.c-sticky__image-holder {
  padding: 0 0 0 1rem
}

.c-sticky__button-holder {
  text-align: right;
  padding: 0 1rem;
  -ms-flex-item-align: center;
  align-self: center
}

.c-sticky__info {
  font-weight: 700;
  color: #0054a6
}

.c-sticky .o-button {
  display: inline-block;
  min-width: 122px
}

@media (min-width:45.5rem) {
  .c-sticky__info--name {
    margin-bottom: 0
  }
}

@media (max-width:45.5rem) {
  .c-sticky__info-block--name * {
    display: none
  }
}

.c-result {
  width: 45.5rem;
  max-width: 100%;
  margin: 0 auto;
}

.c-result__content {
  width: 45.5rem;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  padding: 1rem;
}

.c-result-table {
  border-collapse: collapse;
  margin: 0 0 2rem;
}

@media (max-width: 45.5rem) {
  .c-result-table {
    font-size: .85rem;
  }
}

.c-result-table td,
.c-result-table th {
  padding: .5rem;
  border-bottom: 1px solid #ccc;
}

.c-result-table tr:nth-of-type(even) td,
.c-result-table th {
  background: #efefef;
}

.c-result-table tr:nth-of-type(odd) td {
  background: #fff;
}

.c-result-table__child-image, 
.c-result-table__user-image {
  width: 43%;
}

.c-result-table__image-holder {
  z-index: 1;
  overflow: hidden;
  width: 100%;
  position: relative;
  background: #ddd;
}

@media (min-width: 45.5rem) {
  .c-result-table__image-holder {
    height: 24rem;
  }
}

@media (max-width: 45.5rem) {
  .c-result-table__image-holder {
    height: 10rem;
  }
}

.c-result-table__image-holder .o-image {
  position: absolute;
  top: -100%;
  bottom: -100%;
  left: -100%;
  right: -100%;
  margin: auto;
  height: 100%;
  width: unset;
  max-width: unset;
}

.c-result-table__image-holder--user {
  cursor: pointer;
  cursor: pointer;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: bottom 64px center;
  background-blend-mode: difference;
}

.c-result-table__image-holder--user::before {
  content: 'Click here add your own photo!';
  position: absolute;
  width: 100%;
  padding: 1rem;
  left: 0;
  bottom: 0;
  z-index: 0;
  background: #333;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: normal;
}

@media print {
  body {
    font-size: .7em;
  }

  h1 {
    font-size: 1.5em;
    margin: 0;
  }

 .c-footer,
 .c-header,
 .u-screen-only {
   display: none;
 }

 .c-child-finder__result-holder {
   padding: 0;
 }

 .c-result-table td, .c-result-table th {
    padding: .25rem;
  }
}