/*
- FONTS -
- VARIABLES -
- RESET -
- GENERAL LAYOUT -
- HEADER -
- FOOTER -
- HOMEPAGE -
- INNER PAGE -
- STORIES -
- DONATIONS -
*/
/* FONTS */
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");
/* VARIABLES & MIXINS*/
/* RESET */
html, body {
  height: 100%;
  margin: 0;
  padding: 0; }

body.open {
  overflow: hidden; }

ul {
  margin: 0;
  padding: 0; }
  ul li {
    list-style: none; }

/* GENERAL LAYOUT */
body {
  font-family: Verdana, Geneva, sans-serif;
  color: #140b2e;
  font-size: 0.875em;
  display: flex;
  flex-direction: column; }

.site-content {
  flex: 1 0 auto;
  margin-top: 110px; }

.wrap {
  max-width: 1300px;
  margin: auto;
  padding: 0 2em; }

h2 {
  color: #1699d3;
  font-size: 2.142857142857143em;
  margin-top: 1.6em;
  margin-bottom: 1em;
  line-height: 1.2em; }
  h2:after {
    content: "";
    height: 2px;
    width: 195px;
    background: #d9effc;
    display: block;
    margin-top: 1.25em;
    margin-bottom: 1em; }
  h2.center {
    text-align: center; }
    h2.center:after {
      margin-right: auto;
      margin-left: auto; }
  h2 span {
    font-size: 16px;
    margin-top: 0.5em;
    display: block;
    color: #140b2e; }

h3 {
  color: #be120d;
  text-transform: uppercase;
  font-size: 1.714285714285714em;
  line-height: 1.2em; }
  h3.lowercase {
    text-transform: none; }

h4 {
  text-transform: uppercase;
  margin-bottom: 0.5em;
  line-height: 1.2em; }

sup {
  line-height: 0;
  font-size: 0.7em;
  position: relative;
  top: 0.2em; }

.content-text {
  font-size: 1em;
  line-height: 1.469285714285714em; }
  .content-text .button {
    margin: 2em 0; }

.col-container {
  display: flex;
  display: -moz-webkit-flex;
  display: -webkit-flex;
  display: -ms-box; }
  .col-container .col {
    margin-left: 3em; }
    .col-container .col:first-child {
      margin-left: 0; }

.mobile-only {
  display: none; }

hr {
  content: "";
  background: #d9effb;
  height: 2px;
  width: 195px;
  border: 0;
  display: block;
  float: left;
  margin-top: 3em; }
  hr ~ * {
    clear: both; }

.button, input[type=submit] {
  background: #1699d3;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  white-space: normal;
  font-weight: bold;
  display: inline-block;
  padding: 1em 4em;
  border-radius: 3.928571428571429em;
  overflow: hidden;
  max-width: 360px;
  text-shadow: 0px 0px 0 #1488bc,1px 1px 0 #1488bc,2px 2px 0 #1488bc,3px 3px 0 #1488bc,4px 4px 0 #1488bc,5px 5px 0 #1488bc,6px 6px 0 #1488bc,7px 7px 0 #1488bc,8px 8px 0 #1488bc,9px 9px 0 #1488bc,10px 10px 0 #1488bc,11px 11px 0 #1488bc,12px 12px 0 #1488bc,13px 13px 0 #1488bc,14px 14px 0 #1488bc,15px 15px 0 #1488bc,16px 16px 0 #1488bc,17px 17px 0 #1488bc,18px 18px 0 #1488bc,19px 19px 0 #1488bc,20px 20px 0 #1488bc,21px 21px 0 #1488bc,22px 22px 0 #1488bc,23px 23px 0 #1488bc,24px 24px 0 #1488bc,25px 25px 0 #1488bc,26px 26px 0 #1488bc,27px 27px 0 #1488bc,28px 28px 0 #1488bc,29px 29px 0 #1488bc,30px 30px 0 #1488bc,31px 31px 0 #1488bc,32px 32px 0 #1488bc,33px 33px 0 #1488bc,34px 34px 0 #1488bc,35px 35px 0 #1488bc,36px 36px 0 #1488bc,37px 37px 0 #1488bc,38px 38px 0 #1488bc,39px 39px 0 #1488bc,40px 40px 0 #1488bc,41px 41px 0 #1488bc,42px 42px 0 #1488bc,43px 43px 0 #1488bc,1px 1px 0 rgba(20, 136, 188, 0.977778),2px 2px 0 rgba(20, 136, 188, 0.955556),3px 3px 0 rgba(20, 136, 188, 0.933333),4px 4px 0 rgba(20, 136, 188, 0.911111),5px 5px 0 rgba(20, 136, 188, 0.888889),6px 6px 0 rgba(20, 136, 188, 0.866667),7px 7px 0 rgba(20, 136, 188, 0.844444),8px 8px 0 rgba(20, 136, 188, 0.822222),9px 9px 0 rgba(20, 136, 188, 0.8),10px 10px 0 rgba(20, 136, 188, 0.777778),11px 11px 0 rgba(20, 136, 188, 0.755556),12px 12px 0 rgba(20, 136, 188, 0.733333),13px 13px 0 rgba(20, 136, 188, 0.711111),14px 14px 0 rgba(20, 136, 188, 0.688889),15px 15px 0 rgba(20, 136, 188, 0.666667),16px 16px 0 rgba(20, 136, 188, 0.644444),17px 17px 0 rgba(20, 136, 188, 0.622222),18px 18px 0 rgba(20, 136, 188, 0.6),19px 19px 0 rgba(20, 136, 188, 0.577778),20px 20px 0 rgba(20, 136, 188, 0.555556),21px 21px 0 rgba(20, 136, 188, 0.533333),22px 22px 0 rgba(20, 136, 188, 0.511111),23px 23px 0 rgba(20, 136, 188, 0.488889),24px 24px 0 rgba(20, 136, 188, 0.466667),25px 25px 0 rgba(20, 136, 188, 0.444444),26px 26px 0 rgba(20, 136, 188, 0.422222),27px 27px 0 rgba(20, 136, 188, 0.4),28px 28px 0 rgba(20, 136, 188, 0.377778),29px 29px 0 rgba(20, 136, 188, 0.355556),30px 30px 0 rgba(20, 136, 188, 0.333333),31px 31px 0 rgba(20, 136, 188, 0.311111),32px 32px 0 rgba(20, 136, 188, 0.288889),33px 33px 0 rgba(20, 136, 188, 0.266667),34px 34px 0 rgba(20, 136, 188, 0.244444),35px 35px 0 rgba(20, 136, 188, 0.222222),36px 36px 0 rgba(20, 136, 188, 0.2),37px 37px 0 rgba(20, 136, 188, 0.177778),38px 38px 0 rgba(20, 136, 188, 0.155556),39px 39px 0 rgba(20, 136, 188, 0.133333),40px 40px 0 rgba(20, 136, 188, 0.111111),41px 41px 0 rgba(20, 136, 188, 0.0888889),42px 42px 0 rgba(20, 136, 188, 0.0666667),43px 43px 0 rgba(20, 136, 188, 0.0444444),45px 45px 0 rgba(20, 136, 188, 0);
  transition: background 0.25s;
  transition: text-shadow 0.25s;
  border: 0 !important;
  cursor: pointer; }
  .button:hover, input[type=submit]:hover {
    background: #1488bc;
    text-shadow: 0px 0px 0 #1178a5,1px 1px 0 #1178a5,2px 2px 0 #1178a5,3px 3px 0 #1178a5,4px 4px 0 #1178a5,5px 5px 0 #1178a5,6px 6px 0 #1178a5,7px 7px 0 #1178a5,8px 8px 0 #1178a5,9px 9px 0 #1178a5,10px 10px 0 #1178a5,11px 11px 0 #1178a5,12px 12px 0 #1178a5,13px 13px 0 #1178a5,14px 14px 0 #1178a5,15px 15px 0 #1178a5,16px 16px 0 #1178a5,17px 17px 0 #1178a5,18px 18px 0 #1178a5,19px 19px 0 #1178a5,20px 20px 0 #1178a5,21px 21px 0 #1178a5,22px 22px 0 #1178a5,23px 23px 0 #1178a5,24px 24px 0 #1178a5,25px 25px 0 #1178a5,26px 26px 0 #1178a5,27px 27px 0 #1178a5,28px 28px 0 #1178a5,29px 29px 0 #1178a5,30px 30px 0 #1178a5,31px 31px 0 #1178a5,32px 32px 0 #1178a5,33px 33px 0 #1178a5,34px 34px 0 #1178a5,35px 35px 0 #1178a5,36px 36px 0 #1178a5,37px 37px 0 #1178a5,38px 38px 0 #1178a5,39px 39px 0 #1178a5,40px 40px 0 #1178a5,41px 41px 0 #1178a5,42px 42px 0 #1178a5,43px 43px 0 #1178a5,1px 1px 0 rgba(17, 120, 165, 0.977778),2px 2px 0 rgba(17, 120, 165, 0.955556),3px 3px 0 rgba(17, 120, 165, 0.933333),4px 4px 0 rgba(17, 120, 165, 0.911111),5px 5px 0 rgba(17, 120, 165, 0.888889),6px 6px 0 rgba(17, 120, 165, 0.866667),7px 7px 0 rgba(17, 120, 165, 0.844444),8px 8px 0 rgba(17, 120, 165, 0.822222),9px 9px 0 rgba(17, 120, 165, 0.8),10px 10px 0 rgba(17, 120, 165, 0.777778),11px 11px 0 rgba(17, 120, 165, 0.755556),12px 12px 0 rgba(17, 120, 165, 0.733333),13px 13px 0 rgba(17, 120, 165, 0.711111),14px 14px 0 rgba(17, 120, 165, 0.688889),15px 15px 0 rgba(17, 120, 165, 0.666667),16px 16px 0 rgba(17, 120, 165, 0.644444),17px 17px 0 rgba(17, 120, 165, 0.622222),18px 18px 0 rgba(17, 120, 165, 0.6),19px 19px 0 rgba(17, 120, 165, 0.577778),20px 20px 0 rgba(17, 120, 165, 0.555556),21px 21px 0 rgba(17, 120, 165, 0.533333),22px 22px 0 rgba(17, 120, 165, 0.511111),23px 23px 0 rgba(17, 120, 165, 0.488889),24px 24px 0 rgba(17, 120, 165, 0.466667),25px 25px 0 rgba(17, 120, 165, 0.444444),26px 26px 0 rgba(17, 120, 165, 0.422222),27px 27px 0 rgba(17, 120, 165, 0.4),28px 28px 0 rgba(17, 120, 165, 0.377778),29px 29px 0 rgba(17, 120, 165, 0.355556),30px 30px 0 rgba(17, 120, 165, 0.333333),31px 31px 0 rgba(17, 120, 165, 0.311111),32px 32px 0 rgba(17, 120, 165, 0.288889),33px 33px 0 rgba(17, 120, 165, 0.266667),34px 34px 0 rgba(17, 120, 165, 0.244444),35px 35px 0 rgba(17, 120, 165, 0.222222),36px 36px 0 rgba(17, 120, 165, 0.2),37px 37px 0 rgba(17, 120, 165, 0.177778),38px 38px 0 rgba(17, 120, 165, 0.155556),39px 39px 0 rgba(17, 120, 165, 0.133333),40px 40px 0 rgba(17, 120, 165, 0.111111),41px 41px 0 rgba(17, 120, 165, 0.0888889),42px 42px 0 rgba(17, 120, 165, 0.0666667),43px 43px 0 rgba(17, 120, 165, 0.0444444),45px 45px 0 rgba(17, 120, 165, 0);
    color: #fff; }
  .button.edit, input[type=submit].edit {
    background: #c1e5fa;
    text-shadow: 0px 0px 0 #aadbf8,1px 1px 0 #aadbf8,2px 2px 0 #aadbf8,3px 3px 0 #aadbf8,4px 4px 0 #aadbf8,5px 5px 0 #aadbf8,6px 6px 0 #aadbf8,7px 7px 0 #aadbf8,8px 8px 0 #aadbf8,9px 9px 0 #aadbf8,10px 10px 0 #aadbf8,11px 11px 0 #aadbf8,12px 12px 0 #aadbf8,13px 13px 0 #aadbf8,14px 14px 0 #aadbf8,15px 15px 0 #aadbf8,16px 16px 0 #aadbf8,17px 17px 0 #aadbf8,18px 18px 0 #aadbf8,19px 19px 0 #aadbf8,20px 20px 0 #aadbf8,21px 21px 0 #aadbf8,22px 22px 0 #aadbf8,23px 23px 0 #aadbf8,24px 24px 0 #aadbf8,25px 25px 0 #aadbf8,26px 26px 0 #aadbf8,27px 27px 0 #aadbf8,28px 28px 0 #aadbf8,29px 29px 0 #aadbf8,30px 30px 0 #aadbf8,31px 31px 0 #aadbf8,32px 32px 0 #aadbf8,33px 33px 0 #aadbf8,34px 34px 0 #aadbf8,35px 35px 0 #aadbf8,36px 36px 0 #aadbf8,37px 37px 0 #aadbf8,38px 38px 0 #aadbf8,39px 39px 0 #aadbf8,40px 40px 0 #aadbf8,41px 41px 0 #aadbf8,42px 42px 0 #aadbf8,43px 43px 0 #aadbf8,1px 1px 0 rgba(170, 219, 248, 0.977778),2px 2px 0 rgba(170, 219, 248, 0.955556),3px 3px 0 rgba(170, 219, 248, 0.933333),4px 4px 0 rgba(170, 219, 248, 0.911111),5px 5px 0 rgba(170, 219, 248, 0.888889),6px 6px 0 rgba(170, 219, 248, 0.866667),7px 7px 0 rgba(170, 219, 248, 0.844444),8px 8px 0 rgba(170, 219, 248, 0.822222),9px 9px 0 rgba(170, 219, 248, 0.8),10px 10px 0 rgba(170, 219, 248, 0.777778),11px 11px 0 rgba(170, 219, 248, 0.755556),12px 12px 0 rgba(170, 219, 248, 0.733333),13px 13px 0 rgba(170, 219, 248, 0.711111),14px 14px 0 rgba(170, 219, 248, 0.688889),15px 15px 0 rgba(170, 219, 248, 0.666667),16px 16px 0 rgba(170, 219, 248, 0.644444),17px 17px 0 rgba(170, 219, 248, 0.622222),18px 18px 0 rgba(170, 219, 248, 0.6),19px 19px 0 rgba(170, 219, 248, 0.577778),20px 20px 0 rgba(170, 219, 248, 0.555556),21px 21px 0 rgba(170, 219, 248, 0.533333),22px 22px 0 rgba(170, 219, 248, 0.511111),23px 23px 0 rgba(170, 219, 248, 0.488889),24px 24px 0 rgba(170, 219, 248, 0.466667),25px 25px 0 rgba(170, 219, 248, 0.444444),26px 26px 0 rgba(170, 219, 248, 0.422222),27px 27px 0 rgba(170, 219, 248, 0.4),28px 28px 0 rgba(170, 219, 248, 0.377778),29px 29px 0 rgba(170, 219, 248, 0.355556),30px 30px 0 rgba(170, 219, 248, 0.333333),31px 31px 0 rgba(170, 219, 248, 0.311111),32px 32px 0 rgba(170, 219, 248, 0.288889),33px 33px 0 rgba(170, 219, 248, 0.266667),34px 34px 0 rgba(170, 219, 248, 0.244444),35px 35px 0 rgba(170, 219, 248, 0.222222),36px 36px 0 rgba(170, 219, 248, 0.2),37px 37px 0 rgba(170, 219, 248, 0.177778),38px 38px 0 rgba(170, 219, 248, 0.155556),39px 39px 0 rgba(170, 219, 248, 0.133333),40px 40px 0 rgba(170, 219, 248, 0.111111),41px 41px 0 rgba(170, 219, 248, 0.0888889),42px 42px 0 rgba(170, 219, 248, 0.0666667),43px 43px 0 rgba(170, 219, 248, 0.0444444),45px 45px 0 rgba(170, 219, 248, 0); }
    .button.edit:hover, input[type=submit].edit:hover {
      background: #aadbf8;
      text-shadow: 0px 0px 0 #7ac7f5,1px 1px 0 #7ac7f5,2px 2px 0 #7ac7f5,3px 3px 0 #7ac7f5,4px 4px 0 #7ac7f5,5px 5px 0 #7ac7f5,6px 6px 0 #7ac7f5,7px 7px 0 #7ac7f5,8px 8px 0 #7ac7f5,9px 9px 0 #7ac7f5,10px 10px 0 #7ac7f5,11px 11px 0 #7ac7f5,12px 12px 0 #7ac7f5,13px 13px 0 #7ac7f5,14px 14px 0 #7ac7f5,15px 15px 0 #7ac7f5,16px 16px 0 #7ac7f5,17px 17px 0 #7ac7f5,18px 18px 0 #7ac7f5,19px 19px 0 #7ac7f5,20px 20px 0 #7ac7f5,21px 21px 0 #7ac7f5,22px 22px 0 #7ac7f5,23px 23px 0 #7ac7f5,24px 24px 0 #7ac7f5,25px 25px 0 #7ac7f5,26px 26px 0 #7ac7f5,27px 27px 0 #7ac7f5,28px 28px 0 #7ac7f5,29px 29px 0 #7ac7f5,30px 30px 0 #7ac7f5,31px 31px 0 #7ac7f5,32px 32px 0 #7ac7f5,33px 33px 0 #7ac7f5,34px 34px 0 #7ac7f5,35px 35px 0 #7ac7f5,36px 36px 0 #7ac7f5,37px 37px 0 #7ac7f5,38px 38px 0 #7ac7f5,39px 39px 0 #7ac7f5,40px 40px 0 #7ac7f5,41px 41px 0 #7ac7f5,42px 42px 0 #7ac7f5,43px 43px 0 #7ac7f5,1px 1px 0 rgba(122, 199, 245, 0.977778),2px 2px 0 rgba(122, 199, 245, 0.955556),3px 3px 0 rgba(122, 199, 245, 0.933333),4px 4px 0 rgba(122, 199, 245, 0.911111),5px 5px 0 rgba(122, 199, 245, 0.888889),6px 6px 0 rgba(122, 199, 245, 0.866667),7px 7px 0 rgba(122, 199, 245, 0.844444),8px 8px 0 rgba(122, 199, 245, 0.822222),9px 9px 0 rgba(122, 199, 245, 0.8),10px 10px 0 rgba(122, 199, 245, 0.777778),11px 11px 0 rgba(122, 199, 245, 0.755556),12px 12px 0 rgba(122, 199, 245, 0.733333),13px 13px 0 rgba(122, 199, 245, 0.711111),14px 14px 0 rgba(122, 199, 245, 0.688889),15px 15px 0 rgba(122, 199, 245, 0.666667),16px 16px 0 rgba(122, 199, 245, 0.644444),17px 17px 0 rgba(122, 199, 245, 0.622222),18px 18px 0 rgba(122, 199, 245, 0.6),19px 19px 0 rgba(122, 199, 245, 0.577778),20px 20px 0 rgba(122, 199, 245, 0.555556),21px 21px 0 rgba(122, 199, 245, 0.533333),22px 22px 0 rgba(122, 199, 245, 0.511111),23px 23px 0 rgba(122, 199, 245, 0.488889),24px 24px 0 rgba(122, 199, 245, 0.466667),25px 25px 0 rgba(122, 199, 245, 0.444444),26px 26px 0 rgba(122, 199, 245, 0.422222),27px 27px 0 rgba(122, 199, 245, 0.4),28px 28px 0 rgba(122, 199, 245, 0.377778),29px 29px 0 rgba(122, 199, 245, 0.355556),30px 30px 0 rgba(122, 199, 245, 0.333333),31px 31px 0 rgba(122, 199, 245, 0.311111),32px 32px 0 rgba(122, 199, 245, 0.288889),33px 33px 0 rgba(122, 199, 245, 0.266667),34px 34px 0 rgba(122, 199, 245, 0.244444),35px 35px 0 rgba(122, 199, 245, 0.222222),36px 36px 0 rgba(122, 199, 245, 0.2),37px 37px 0 rgba(122, 199, 245, 0.177778),38px 38px 0 rgba(122, 199, 245, 0.155556),39px 39px 0 rgba(122, 199, 245, 0.133333),40px 40px 0 rgba(122, 199, 245, 0.111111),41px 41px 0 rgba(122, 199, 245, 0.0888889),42px 42px 0 rgba(122, 199, 245, 0.0666667),43px 43px 0 rgba(122, 199, 245, 0.0444444),45px 45px 0 rgba(122, 199, 245, 0); }

.button + .button {
  margin-top: -0.5em; }

a {
  color: inherit; }

a:hover {
  color: #be120d; }

::-moz-selection {
  /* Code for Firefox */
  color: red;
  background: yellow; }

::selection {
  color: #fff;
  background: #1699d3; }

table {
  background: #f6f8fa;
  border-collapse: collapse;
  margin: 3em 0;
  width: 100%; }
  table th {
    background: #1699d3;
    color: #fff;
    padding: 0.75em 1em;
    text-align: left;
    text-transform: uppercase; }
  table tr:nth-child(odd) td {
    background: #fff; }
  table td {
    padding: 0.75em 1em; }
  table.tableau_prize tr td:first-child {
    font-weight: bold; }
  table.tableau_prize tr td:last-child {
    text-align: center; }
  table.tableau_prize .price {
    min-width: 10em;
    text-align: center; }
  table.tableau_prize .mobile-only {
    display: none !important; }

.nowrap {
  white-space: nowrap; }

/* HEADER */
header {
  width: 100%;
  justify-content: space-between;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  background: #fff;
  display: flex;
  border-bottom: 2px solid #f0f9fe; }
  header .right {
    text-align: right;
    padding: 1.2em 2em;
    padding-left: 0; }
  header nav {
    font-size: 1.142857142857143em;
    margin-top: 1em; }
    header nav > a {
      font-size: 2.5em; }
    header nav li {
      display: inline-block;
      margin-left: 1em; }
      header nav li:first-child {
        margin-left: 0em; }
      header nav li.active a {
        color: #1699d3;
        cursor: default; }
  header a {
    color: #140b2e;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    transition: background 0.25s;
    cursor: pointer; }
    header a:hover {
      color: #1699d3; }
  header .subnav i {
    font-size: 1.285714285714286em; }
  header .subnav li {
    display: inline-block; }
  header a.lang-switch {
    line-height: 1.285714285714286em; }
    header a.lang-switch:before {
      content: "|";
      color: #d9effb;
      margin: 0 0.75em; }
  header .logo {
    padding: 1.2em 2em;
    padding-right: 0; }

/* FOOTER */
footer {
  background: #f0f3f8;
  color: #140b2e;
  text-align: center;
  font-size: 0.7142857142857143em;
  padding: 2.2em 2em;
  margin-top: 4em; }
  footer a {
    text-decoration: none; }
  footer .popup-link:hover {
    cursor: pointer; }

/* HOMEPAGE */
ul.tree {
  background: bottom center no-repeat;
  background-image: url("/images/donation-tree.png");
  background-size: 100% auto !important;
  width: 100%;
  position: relative;
  padding-bottom: 93.78068739770867%;
  min-width: 611px;
  max-width: 611px;
  margin: 0 auto; }
  @media all and (-webkit-min-device-pixel-ratio: 1.5) {
    ul.tree {
      background-image: url("/images/donation-tree@2x.png");
      background-size: 611px 573px; } }
  ul.tree li {
    position: absolute;
    font-size: 1.857142857142857em; }
    ul.tree li a {
      color: #fff;
      font-weight: bold;
      text-decoration: none;
      display: flex;
      justify-content: center;
      height: 100%;
      width: 100%; }
      ul.tree li a span {
        align-self: center; }
      ul.tree li a:hover span {
        transition: font-size 0.25s;
        font-size: 1.1em; }
    ul.tree li.ten {
      bottom: 17%;
      left: 63%;
      height: 10%;
      width: 9%; }
      ul.tree li.ten a {
        font-size: 0.8846153846153846em; }
    ul.tree li.twenty {
      bottom: 18%;
      left: 29%;
      height: 10%;
      width: 11%; }
    ul.tree li.fifty {
      bottom: 41%;
      left: 28%;
      height: 10%;
      width: 11%; }
    ul.tree li.hundred {
      bottom: 61%;
      left: 43%;
      height: 13%;
      width: 13%; }
    ul.tree li.two-hundred {
      bottom: 40%;
      left: 65%;
      height: 14%;
      width: 14%; }
    ul.tree li.five-hundred {
      bottom: 12%;
      left: 12%;
      height: 13%;
      width: 13%; }
    ul.tree li.thousand {
      bottom: 79%;
      left: 37%;
      height: 21%;
      width: 26%; }
      ul.tree li.thousand a {
        text-shadow: -2px 0 #1699d3, 0 2px #1699d3, 2px 0 #1699d3, 0 -2px #1699d3;
        font-size: 1.269230769230769em; }
    ul.tree li.other {
      bottom: 11%;
      left: 75%;
      height: 15%;
      width: 12%; }
      ul.tree li.other a {
        font-size: 0.5em;
        text-transform: uppercase;
        line-height: 1em;
        letter-spacing: -0.05em; }

.title-banner.home {
  background: url(/images/extension-bg.jpg) 625px center repeat;
  margin-bottom: 3em; }
  .title-banner.home .bg-extension {
    background: url(/images/top-bg.jpg) top center repeat-x;
    position: relative;
    padding-bottom: 4em; }
    .title-banner.home .bg-extension:before {
      content: "";
      height: 83px;
      width: 100%;
      display: block;
      position: absolute;
      z-index: 3;
      background: url(/images/snow.png) bottom center no-repeat;
      bottom: 0; }
  .title-banner.home .col {
    text-align: center; }
    .title-banner.home .col:first-child {
      align-self: flex-end;
      max-width: 611px;
      margin: auto; }
  .title-banner.home .col + .col {
    width: 100%;
    padding-bottom: 2.5em; }
  .title-banner.home .wrap {
    position: relative; }
  .title-banner.home span.info {
    position: absolute;
    bottom: -4.5em;
    right: 2.8em;
    font-size: 0.7142857142857143em;
    z-index: 10;
    padding-left: 2.8em; }
    .title-banner.home span.info a {
      color: #140b2e;
      white-space: nowrap; }
      .title-banner.home span.info a:hover {
        color: #be120d; }
  .title-banner.home .makedonation {
    display: none;
    margin: 2em 0;
    background: #be120d;
    text-shadow: 0px 0px 0 #a6100b,1px 1px 0 #a6100b,2px 2px 0 #a6100b,3px 3px 0 #a6100b,4px 4px 0 #a6100b,5px 5px 0 #a6100b,6px 6px 0 #a6100b,7px 7px 0 #a6100b,8px 8px 0 #a6100b,9px 9px 0 #a6100b,10px 10px 0 #a6100b,11px 11px 0 #a6100b,12px 12px 0 #a6100b,13px 13px 0 #a6100b,14px 14px 0 #a6100b,15px 15px 0 #a6100b,16px 16px 0 #a6100b,17px 17px 0 #a6100b,18px 18px 0 #a6100b,19px 19px 0 #a6100b,20px 20px 0 #a6100b,21px 21px 0 #a6100b,22px 22px 0 #a6100b,23px 23px 0 #a6100b,24px 24px 0 #a6100b,25px 25px 0 #a6100b,26px 26px 0 #a6100b,27px 27px 0 #a6100b,28px 28px 0 #a6100b,29px 29px 0 #a6100b,30px 30px 0 #a6100b,31px 31px 0 #a6100b,32px 32px 0 #a6100b,33px 33px 0 #a6100b,34px 34px 0 #a6100b,35px 35px 0 #a6100b,36px 36px 0 #a6100b,37px 37px 0 #a6100b,38px 38px 0 #a6100b,39px 39px 0 #a6100b,40px 40px 0 #a6100b,41px 41px 0 #a6100b,42px 42px 0 #a6100b,43px 43px 0 #a6100b,1px 1px 0 rgba(166, 16, 11, 0.977778),2px 2px 0 rgba(166, 16, 11, 0.955556),3px 3px 0 rgba(166, 16, 11, 0.933333),4px 4px 0 rgba(166, 16, 11, 0.911111),5px 5px 0 rgba(166, 16, 11, 0.888889),6px 6px 0 rgba(166, 16, 11, 0.866667),7px 7px 0 rgba(166, 16, 11, 0.844444),8px 8px 0 rgba(166, 16, 11, 0.822222),9px 9px 0 rgba(166, 16, 11, 0.8),10px 10px 0 rgba(166, 16, 11, 0.777778),11px 11px 0 rgba(166, 16, 11, 0.755556),12px 12px 0 rgba(166, 16, 11, 0.733333),13px 13px 0 rgba(166, 16, 11, 0.711111),14px 14px 0 rgba(166, 16, 11, 0.688889),15px 15px 0 rgba(166, 16, 11, 0.666667),16px 16px 0 rgba(166, 16, 11, 0.644444),17px 17px 0 rgba(166, 16, 11, 0.622222),18px 18px 0 rgba(166, 16, 11, 0.6),19px 19px 0 rgba(166, 16, 11, 0.577778),20px 20px 0 rgba(166, 16, 11, 0.555556),21px 21px 0 rgba(166, 16, 11, 0.533333),22px 22px 0 rgba(166, 16, 11, 0.511111),23px 23px 0 rgba(166, 16, 11, 0.488889),24px 24px 0 rgba(166, 16, 11, 0.466667),25px 25px 0 rgba(166, 16, 11, 0.444444),26px 26px 0 rgba(166, 16, 11, 0.422222),27px 27px 0 rgba(166, 16, 11, 0.4),28px 28px 0 rgba(166, 16, 11, 0.377778),29px 29px 0 rgba(166, 16, 11, 0.355556),30px 30px 0 rgba(166, 16, 11, 0.333333),31px 31px 0 rgba(166, 16, 11, 0.311111),32px 32px 0 rgba(166, 16, 11, 0.288889),33px 33px 0 rgba(166, 16, 11, 0.266667),34px 34px 0 rgba(166, 16, 11, 0.244444),35px 35px 0 rgba(166, 16, 11, 0.222222),36px 36px 0 rgba(166, 16, 11, 0.2),37px 37px 0 rgba(166, 16, 11, 0.177778),38px 38px 0 rgba(166, 16, 11, 0.155556),39px 39px 0 rgba(166, 16, 11, 0.133333),40px 40px 0 rgba(166, 16, 11, 0.111111),41px 41px 0 rgba(166, 16, 11, 0.0888889),42px 42px 0 rgba(166, 16, 11, 0.0666667),43px 43px 0 rgba(166, 16, 11, 0.0444444),45px 45px 0 rgba(166, 16, 11, 0); }

.home + .wrap h2:after {
  display: none; }

.powerhour {
  display: none;
  min-width: 600px;
  text-align: center;
  padding-top: 3em;
  background: url(/images/powerhour-bg.png) top center no-repeat;
  background-size: 100% auto; }
  .powerhour.active {
    display: block; }
  .powerhour h3 {
    text-align: left;
    display: inline-block;
    margin: auto;
    background: left center no-repeat;
    background-image: url("/images/title-singlestar.png");
    padding: 25px 0 25px 120px; }
    @media all and (-webkit-min-device-pixel-ratio: 1.5) {
      .powerhour h3 {
        background-image: url("/images/title-singlestar@2x.png");
        background-size: 102px 108px; } }

.sponsors {
  margin-bottom: 3em;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }
  .sponsors ul {
    display: flex;
    display: -moz-webkit-flex;
    display: -webkit-flex;
    display: -ms-box;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap; }
    .sponsors ul li {
      align-self: center;
      margin-bottom: 0.75em; }
  .sponsors li {
    margin-right: 3em; }
  .sponsors li:last-child {
    margin-right: 0; }

.col h2, .col h3 {
  margin-top: 0; }

ul.donations {
  background-color: rgba(255, 255, 255, 0.58);
  padding: 1.5em;
  font-size: 0.8571428571428571em;
  text-align: left;
  clear: both;
  height: 216px;
  overflow: auto;
  margin-bottom: 2em; }
  ul.donations li:not(:last-child) {
    margin-bottom: 1em; }
  ul.donations li strong {
    color: #be120d; }
  ul.donations li p {
    margin: 0; }
  ul.donations.ceo {
    height: 105px; }

.totals {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 1em; }
  .totals p {
    flex-grow: 1;
    text-align: left;
    font-size: 1.285714285714286em;
    margin: 0 0 0.5em 0; }
    .totals p:first-child {
      margin-right: 1em; }

.in-hospital-img {
  max-width: 100%;
  position: relative;
  top: 20px; }

/* INNER PAGE */
.title-banner:not(.home) {
  text-align: center;
  background: url(/images/title-banner.jpg) top center repeat-x;
  height: 155px;
  position: relative; }
  .title-banner:not(.home) h1:before {
    content: "";
    height: 155px;
    display: block;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 446px;
    background: url(/images/xmas-trees.png) no-repeat center left;
    background-image: url("/images/xmas-trees.png"); }
    @media all and (-webkit-min-device-pixel-ratio: 1.5) {
      .title-banner:not(.home) h1:before {
        background-image: url("/images/xmas-trees@2x.png");
        background-size: 446px 155px; } }

.title-banner h1 {
  color: #be120d;
  text-transform: uppercase;
  font-size: 3.714285714285714em;
  display: inline-block;
  padding: 20px 0 20px 113px;
  font-family: 'Roboto', sans-serif;
  line-height: 0.8em;
  background: no-repeat center left;
  background-image: url("/images/title-stars.png"); }
  .title-banner h1 span {
    font-size: 0.6923076923076923em; }
  @media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .title-banner h1 {
      background-image: url("/images/title-stars@2x.png");
      background-size: 97px 124px; } }

/*STORIES*/
.stories--text h2 {
  text-align: center; }
  .stories--text h2:after {
    margin-right: auto;
    margin-left: auto; }

ul.stories {
  margin-top: 4em; }
  ul.stories li strong {
    display: block;
    text-transform: uppercase;
    margin-bottom: 0.5em; }
  ul.stories li {
    position: relative;
    padding-bottom: 4em; }
    ul.stories li:before {
      content: "\f005";
      font-family: fontawesome;
      color: #fee6ac;
      font-size: 5.142857142857143em;
      position: absolute;
      top: 0.12em;
      transition: color 0.5s; }
    ul.stories li img {
      width: 100%; }
    ul.stories li:hover:before {
      color: #fdb530; }
    ul.stories li:after {
      content: "";
      height: 100%;
      width: 234px;
      position: absolute;
      bottom: 4em;
      background: url("/images/stars-left-bg.png") no-repeat; }
  ul.stories li:first-child:before {
    color: #fdb530; }
  ul.stories li:nth-child(even) {
    text-align: left;
    border-left: 2px solid #d9effc;
    margin-left: 50%;
    left: -1px;
    padding-left: 6em; }
    ul.stories li:nth-child(even):before {
      left: -1px;
      transform: translate(-50%); }
    ul.stories li:nth-child(even):after {
      right: 0;
      background-position: bottom right; }
  ul.stories li:nth-child(odd) {
    text-align: right;
    border-right: 2px solid #d9effc;
    margin-right: 50%;
    right: -2px;
    padding-right: 6em; }
    ul.stories li:nth-child(odd):before {
      right: -1px;
      transform: translate(50%); }
    ul.stories li:nth-child(odd):after {
      left: 0;
      background-position: bottom left; }
  ul.stories li:last-child {
    border: 0 !important; }

/*DONATIONS*/
.donation-page {
  text-align: center;
  max-width: 750px;
  margin: auto; }
  .donation-page h2:after {
    display: none; }
  .donation-page hr {
    float: none;
    margin-bottom: 3em;
    margin-top: 2em; }

/*OLD CSS*/
.body-wrapper {
  margin: auto;
  max-width: 600px; }

label {
  vertical-align: middle;
  margin-right: 15px; }
  label.required:after {
    content: ' *';
    color: red; }

form {
  font-size: 11px;
  text-align: left; }
  form .row {
    margin: 10px 0; }
    form .row > label {
      display: block;
      float: left;
      width: 22%;
      margin-right: 3%;
      text-align: right; }
    form .row > .content {
      display: inline-block;
      margin-right: 7%;
      width: 68%; }
    form .row:after {
      clear: both; }
  form select {
    height: 2em;
    padding: 0;
    color: inherit;
    font-size: 1em;
    text-transform: none;
    border-radius: 4px;
    border-color: darkgray;
    background-color: #FFF;
    border: 1px solid darkgrey; }
  form select,
  form input {
    vertical-align: middle;
    margin: 0; }
  form .buttons-wrapper {
    text-align: center;
    margin-top: 20px; }
  form .merged-row {
    margin-left: 20px; }

input[type="text"],
input[type="email"] {
  width: 96%; }

select {
  width: 100%; }

input[type="text"],
input[type="email"],
input[type="number"],
textarea {
  height: 1.9em;
  font-size: 1em;
  border: 1px solid #a9a9a9;
  border-radius: 4px;
  padding: 0 2%;
  color: inherit;
  font-family: inherit; }

textarea {
  height: 60px;
  width: 96%;
  padding: 5px; }

/*input[type="submit"],
.btn {
  display: inline-block;
  color: #000;
  text-align: center;
  font-size: 1.1em;
  font: inherit;
  padding: .3em .6em;
  border: 1px solid #bebfad;
  border-radius: 3px 3px;
  background: linear-gradient(to bottom, #efede6 33%,#dadbcc 72%)!important;
  cursor: pointer;
  align-items: flex-start;
  text-decoration: none;
}*/
input:focus,
select:focus,
textarea:focus {
  outline: 1px solid #9ac386;
  background-color: #f2fbed; }

h1 {
  font: 48px Montserrat, sans-serif;
  color: #313131;
  margin: 0;
  margin-top: 15px;
  padding: 0; }

.resume {
  padding: 15px; }
  .resume .data-header {
    font-weight: bold; }

.error {
  list-style: none;
  background-color: #FCF4F2;
  padding: 15px;
  border: 1px solid #F9C9BF;
  border-radius: 2px;
  color: #A51B00;
  font-size: 12px;
  border-left: 5px solid #E62600; }

.step-progression {
  width: 100%;
  margin-bottom: 50px;
  padding: 0;
  text-align: center;
  font-size: 1.2em; }
  .step-progression li {
    display: inline-block;
    width: 30%;
    text-align: center;
    margin-left: -3%; }
    .step-progression li .title {
      font-size: 0.8571428571428571em;
      float: left;
      width: 100%;
      margin-bottom: 10px; }
    .step-progression li .step {
      display: inline-block;
      border-radius: 100px;
      background-color: #f0f3f8;
      border: 1px solid #d0d0d0;
      line-height: 2.142857142857143em;
      width: 2.142857142857143em;
      text-align: center;
      font-size: 1em; }
    .step-progression li.done .step, .step-progression li.selected .step {
      background-color: #1699d3;
      border-color: #1699d3;
      color: white;
      font-weight: bold; }
    .step-progression li.selected .title {
      text-decoration: underline; }

.ui-dialog {
  border: 2px solid #d6d8dc;
  background-color: #f0f3f8;
  width: 80% !important;
  max-width: 1000px;
  z-index: 101;
  position: fixed !important;
  left: 50% !important;
  top: 2em;
  transform: translate(-50%); }
  .ui-dialog .ui-dialog-titlebar {
    padding: 20px;
    text-align: center;
    background-color: #1699d3;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.142857142857143em; }
    .ui-dialog .ui-dialog-titlebar .ui-button {
      display: none; }
  .ui-dialog .ui-dialog-content {
    padding: 20px;
    padding-top: 0;
    overflow: auto;
    max-height: 450px !important; }
  .ui-dialog .ui-dialog-buttonset {
    text-align: center;
    padding: 15px; }
    .ui-dialog .ui-dialog-buttonset .ui-button {
      cursor: pointer;
      margin: 0 5px;
      background-color: #1699d3;
      color: #fff;
      border: 1px solid #d6d8dc;
      padding: 5px 10px;
      font-size: 14px;
      transition: all 0.2s; }
      .ui-dialog .ui-dialog-buttonset .ui-button:hover {
        text-decoration: underline; }

.refund-policy-link,
.terms-and-conditions-link {
  text-decoration: underline;
  cursor: pointer; }

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ddd;
  opacity: .1;
  z-index: 100; }

/*@media (max-width: 450px) {
  header {
    min-width: 0px !important;

    .logo-wrapper {
      padding-top: 40px;
    }
  }

  form {
    .merged-row {
      margin: 0;
      padding: 5px 10px;
    }

    .row {
      padding: 10px;
      margin: 0;

      > label {
        text-align: left;
      }

      > .content {
        max-width: none;
      }
    }
  }
}*/
fieldset {
  background-color: #f0f3f8;
  border: 1px solid #D0D0D0; }
  fieldset legend {
    padding: 0 10px;
    font-size: 13px; }

.zoneCarousels img {
  height: 80px; }

/*MEDIA QUERIES*/
@media (max-width: 1300px) {
  .powerhour {
    min-width: 400px; }
  .title-banner:not(.home) h1:before {
    left: -66px; } }

@media (max-width: 1200px) and (min-width: 900px) {
  ul.donations {
    height: 10.5vw; }
  ul.tree {
    min-width: 515px;
    bottom: -11px; }
    ul.tree li {
      font-size: 1.6em; }
  .title-banner.home h1 {
    background: none;
    padding-left: 0; } }

@media (max-width: 1360px) {
  header nav {
    font-size: 1em;
    margin-top: 1.25em; } }

@media (min-width: 1000px) and (max-width: 1235px) {
  #main-menu ul {
    float: right;
    max-width: 620px; }
    #main-menu ul li {
      margin-top: 0.3em;
      margin-bottom: 0.3em; } }

@media (max-width: 1000px) {
  .powerhour {
    min-width: 303px; }
  .subnav {
    display: none; }
  nav > ul {
    position: absolute;
    top: 110px;
    width: 100%;
    left: 0;
    overflow: auto;
    text-align: left;
    background: #fff;
    z-index: 1;
    border-top: 2px solid #d9effc;
    height: auto;
    max-height: 0;
    transition: max-height 0.25s; }
    nav > ul.open {
      max-height: calc(100vh - 110px); }
    nav > ul > li {
      display: block;
      margin-left: 0;
      border-bottom: 1px solid #d9effc; }
      nav > ul > li > a {
        padding: 1em 1em;
        display: block;
        transition: background 0.25s; }
        nav > ul > li > a:hover {
          background: #f0f3f8;
          color: #140b2e; }
      nav > ul > li.active > a:hover {
        background: #fff;
        color: #1699d3; }
    nav > ul .subnav {
      padding: 1em 1em;
      display: block; }
      nav > ul .subnav li:last-child {
        margin-left: 0; }
  .mobile-only {
    display: block; }
  header a.lang-switch:before {
    margin: 0 1.25em; }
  .title-banner:not(.home) h1:before {
    display: none; } }

@media (max-width: 900px) {
  ul.tree {
    max-width: none;
    min-width: 0; }
    ul.tree li {
      font-size: 3vw; }
  .col-container {
    display: block; }
    .col-container .col-container {
      display: flex;
      display: -moz-webkit-flex;
      display: -webkit-flex;
      display: -ms-box; }
    .col-container .col {
      margin: 0; }
  .sponsors {
    display: flex;
    display: -moz-webkit-flex;
    display: -webkit-flex;
    display: -ms-box; }
    .sponsors > li:last-child {
      width: 100%; }
  .powerhour {
    min-width: 0; }
  .bg-extension {
    padding-top: 1em; } }

@media (max-width: 700px) {
  ul.stories {
    margin-left: 2.5em; }
    ul.stories li {
      margin: 0 !important;
      padding-left: 4.5em !important; }
    ul.stories li:nth-child(odd) {
      text-align: left;
      border-left: 2px solid #d9effc;
      border-right: 0;
      left: -1px;
      right: auto;
      padding-right: 0; }
      ul.stories li:nth-child(odd):before {
        left: -1px;
        right: auto;
        transform: translate(-50%); }
      ul.stories li:nth-child(odd):after {
        right: 0;
        background-position: bottom right;
        left: auto; } }

@media (max-width: 600px) {
  form .row > label {
    width: 100%;
    text-align: left; }
  form .row > .content {
    width: 100%;
    margin-right: 0; }
  table.tableau_prize .mobile-only {
    display: inline !important; }
    table.tableau_prize .mobile-only:after {
      content: ": "; }
  table.tableau_prize tr td {
    display: block; }
  table.tableau_prize tr td:last-child {
    text-align: left;
    padding-top: 0;
    padding-bottom: 1.5em; }
  table.tableau_prize tr td:first-child {
    padding-bottom: 0;
    padding-top: 1.5em; }
  table.tableau_prize .description, table.tableau_prize .price {
    display: none; } }

@media (max-width: 500px) {
  .title-banner.home .col:first-child {
    display: none; }
  .title-banner.home .makedonation {
    display: block; } }

@media (max-width: 450px) {
  .title-banner h1 {
    padding-left: 0;
    background: none; }
  ul.stories {
    margin-left: 1em; }
    ul.stories li {
      padding-left: 2em !important; }
    ul.stories li:before {
      font-size: 2.5em !important; }
  .wrap {
    padding: 0 1em; } }

@media (max-width: 400px) {
  h4 {
    text-align: center;
    font-size: 16px;
    margin-bottom: 1em; }
  .sponsors li {
    width: 100%;
    text-align: center;
    margin-bottom: 1.5em !important;
    margin-right: 0 !important; }
  .sponsors img {
    max-width: 100%;
    height: auto; }
  .sponsors ul.mini li {
    max-width: 50%; } }

@media (max-width: 350px) {
  .powerhour h3 {
    padding-left: 0;
    background: none; }
  .button {
    padding-right: 2em;
    padding-left: 2em; }
  h2 {
    font-size: 1.5em; } }

/*# sourceMappingURL=index.css.map */