/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* ABOUT-BLOCK MODULE
*****/
.about-block {
    width:         55%;
    padding-right: 40px;
    float:         left;
    margin-top:    60px; }

.about-block__heading {
    font-size:   24px;
    font-weight: 400; }

.about-block__logos {
    margin:           40px 0 0 0;
    padding:          0;
    background-color: #FFFFFF;
    border:           1px solid #D9D9D9;
    list-style-type:  none;
    display:          table;
    table-layout:     fixed;
    width:            100%;
    box-shadow:       0px 8px 8px rgba(0, 0, 0, 0.2); }

.about-block__logo {
    display:         table-cell;
    position:        relative;
    height:          160px;
    background:      no-repeat center;
    background-size: 80% auto; }

.about-block__logo:last-child {
    border-right: 0; }

.about-block__logo:after {
    content:          '';
    display:          block;
    position:         absolute;
    right:            0;
    top:              20px;
    width:            1px;
    height:           120px;
    background-color: #D9D9D9; }

.about-block__logo:last-child:after {
    display: none; }

@media (max-width: 768px) {
    .about-block {
        float:         none;
        width:         100%;
        padding-right: 0; }
}

.about-block.js-check-visible {
    -webkit-transition: all 650ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 650ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 650ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  translate3d(0, 50px, 0);
    -moz-transform:     translate3d(0, 50px, 0);
    -ms-transform:      translate3d(0, 50px, 0);
    -o-transform:       translate3d(0, 50px, 0);
    transform:          translate3d(0, 50px, 0); }

.about-block.js-is-visible {
    opacity:           1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    -o-transform:      translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0); }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* CARDS MODULE
*****/
.cards {
    margin-top: 40px; }

.cards__small-heading {
    display:        block;
    color:          #7DB637;
    text-transform: uppercase;
    font-size:      18px;
    font-weight:    400;
    text-align:     center;
    margin-bottom:  10px; }

.cards__big-heading {
    margin-top:  0;
    display:     block;
    font-size:   30px;
    font-weight: 400;
    text-align:  center; }

.cards--subtle-header .cards__big-heading {
    font-size: 24px;
    padding:   20px 0; }

.cards__items {
    display:      table;
    table-layout: fixed;
    width:        calc(100% + 20px);
    margin-left:  -10px;
    padding:      0;
    margin-top:   25px; }

.cards__item {
    display:  table-cell;
    height:   100%;
    position: relative;
    padding:  10px; }

.cards__item-container {
    background-color: #FFFFFF;
    box-shadow:       0 5px 10px rgba(0, 0, 0, 0.2);
    height:           100%;
    padding:          25px 30px 30px 30px;
    border:           1px solid #D9D9D9; }

.cards__item-image {
    width:           100%;
    padding-bottom:  72%;
    background:      no-repeat center;
    background-size: 100% auto; }

.cards__item-heading {
    position:    relative;
    display:     block;
    font-size:   16px;
    font-weight: 600;
    margin-top:  10px; }

.cards__item-heading:before {
    content:          '';
    display:          block;
    position:         relative;
    width:            calc(100% + 20px);
    height:           1px;
    left:             -10px;
    margin-bottom:    30px;
    background-color: #D9D9D9; }

.cards__item-copy {
    margin-top:    10px;
    font-size:     14px;
    font-weight:   400;
    margin-bottom: 110px; }

.cards__item-button {
    position:   absolute;
    bottom:     40px;
    left:       40px;
    width:      calc(100% - 80px);
    text-align: center; }

.cards__big-button {
    display:    block;
    margin-top: 20px;
    text-align: center; }

@media (max-width: 1080px) {
    .cards__item {
        padding: 5px; }

    .cards__item-container {
        padding: 25px 20px 20px 20px; }
}

@media (max-width: 768px) {
    .cards__items {
        display: block; }

    .cards__item {
        height:         auto;
        display:        inline-block;
        width:          50%;
        margin-left:    -0.15em;
        vertical-align: top; }

    .cards__item-container {
        height: auto; }

    .cards__item-image {
        width:          80%;
        position:       relative;
        left:           10%;
        padding-bottom: 42%; }

    .cards__item-copy {
        margin-bottom: 150px; }
}

@media (max-width: 480px) {
    .cards__item {
        display:     block;
        margin-left: 0;
        width:       100%; }
}

@-webkit-keyframes cards__pop-anim {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        color:             #000000; }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        color:             #7DB637; }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        color:             #000000; }
}

@-moz-keyframes cards__pop-anim {
    0% {
        -moz-transform: scale3d(1, 1, 1);
        color:          #000000; }
    50% {
        -moz-transform: scale3d(1.1, 1.1, 1);
        color:          #7DB637; }
    100% {
        -moz-transform: scale3d(1, 1, 1);
        color:          #000000; }
}

@keyframes cards__pop-anim {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform:    scale3d(1, 1, 1);
        -ms-transform:     scale3d(1, 1, 1);
        -o-transform:      scale3d(1, 1, 1);
        transform:         scale3d(1, 1, 1);
        color:             #000000; }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        -moz-transform:    scale3d(1.1, 1.1, 1);
        -ms-transform:     scale3d(1.1, 1.1, 1);
        -o-transform:      scale3d(1.1, 1.1, 1);
        transform:         scale3d(1.1, 1.1, 1);
        color:             #7DB637; }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform:    scale3d(1, 1, 1);
        -ms-transform:     scale3d(1, 1, 1);
        -o-transform:      scale3d(1, 1, 1);
        transform:         scale3d(1, 1, 1);
        color:             #000000; }
}

.cards.js-check-visible .cards__item {
    opacity:           0;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    -moz-transform:    scale3d(0.8, 0.8, 1);
    -ms-transform:     scale3d(0.8, 0.8, 1);
    -o-transform:      scale3d(0.8, 0.8, 1);
    transform:         scale3d(0.8, 0.8, 1); }

.cards.js-check-visible .cards__item:nth-child(1) {
    -webkit-transition: all 400ms 0ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 400ms 0ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 400ms 0ms cubic-bezier(0.23, 1, 0.32, 1); }

.cards.js-check-visible .cards__item:nth-child(2) {
    -webkit-transition: all 350ms 125ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 350ms 125ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 350ms 125ms cubic-bezier(0.23, 1, 0.32, 1); }

.cards.js-check-visible .cards__item:nth-child(3) {
    -webkit-transition: all 600ms 250ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 600ms 250ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 600ms 250ms cubic-bezier(0.23, 1, 0.32, 1); }

.cards.js-check-visible .cards__item:nth-child(4) {
    -webkit-transition: all 700ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 700ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 700ms 100ms cubic-bezier(0.23, 1, 0.32, 1); }

.cards.js-is-visible .cards__item {
    opacity:           1;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform:    scale3d(1, 1, 1);
    -ms-transform:     scale3d(1, 1, 1);
    -o-transform:      scale3d(1, 1, 1);
    transform:         scale3d(1, 1, 1); }

.cards.js-is-visible .cards__big-heading span {
    display:           inline-block;
    -webkit-animation: cards__pop-anim 1000ms 200ms cubic-bezier(0.86, 0, 0.07, 1);
    -moz-animation:    cards__pop-anim 1000ms 200ms cubic-bezier(0.86, 0, 0.07, 1);
    animation:         cards__pop-anim 1000ms 200ms cubic-bezier(0.86, 0, 0.07, 1); }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* CAROUSEL MODULE
*****/
.carousel {
    width: 100%; }

.carousel__options {
    margin:      0;
    padding:     0;
    margin-top:  -60px;
    padding-top: 20px;
    height:      60px; }

.carousel__option {
    display:         inline-block;
    list-style-type: none;
    padding:         5px 10px 5px 0px;
    color:           #666666; }

.carousel__option:not(.js-selected) {
    color:  #8DC63F;
    cursor: pointer; }

.carousel__option:not(:last-child):after {
    content:     '|';
    margin-left: 12px;
    display:     inline-block;
    color:       #666666; }

.carousel__items {
    position:         relative;
    width:            100%;
    padding-bottom:   56%;
    background-color: #666666;
    margin:           0;
    overflow:         hidden; }

.carousel__item {
    position:        absolute;
    top:             0;
    right:           0;
    bottom:          0;
    left:            0;
    list-style-type: none;
    visibility:      hidden; }

.carousel__item.js-showing {
    visibility: visible; }

.carousel__image, .carousel__video {
    position:        absolute;
    top:             0;
    right:           0;
    bottom:          0;
    left:            0;
    background:      no-repeat center;
    background-size: cover; }

.carousel__video:after {
    content:         '';
    position:        absolute;
    top:             0;
    right:           0;
    bottom:          0;
    left:            0;
    background:      url(../images/icon_play.svg) no-repeat center;
    background-size: 100px auto;
    opacity:         0.7; }

.carousel__bullets {
    margin:     0;
    padding:    0;
    text-align: center;
    margin-top: 20px; }

.carousel__bullet {
    cursor:          pointer;
    display:         inline-block;
    list-style-type: none;
    height:          12px;
    width:           12px;
    border:          1px solid #DDDDDD;
    border-radius:   100%; }

.carousel__bullet:not(:last-child) {
    margin-right: 15px; }

.carousel__bullet.js-selected {
    background-color: #8DC63F;
    border:           0; }

.carousel.carousel--tall .carousel__items {
    padding-bottom: 84%; }

.carousel.carousel--bordered {
    border:     10px solid #FFFFFF;
    box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.2); }

.carousel.carousel--bordered .carousel__bullets {
    display: none; }

.carousel__item {
    -webkit-transition: all 650ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 650ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 650ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform:  scale3d(1.5, 1.5, 1);
    -moz-transform:     scale3d(1.5, 1.5, 1);
    -ms-transform:      scale3d(1.5, 1.5, 1);
    -o-transform:       scale3d(1.5, 1.5, 1);
    transform:          scale3d(1.5, 1.5, 1);
    opacity:            0; }

.carousel__item.js-showing {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform:    scale3d(1, 1, 1);
    -ms-transform:     scale3d(1, 1, 1);
    -o-transform:      scale3d(1, 1, 1);
    transform:         scale3d(1, 1, 1);
    opacity:           1; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* CHECKOUT-LOGIN MODULE
*****/
.checkout-login {
    position: relative;
    z-index:  0;
    width:    100%; }

.checkout-login__wrapper {
    padding: 0 60px 60px 60px; }

.checkout-login__body {
    padding:      0 0 20px 0;
    display:      table;
    table-layout: fixed;
    width:        calc(100% + 80px);
    margin-left:  -40px; }

.checkout-login__column {
    width:   33.333%;
    padding: 0 40px;
    display: table-cell; }

.checkout-login__column:not(:last-child) {
    border-right: 1px solid #D9D9D9; }

.checkout-login__column-header {
    min-height: 128px; }

.checkout-login__small-title {
    font-size:   16px;
    font-weight: 400;
    color:       #666666; }

.checkout-login__big-title {
    margin:      5px 0 0 0;
    font-size:   24px;
    font-weight: 400;
    color:       #000000; }

.checkout-login__info {
    display:     inline-block;
    font-size:   12px;
    font-style:  italic;
    color:       #666666;
    margin-top:  15px;
    line-height: 140%; }

@media (max-width: 1080px) {
    .checkout-login__body {
        display:     block;
        width:       100%;
        margin-left: 0; }

    .checkout-login__column {
        display:      block;
        width:        100%;
        border-right: 0 !important; }

    .checkout-login__column:not(:last-child) {
        border-bottom:  1px solid #D9D9D9;
        padding-bottom: 40px;
        margin-bottom:  40px; }
}

@media (max-width: 768px) {
    .checkout-login__wrapper {
        padding: 0 40px 60px 40px; }
}

@media (max-width: 480px) {
    .checkout-login__wrapper {
        padding: 0 20px 60px 20px; }
}

.checkout-login.js-check-visible .checkout-login__column {
    -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform:  translate3d(0, 50px, 0);
    -moz-transform:     translate3d(0, 50px, 0);
    -ms-transform:      translate3d(0, 50px, 0);
    -o-transform:       translate3d(0, 50px, 0);
    transform:          translate3d(0, 50px, 0);
    opacity:            0; }

.checkout-login.js-check-visible .checkout-login__column:nth-child(1) {
    -webkit-transition-delay: 70ms;
    -moz-transition-delay:    70ms;
    transition-delay:         70ms; }

.checkout-login.js-check-visible .checkout-login__column:nth-child(2) {
    -webkit-transition-delay: 140ms;
    -moz-transition-delay:    140ms;
    transition-delay:         140ms; }

.checkout-login.js-check-visible .checkout-login__column:nth-child(3) {
    -webkit-transition-delay: 210ms;
    -moz-transition-delay:    210ms;
    transition-delay:         210ms; }

.checkout-login.js-check-visible.js-is-visible .checkout-login__column {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    -o-transform:      translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0);
    opacity:           1; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* CART MODULE
*****/
.cart {
    background-color: #FFFFFF;
    text-align:       right; }

.cart__wrapper {
    padding: 0 60px 0px 60px; }

.cart__items {
    margin:  0;
    padding: 0 30px;
    width:   100%; }

.cart__item {
    display:         block;
    width:           100%;
    margin:          0;
    padding:         0;
    list-style-type: none; }

.cart__item::after {
    clear:   both;
    content: "";
    display: table; }

.cart__item:not(:first-child) {
    margin-top:  20px;
    border-top:  1px solid #E9E9E9;
    padding-top: 30px; }

.cart__item-description {
    display:    block;
    text-align: left;
    width:      50%;
    float:      left; }

.cart__item-title {
    display:       block;
    margin-bottom: 10px;
    font-size:     18px;
    font-weight:   400; }

.cart__item-description dl {
    margin: 0; }

.cart__item-description dl::after {
    clear:   both;
    content: "";
    display: table; }

.cart__item-description dl dt, .cart__item-description dl dd {
    margin-bottom: 5px;
    display:       block;
    float:         left;
    font-size:     15px; }

.cart__item-description dl dt {
    clear:        both;
    margin-right: 5px;
    font-weight:  700;
    margin-top:   0; }

.cart__item-description dl dt:after {
    content: ':'; }

.cart__item-description dl dd {
    margin: 0; }

.cart__item-price {
    font-size:   18px;
    font-weight: 400; }

.cart__item-actions {
    margin:  20px 0 0 0;
    padding: 0; }

.cart__item-actions > li {
    display:         inline-block;
    list-style-type: none; }

.cart__item-actions > li:not(:first-child) {
    margin-left: 20px; }

.cart__item-actions a {
    color: #000000; }

.cart__item-edit a:before, .cart__item-remove a:before {
    content:         '';
    height:          16px;
    width:           16px;
    display:         inline-block;
    margin-right:    10px;
    vertical-align:  top;
    background:      no-repeat center;
    background-size: 100% auto; }

.cart__item-edit a:before {
    background-image:    url("../images/sprite.png");
    background-size:     127px 119px;
    background-position: -37px -102px; }

.cart__item-remove a:before {
    background-image:    url("../images/sprite.png");
    background-size:     127px 119px;
    background-position: -19px -102px; }

.cart__total-block {
    margin-top:       40px;
    width:            100%;
    padding:          20px 30px;
    background-color: #666666;
    font-size:        18px;
    font-weight:      700; }

.cart__total-block::after {
    clear:   both;
    content: "";
    display: table; }

.cart__total-title {
    text-transform: uppercase;
    display:        inline-block;
    float:          left;
    text-transform: uppercase;
    color:          #FFFFFF; }

.cart__total-cost {
    text-transform: uppercase;
    color:          #FFFFFF;
    float:          right; }

.cart__blurb {
    font-size:   12px;
    font-style:  italic;
    font-weight: 400;
    text-align:  left;
    padding:     10px 30px; }

.cart__blurb a {
    font-weight: 700; }

.cart__sub-section {
    text-align: center; }

.cart__subtitle {
    font-size:   24px;
    font-weight: 400; }

@media (max-width: 768px) {
    .cart {
        text-align: left; }

    .cart__wrapper {
        padding: 0 20px 60px 20px; }

    .cart__item-description {
        width:         100%;
        float:         none;
        margin-bottom: 20px; }

    .cart__items {
        padding: 0; }

    .cart__blurb {
        padding: 10px 0; }
}

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* CONFIRMATION MODULE
*****/
.confirmation {
    background-color: #FFFFFF;
    width:            100%; }

.confirmation__wrapper {
    padding: 20px 60px; }

.confirmation__wrapper::after {
    clear:   both;
    content: "";
    display: table; }

.confirmation__column {
    float: left;
    width: 50%; }

.confirmation__column:nth-child(1) {
    padding-right: 30px; }

.confirmation__column:nth-child(2) {
    padding-left: 30px; }

.confirmation__heading {
    margin-top:  0;
    font-size:   24px;
    font-weight: 400; }

.confirmation__highlight {
    text-transform: uppercase;
    color:          #8DC63F;
    font-weight:    400;
    font-size:      17px;
    margin-bottom:  0; }

.confirmation__image {
    display:        inline-block;
    width:          30%;
    height:         auto;
    vertical-align: top;
    border-radius:  100%; }

.confirmation__image-copy {
    display:        inline-block;
    vertical-align: top;
    width:          68%;
    padding-left:   30px;
    padding-top:    15px; }

@media (max-width: 1080px) {
    .confirmation__image {
        width:   50%;
        display: block;
        margin:  0 auto; }

    .confirmation__image-copy {
        width:        100%;
        padding-left: 0;
        padding-top:  40px; }
}

@media (max-width: 768px) {
    .confirmation__column {
        width:   100%;
        float:   none;
        padding: 0 !important; }

    .confirmation__column:nth-child(2) {
        margin-top: 60px; }
}

.confirmation.js-check-visible .confirmation__column {
    -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0; }

.confirmation.js-check-visible .confirmation__column:nth-child(1) {
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform:    translate3d(-50px, 0, 0);
    -ms-transform:     translate3d(-50px, 0, 0);
    -o-transform:      translate3d(-50px, 0, 0);
    transform:         translate3d(-50px, 0, 0); }

.confirmation.js-check-visible .confirmation__column:nth-child(2) {
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform:    translate3d(50px, 0, 0);
    -ms-transform:     translate3d(50px, 0, 0);
    -o-transform:      translate3d(50px, 0, 0);
    transform:         translate3d(50px, 0, 0); }

.confirmation.js-check-visible.js-is-visible .confirmation__column {
    opacity: 1; }

.confirmation.js-check-visible.js-is-visible .confirmation__column:nth-child(1) {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    -o-transform:      translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0); }

.confirmation.js-check-visible.js-is-visible .confirmation__column:nth-child(2) {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    -o-transform:      translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0); }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* CONTACT MODULE
*****/
.contact {
    background-color: #FFFFFF; }

.contact__wrapper::after {
    clear:   both;
    content: "";
    display: table; }

.contact__info {
    width:         45%;
    float:         left;
    padding-right: 80px; }

.contact__form {
    width: 55%;
    float: left; }

.contact__items {
    margin:  0;
    padding: 0; }

.contact__item {
    list-style-type: none; }

.contact__item:not(:first-child) {
    margin-top: 40px; }

.contact__item-heading {
    font-size:   18px;
    font-weight: 400;
    margin:      0; }

.contact__item-content {
    display:     inline-block;
    font-size:   15px;
    font-weight: 400;
    margin-top:  10px;
    line-height: 140%; }

.contact__item-content em {
    font-size: 12px; }

.contact__form-heading {
    margin:      0;
    font-size:   24px;
    font-weight: 400; }

.contact__form-subheading {
    display:     inline-block;
    margin-top:  10px;
    font-size:   15px;
    font-weight: 400;
    line-height: 150%; }

@media (max-width: 768px) {
    .contact__info, .contact__form {
        width:   100%;
        float:   none;
        padding: 0; }

    .contact__form {
        margin-top: 60px; }
}

.contact.js-check-visible .contact__item {
    -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  translate3d(-50px, 0, 0);
    -moz-transform:     translate3d(-50px, 0, 0);
    -ms-transform:      translate3d(-50px, 0, 0);
    -o-transform:       translate3d(-50px, 0, 0);
    transform:          translate3d(-50px, 0, 0); }

.contact.js-check-visible .contact__item:nth-child(1) {
    -webkit-transition-delay: 70ms;
    -moz-transition-delay:    70ms;
    transition-delay:         70ms; }

.contact.js-check-visible .contact__item:nth-child(2) {
    -webkit-transition-delay: 140ms;
    -moz-transition-delay:    140ms;
    transition-delay:         140ms; }

.contact.js-check-visible .contact__item:nth-child(3) {
    -webkit-transition-delay: 210ms;
    -moz-transition-delay:    210ms;
    transition-delay:         210ms; }

.contact.js-check-visible .contact__item:nth-child(4) {
    -webkit-transition-delay: 280ms;
    -moz-transition-delay:    280ms;
    transition-delay:         280ms; }

.contact.js-check-visible .contact__item:nth-child(5) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay:    350ms;
    transition-delay:         350ms; }

.contact.js-check-visible.js-is-visible .contact__item {
    opacity:           1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    -o-transform:      translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0); }

.contact.js-check-visible .contact__form {
    -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  translate3d(50px, 0, 0);
    -moz-transform:     translate3d(50px, 0, 0);
    -ms-transform:      translate3d(50px, 0, 0);
    -o-transform:       translate3d(50px, 0, 0);
    transform:          translate3d(50px, 0, 0); }

.contact.js-check-visible.js-is-visible .contact__form {
    opacity:           1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    -o-transform:      translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0); }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* CTA BLOCK MODULE
*****/
.cta-block {
    margin-top: 60px; }

.cta-block__block {
    position:        relative;
    background:      no-repeat center;
    background-size: cover;
    width:           100%;
    padding-bottom:  44.6%; }

.cta-block__content {
    padding:          25px 50px 25px 44px;
    width:            34%;
    position:         absolute;
    left:             0;
    top:              0;
    height:           100%;
    background-color: rgba(255, 255, 255, 0.8); }

.cta-block__content:before {
    content:        '';
    display:        inline-block;
    height:         100%;
    vertical-align: middle;
    margin-right:   -0.25em; }

.cta-block__content .cta-block__content-container {
    display:        inline-block;
    vertical-align: middle; }

.cta-block__content:before {
    margin-left: -0.5em; }

.cta-block__content-container {
    width: 100%; }

.cta-block__heading {
    font-size:     30px;
    font-weight:   400px;
    line-height:   140%;
    margin-bottom: 0;
    margin-top:    0; }

.cta-block__sub-heading {
    font-size:   18px;
    font-weight: 400px;
    margin-top:  10px;
    color:       #8DC63F; }

.cta-block__sub-heading:after {
    content:          '';
    display:          block;
    width:            60px;
    height:           1px;
    margin:           25px 0;
    background-color: #8DC63F; }

.cta-block__copy {
    margin-bottom: 40px; }

.cta-block__blurb {
    display:     block;
    position:    absolute;
    bottom:      40px;
    right:       40px;
    text-align:  right;
    font-size:   13px;
    font-style:  italic;
    font-weight: 600;
    color:       #FFFFFF;
    width:       40%;
    line-height: 160%; }

@media (max-width: 1080px) {
    .cta-block__heading {
        font-size: 26px; }

    .cta-block__sub-heading {
        font-size: 15px; }

    .cta-block__sub-heading:after {
        margin: 15px 0; }

    .cta-block__block {
        padding-bottom: 0;
        position:       relative; }

    .cta-block__content {
        height:   auto;
        width:    50%;
        position: relative; }

    .cta-block__content:before {
        display: none; }
}

@media (max-width: 768px) {
    .cta-block__content {
        width: 100%; }

    .cta-block__blurb {
        font-size:   12px;
        font-weight: 300;
        color:       #000000;
        bottom:      20px;
        right:       20px; }
}

@media (max-width: 480px) {
    .cta-block__heading {
        font-size: 20px; }

    .cta-block__blurb {
        background-color: rgba(255, 255, 255, 0.8);
        position:         relative;
        top:              0;
        left:             0;
        padding:          20px;
        width:            100%;
        margin:           0; }
}

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* FEATURED MODULE
*****/
.featured__items {
    display:      table;
    table-layout: fixed;
    width:        calc(100% + 20px);
    margin-left:  -10px; }

.featured__item {
    display:  table-cell;
    position: relative;
    padding:  10px; }

.featured__item-type {
    font-size:      18px;
    font-weight:    600;
    color:          #EFC559;
    text-transform: uppercase;
    display:        block; }

.featured__item-title {
    font-size:     30px;
    font-weight:   400;
    color:         #FFFFFF;
    margin-top:    5px;
    display:       block;
    width:         100%;
    display:       inline-block;
    max-width:     100%;
    overflow:      hidden;
    text-overflow: ellipsis;
    white-space:   nowrap;
    word-wrap:     normal; }

.featured__item-image {
    margin-top:      20px;
    width:           100%;
    padding-bottom:  60%;
    border:          8px solid #FFFFFF;
    box-shadow:      0 7px 12px rgba(0, 0, 0, 0.16);
    background:      no-repeat center;
    background-size: cover; }

.featured__item-copy {
    padding:       10px;
    margin-bottom: 40px; }

.featured .simple-button {
    position: absolute;
    left:     20px;
    bottom:   10px; }

.featured.featured--simple {
    margin-top: 60px; }

.featured.featured--simple .featured__items {
    width:       calc(100% + 120px);
    margin-left: -60px; }

.featured.featured--simple .featured__item {
    padding: 60px; }

.featured.featured--simple .featured__item-title {
    color: #000000; }

.featured.featured--simple .featured__item-copy {
    margin-top:    20px;
    margin-bottom: 20px; }

.featured.featured--simple .simple-button {
    left: 70px; }

@media (max-width: 1220px) {
    .featured__items {
        width:       100% !important;
        margin-left: 0 !important; }
}

@media (max-width: 1080px) {
    .featured__item-title {
        font-size: 26px; }
}

@media (max-width: 768px) {
    .featured__items {
        display: block; }

    .featured__item {
        display:       block;
        margin-bottom: 40px;
        padding:       20px !important; }

    .featured__item::after {
        clear:   both;
        content: "";
        display: table; }

    .featured__item-title {
        color: #000000; }

    .featured__item-image {
        width:          60%;
        display:        block;
        padding-bottom: 32%; }

    .featured.featured--simple .simple-button {
        left: 30px !important; }
}

@media (max-width: 480px) {
    .featured__item-image {
        width:          100%;
        padding-bottom: 60%; }
}

.featured.js-check-visible .featured__item {
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  scale3d(0.8, 0.8, 1);
    -moz-transform:     scale3d(0.8, 0.8, 1);
    -ms-transform:      scale3d(0.8, 0.8, 1);
    -o-transform:       scale3d(0.8, 0.8, 1);
    transform:          scale3d(0.8, 0.8, 1); }

.featured.js-check-visible .featured__item:nth-child(1) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay:    50ms;
    transition-delay:         50ms; }

.featured.js-check-visible .featured__item:nth-child(2) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay:    100ms;
    transition-delay:         100ms; }

.featured.js-check-visible .featured__item:nth-child(3) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay:    150ms;
    transition-delay:         150ms; }

.featured.js-check-visible .featured__item:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay:    200ms;
    transition-delay:         200ms; }

.featured.js-check-visible .featured__item:nth-child(5) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay:    250ms;
    transition-delay:         250ms; }

.featured.js-is-visible .featured__item {
    opacity:           1;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform:    scale3d(1, 1, 1);
    -ms-transform:     scale3d(1, 1, 1);
    -o-transform:      scale3d(1, 1, 1);
    transform:         scale3d(1, 1, 1); }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* FOOTER MODULE
*****/
.footer {
    position:         relative;
    background-color: #FFFFFF;
    height:           50px;
    margin-top:       60px;
    z-index:          1; }

.footer__top {
    background-color: #6D6E71;
    padding:          40px 0;
    color:            #FFFFFF; }

.footer__blurb {
    float:         left;
    width:         45%;
    padding-right: 8%;
    color:         #FFFFFF; }

.footer__blurb p {
    margin: 0; }

.footer__heading {
    font-size:     24px;
    font-weight:   400;
    color:         #FFC425;
    margin-top:    0;
    margin-bottom: 10px; }

.footer__resources {
    float: left;
    width: 35%; }

.footer__resource-links {
    margin:       0;
    padding:      0;
    margin-top:   20px;
    padding-left: 20px; }

.footer__resource-links::after {
    clear:   both;
    content: "";
    display: table; }

.footer__resource-link {
    list-style-type: none;
    width:           50%;
    float:           left;
    margin-bottom:   20px; }

.footer__resource-link:nth-child(even) {
    padding-left: 20px; }

.footer__resource-link a {
    color: #FFFFFF; }

.footer__contact {
    float: left;
    width: 20%; }

.footer__social-links {
    margin:     0;
    padding:    0;
    margin-top: 20px; }

.footer__social-link {
    list-style-type: none;
    display:         inline-block;
    margin-right:    20px;
    opacity:         0.45; }

.footer__social-link:hover {
    opacity: 1; }

.footer__social-link img {
    height: 50px;
    width:  50px; }

.footer__social-link:last-child {
    margin-right: 0; }

.footer__address {
    margin-top:  20px;
    line-height: 150%;
    display:     block; }

.footer__phone {
    margin-top:  20px;
    line-height: 150%;
    display:     block; }

.footer__bottom {
    background-color: #000000; }

.footer__bottom-wrapper {
    padding-top:    30px;
    padding-bottom: 30px; }

.footer__bottom-items {
    float:      right;
    margin:     0;
    padding:    0;
    text-align: right; }

.footer__bottom-item {
    display:         inline-block;
    list-style-type: none;
    color:           #FFFFFF;
    font-size:       12px;
    font-weight:     400;
    margin-left:     20px;
    line-height:     200%; }

.footer__bottom-item a {
    color: #FFFFFF; }

.footer__bottom-item a:hover {
    color: #8DC63F; }

.footer--bottom-item-divider {
    position:      relative;
    padding-right: 20px; }

.footer--bottom-item-divider:after {
    content:          '';
    position:         absolute;
    height:           12px;
    right:            0;
    top:              2px;
    width:            1px;
    background-color: #FFFFFF; }

@media (max-width: 1080px) {
    .footer__social-link {
        margin-right: 10px; }

    .footer__social-link img {
        height: 30px;
        width:  30px; }
}

@media (max-width: 768px) {
    .footer__blurb {
        float:         none;
        width:         100%;
        margin-bottom: 40px;
        font-size:     13px; }

    .footer__resources {
        width: 65%; }

    .footer__contact {
        width: 35%; }

    .footer__social-link {
        margin-right: 15px; }

    .footer__social-link img {
        height: 40px;
        width:  40px; }
}

@media (max-width: 480px) {
    .footer__resources {
        width: 100%;
        float: none; }

    .footer__contact {
        width:      100%;
        float:      none;
        margin-top: 20px; }

    .footer__social-link {
        margin-right: 15px; }

    .footer__social-link img {
        height: 40px;
        width:  40px; }

    .footer--bottom-item-divider {
        position:      relative;
        padding-right: 0px;
        opacity:       0.6; }

    .footer--bottom-item-divider:after {
        display: none; }
}

.footer.js-check-visible .footer__blurb,
.footer.js-check-visible .footer__contact {
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  scale3d(0.8, 0.8, 1);
    -moz-transform:     scale3d(0.8, 0.8, 1);
    -ms-transform:      scale3d(0.8, 0.8, 1);
    -o-transform:       scale3d(0.8, 0.8, 1);
    transform:          scale3d(0.8, 0.8, 1); }

.footer.js-is-visible .footer__blurb,
.footer.js-is-visible .footer__contact {
    opacity:           1;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform:    scale3d(1, 1, 1);
    -ms-transform:     scale3d(1, 1, 1);
    -o-transform:      scale3d(1, 1, 1);
    transform:         scale3d(1, 1, 1); }

.footer.js-check-visible .footer__heading {
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  translate3d(0, 50px, 0);
    -moz-transform:     translate3d(0, 50px, 0);
    -ms-transform:      translate3d(0, 50px, 0);
    -o-transform:       translate3d(0, 50px, 0);
    transform:          translate3d(0, 50px, 0); }

.footer.js-is-visible .footer__heading {
    opacity:           1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    -o-transform:      translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0); }

.footer.js-check-visible .footer__resource-link {
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  translate3d(0, 20px, 0);
    -moz-transform:     translate3d(0, 20px, 0);
    -ms-transform:      translate3d(0, 20px, 0);
    -o-transform:       translate3d(0, 20px, 0);
    transform:          translate3d(0, 20px, 0); }

.footer.js-check-visible .footer__resource-link:nth-child(1) {
    -webkit-transition-delay: 20ms;
    -moz-transition-delay:    20ms;
    transition-delay:         20ms; }

.footer.js-check-visible .footer__resource-link:nth-child(2) {
    -webkit-transition-delay: 40ms;
    -moz-transition-delay:    40ms;
    transition-delay:         40ms; }

.footer.js-check-visible .footer__resource-link:nth-child(3) {
    -webkit-transition-delay: 60ms;
    -moz-transition-delay:    60ms;
    transition-delay:         60ms; }

.footer.js-check-visible .footer__resource-link:nth-child(4) {
    -webkit-transition-delay: 80ms;
    -moz-transition-delay:    80ms;
    transition-delay:         80ms; }

.footer.js-check-visible .footer__resource-link:nth-child(5) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay:    100ms;
    transition-delay:         100ms; }

.footer.js-check-visible .footer__resource-link:nth-child(6) {
    -webkit-transition-delay: 120ms;
    -moz-transition-delay:    120ms;
    transition-delay:         120ms; }

.footer.js-check-visible .footer__resource-link:nth-child(7) {
    -webkit-transition-delay: 140ms;
    -moz-transition-delay:    140ms;
    transition-delay:         140ms; }

.footer.js-check-visible .footer__resource-link:nth-child(8) {
    -webkit-transition-delay: 160ms;
    -moz-transition-delay:    160ms;
    transition-delay:         160ms; }

.footer.js-check-visible .footer__resource-link:nth-child(9) {
    -webkit-transition-delay: 180ms;
    -moz-transition-delay:    180ms;
    transition-delay:         180ms; }

.footer.js-check-visible .footer__resource-link:nth-child(10) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay:    200ms;
    transition-delay:         200ms; }

.footer.js-check-visible .footer__resource-link:nth-child(11) {
    -webkit-transition-delay: 220ms;
    -moz-transition-delay:    220ms;
    transition-delay:         220ms; }

.footer.js-check-visible .footer__resource-link:nth-child(12) {
    -webkit-transition-delay: 240ms;
    -moz-transition-delay:    240ms;
    transition-delay:         240ms; }

.footer.js-check-visible .footer__resource-link:nth-child(13) {
    -webkit-transition-delay: 260ms;
    -moz-transition-delay:    260ms;
    transition-delay:         260ms; }

.footer.js-check-visible .footer__resource-link:nth-child(14) {
    -webkit-transition-delay: 280ms;
    -moz-transition-delay:    280ms;
    transition-delay:         280ms; }

.footer.js-is-visible .footer__resource-link {
    opacity:           1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    -o-transform:      translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0); }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* SAMPLE MODULE
*****/
.fundraiser {
    position: relative;
    z-index:  0;
    /* floating comments is a bit of a mess, but necessary for the desired responsive layout without involving javascript */ }

.fundraiser__wrapper {
    margin-bottom: -60px;
    padding:       0 0 80px 0; }

.fundraiser__header {
    background-color: #FFFFFF;
    padding:          65px 60px;
    position:         relative;
    border-bottom:    1px solid #D9D9D9; }

.fundraiser__heading {
    margin:         0;
    font-size:      24px;
    font-weight:    400;
    letter-spacing: 0.01em;
    display:        block; }

.fundraiser__subheading {
    display:     block;
    font-size:   18px;
    font-weight: 400;
    color:       #999999;
    margin:      10px 0 0 0; }

.fundraiser__logo {
    position:            absolute;
    display:             block;
    width:               380px;
    height:              100%;
    top:                 0;
    right:               60px;
    background-size:     150px auto;
    background-repeat:   no-repeat;
    background-position: center; }

.fundraiser__content {
    padding: 60px; }

.fundraiser__content::after {
    clear:   both;
    content: "";
    display: table; }

.fundraiser__main {
    position:      relative;
    width:         calc(100% - 380px);
    float:         left;
    padding-right: 20px;
    z-index:       1; }

.fundraiser__main2 {
    position:      relative;
    width:         calc(100% - 415px);
    float:         left;
    padding-right: 20px;
    z-index:       1; }

.fundraiser__secondary {
    width: 380px;
    float: right; }

.fundraiser__secondary2 {
    width: 415px;
    float: right; }

.fundraiser__comments {
    width:         calc(100% - 380px);
    position:      relative;
    padding-right: 20px;
    z-index:       0; }

.fundraiser__comments2 {
    width:         calc(100% - 415px);
    position:      relative;
    padding-right: 20px;
    z-index:       0; }

.fundraiser__copy {
    margin-top:     40px;
    padding-bottom: 40px; }

.fundraiser__comments-heading {
    font-size:     18px;
    font-weight:   400;
    width:         100%;
    padding:       10px 0;
    border-bottom: 1px solid #D9D9D9; }

.fundraiser__comments-toggle {
    display:    block;
    text-align: right;
    font-size:  14px;
    position:   relative;
    top:        -44px;
    height:     0;
    right:      0;
    color:      #FFC425;
    cursor:     pointer; }

.fundraiser__comments-toggle:hover {
    color: #8DC63F; }

.fundraiser__comments-items {
    margin:  0;
    padding: 0; }

.fundraiser__comments-item {
    display:         block;
    list-style-type: none;
    padding:         20px 40px;
    color:           #666666; }

.fundraiser__comments-item:nth-child(odd) {
    background-color: #F0F0F1; }

.fundraiser__comments-author {
    font-size:   13px;
    font-weight: 600;
    margin-top:  5px; }

.fundraiser__fulfillment {
    padding:          40px;
    background-color: #F0F0F1; }

.fundraiser__fulfillment2 {
    margin-bottom:    20px;
    padding:          40px;
    background-color: #F0F0F1; }

.fundraiser__fulfillment-blurb {
    font-size:   18px;
    line-height: 140%; }

.fundraiser__fulfillment-goal {
    margin-top: 82px; }

.fundraiser__fulfillment-numbers {
    display:     block;
    text-align:  center;
    font-size:   16px;
    font-weight: 400; }

.fundraiser__fulfillment-numbers strong {
    font-size:   20px;
    font-weight: 600; }

.fundraiser__fulfillment-bar {
    display:          block;
    position:         relative;
    width:            100%;
    height:           24px;
    background-color: #FFFFFF;
    margin-top:       10px; }

.fundraiser__fulfillment-bar-fill {
    position:         absolute;
    left:             0px;
    top:              0px;
    display:          block;
    height:           24px;
    background-color: #FFC425; }

.fundraiser__fulfillment-bar-fillScheduled {
    opacity: .5; }

.fundraiser__fulfillment-remaining {
    padding:    10px;
    text-align: center;
    font-size:  12px;
    color:      #666666; }

.fundraiser__fulfillment-button {
    width:      100%;
    margin-top: 20px;
    text-align: center; }

.fundraiser__stats {
    position:     relative;
    width:        100%;
    padding:      30px 20px;
    border:       1px solid #D9D9D9;
    margin-top:   20px;
    padding-left: calc(37% + 20px);
    color:        #666666; }

.fundraiser__stats-logo {
    position:        absolute;
    left:            0;
    top:             0;
    height:          100%;
    width:           37%;
    background:      no-repeat center;
    background-size: auto 80%; }

.fundraiser__stats-created {
    font-size: 14px; }

.fundraiser__stats-title {
    display:     block;
    margin-top:  6px;
    font-size:   18px;
    font-weight: 600;
    line-height: 140%; }

.fundraiser__contacts {
    position:   relative;
    width:      100%;
    padding:    30px 40px;
    border:     1px solid #D9D9D9;
    margin-top: 20px; }

.fundraiser__contacts-items {
    margin:  0;
    padding: 0; }

.fundraiser__contacts-item {
    list-style-type: none;
    padding:         0;
    margin:          0 0 15px 0; }

.fundraiser__contacts-item a {
    color: #666666; }

.fundraiser__contacts-item a:hover {
    color: #8DC63F; }

.fundraiser__contacts-item:last-child {
    margin: 0; }

.fundraiser__contacts-item:before {
    content:             '';
    display:             inline-block;
    vertical-align:      middle;
    width:               22px;
    height:              16px;
    background-image:    url("../images/sprite.png");
    background-size:     127px 119px;
    background-position: -102px -76.5px;
    margin-right:        15px;
    position:            relative;
    top:                 -2px; }

.fundraiser__donors {
    position:   relative;
    width:      100%;
    border:     1px solid #D9D9D9;
    margin-top: 20px; }

.fundraiser__donors2 {
    position:   relative;
    width:      100%;
    margin-top: 20px;
    border:     0.5px solid rgba(153, 153, 153, 0.5);
    box-shadow: 0px 1px 6px rgb(0 0 0 / 10%);
    border-radius: 4px;
    padding: 20px;
}

.fundraiser__donors-heading {
    font-size:     18px;
    font-weight:   400;
    color:         #000000;
    padding:       20px 40px 15px 40px;
    border-bottom: 1px solid #D9D9D9; }

.fundraiser__donors-toggle {
    font-size: 14px;
    position:  absolute;
    top:       24px;
    right:     20px;
    color:     #FFC425;
    cursor:    pointer; }

.fundraiser__donors-toggle:hover {
    color: #8DC63F; }

.fundraiser__donors-items {
    padding: 20px 40px;
    margin:  0; }

.fundraiser__donors-item {
    padding:         0;
    margin:          0;
    list-style-type: none;
    font-size:       15px;
    font-weight:     400;
    color:           #666666; }

.fundraiser__donors-item:not(:last-child) {
    margin-bottom: 10px; }

@media (max-width: 1080px) {
    .fundraiser__header {
        padding: 40px 40px 40px 210px; }

    .fundraiser__logo {
        display: block;
        right:   auto;
        left:    20px;
        margin:  0;
        padding: 0;
        height:  100%;
        width:   150px; }

    .fundraiser__main {
        width: 60%; }

    .fundraiser__main2 {
        width: 55%; }

    .fundraiser__comments {
        width: 60%; }

    .fundraiser__comments2 {
        width: 55%; }

    .fundraiser__secondary {
        width: 40%; }

    .fundraiser__secondary2 {
        width: 45%; }

    .fundraiser__fulfillment-goal {
        margin-top: 60px; }
}

@media (min-width: 769px) and (max-width: 1080px) {
    .fundraiser__stats-logo {
        background-size: 80% auto; }

    .fundraiser__fulfillment-blurb {
        font-size: 16px; }
}

@media (max-width: 768px) {
    .fundraiser__content {
        padding: 60px 40px 40px 40px; }

    .fundraiser__main {
        width:         100%;
        padding-right: 0;
        float:         none; }

    .fundraiser__main2 {
        width:         100%;
        padding-right: 0;
        float:         none; }

    .fundraiser__comments {
        width:         100%;
        padding-right: 0;
        float:         none; }

    .fundraiser__comments2 {
        width:         100%;
        padding-right: 0;
        float:         none; }

    .fundraiser__secondary {
        width:      100%;
        margin-top: 40px;
        float:      none; }

    .fundraiser__secondary2 {
        width:      100%;
        margin-top: 40px;
        float:      none; }

    .fundraiser__copy {
        padding-bottom: 0; }
}

@media (max-width: 480px) {
    .fundraiser__content {
        padding: 60px 20px 20px 20px; }

    .fundraiser__header {
        padding: 20px; }

    .fundraiser__logo {
        display:  block;
        position: relative;
        width:    150px;
        height:   150px;
        left:     auto; }

    .fundraiser__fulfillment-blurb {
        font-size: 16px; }

    .fundraiser__fulfillment-goal {
        margin-top: 40px; }
}

.fundraiser__header.js-check-visible .fundraiser__logo {
    -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  translate3d(0, 20px, 0);
    -moz-transform:     translate3d(0, 20px, 0);
    -ms-transform:      translate3d(0, 20px, 0);
    -o-transform:       translate3d(0, 20px, 0);
    transform:          translate3d(0, 20px, 0); }

.fundraiser__header.js-check-visible .fundraiser__heading {
    -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  translate3d(20px, 0, 0);
    -moz-transform:     translate3d(20px, 0, 0);
    -ms-transform:      translate3d(20px, 0, 0);
    -o-transform:       translate3d(20px, 0, 0);
    transform:          translate3d(20px, 0, 0); }

.fundraiser__header.js-check-visible .fundraiser__subheading {
    -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  translate3d(-20px, 0, 0);
    -moz-transform:     translate3d(-20px, 0, 0);
    -ms-transform:      translate3d(-20px, 0, 0);
    -o-transform:       translate3d(-20px, 0, 0);
    transform:          translate3d(-20px, 0, 0); }

.fundraiser__header.js-check-visible.js-is-visible .fundraiser__logo {
    opacity:           1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    -o-transform:      translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0); }

.fundraiser__header.js-check-visible.js-is-visible .fundraiser__heading {
    opacity:           1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    -o-transform:      translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0); }

.fundraiser__header.js-check-visible.js-is-visible .fundraiser__subheading {
    opacity:           1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    -o-transform:      translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0); }

.fundraiser__main .js-check-visible {
    -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  translate3d(0, 20px, 0);
    -moz-transform:     translate3d(0, 20px, 0);
    -ms-transform:      translate3d(0, 20px, 0);
    -o-transform:       translate3d(0, 20px, 0);
    transform:          translate3d(0, 20px, 0); }

.fundraiser__main .js-check-visible.js-is-visible {
    opacity:           1;
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform:    translate3d(0px, 0, 0);
    -ms-transform:     translate3d(0px, 0, 0);
    -o-transform:      translate3d(0px, 0, 0);
    transform:         translate3d(0px, 0, 0); }

.fundraiser__main2 .js-check-visible {
    -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  translate3d(0, 20px, 0);
    -moz-transform:     translate3d(0, 20px, 0);
    -ms-transform:      translate3d(0, 20px, 0);
    -o-transform:       translate3d(0, 20px, 0);
    transform:          translate3d(0, 20px, 0); }

.fundraiser__main2 .js-check-visible.js-is-visible {
    opacity:           1;
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform:    translate3d(0px, 0, 0);
    -ms-transform:     translate3d(0px, 0, 0);
    -o-transform:      translate3d(0px, 0, 0);
    transform:         translate3d(0px, 0, 0); }

.fundraiser__secondary .js-check-visible {
    -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  translate3d(20px, 0, 0);
    -moz-transform:     translate3d(20px, 0, 0);
    -ms-transform:      translate3d(20px, 0, 0);
    -o-transform:       translate3d(20px, 0, 0);
    transform:          translate3d(20px, 0, 0); }

.fundraiser__secondary .js-check-visible.js-is-visible {
    opacity:           1;
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform:    translate3d(0px, 0, 0);
    -ms-transform:     translate3d(0px, 0, 0);
    -o-transform:      translate3d(0px, 0, 0);
    transform:         translate3d(0px, 0, 0); }

.fundraiser__secondary .js-check-visible .fundraiser__fulfillment-bar-fill {
    -webkit-transition:       all 3000ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:          all 3000ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:               all 3000ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform:        scale3d(0, 1, 1);
    -moz-transform:           scale3d(0, 1, 1);
    -ms-transform:            scale3d(0, 1, 1);
    -o-transform:             scale3d(0, 1, 1);
    transform:                scale3d(0, 1, 1);
    -webkit-transform-origin: left center;
    -moz-transform-origin:    left center;
    -ms-transform-origin:     left center;
    -o-transform-origin:      left center;
    transform-origin:         left center; }

.fundraiser__secondary .js-is-visible .fundraiser__fulfillment-bar-fill {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform:    scale3d(1, 1, 1);
    -ms-transform:     scale3d(1, 1, 1);
    -o-transform:      scale3d(1, 1, 1);
    transform:         scale3d(1, 1, 1); }

.fundraiser__secondary2 .js-check-visible {
    -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  translate3d(20px, 0, 0);
    -moz-transform:     translate3d(20px, 0, 0);
    -ms-transform:      translate3d(20px, 0, 0);
    -o-transform:       translate3d(20px, 0, 0);
    transform:          translate3d(20px, 0, 0); }

.fundraiser__secondary2 .js-check-visible.js-is-visible {
    opacity:           1;
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform:    translate3d(0px, 0, 0);
    -ms-transform:     translate3d(0px, 0, 0);
    -o-transform:      translate3d(0px, 0, 0);
    transform:         translate3d(0px, 0, 0); }

.fundraiser__secondary2 .js-check-visible .fundraiser__fulfillment-bar-fill {
    -webkit-transition:       all 3000ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:          all 3000ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:               all 3000ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform:        scale3d(0, 1, 1);
    -moz-transform:           scale3d(0, 1, 1);
    -ms-transform:            scale3d(0, 1, 1);
    -o-transform:             scale3d(0, 1, 1);
    transform:                scale3d(0, 1, 1);
    -webkit-transform-origin: left center;
    -moz-transform-origin:    left center;
    -ms-transform-origin:     left center;
    -o-transform-origin:      left center;
    transform-origin:         left center; }

.fundraiser__secondary2 .js-is-visible .fundraiser__fulfillment-bar-fill {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform:    scale3d(1, 1, 1);
    -ms-transform:     scale3d(1, 1, 1);
    -o-transform:      scale3d(1, 1, 1);
    transform:         scale3d(1, 1, 1); }

.fundraiser__comments.js-check-visible {
    -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  translate3d(0, 20px, 0);
    -moz-transform:     translate3d(0, 20px, 0);
    -ms-transform:      translate3d(0, 20px, 0);
    -o-transform:       translate3d(0, 20px, 0);
    transform:          translate3d(0, 20px, 0); }

.fundraiser__comments.js-check-visible.js-is-visible {
    opacity:           1;
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform:    translate3d(0px, 0, 0);
    -ms-transform:     translate3d(0px, 0, 0);
    -o-transform:      translate3d(0px, 0, 0);
    transform:         translate3d(0px, 0, 0); }

.fundraiser__comments2.js-check-visible {
    -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  translate3d(0, 20px, 0);
    -moz-transform:     translate3d(0, 20px, 0);
    -ms-transform:      translate3d(0, 20px, 0);
    -o-transform:       translate3d(0, 20px, 0);
    transform:          translate3d(0, 20px, 0); }

.fundraiser__comments2.js-check-visible.js-is-visible {
    opacity:           1;
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform:    translate3d(0px, 0, 0);
    -ms-transform:     translate3d(0px, 0, 0);
    -o-transform:      translate3d(0px, 0, 0);
    transform:         translate3d(0px, 0, 0); }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* GENERIC-PAYMENT-INFO MODULE
*****/
.generic-payment-info {
    position:         relative;
    background-color: #E9E9EA;
    z-index:          1;
    margin-bottom:    -60px; }

.generic-payment-info__wrapper {
    padding: 50px 0; }

.generic-payment-info__wrapper::after {
    clear:   both;
    content: "";
    display: table; }

.generic-payment-info__body {
    width:       calc(100% + 60px);
    margin-left: -30px; }

.generic-payment-info__column {
    width:   33.333%;
    display: block;
    float:   left;
    padding: 0 30px; }

.generic-payment-info__title {
    margin:      0;
    font-size:   18px;
    font-weight: 400; }

.generic-payment-info__copy {
    font-size:   13px;
    font-weight: 400;
    line-height: 140%;
}

.generic-payment-info a {
    vertical-align: middle;
    margin-right:   20px; }

.generic-payment-info img {
    vertical-align: middle; }

@media (max-width: 1220px) {
    .generic-payment-info__body {
        width:       100%;
        margin-left: 0; }
}

@media (max-width: 768px) {
    .generic-payment-info__column {
        float: none;
        width: 100%; }

    .generic-payment-info__column:not(:last-child) {
        margin-bottom: 40px; }
}

.generic-payment-info.js-check-visible .generic-payment-info__column {
    -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform:  translate3d(0, 100px, 0);
    -moz-transform:     translate3d(0, 100px, 0);
    -ms-transform:      translate3d(0, 100px, 0);
    -o-transform:       translate3d(0, 100px, 0);
    transform:          translate3d(0, 100px, 0);
    opacity:            0; }

.generic-payment-info.js-check-visible.js-is-visible .generic-payment-info__column {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    -o-transform:      translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0);
    opacity:           1; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* GENERIC FORM
*****/
.generic-form label {
    display:       block;
    font-size:     15px;
    margin-bottom: 3px; }

.generic-form label:not(:first-child) {
    margin-top: 28px; }

.generic-form [if-input] label:first-child {
    margin-top: 28px; }

.generic-form input[type="checkbox"] + label,
.generic-form input[type="radio"] + label {
    display:        inline-block !important;
    margin:         0;
    margin-right:   20px;
    vertical-align: middle; }

.generic-form input, .generic-form select {
    width:            100%;
    height:           32px;
    border-radius:    4px;
    border:           1px solid #D9D9D9;
    padding:          5px;
    background-color: transparent; }

.generic-form textarea {
    width:            100%;
    max-width:        600px;
    height:           200px;
    border-radius:    4px;
    border:           1px solid #D9D9D9;
    padding:          10px;
    background-color: transparent; }

.generic-form input[type="checkbox"] {
    display:        inline-block;
    width:          auto;
    vertical-align: middle;
    margin-right:   10px; }

.generic-form input[type="radio"] {
    display:        inline-block;
    width:          auto;
    vertical-align: middle; }

.generic-form input[type="radio"] + span {
    margin-right: 10px;
}

.generic-form input[type="submit"] {
    height:           auto;
    width:            auto;
    border:           0;
    cursor:           pointer;
    position:         relative;
    display:          inline-block;
    background-color: #8DC63F;
    padding:          12px 20px;
    color:            #FFFFFF;
    font-weight:      600;
    text-transform:   uppercase;
    font-size:        14px;
    border-radius:    4px;
    margin-top:       20px; }

.generic-form input[type="submit"]:hover {
    background-color: #73AC26;
    color:            #FFFFFF; }

.generic-form input[type="text"] {
    width:     100%;
    max-width: 300px; }

.generic-form fieldset {
    padding:       0 0 40px 40px;
    border:        0;
    border-bottom: 1px solid #D9D9D9; }

.generic-form__dollars {
    width:       100px;
    position:    relative;
    margin-left: 28px;
    margin-top:  3px; }

.generic-form__dollars input[type="text"] {
    padding-left: 20px; }

.generic-form__dollars:before {
    content:   '$';
    position:  absolute;
    top:       8px;
    left:      10px;
    color:     #888888;
    font-size: 13px; }

.generic-form__custom-select {
    position:       relative;
    width:          100%;
    max-width:      300px;
    height:         32px;
    display:        block;
    vertical-align: middle;
    overflow-x:     hidden;
    background:     #FFFFFF;
    border-radius:  4px;
    border:         1px solid #D9D9D9; }

.generic-form__custom-select select {
    width:              calc(100% + 20px);
    margin:             0;
    height:             100%;
    border:             0;
    background:         transparent;
    -moz-appearance:    none;
    -webkit-appearance: none;
    appearance:         none;
    padding-left:       10px; }

.generic-form__custom-select:after {
    content:        '';
    display:        block;
    position:       absolute;
    top:            13px;
    right:          10px;
    pointer-events: none;
    height:         0;
    width:          0;
    border-left:    6px solid transparent;
    border-right:   6px solid transparent;
    border-top:     6px solid #CAC0B7; }

.generic-form__button-container {
    text-align:     right;
    padding-bottom: 60px; }

.generic-form__cancel {
    text-transform: uppercase;
    color:          #888888;
    font-weight:    400;
    margin-bottom:  10px;
    margin-right:   60px; }

.generic-form__info-popup {
    display:             inline-block;
    position:            relative;
    background-image:    url("../images/sprite.png");
    background-size:     127px 119px;
    background-position: -55px -102px;
    height:              16px;
    width:               16px;
    vertical-align:      middle;
    margin-left:         5px; }

.generic-form__info-popup-box {
    display:          none;
    position:         absolute;
    width:            320px;
    left:             -160px;
    background-color: #FFFFFF;
    border:           1px solid #D9D9D9;
    padding:          20px;
    border-radius:    4px;
    z-index:          100; }

.generic-form__info-popup:hover .generic-form__info-popup-box {
    display: block; }

@media (max-width: 768px) {
    .generic-form fieldset {
        padding: 0 0 40px 0; }

    .generic-form__info-popup-box {
        left:  auto;
        right: -50px; }
}

@media (max-width: 480px) {
    .generic-form__cancel {
        text-transform: uppercase;
        color:          #888888;
        font-weight:    400;
        margin-bottom:  10px;
        margin-right:   20px; }

    .generic-form__button-container {
        text-align: center; }

    .generic-form__info-popup {
        display: none; }
}

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* HEADER MODULE
*****/
.header {
    position:   relative;
    z-index:    1;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1); }

.header__ribbon {
    background-color: #E7E7E8;
    padding:          3px 0px; }

.header__ribbon-links {
    width:           100%;
    display:         inline;
    margin:          0;
    padding:         0;
    line-height:     2.5rem;
    list-style-type: none;
    text-align:      right; }

.header__ribbon-link {
    position:      relative;
    display:       inline-block;
    border-right:  1px solid #6D6E71;
    min-width:     50px;
    padding-left:  5px;
    padding-right: 5px;
    text-align:    center; }

.header__ribbon-link:last-child {
    border-right: 0; }

.header__ribbon-link-anchor {
    color:           #6D6E71;
    font-size:       13px;
    text-decoration: none; }

.header__ribbon-link-anchor:hover {
    color: #8DC63F; }

.header__cart-icon {
    position:    absolute;
    display:     block;
    text-align:  center;
    right:       calc(100% - 6px);
    top:         -2px;
    width:       25px;
    height:      23px;
    font-weight: 700; }

.header__cart-icon span {
    position:   relative;
    color:      #FFFFFF;
    font-size:  9px;
    text-align: center;
    left:       0px;
    top:        -5px; }

.header__cart-icon:before {
    content:             '';
    display:             block;
    position:            absolute;
    top:                 0;
    left:                -2px;
    width:               25px;
    height:              23px;
    background-image:    url("../images/sprite.png");
    background-size:     127px 119px;
    background-position: -102px -52px; }

.header__main {
    display:          block;
    background-color: #FFFFFF;
    height:           82px; }

.header__logo {
    margin:         0;
    padding:        0;
    position:       relative;
    vertical-align: middle;
    display:        inline-block;
    height:         100%;
    position:       relative; }

.header__logo img {
    position:   relative;
    height:     45px;
    width:      auto;
    top:        50%;
    margin-top: -22px; }

.header__main-nav {
    display:        inline-block;
    height:         100%;
    margin:         0;
    vertical-align: middle; }

.header__head-links {
    display:        inline-block;
    height:         100%;
    margin:         0;
    vertical-align: middle;
    text-align:     center; }

.header__head-link {
    display:    inline-block;
    position:   relative;
    height:     100%;
    padding:    0 30px;
    text-align: center; }

.header__head-link:before {
    content:        '';
    display:        inline-block;
    height:         100%;
    vertical-align: middle;
    margin-right:   -0.25em; }

.header__head-link .ghost-center__child {
    display:        inline-block;
    vertical-align: middle; }

.header__head-link:after {
    content:          '';
    display:          block;
    width:            100%;
    background-color: #8DC63F;
    height:           12px;
    position:         absolute;
    visibility:       hidden;
    left:             0;
    bottom:           0; }

.header__head-link:hover:after {
    visibility: visible; }

.header__head-link.header--head-link-highlight:after {
    visibility: visible; }

.header__head-link-anchor {
    font-size:       14px;
    text-transform:  uppercase;
    letter-spacing:  0.01em;
    font-weight:     400;
    text-decoration: none;
    color:           #6D6E71; }

.header--head-dropdown .header__head-link-anchor:after {
    content:        '';
    display:        inline-block;
    vertical-align: middle;
    margin-left:    6px;
    height:         0;
    width:          0;
    border-left:    4.5px solid transparent;
    border-right:   4.5px solid transparent;
    border-top:     4.5px solid #CAC0B7;
    margin-top:     -2px;
    position:       relative; }

.header--head-link-highlight .header__head-link-anchor {
    font-weight: 700;
    color:       #8DC63F; }

.header--head-link-highlight .header__head-link-anchor:after {
    border-top-color: #8DC63F; }

.header__sub-links {
    margin:           0;
    opacity:          1;
    position:         absolute;
    visibility:       hidden;
    background-color: #8DC63F;
    width:            100%;
    padding:          0px 0 10px 0;
    margin:           0;
    left:             0;
    top:              calc(100%);
    z-index:          1; }

.header__head-link:hover .header__sub-links {
    visibility: visible; }

.header__sub-link {
    list-style-type: none;
    position:        relative; }

.header__sub-link-anchor {
    display:            block;
    text-decoration:    none;
    padding:            10px;
    color:              #FFFFFF;
    font-weight:        400;
    font-size:          14px;
    line-height:        150%;
    -webkit-transition: background 400ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    background 400ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         background 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.header__sub-link-anchor:hover {
    background-color: #80B636;
    color:            #FFFFFF; }

.header__button {
    position: absolute;
    right:    0px;
    top:      22px;
    display:  none; }

.header__kids-button {
    position:      absolute;
    right:         0px;
    top:           22px;
    padding-right: 60px; }

.header__kids-button:before {
    content:          '';
    position:         absolute;
    right:            0;
    top:              5px;
    display:          block;
    border-radius:    100%;
    vertical-align:   middle;
    height:           36px;
    width:            36px;
    background-color: #F89728; }

.header__kids-button:after {
    content:             '';
    position:            absolute;
    right:               11px;
    top:                 16px;
    display:             block;
    height:              14px;
    width:               14px;
    background-image:    url("../images/sprite.png");
    background-size:     127px 119px;
    background-position: -73px -102px; }

.header__head-link:after {
    -webkit-transition:       all 800ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:          all 800ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:               all 800ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:                  0;
    -webkit-transform:        scale3d(1, 2.5, 1) translate3d(0, 0, 0);
    -moz-transform:           scale3d(1, 2.5, 1) translate3d(0, 0, 0);
    -ms-transform:            scale3d(1, 2.5, 1) translate3d(0, 0, 0);
    -o-transform:             scale3d(1, 2.5, 1) translate3d(0, 0, 0);
    transform:                scale3d(1, 2.5, 1) translate3d(0, 0, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin:    center bottom;
    -ms-transform-origin:     center bottom;
    -o-transform-origin:      center bottom;
    transform-origin:         center bottom; }

.header__head-link:hover:after {
    opacity:           1;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -moz-transform:    scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform:     scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform:      scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform:         scale3d(1, 1, 1) translate3d(0, 0, 0); }

.header__head-link.header--head-link-highlight:after {
    opacity:           1 !important;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -moz-transform:    scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform:     scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform:      scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform:         scale3d(1, 1, 1) translate3d(0, 0, 0); }

.header__sub-links {
    -webkit-transition:       all 400ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:          all 400ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:               all 400ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:                  0;
    -webkit-transform:        rotateX(-90deg) translate3d(0, 0, 0);
    -moz-transform:           rotateX(-90deg) translate3d(0, 0, 0);
    -ms-transform:            rotateX(-90deg) translate3d(0, 0, 0);
    -o-transform:             rotateX(-90deg) translate3d(0, 0, 0);
    transform:                rotateX(-90deg) translate3d(0, 0, 0);
    -webkit-transform-origin: center top;
    -moz-transform-origin:    center top;
    -ms-transform-origin:     center top;
    -o-transform-origin:      center top;
    transform-origin:         center top; }

.header__head-link:hover .header__sub-links {
    opacity:           1;
    -webkit-transform: rotateX(0deg) translate3d(0, 0, 0);
    -moz-transform:    rotateX(0deg) translate3d(0, 0, 0);
    -ms-transform:     rotateX(0deg) translate3d(0, 0, 0);
    -o-transform:      rotateX(0deg) translate3d(0, 0, 0);
    transform:         rotateX(0deg) translate3d(0, 0, 0); }

.header__kids-button, .header__kids-button:after {
    -webkit-transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 400ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.header__kids-button:hover {
    -webkit-transform: scale3d(1.03, 1.03, 1);
    -moz-transform:    scale3d(1.03, 1.03, 1);
    -ms-transform:     scale3d(1.03, 1.03, 1);
    -o-transform:      scale3d(1.03, 1.03, 1);
    transform:         scale3d(1.03, 1.03, 1); }

.header__kids-button:hover:before {
    background-color: #8DC63F; }

@media (max-width: 1080px) and (min-width: 769px) {
    #google_translate_element {
        display:  inline-block !important;
        float:    left;
        left:     275px;
        position: relative;
    }
}

@media (max-width: 768px) {
    #google_translate_element {
        display:  inline-block !important;
        float:    left;
        position: relative;
    }
}

@media (min-width: 1080px) {
    #google_translate_element {
        display:  inline-block !important;
        float:    left;
        position: relative;
    }
}

#google_translate_element div {display: block;}

div#google_translate_element div.goog-te-gadget { color: black; }

div#google_translate_element a.goog-logo-link { color: black; }

.mobile-nav {
    display:                    none;
    position:                   fixed;
    right:                      0;
    top:                        0;
    height:                     100vh;
    width:                      250px;
    background:                 #8DC63F;
    overflow-y:                 scroll;
    overflow-x:                 hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transform:          translate3d(250px, 0, 0);
    -moz-transform:             translate3d(250px, 0, 0);
    -ms-transform:              translate3d(250px, 0, 0);
    -o-transform:               translate3d(250px, 0, 0);
    transform:                  translate3d(250px, 0, 0);
    z-index:                    1; }

.mobile-nav__wrapper {
    padding: 20px 20px 80px 20px; }

.header__mobile-toggle {
    display:  none;
    position: absolute;
    right:    20px;
    top:      28px;
    width:    32px;
    height:   28px;
    cursor:   pointer; }

.header__mobile-toggle > div {
    width:                    100%;
    height:                   15%;
    background-color:         #8DC63F;
    border-radius:            4px;
    margin-bottom:            20%;
    -webkit-transition:       all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:          all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:               all 1000ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform-origin: center center;
    -moz-transform-origin:    center center;
    -ms-transform-origin:     center center;
    -o-transform-origin:      center center;
    transform-origin:         center center; }

@media (max-width: 480px) {
    .header__mobile-toggle {
        display: block; }
}

.js-show-mobile-menu .header__mobile-toggle > div:nth-child(1) {
    background-color:  #000000;
    -webkit-transform: rotate(225deg) translateY(0) translateX(-41%);
    -moz-transform:    rotate(225deg) translateY(0) translateX(-41%);
    -ms-transform:     rotate(225deg) translateY(0) translateX(-41%);
    -o-transform:      rotate(225deg) translateY(0) translateX(-41%);
    transform:         rotate(225deg) translateY(0) translateX(-41%); }

.js-show-mobile-menu .header__mobile-toggle > div:nth-child(2) {
    opacity:           0;
    -webkit-transform: translate3d(200%, 0, 0);
    -moz-transform:    translate3d(200%, 0, 0);
    -ms-transform:     translate3d(200%, 0, 0);
    -o-transform:      translate3d(200%, 0, 0);
    transform:         translate3d(200%, 0, 0); }

.js-show-mobile-menu .header__mobile-toggle > div:nth-child(3) {
    background-color:  #000000;
    -webkit-transform: rotate(-225deg) translateY(35%) translateX(-46%);
    -moz-transform:    rotate(-225deg) translateY(35%) translateX(-46%);
    -ms-transform:     rotate(-225deg) translateY(35%) translateX(-46%);
    -o-transform:      rotate(-225deg) translateY(35%) translateX(-46%);
    transform:         rotate(-225deg) translateY(35%) translateX(-46%); }

/* Responsive Stuff: */
.header {
    z-index: 1; }

.header__header--mobile {
    display:     block;
    color:       #FFFFFF;
    margin-left: 20px;
    margin-top:  20px; }

.header__header--mobile span {
    font-size:      18px;
    text-transform: uppercase;
    font-weight:    700;
    vertical-align: middle; }

.header__header-nav--mobile {
    display:        inline-block;
    vertical-align: middle;
    height:         32px;
    width:          32px;
    border:         1px solid #FFFFFF;
    border-radius:  4px;
    margin-right:   20px; }

.header__head-links--mobile {
    margin:          0;
    padding:         0;
    list-style-type: none; }

.header__head-link--mobile {
    margin-top: 10px; }

.header__head-link-anchor--mobile {
    text-transform: uppercase;
    font-size:      12px;
    color:          #FFFFFF; }

.header--head-link-highlight .header__head-link-anchor--mobile {
    font-weight: 700; }

.header--head-dropdown .header__head-link-anchor--mobile {
    font-weight: 700; }

.header__sub-links--mobile {
    margin:       0;
    padding-left: 20px; }

.header__sub-link--mobile {
    list-style-type: none;
    padding:         5px 0;
    position:        relative; }

.header__sub-link--mobile:before {
    content:         '';
    position:        absolute;
    left:            -19px;
    top:             12px;
    display:         inline-block;
    vertical-align:  middle;
    height:          10px;
    width:           10px;
    background:      url(../images/icon_right-arrow.svg) no-repeat center;
    background-size: 100% auto; }

.header__sub-link-anchor--mobile {
    color:     #FFFFFF;
    font-size: 13px; }

.header__ribbon-links--mobile {
    padding:         0 0 20px 0;
    margin:          -6px 0 30px 0;
    list-style-type: none;
    border-bottom:   1px solid rgba(255, 255, 255, 0.3); }

.header__ribbon-link--mobile {
    padding:    6px 0;
    text-align: left;
    display:    inline-block;
    width:      49%; }

.header__ribbon-link-anchor--mobile {
    color:       #FFFFFF;
    font-weight: 600;
    font-size:   12px; }

.header__cart-icon--mobile {
    font-weight: 900; }

.header__cart-icon--mobile:after {
    content:     ' in';
    font-weight: 600; }

@media (max-width: 1220px) {
    .header__kids-button {
        right: 20px; }
}

@media (max-width: 1080px) {
    .header__head-link {
        padding: 0 25px; }

    .header__kids-button {
        display: none; }

    .header__button {
        display: inline-block;
        right:   auto;
        left:    20px;
        top:     -35px;
        padding: 3px 25px; }

    .header__button:after {
        height: 20px;
        width:  20px;
        top:    -3px; }

    .header__button .button-text {
        font-size: 15px;
        top:       -2px; }
}

@media (max-width: 768px) {
    .header__head-links {
        display: none; }

    .header__mobile-toggle {
        display: block; }

    .header__ribbon-link {
        border:     0;
        text-align: right;
        min-width:  40px; }

    .header__ribbon-link:not(:first-child) {
        display: none; }

    .header__button {
        display: none; }

    .mobile-nav {
        display: block; }

    html {
        display:            block;
        -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
        -moz-transition:    all 600ms cubic-bezier(0.23, 1, 0.32, 1);
        transition:         all 600ms cubic-bezier(0.23, 1, 0.32, 1); }

    html.modal-open {
        -webkit-transform: none;
        -moz-transform:    none;
        -ms-transform:     none;
        -o-transform:      none;
        transform:         none; }

    html.js-show-mobile-menu {
        -webkit-transform: translate3d(-250px, 0, 0);
        -moz-transform:    translate3d(-250px, 0, 0);
        -ms-transform:     translate3d(-250px, 0, 0);
        -o-transform:      translate3d(-250px, 0, 0);
        transform:         translate3d(-250px, 0, 0);
        overflow-y:        hidden !important;
        overflow-x:        visible; }

    html.js-show-mobile-menu body {
        overflow: hidden !important; }
}

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* HERO CAROUSEL MODULE
*****/
.hero-carousel {
    position:         relative;
    z-index:          0;
    overflow:         hidden;
    background-color: #333333; }

.hero-carousel__images {
    position:         relative;
    background-color: #333333;
    padding:          0;
    margin:           0;
    width:            100%;
    height:           740px; }

.hero-carousel__image {
    position:            absolute;
    background-size:     cover;
    background-position: center;
    top:                 0;
    left:                0;
    width:               100%;
    height:              100%;
    padding:             0;
    margin:              0;
    opacity:             0; }

.hero-carousel__image.js-visible {
    opacity: 1; }

.hero-carousel__content {
    position: absolute;
    top:      0;
    right:    0;
    bottom:   0;
    left:     0; }

.hero-carousel__heading-image {
    width:     100%;
    max-width: 398px;
    height:    auto;
    margin:    80px 0 60px 0; }

.hero-carousel__heading-bubble {
    text-align:       center;
    margin:           0;
    padding:          0;
    display:          block;
    height:           430px;
    width:            430px;
    background-color: #E1AD24;
    border-radius:    100%;
    position:         relative;
    top:              -90px;
    margin-bottom:    -50px; }

.hero-carousel__heading-bubble:before {
    content:        '';
    display:        inline-block;
    height:         100%;
    vertical-align: middle;
    margin-right:   -0.25em; }

.hero-carousel__heading-bubble .ghost-center__child {
    display:        inline-block;
    vertical-align: middle; }

.hero-carousel__heading-bubble-accent {
    display:          block;
    border-radius:    100%;
    height:           170px;
    width:            170px;
    position:         absolute;
    opacity:          0.59;
    right:            -18%;
    top:              58%;
    background-color: #D05E08; }

.hero-carousel__heading-bubble-text {
    display:        inline-block;
    color:          #FFFFFF;
    font-size:      114px;
    font-weight:    700;
    text-transform: uppercase;
    position:       relative;
    top:            30px;
    left:           -10px;
    line-height:    70%;
    margin-top:     85px; }

.hero-carousel__heading-bubble-text span {
    text-transform: none;
    display:        block;
    font-size:      50px;
    font-weight:    200;
    margin-top:     -10px; }

.hero-carousel__copy {
    color:     #FFFFFF;
    width:     550px;
    max-width: 100%; }

.hero-carousel__copy-heading {
    font-size:     30px;
    font-weight:   600;
    line-height:   160%;
    margin-top:    0;
    margin-bottom: 0px; }

.hero-carousel__copy p {
    line-height: 170%;
    margin-top:  5px;
    font-size:   18px;
    font-weight: 400; }

.hero-carousel--copy-highlight {
    display:          inline-block;
    background-color: #8DC63F;
    padding:          0 15px;
    margin:           0 4px;
    font-weight:      700; }

.hero-carousel.hero-carousel--dark-text .hero-carousel__copy {
    color: #000000; }

.hero-carousel.hero-carousel--dark-text .hero-carousel--copy-highlight {
    color: #FFFFFF; }

.hero-carousel__follow {
    margin-top: 40px; }

.hero-carousel__follow-label {
    text-transform: uppercase;
    color:          #FFFFFF;
    font-size:      18px;
    font-weight:    400;
    vertical-align: middle; }

@media (max-width: 768px) {
    .hero-carousel__follow-label {
        color: white !important;
    }
}

.hero-carousel__follow-items {
    display:        inline-block;
    margin:         0;
    padding:        0;
    vertical-align: middle; }

.hero-carousel__follow-item {
    display:         inline-block;
    position:        relative;
    list-style-type: none;
    margin-left:     20px;
    padding:         0;
    height:          32px;
    width:           32px; }

.hero-carousel__follow-item[data-icon="facebook"] {
    background-image:    url("../images/sprite.png");
    background-size:     127px 119px;
    background-position: 0px 0px; }

.hero-carousel__follow-item[data-icon="twitter"] {
    background-image:    url("../images/sprite.png");
    background-size:     127px 119px;
    background-position: -34px 0px; }

.hero-carousel__follow-item a {
    position: absolute;
    top:      0;
    right:    0;
    bottom:   0;
    left:     0;
    z-index:  1; }

.hero-carousel.hero-carousel--dark-text .hero-carousel__follow-label {
    color: #000000; }

.hero-carousel.hero-carousel--dark-text .hero-carousel__follow-item[data-icon="facebook"] {
    background-image:    url("../images/sprite.png");
    background-size:     127px 119px;
    background-position: -68px 0px; }

.hero-carousel.hero-carousel--dark-text .hero-carousel__follow-item[data-icon="twitter"] {
    background-image:    url("../images/sprite.png");
    background-size:     127px 119px;
    background-position: -68px -34px; }

.hero-carousel__image {
    -webkit-transition: all 650ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 650ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 650ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform:  scale3d(1.1, 1.1, 1);
    -moz-transform:     scale3d(1.1, 1.1, 1);
    -ms-transform:      scale3d(1.1, 1.1, 1);
    -o-transform:       scale3d(1.1, 1.1, 1);
    transform:          scale3d(1.1, 1.1, 1); }

.hero-carousel__image.js-visible {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform:    scale3d(1, 1, 1);
    -ms-transform:     scale3d(1, 1, 1);
    -o-transform:      scale3d(1, 1, 1);
    transform:         scale3d(1, 1, 1); }

.hero-carousel__follow-item {
    -webkit-transition: all 350ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 350ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 350ms cubic-bezier(0.23, 1, 0.32, 1); }

.hero-carousel__follow-item:hover {
    -webkit-transform: scale3d(1.15, 1.15, 1);
    -moz-transform:    scale3d(1.15, 1.15, 1);
    -ms-transform:     scale3d(1.15, 1.15, 1);
    -o-transform:      scale3d(1.15, 1.15, 1);
    transform:         scale3d(1.15, 1.15, 1); }

.hero-carousel--box {
    height: 600px; }

.hero-carousel--box .hero-carousel__content > div:before {
    content:        '';
    display:        inline-block;
    height:         100%;
    vertical-align: middle;
    margin-right:   -0.25em; }

.hero-carousel--box .hero-carousel__content > div .hero-carousel__box {
    display:        inline-block;
    vertical-align: middle; }

.hero-carousel--box .hero-carousel__box {
    background-color: rgba(255, 255, 255, 0.8);
    width:            51%;
    padding:          60px 40px; }

.hero-carousel--box .hero-carousel__box-heading {
    font-size:   30px;
    font-weight: 600;
    margin-top:  0; }

.hero-carousel--box .hero-carousel__box-copy {
    font-size: 18px; }

.hero-carousel--box .hero-carousel__box-copy .hero-carousel--copy-highlight {
    color: #FFFFFF; }

@media (max-width: 768px) {
    .hero-carousel__images {
        opacity: 0.75; }

    .hero-carousel__image {
        background-position: 63% center; }

    .hero-carousel__copy-heading {
        font-size: 26px; }

    .hero-carousel__copy {
        font-size: 15px; }

    .hero-carousel--copy-highlight {
        display: inline; }

    .hero-carousel--box {
        height: 600px; }

    .hero-carousel--box .hero-carousel__box {
        width: 80%; }

    .hero-carousel--box .hero-carousel__box-heading {
        font-size: 28px; }

    .hero-carousel--box .hero-carousel__box-copy {
        font-size: 16px; }
}

@media (max-width: 480px) {
    .hero-carousel__images {
        opacity: 0.5; }

    .hero-carousel__heading-bubble {
        height: 300px;
        width:  300px;
        top:    -75px;
        left:   -20px; }

    .hero-carousel__heading-bubble-accent {
        height: 120px;
        width:  120px;
        right:  -25%; }

    .hero-carousel__heading-bubble-text {
        font-size: 80px;
        left:      -5px;
        top:       5px; }

    .hero-carousel__heading-bubble-text span {
        margin-top: -2px;
        font-size:  35px; }

    .hero-carousel--box {
        height: 650px; }

    .hero-carousel--box .hero-carousel__box {
        width: 99.5%; }

    .hero-carousel--box .hero-carousel__box-heading {
        font-size: 22px; }

    .hero-carousel--box .hero-carousel__box-copy {
        font-size: 15px; }
}

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* SAMPLE MODULE
*****/
.icon-points {
    background-color: #8DC63F;
    color:            #FFFFFF;
    margin-top:       40px; }

.icon-points__wrapper {
    padding: 60px 0; }

.icon-points__items {
    display:      table;
    table-layout: fixed;
    width:        calc(100% + 80px);
    margin-left:  -40px;
    padding:      0; }

.icon-points__item {
    display:    table-cell;
    word-wrap:  break-word;
    text-align: center;
    padding:    40px; }

.icon-points__image {
    width:     50%;
    height:    auto;
    max-width: 115px; }

.icon-points__heading {
    font-size:   24px;
    font-weight: 400;
    margin-top:  40px; }

.icon-points__text {
    margin-top: 20px; }

.icon-points__link {
    display:        inline-block;
    margin-top:     20px;
    font-size:      15px;
    text-transform: uppercase;
    color:          #FFFFFF; }

.icon-points__link:after {
    content:             '';
    display:             inline-block;
    vertical-align:      middle;
    margin-left:         10px;
    position:            relative;
    top:                 -2px;
    height:              15px;
    width:               15px;
    background-image:    url("../images/sprite.png");
    background-size:     127px 119px;
    background-position: -73px -102px; }

.icon-points__link:hover {
    color: #000000; }

@media (max-width: 1220px) {
    .icon-points__items {
        width:       100%;
        margin-left: 0; }
}

@media (max-width: 768px) {
    .icon-points__items {
        display: block; }

    .icon-points__item {
        display: block; }
}

.icon-points.js-check-visible {
    -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform:  translate3d(0, 100px, 0);
    -moz-transform:     translate3d(0, 100px, 0);
    -ms-transform:      translate3d(0, 100px, 0);
    -o-transform:       translate3d(0, 100px, 0);
    transform:          translate3d(0, 100px, 0);
    opacity:            0; }

.icon-points.js-check-visible.js-is-visible {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    -o-transform:      translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0);
    opacity:           1; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* IMAGE-AND-COPY MODULE
*****/
.image-and-copy__wrapper::after {
    clear:   both;
    content: "";
    display: table; }

.image-and-copy__image {
    float:       right;
    width:       calc(50% - 20px);
    margin-left: 20px;
    border:      10px solid #FFFFFF;
    box-shadow:  0px 6px 6px rgba(0, 0, 0, 0.2); }

.image-and-copy__copy {
    float:        left;
    width:        calc(50% - 20px);
    margin-right: 20px; }

.image-and-copy__heading {
    margin-top:    0;
    font-size:     30px;
    font-weight:   400;
    line-height:   140%;
    margin-bottom: 15px; }

.image-and-copy .carousel {
    float:       right;
    width:       calc(50% - 20px);
    margin-left: 20px; }

@media (max-width: 768px) {
    .image-and-copy__image {
        width:  100%;
        float:  none;
        margin: 0; }

    .image-and-copy .carousel {
        width:  100%;
        float:  none;
        margin: 0; }

    .image-and-copy__copy {
        width:   100%;
        margin:  20px 0 0 0;
        padding: 20px;
        float:   none; }
}

@media (max-width: 480px) {
    .image-and-copy__copy {
        padding: 0px; }
}

.image-and-copy.js-check-visible .image-and-copy__image {
    -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  translate3d(50px, 0, 0);
    -moz-transform:     translate3d(50px, 0, 0);
    -ms-transform:      translate3d(50px, 0, 0);
    -o-transform:       translate3d(50px, 0, 0);
    transform:          translate3d(50px, 0, 0); }

.image-and-copy.js-check-visible.js-is-visible .image-and-copy__image {
    opacity:           1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    -o-transform:      translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0); }

.image-and-copy.js-check-visible .image-and-copy__copy {
    -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  translate3d(-50px, 0, 0);
    -moz-transform:     translate3d(-50px, 0, 0);
    -ms-transform:      translate3d(-50px, 0, 0);
    -o-transform:       translate3d(-50px, 0, 0);
    transform:          translate3d(-50px, 0, 0); }

.image-and-copy.js-check-visible.js-is-visible .image-and-copy__copy {
    opacity:           1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    -o-transform:      translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0); }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* IMAGE-HEADER MODULE
*****/
.image-header {
    position:        relative;
    height:          300px;
    background:      #D9D9D9 no-repeat center;
    background-size: cover;
    margin-bottom:   60px;
    overflow:        hidden; }

.image-header__bar {
    position:         absolute;
    bottom:           0;
    left:             0;
    display:          block;
    width:            100%;
    padding-top:      40px;
    padding-bottom:   30px;
    background-color: rgba(255, 255, 255, 0.86); }

.image-header__text {
    margin:      0;
    font-size:   30px;
    font-weight: 600; }

@media (max-width: 480px) {
    .image-header {
        height: 200px; }

    .image-header__bar {
        padding-top:    25px;
        padding-bottom: 20px; }

    .image-header__text {
        font-size: 24px; }
}

.image-header.js-check-visible .image-header__bar {
    -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  translate3d(0, 100%, 0);
    -moz-transform:     translate3d(0, 100%, 0);
    -ms-transform:      translate3d(0, 100%, 0);
    -o-transform:       translate3d(0, 100%, 0);
    transform:          translate3d(0, 100%, 0); }

.image-header.js-check-visible.js-is-visible .image-header__bar {
    opacity:           1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    -o-transform:      translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0); }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* NEWS-LISTING MODULE
*****/
.info-listing {
    width:      50%;
    float:      left;
    margin-top: 60px; }

.info-listing__wrapper {
    padding-right: 60px;
    padding-left:  60px;
    position:      relative; }

/*.info-listing__wrapper:before {*/
/*    content:          '';*/
/*    display:          block;*/
/*    position:         absolute;*/
/*    left:             -15px;*/
/*    border-radius:    100%;*/
/*    top:              0;*/
/*    height:           54px;*/
/*    width:            54px;*/
/*    background-color: #FFC425; }*/

.info-listing__wrapper:after {
    content:             '';
    display:             block;
    position:            absolute;
    left:                -4px;
    top:                 11px;
    height:              32px;
    width:               32px;
    background-image:    url("../images/sprite.png");
    background-size:     127px 119px;
    background-position: 0px -68px; }

.info-listing__header {
    font-size:   24px;
    font-weight: 400; }

.info-listing__items {
    margin:          0;
    padding:         0;
    list-style-type: none; }

.info-listing__item {
    padding: 20px 0 0 0; }

.info-listing__item p {
    margin: 0; }

@media (max-width: 768px) {
    .info-listing {
        float: none;
        width: 100%; }

    .info-listing__wrapper {
        padding-left: 0px; }

    .info-listing__wrapper:before {
        left: 0;
        top:  -14px; }

    .info-listing__wrapper:after {
        left: 11px;
        top:  -3px; }

    .info-listing__header {
        padding-left: 70px; }

    .info-listing__items {
        padding-top: 10px; }
}

@media (max-width: 480px) {
    .info-listing__wrapper {
        margin-top: 120px; }

    .info-listing__wrapper:before {
        top: -65px; }

    .info-listing__wrapper:after {
        left: 11px;
        top:  -54px; }

    .info-listing__header {
        padding-left: 0px; }
}

.info-listing.js-check-visible {
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  translate3d(50px, 0, 0);
    -moz-transform:     translate3d(50px, 0, 0);
    -ms-transform:      translate3d(50px, 0, 0);
    -o-transform:       translate3d(50px, 0, 0);
    transform:          translate3d(50px, 0, 0); }

.info-listing.js-is-visible {
    opacity:           1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    -o-transform:      translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0); }

.info-listing.js-check-visible .info-listing__item {
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  translate3d(50px, 0, 0);
    -moz-transform:     translate3d(50px, 0, 0);
    -ms-transform:      translate3d(50px, 0, 0);
    -o-transform:       translate3d(50px, 0, 0);
    transform:          translate3d(50px, 0, 0); }

.info-listing.js-check-visible .info-listing__item:nth-child(1) {
    -webkit-transition-delay: 75ms;
    -moz-transition-delay:    75ms;
    transition-delay:         75ms; }

.info-listing.js-check-visible .info-listing__item:nth-child(2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay:    150ms;
    transition-delay:         150ms; }

.info-listing.js-check-visible .info-listing__item:nth-child(3) {
    -webkit-transition-delay: 225ms;
    -moz-transition-delay:    225ms;
    transition-delay:         225ms; }

.info-listing.js-check-visible .info-listing__item:nth-child(4) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay:    300ms;
    transition-delay:         300ms; }

.info-listing.js-check-visible .info-listing__item:nth-child(5) {
    -webkit-transition-delay: 375ms;
    -moz-transition-delay:    375ms;
    transition-delay:         375ms; }

.info-listing.js-check-visible .info-listing__item:nth-child(6) {
    -webkit-transition-delay: 450ms;
    -moz-transition-delay:    450ms;
    transition-delay:         450ms; }

.info-listing.js-check-visible .info-listing__item:nth-child(7) {
    -webkit-transition-delay: 525ms;
    -moz-transition-delay:    525ms;
    transition-delay:         525ms; }

.info-listing.js-check-visible .info-listing__item:nth-child(8) {
    -webkit-transition-delay: 600ms;
    -moz-transition-delay:    600ms;
    transition-delay:         600ms; }

.info-listing.js-check-visible .info-listing__item:nth-child(9) {
    -webkit-transition-delay: 675ms;
    -moz-transition-delay:    675ms;
    transition-delay:         675ms; }

.info-listing.js-is-visible .info-listing__item {
    opacity:           1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    -o-transform:      translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0); }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
[lightbox-player] {
    cursor: pointer; }

.lightbox-player {
    position:         fixed;
    width:            100vw;
    height:           100vh;
    z-index:          200;
    background-color: rgba(0, 0, 0, 0.8);
    top:              0;
    left:             0; }

.lightbox-player__wrapper {
    position:   absolute;
    width:      100%;
    height:     100%;
    padding:    20px;
    text-align: center; }

.lightbox-player__wrapper:before {
    content:        '';
    display:        inline-block;
    height:         100%;
    vertical-align: middle;
    margin-right:   -0.25em; }

.lightbox-player__wrapper .lightbox-player__box {
    display:        inline-block;
    vertical-align: middle; }

.lightbox-player__box {
    position:         relative;
    display:          inline-block;
    width:            100%;
    max-width:        800px;
    background-color: #FFFFFF;
    padding:          20px; }

.lightbox-player__display {
    position:         relative;
    width:            100%;
    padding-bottom:   60%;
    background-color: #333333; }

.lightbox-player__display > iframe {
    position: absolute;
    width:    100%;
    height:   100%;
    top:      0;
    left:     0; }

.lightbox-player__close {
    position:      absolute;
    display:       inline-block;
    bottom:        -40px;
    width:         20%;
    left:          40%;
    text-align:    center;
    right:         0;
    color:         #FFFFFF;
    border:        1px solid #FFFFFF;
    border-radius: 4px;
    padding:       5px 10px;
    cursor:        pointer; }

.lightbox-player__close:before {
    content: 'CLOSE'; }

.lightbox-player__close:hover {
    color:            #000000;
    background-color: #FFFFFF; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* NEWS-LISTING MODULE
*****/
.news-listing {
    width:      45%;
    float:      left;
    margin-top: 60px;
    position:   relative; }

.news-listing__wrapper {
    padding-left: 60px;
    position:     relative; }

/*.news-listing__wrapper:before {*/
/*    content:          '';*/
/*    display:          block;*/
/*    position:         absolute;*/
/*    left:             -15px;*/
/*    border-radius:    100%;*/
/*    top:              0;*/
/*    height:           54px;*/
/*    width:            54px;*/
/*    background-color: #FFC425; }*/

.news-listing__wrapper:after {
    content:             '';
    display:             block;
    position:            absolute;
    left:                -3px;
    top:                 11px;
    width:               30px;
    height:              32px;
    background-image:    url("../images/sprite.png");
    background-size:     127px 119px;
    background-position: -34px -68px; }

.news-listing__header {
    font-size:   24px;
    font-weight: 400; }

.news-listing__items {
    margin:          0;
    padding:         0;
    list-style-type: none; }

.news-listing__item {
    padding:    20px 0;
    border-top: 2px dotted #8A8B8D; }

@media (max-width: 768px) {
    .news-listing {
        float: none;
        width: 100%; }

    .news-listing__wrapper {
        padding-left: 0px; }

    .news-listing__wrapper:before {
        left: 0;
        top:  -14px; }

    .news-listing__wrapper:after {
        left: 12px;
        top:  -2px; }

    .news-listing__header {
        padding-left: 70px; }

    .news-listing__items {
        padding-top: 10px; }
}

@media (max-width: 480px) {
    .news-listing__wrapper {
        margin-top: 120px; }

    .news-listing__wrapper:before {
        top: -65px; }

    .news-listing__wrapper:after {
        left: 12px;
        top:  -55px; }

    .news-listing__header {
        padding-left: 0px; }
}

.news-listing.js-check-visible {
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  translate3d(50px, 0, 0);
    -moz-transform:     translate3d(50px, 0, 0);
    -ms-transform:      translate3d(50px, 0, 0);
    -o-transform:       translate3d(50px, 0, 0);
    transform:          translate3d(50px, 0, 0); }

.news-listing.js-is-visible {
    opacity:           1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    -o-transform:      translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0); }

.news-listing.js-check-visible .news-listing__item {
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  translate3d(50px, 0, 0);
    -moz-transform:     translate3d(50px, 0, 0);
    -ms-transform:      translate3d(50px, 0, 0);
    -o-transform:       translate3d(50px, 0, 0);
    transform:          translate3d(50px, 0, 0); }

.news-listing.js-check-visible .news-listing__item:nth-child(1) {
    -webkit-transition-delay: 75ms;
    -moz-transition-delay:    75ms;
    transition-delay:         75ms; }

.news-listing.js-check-visible .news-listing__item:nth-child(2) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay:    150ms;
    transition-delay:         150ms; }

.news-listing.js-check-visible .news-listing__item:nth-child(3) {
    -webkit-transition-delay: 225ms;
    -moz-transition-delay:    225ms;
    transition-delay:         225ms; }

.news-listing.js-check-visible .news-listing__item:nth-child(4) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay:    300ms;
    transition-delay:         300ms; }

.news-listing.js-check-visible .news-listing__item:nth-child(5) {
    -webkit-transition-delay: 375ms;
    -moz-transition-delay:    375ms;
    transition-delay:         375ms; }

.news-listing.js-check-visible .news-listing__item:nth-child(6) {
    -webkit-transition-delay: 450ms;
    -moz-transition-delay:    450ms;
    transition-delay:         450ms; }

.news-listing.js-check-visible .news-listing__item:nth-child(7) {
    -webkit-transition-delay: 525ms;
    -moz-transition-delay:    525ms;
    transition-delay:         525ms; }

.news-listing.js-check-visible .news-listing__item:nth-child(8) {
    -webkit-transition-delay: 600ms;
    -moz-transition-delay:    600ms;
    transition-delay:         600ms; }

.news-listing.js-check-visible .news-listing__item:nth-child(9) {
    -webkit-transition-delay: 675ms;
    -moz-transition-delay:    675ms;
    transition-delay:         675ms; }

.news-listing.js-is-visible .news-listing__item {
    opacity:           1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    -o-transform:      translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0); }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* ORG FINDER MODULE
*****/
.org-finder {
    background-color: #ACADAE;
    background-image: -webkit-linear-gradient(top, #ACADAE, #9A9B9C);
    background-image: linear-gradient(to bottom, #ACADAE, #9A9B9C);
    padding-bottom:   175px;
    margin-bottom:    -140px; }

.org-finder.org-finder--no-background {
    background: transparent; }

.org-finder__title {
    background-color: #EBB62C;
    text-transform:   uppercase;
    color:            #FFFFFF;
    font-size:        22px;
    font-weight:      600;
    text-align:       center;
    padding:          15px 0;
    margin:           0;
    margin-top:       -50px; }

.org-finder__title:before {
    content:         '';
    display:         inline-block;
    vertical-align:  middle;
    height:          24px;
    width:           24px;
    background:      url(../images/icon_search.svg) no-repeat center;
    background-size: 100% auto;
    margin-right:    10px;
    position:        relative;
    top:             -2px; }

.org-finder__body {
    display:          table;
    width:            100%;
    table-layout:     fixed;
    background-color: #EFC559; }

.org-finder__section {
    display:        table-cell;
    position:       relative;
    text-align:     center;
    vertical-align: top;
    border-right:   1px solid #F5DC9B;
    padding:        30px 40px 60px 40px; }

.org-finder__section:last-child {
    border-right: 0; }

.org-finder__section-title {
    color:         #FFFFFF;
    display:       inline-block;
    font-size:     18px;
    font-weight:   600;
    margin-bottom: 15px;
    line-height:   140%; }

.org-finder__form input {
    background-color: #FFFFFF;
    border:           0;
    border-radius:    4px;
    height:           32px;
    padding:          10px;
    font-size:        12px;
    width:            100%; }

.org-finder__form select {
    font-size: 12px;
    color:     #6D6E71; }

.org-finder__custom-select {
    position:       relative;
    width:          100%;
    height:         32px;
    display:        inline-block;
    vertical-align: middle;
    overflow-x:     hidden;
    margin:         0;
    padding:        0;
    background:     #FFFFFF;
    border-radius:  4px; }

.org-finder__custom-select select {
    width:              calc(100% + 20px);
    margin:             0;
    height:             100%;
    border:             0;
    background:         transparent;
    -moz-appearance:    none;
    -webkit-appearance: none;
    appearance:         none;
    padding-left:       10px; }

.org-finder__custom-select:after {
    content:        '';
    display:        block;
    position:       absolute;
    top:            13px;
    right:          10px;
    pointer-events: none;
    height:         0;
    width:          0;
    border-left:    6px solid transparent;
    border-right:   6px solid transparent;
    border-top:     6px solid #CAC0B7; }

.org-finder--form-multi::after {
    clear:   both;
    content: "";
    display: table; }

.org-finder--form-multi input {
    width:   45%;
    display: block;
    float:   left; }

.org-finder--form-multi span {
    width:       10%;
    display:     block;
    float:       left;
    color:       #FFFFFF;
    font-size:   12px;
    font-weight: 400;
    padding-top: 8px; }

.org-finder--form-multi .org-finder__custom-select {
    width:   45%;
    display: block;
    float:   left; }

.org-finder__submit-button {
    position:         absolute;
    bottom:           0;
    left:             50%;
    width:            78px;
    padding:          9px 10px;
    height:           auto;
    margin-left:      -39px;
    border-radius:    0;
    color:            #FFFFFF;
    background-color: #F89728;
    font-size:        18px;
    text-transform:   uppercase;
    font-weight:      400; }

.org-finder__submit-button input[type="submit"] {
    cursor:   pointer;
    position: absolute;
    width:    100%;
    height:   100%;
    top:      0;
    left:     0;
    opacity:  0; }

.org-finder__submit-button:after {
    content:             '';
    display:             inline-block;
    vertical-align:      middle;
    height:              14px;
    width:               14px;
    background-image:    url("../images/sprite.png");
    background-size:     127px 119px;
    background-position: -73px -102px;
    margin-left:         2px;
    position:            relative;
    top:                 -1px; }

.org-finder__submit-button:hover {
    background-color: #8DC63F; }

.org-finder__body {
    -webkit-transition:       all 800ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:          all 800ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:               all 800ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:                  0;
    -webkit-transform:        rotateX(-90deg) translate3d(0, 0, 0);
    -moz-transform:           rotateX(-90deg) translate3d(0, 0, 0);
    -ms-transform:            rotateX(-90deg) translate3d(0, 0, 0);
    -o-transform:             rotateX(-90deg) translate3d(0, 0, 0);
    transform:                rotateX(-90deg) translate3d(0, 0, 0);
    -webkit-transform-origin: center top;
    -moz-transform-origin:    center top;
    -ms-transform-origin:     center top;
    -o-transform-origin:      center top;
    transform-origin:         center top; }

.org-finder.js-is-visible .org-finder__body {
    opacity:           1;
    -webkit-transform: rotateX(0deg) translate3d(0, 0, 0);
    -moz-transform:    rotateX(0deg) translate3d(0, 0, 0);
    -ms-transform:     rotateX(0deg) translate3d(0, 0, 0);
    -o-transform:      rotateX(0deg) translate3d(0, 0, 0);
    transform:         rotateX(0deg) translate3d(0, 0, 0); }

@media (min-width: 769px) and (max-width: 1080px) {
    .org-finder--form-multi input {
        width:   100%;
        display: block;
        float:   none; }

    .org-finder--form-multi span {
        width:   100%;
        display: block;
        padding: 10px;
        float:   none; }

    .org-finder--form-multi .org-finder__custom-select {
        width:   100%;
        display: block;
        float:   none; }
}

@media (max-width: 768px) {
    .org-finder {
        background:     transparent;
        margin-bottom:  40px;
        padding-bottom: 0; }

    .org-finder__body {
        display:           block;
        opacity:           1;
        -webkit-transform: rotateX(0deg) translate3d(0, 0, 0);
        -moz-transform:    rotateX(0deg) translate3d(0, 0, 0);
        -ms-transform:     rotateX(0deg) translate3d(0, 0, 0);
        -o-transform:      rotateX(0deg) translate3d(0, 0, 0);
        transform:         rotateX(0deg) translate3d(0, 0, 0); }

    .org-finder__section {
        display:       block;
        border-right:  0;
        border-bottom: 1px solid #F5DC9B; }
}

@media (max-width: 480px) {
    .org-finder--form-multi input {
        width:   100%;
        display: block;
        float:   none; }

    .org-finder--form-multi span {
        width:   100%;
        display: block;
        padding: 10px;
        float:   none; }

    .org-finder--form-multi .org-finder__custom-select {
        width:   100%;
        display: block;
        float:   none; }
}

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* SAMPLE MODULE
*****/
.parallax-bubbles {
    position: relative;
    z-index:  100; }

.parallax-bubbles.parallax-bubbles--behind {
    z-index: -1; }

.parallax-bubbles__wrapper {
    height:   0;
    overflow: visible;
    position: relative; }

.parallax-bubbles__bubbles {
    margin:  0;
    padding: 0; }

.parallax-bubbles__bubble {
    position:        absolute;
    list-style-type: none;
    display:         block;
    border-radius:   100%; }

.parallax-bubbles__bubble:nth-child(1) {
    height:           155px;
    width:            155px;
    background-color: #8DC63F;
    left:             -170px;
    top:              200px; }

.parallax-bubbles__bubble:nth-child(2) {
    right:            -70px;
    top:              45px;
    height:           80px;
    width:            80px;
    background-color: #FFC425;
    opacity:          0.7; }

.parallax-bubbles__bubble:nth-child(3) {
    top:              100px;
    right:            -80px;
    height:           122px;
    width:            122px;
    background-color: #F89728;
    opacity:          0.7; }

.parallax-bubbles__bubble:nth-child(4) {
    height:           155px;
    width:            155px;
    background-color: #8DC63F;
    right:            -200px;
    top:              300px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* PARTNERS MODULE
*****/
.partners {
    margin-top: 60px; }

.partners__wrapper {
    background-color: #E9E9EA;
    padding:          20px 40px; }

.partners__copy, .partners__items {
    display:        inline-block;
    margin:         0;
    padding:        0;
    width:          50%;
    margin-left:    -0.15em;
    vertical-align: middle; }

.partners__copy {
    padding-right: 40px; }

.partners__items {
    padding-left: 40px;
    border-left:  1px solid #888888;
    text-align:   center; }

.partners__item {
    display:         inline-block;
    list-style-type: none;
    margin:          0;
    padding:         0;
    vertical-align:  middle;
    margin-right:    20px; }

.partners__item img {
    max-width: 100%; }

.partners__heading {
    margin:      0;
    font-size:   30px;
    font-weight: 400; }

@media (max-width: 1080px) {
    .partners__wrapper {
        padding: 40px; }
}

@media (max-width: 768px) {
    .partners__copy, .partners__items {
        display: block;
        width:   100%;
        margin:  0;
        border:  0;
        padding: 0; }

    .partners__item {
        margin-top:   20px;
        margin-right: 0; }
}

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* SAMPLE MODULE
*****/
.payment-header {
    padding: 50px 60px 40px 60px; }

.payment-header__wrapper {
    width:          100%;
    padding-bottom: 20px;
    border-bottom:  1px solid #D9D9D9;
    position:       relative; }

.payment-header__heading {
    margin:      0;
    font-size:   30px;
    font-weight: 400; }

.payment-header__breadcrumbs {
    position: absolute;
    right:    0;
    bottom:   20px;
    margin:   0;
    padding:  0; }

.payment-header__breadcrumb {
    display:         inline-block;
    list-style-type: none;
    color:           #888888;
    text-transform:  uppercase;
    font-size:       14px;
    font-weight:     600; }

.payment-header__breadcrumb:not(:last-child) {
    margin-right: 8px; }

.payment-header__breadcrumb:not(:last-child):after {
    content:         '/';
    margin-left:     8px;
    text-decoration: none;
    display:         inline-block;
    color:           #888888; }

.payment-header--finished-breadcrumb {
    color: #8DC63F;
}

@media (max-width: 768px) {
    .payment-header {
        padding: 40px 20px; }

    .payment-header__breadcrumbs {
        display:    inline-block;
        position:   relative;
        bottom:     auto;
        margin-top: 20px; }
}

@media (max-width: 480px) {
    .payment-header__breadcrumb {
        font-size: 11px; }
}

.payment-header__breadcrumbs.payment-header__breadcrumbs__new .payment-header__breadcrumb {
    font-size: 16px;
}

.payment-header__breadcrumbs.payment-header__breadcrumbs__new .payment-header--finished-breadcrumb {
    color: #888888;
}

.payment-header__breadcrumbs.payment-header__breadcrumbs__new .payment-header--finished-breadcrumb a {
    color:           #888888;
    text-decoration: underline;
    cursor:          pointer;
}

.payment-header__breadcrumbs.payment-header__breadcrumbs__new .payment-header--active-breadcrumb {
    color: #F89728;
}


/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* PHOTO-SET MODULE
*****/
.photo-set {
    display: block;
    width:   calc(100% + 10px);
    margin:  0 0 0 -5px;
    padding: 0; }

.photo-set::after {
    clear:   both;
    content: "";
    display: table; }

.photo-set__item {
    position: relative;
    display:  block;
    float:    left;
    padding:  5px;
    width:    25%; }

.photo-set__item:first-child .photo-set__photo {
    left:           0;
    top:            0;
    width:          100%;
    position:       relative;
    padding-bottom: 100%; }

.photo-set__photo {
    background-color:    #D9D9D9;
    width:               100%;
    padding-bottom:      100%;
    cursor:              pointer;
    background-position: center center;
    background-size:     cover; }

.photo-set__lightbox {
    position:         fixed;
    width:            100vw;
    height:           100vh;
    z-index:          200;
    background-color: rgba(0, 0, 0, 0.8);
    top:              0;
    left:             0; }

.photo-set__lightbox-wrapper {
    position:   absolute;
    width:      100%;
    height:     100%;
    padding:    20px;
    text-align: center; }

.photo-set__lightbox-wrapper:before {
    content:        '';
    display:        inline-block;
    height:         100%;
    vertical-align: middle;
    margin-right:   -0.25em; }

.photo-set__lightbox-wrapper .photo-set__lightbox-box {
    display:        inline-block;
    vertical-align: middle; }

.photo-set__lightbox-box {
    position:         relative;
    display:          inline-block;
    width:            100%;
    max-width:        800px;
    background-color: #FFFFFF;
    padding:          20px; }

.photo-set__lightbox-display {
    position:            relative;
    width:               100%;
    padding-bottom:      60%;
    background-color:    #333333;
    -webkit-transition:  all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:     all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:          all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    background-size:     cover;
    background-position: center center; }

.photo-set__lightbox-close {
    position:      absolute;
    display:       inline-block;
    bottom:        -40px;
    width:         20%;
    left:          40%;
    text-align:    center;
    right:         0;
    color:         #FFFFFF;
    border:        1px solid #FFFFFF;
    border-radius: 4px;
    padding:       5px 10px;
    cursor:        pointer; }

.photo-set__lightbox-close:before {
    content: 'CLOSE'; }

.photo-set__lightbox-close:hover {
    color:            #000000;
    background-color: #FFFFFF; }

.photo-set__lightbox-prev {
    position:         absolute;
    display:          inline-block;
    bottom:           -40px;
    width:            18%;
    left:             20%;
    text-align:       center;
    right:            0;
    color:            #FFFFFF;
    background-color: #F89728;
    border-radius:    4px;
    padding:          5px 10px;
    cursor:           pointer; }

.photo-set__lightbox-prev:after {
    content:        'PREV';
    display:        inline-block;
    vertical-align: middle; }

.photo-set__lightbox-prev:before {
    content:             '';
    display:             inline-block;
    vertical-align:      middle;
    height:              14px;
    width:               14px;
    background-image:    url("../images/sprite.png");
    background-size:     127px 119px;
    background-position: -73px -102px;
    -webkit-transform:   rotateZ(180deg);
    -moz-transform:      rotateZ(180deg);
    -ms-transform:       rotateZ(180deg);
    -o-transform:        rotateZ(180deg);
    transform:           rotateZ(180deg);
    margin-right:        10px; }

.photo-set__lightbox-prev:hover {
    background-color: #CD7007; }

.photo-set__lightbox-next {
    position:         absolute;
    display:          inline-block;
    bottom:           -40px;
    width:            20%;
    left:             62%;
    text-align:       center;
    right:            0;
    color:            #FFFFFF;
    background-color: #F89728;
    border-radius:    4px;
    padding:          5px 10px;
    cursor:           pointer; }

.photo-set__lightbox-next:before {
    content:        'NEXT';
    display:        inline-block;
    vertical-align: middle; }

.photo-set__lightbox-next:after {
    content:             '';
    display:             inline-block;
    vertical-align:      middle;
    height:              14px;
    width:               14px;
    background-image:    url("../images/sprite.png");
    background-size:     127px 119px;
    background-position: -73px -102px;
    margin-left:         10px; }

.photo-set__lightbox-next:hover {
    background-color: #CD7007; }

@media (max-width: 768px) {
    .photo-set__lightbox-prev:after {
        display: none; }

    .photo-set__lightbox-prev:before {
        position:     relative;
        top:          -2px;
        margin-right: 0; }

    .photo-set__lightbox-next:before {
        display: none; }

    .photo-set__lightbox-next:after {
        position:    relative;
        top:         -2px;
        margin-left: 0; }
}

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* SAMPLE MODULE
*****/
.profile-linkbar {
    position: relative; }

.profile-linkbar__wrapper {
    position:         relative;
    background-color: #888888;
    z-index:          0; }

.profile-linkbar__wrapper:after {
    content:          '';
    position:         absolute;
    display:          block;
    width:            100%;
    height:           6px;
    background-color: #CCCCCC;
    top:              100%;
    z-index:          0; }

.profile-linkbar__bar {
    position: relative; }

.profile-linkbar__items {
    width:   calc(100% - 220px);
    display: table;
    margin:  0;
    padding: 0; }

.profile-linkbar__item {
    display:        table-cell;
    vertical-align: middle;
    position:       relative;
    height:         60px;
    padding:        0 10px;
    text-align:     center; }

.profile-linkbar__item a {
    color:          #FFFFFF;
    display:        inline-block;
    max-width:      100%;
    overflow:       hidden;
    text-overflow:  ellipsis;
    white-space:    nowrap;
    word-wrap:      normal;
    vertical-align: middle; }

.profile-linkbar__item.profile-linkbar--selected a {
    text-transform: uppercase;
    font-weight:    700; }

.profile-linkbar__item.profile-linkbar--selected:before {
    content:          '';
    position:         absolute;
    display:          block;
    height:           12px;
    width:            12px;
    left:             50%;
    margin-left:      -6px;
    top:              100%;
    margin-top:       -6px;
    background-color: #8DC63F;
    border-radius:    100%; }

.profile-linkbar__item.profile-linkbar--selected:after, .profile-linkbar__item:hover:after {
    content:          '';
    position:         absolute;
    display:          block;
    width:            100%;
    height:           6px;
    background-color: #8DC63F;
    top:              100%;
    left:             0;
    z-index:          1; }

.profile-linkbar__donate-button {
    position:                absolute;
    right:                   0;
    bottom:                  -6px;
    z-index:                 1;
    display:                 inline-block;
    background-color:        #8DC63F;
    padding:                 15px 40px;
    color:                   #FFFFFF;
    font-weight:             600;
    text-transform:          uppercase;
    font-size:               14px;
    border-top-left-radius:  4px;
    border-top-right-radius: 4px; }

.profile-linkbar__donate-button:hover {
    background-color: #73AC26;
    color:            #FFFFFF; }

.profile-linkbar.js-sticky .profile-linkbar__wrapper {
    width:    100%;
    position: fixed;
    top:      0;
    left:     0;
    z-index:  100; }

@media (max-width: 1220px) {
    .profile-linkbar__donate-button {
        right: 40px; }
}

@media (max-width: 1080px) {
    .profile-linkbar {
        text-align: center; }

    .profile-linkbar__items {
        display:    block;
        width:      100%;
        text-align: center; }

    .profile-linkbar__item {
        display:       inline-block;
        height:        auto;
        text-align:    center;
        padding:       10px;
        margin-bottom: 10px; }

    .profile-linkbar__donate-button {
        position: relative;
        margin:   0 auto;
        right:    auto; }
}

@media (max-width: 768px) {
    .profile-linkbar.js-sticky .profile-linkbar__wrapper {
        width:    100%;
        position: relative;
        z-index:  0; }
}

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* PROFILE-OVERVIEW MODULE
*****/
.profile-overview__header {
    padding:       20px 0 0 0;
    position:      relative;
    padding:       0 60px;
    border-bottom: 1px solid #D9D9D9; }

.profile-overview__logo {
    width:           200px;
    height:          145px;
    background:      no-repeat center;
    background-size: contain; }

.gamificationTotal {
    color:       #31394D;
    font-size:   24px;
    line-height: 34px;
    font-weight: bold;
}

.gamificationNumbers {
    align-self:  center;
    margin-left: 10px;
}

.gamificationTotalUnder {
    color:       #748AA1;
    font-size:   13px;
    font-weight: normal;
    line-height: 12px;
}

.gamificationMatch {
    color:       #31394D;
    font-size:   14px;
    line-height: 14px;
    font-weight: bold;
    margin-top:  15px;
    display:     none;
}

.gamificationGoal {
    position:    absolute;
    transform:   translate(-50%, -50%);
    top:         50%;
    left:        50%;
    text-align:  center;
    font-size:   13px;
    line-height: 13px;
    color:       #748AA1;
}

.gamificationHolder {
    display:         flex;
    justify-content: center;
    margin-right:    12px;
    /*margin-bottom: 20px;*/
    /*margin-top: 10px;*/
    border:          solid 2px #F4F6F9;
    border-radius:   5px;
}

.gamificationHolder.noGoal {
    display: none;
}

.gamificationHolder.noGoal .progress-circle {
    display: none;
}

.gamificationHolder.noGoal .gamificationNumbers {
    width:       100%;
    text-align:  center;
    padding:     10px;
    margin-left: 0px;
}

.progress-circle {
    position:         relative;
    margin:           15px;
    width:            84px;
    min-width:        84px;
    max-width:        84px;
    height:           84px;
    background-color: #D9D9D9;
    border-radius:    50%;
}

.progress-circle .progress-circle__slice, .progress-circle .progress-circle__fill {
    width:                       84px;
    height:                      84px;
    position:                    absolute;
    -webkit-backface-visibility: hidden;
    transition:                  transform 3s;
    border-radius:               50%;
}

.progress-circle .progress-circle__slice {
    clip: rect(0px, 84px, 84px, 42px);
}

.progress-circle .progress-circle__slice .progress-circle__fill {
    clip:             rect(0px, 42px, 84px, 0px);
    background-color: #1291D4;
}

.progress-circle .progress-circle__overlay {
    width:            66px;
    height:           66px;
    position:         absolute;
    margin-left:      9px;
    margin-top:       9px;
    background-color: #FBFBFB;
    border-radius:    50%;
}

.profile-overview__header-actions {
    margin-bottom: 40px;
    position:      absolute;
    right:         60px;
    bottom:        0; }

.profile-overview__heart-button {
    border:         1px solid #CCCCCC;
    cursor:         pointer;
    border-radius:  4px;
    padding:        5.5px 9px;
    position:       relative;
    top:            -1px;
    display:        inline-block;
    margin-right:   10px;
    vertical-align: middle; }

.profile-overview__heart-button:before {
    content:             '';
    display:             inline-block;
    width:               25px;
    height:              24px;
    opacity:             0.3;
    background-image:    url("../images/sprite.png");
    background-size:     127px 119px;
    background-position: -102px 0px;
    position:            relative;
    top:                 1px; }

.profile-overview__heart-button:hover {
    border-color: #F89728; }

.profile-overview__heart-button.profile-overview--heart-selected:before {
    opacity:             1;
    background-image:    url("../images/sprite.png");
    background-size:     127px 119px;
    background-position: -66px -68px; }

.profile-overview__body {
    padding: 60px; }

.profile-overview__body::after {
    clear:   both;
    content: "";
    display: table; }

.profile-overview__copy {
    width:         50%;
    float:         left;
    padding-right: 20px; }

.profile-overview .carousel {
    width:        50%;
    float:        right;
    padding-left: 20px;
    margin-top:   85px; }

.profile-overview__heading {
    margin-top:  0;
    font-size:   24px;
    font-weight: 400; }

.profile-overview__more-link {
    color:          #F89728;
    font-weight:    600;
    vertical-align: middle; }

.profile-overview__more-link:hover {
    color: #8DC63F; }

a + .profile-overview__more-link {
    margin-left: 20px; }

.profile-overview__extra {
    margin-top:       30px;
    padding:          30px;
    background-color: #F0F0F1; }

.profile-overview__extra-heading {
    margin-top:    0;
    margin-bottom: 25px; }

@media (max-width: 1220px) {
    .profile-overview {
        padding-bottom: 50px; }

    .profile-overview__more-link {
        display: block; }

    a + .profile-overview__more-link {
        margin-top:  20px;
        margin-left: 0; }
}

@media (max-width: 768px) {
    .profile-overview__header {
        padding: 20px; }

    .profile-overview__header-actions {
        position:   relative;
        width:      100%;
        right:      auto;
        left:       auto;
        text-align: center; }

    .profile-overview__logo {
        width:           100%;
        height:          145px;
        background:      no-repeat center;
        background-size: contain;
        margin-bottom:   20px;
        margin-top:      20px; }

    .profile-overview__body {
        padding: 20px; }

    .profile-overview__copy {
        width:   100%;
        float:   none;
        padding: 0; }

    .profile-overview .carousel {
        padding-left: 0;
        padding-top:  20px;
        width:        100%;
        float:        none; }
}

.profile-overview.js-check-visible .profile-overview__header {
    -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  translate3d(0, 50px, 0);
    -moz-transform:     translate3d(0, 50px, 0);
    -ms-transform:      translate3d(0, 50px, 0);
    -o-transform:       translate3d(0, 50px, 0);
    transform:          translate3d(0, 50px, 0); }

.profile-overview.js-check-visible .profile-overview__body {
    -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  translate3d(0, -50px, 0);
    -moz-transform:     translate3d(0, -50px, 0);
    -ms-transform:      translate3d(0, -50px, 0);
    -o-transform:       translate3d(0, -50px, 0);
    transform:          translate3d(0, -50px, 0); }

.profile-overview.js-check-visible.js-is-visible .profile-overview__header {
    opacity:           1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    -o-transform:      translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0); }

.profile-overview.js-check-visible.js-is-visible .profile-overview__body {
    opacity:           1;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform:    translate3d(0, 50px, 0);
    -ms-transform:     translate3d(0, 50px, 0);
    -o-transform:      translate3d(0, 50px, 0);
    transform:         translate3d(0, 50px, 0); }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* SEARCH MODULE
*****/
.search__header {
    background-color: #ACADAE;
    text-align:       center;
    padding:          40px 40px; }

.search__heading {
    color:         #FFFFFF;
    font-size:     30px;
    margin-top:    0;
    margin-bottom: 10px; }

.search__count {
    color:     #666666;
    font-size: 15px; }

.search__controls {
    background-color: #BEBEBF; }

.search__bar {
    width:   100%;
    padding: 30px 0; }

.search__form {
    font-size: 12px; }

.search__keyword {
    float:        left;
    width:        calc(30% - 15px);
    margin-right: 15px;
    position:     relative; }

.search__keyword input {
    width:         100%;
    height:        32px;
    padding:       5px;
    padding-left:  40px;
    border:        0;
    border-radius: 4px; }

.search__keyword:before {
    content:             '';
    display:             block;
    position:            absolute;
    left:                10px;
    top:                 8px;
    height:              17px;
    width:               17px;
    background-image:    url("../images/sprite.png");
    background-size:     127px 119px;
    background-position: 0px -102px; }

.search__custom-select {
    margin:         0;
    padding:        0;
    position:       relative;
    width:          calc(15% - 15px);
    margin-right:   15px;
    height:         32px;
    display:        block;
    float:          left;
    vertical-align: middle;
    overflow-x:     hidden;
    background:     #FFFFFF;
    border-radius:  4px; }

.search__custom-select select {
    width:              calc(100% + 20px);
    margin:             0;
    height:             100%;
    border:             0;
    background:         transparent;
    -moz-appearance:    none;
    -webkit-appearance: none;
    appearance:         none;
    padding-left:       10px; }

.search__custom-select:after {
    content:        '';
    display:        block;
    position:       absolute;
    top:            13px;
    right:          10px;
    pointer-events: none;
    height:         0;
    width:          0;
    border-left:    6px solid transparent;
    border-right:   6px solid transparent;
    border-top:     6px solid #CAC0B7; }

.search__go {
    display:          block;
    text-align:       center;
    position:         relative;
    float:            left;
    width:            10%;
    height:           33px;
    border-radius:    4px;
    border:           0;
    padding:          0;
    cursor:           pointer;
    background-color: #F89728;
    color:            #FFFFFF;
    font-weight:      600;
    font-size:        14px;
    padding-top:      8px; }

.search__go input[type="submit"] {
    cursor:   pointer;
    position: absolute;
    width:    100%;
    height:   100%;
    top:      0;
    left:     0;
    opacity:  0;
    color:    #FFFFFF; }

.search__go:after {
    content:         '';
    display:         inline-block;
    vertical-align:  middle;
    height:          14px;
    width:           14px;
    background:      url(../images/icon_right-arrow.svg) no-repeat center;
    background-size: 100% auto;
    margin-left:     2px;
    position:        relative;
    top:             -1px; }

.search__go:hover {
    background-color: #8DC63F; }

.search__items {
    margin-top:  50px;
    padding:     0;
    width:       calc(100% + 20px);
    margin-left: -10px; }

.search__item {
    list-style-type: none;
    float:           left;
    padding:         10px;
    width:           25%;
    position:        relative;
    height:          500px; }

.search__item-container {
    background-color: #FFFFFF;
    box-shadow:       0 5px 10px rgba(0, 0, 0, 0.2);
    height:           100%;
    padding:          0;
    border:           1px solid #D9D9D9; }

.search__item-image {
    width:           calc(100% - 40px);
    padding-bottom:  54%;
    background:      no-repeat center;
    background-size: 100% auto;
    margin:          20px; }

.search__item-heading {
    position:    relative;
    display:     block;
    font-size:   16px;
    font-weight: 600;
    margin-top:  10px;
    padding:     0 25px; }

.search__item-heading:before {
    content:          '';
    display:          block;
    position:         relative;
    width:            calc(100%);
    height:           1px;
    left:             0px;
    margin-bottom:    30px;
    background-color: #D9D9D9; }

.search__item-copy {
    margin-top:  10px;
    font-size:   14px;
    font-weight: 400;
    padding:     0 25px; }

.search__item-button {
    position:   absolute;
    bottom:     40px;
    left:       35px;
    width:      calc(100% - 70px);
    text-align: center; }

.search__big-button {
    display:    block;
    margin-top: 20px;
    text-align: center; }

.search--fundraiser .search__item-image {
    width:          100%;
    margin:         0;
    padding-bottom: 68%; }

.search--fundraiser .search__item-heading {
    margin-top: 30px; }

.search--fundraiser .search__item-heading:before {
    display: none; }

.search--fundraiser .search__item-copy {
    font-style: italic; }

.search--fundraiser .search__item-button {
    background-color: #F89728; }

.search--fundraiser .search__item-button:hover {
    background-color: #E67E07; }

.search__item-goal {
    display:    block;
    margin-top: 10px;
    padding:    0 20px; }

.search__item-goal::after {
    clear:   both;
    content: "";
    display: table; }

.search__goal-bar {
    clear:            both;
    width:            100%;
    height:           20px;
    background-color: #D9D9D9;
    position:         relative; }

.search__goal-bar-fill {
    background-color: #F89728;
    height:           100%; }

.search__goal-total {
    float:     right;
    font-size: 14px; }

.search__goal-percentage {
    font-size: 12px;
    color:     #999999;
    float:     left; }

.search__goal-remaining {
    font-size: 12px;
    color:     #999999;
    float:     right; }

.search__pagination {
    text-align: center;
    width:      100%;
    margin-top: 60px; }

.search__pagination a {
    color:   #000000;
    padding: 5px 10px; }

.search__pagination a:hover {
    color: #F89728; }

.search__page-items {
    margin:  0;
    padding: 0;
    display: inline-block; }

.search__page-item, .search__page-prev, .search__page-next {
    display:       inline-block;
    margin-bottom: 20px; }

.search--active-page a {
    background-color: #D9D9D9;
    font-weight:      700; }

@media (max-width: 1220px) {
    .search__bar {
        padding: 30px 20px; }
}

@media (max-width: 1080px) {
    .search__item {
        width:  33%;
        height: 520px; }
}

@media (max-width: 768px) {
    .search__item {
        width: 50%; }

    .search__keyword {
        width:  calc(100% - 13px);
        margin: 0 7px 15px 7px; }

    .search__custom-select {
        width:  calc(50% - 14px);
        margin: 0 7px 15px 7px; }

    .search__go {
        width:  calc(100% - 13px);
        margin: 0 7px 0px 7px; }
}

@media (max-width: 480px) {
    .search__item {
        width: 100%; }

    .search__item-image {
        padding-bottom: 40%;
        width:          calc(100% - 120px);
        margin-left:    60px; }

    .search--fundraiser .search__item-image {
        padding-bottom: 50%; }
}

.search__controls.js-check-visible .search__bar {
    -webkit-transform:        rotateX(90deg) translate3d(0, -50px, 0);
    -moz-transform:           rotateX(90deg) translate3d(0, -50px, 0);
    -ms-transform:            rotateX(90deg) translate3d(0, -50px, 0);
    -o-transform:             rotateX(90deg) translate3d(0, -50px, 0);
    transform:                rotateX(90deg) translate3d(0, -50px, 0);
    -webkit-transform-origin: bottom center;
    -moz-transform-origin:    bottom center;
    -ms-transform-origin:     bottom center;
    -o-transform-origin:      bottom center;
    transform-origin:         bottom center;
    opacity:                  0;
    -webkit-transition:       all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:          all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:               all 600ms cubic-bezier(0.23, 1, 0.32, 1); }

.search__controls.js-is-visible .search__bar {
    opacity:           1;
    -webkit-transform: rotateX(0deg) translate3d(0, 0, 0);
    -moz-transform:    rotateX(0deg) translate3d(0, 0, 0);
    -ms-transform:     rotateX(0deg) translate3d(0, 0, 0);
    -o-transform:      rotateX(0deg) translate3d(0, 0, 0);
    transform:         rotateX(0deg) translate3d(0, 0, 0); }

.search__item.js-check-visible {
    -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  translate3d(0, 25px, 0);
    -moz-transform:     translate3d(0, 25px, 0);
    -ms-transform:      translate3d(0, 25px, 0);
    -o-transform:       translate3d(0, 25px, 0);
    transform:          translate3d(0, 25px, 0); }

.search__item.js-check-visible .search__goal-bar-fill {
    -webkit-transition:       all 1200ms 400ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:          all 1200ms 400ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:               all 1200ms 400ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform:        scale3d(0, 1, 1);
    -moz-transform:           scale3d(0, 1, 1);
    -ms-transform:            scale3d(0, 1, 1);
    -o-transform:             scale3d(0, 1, 1);
    transform:                scale3d(0, 1, 1);
    -webkit-transform-origin: left center;
    -moz-transform-origin:    left center;
    -ms-transform-origin:     left center;
    -o-transform-origin:      left center;
    transform-origin:         left center; }

.search__item.js-check-visible.js-is-visible {
    opacity:           1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    -o-transform:      translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0); }

.search__item.js-check-visible.js-is-visible .search__goal-bar-fill {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform:    scale3d(1, 1, 1);
    -ms-transform:     scale3d(1, 1, 1);
    -o-transform:      scale3d(1, 1, 1);
    transform:         scale3d(1, 1, 1); }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* SEARCH-BAR MODULE
*****/
.search-bar {
    background-color: #6D6E71;
    overflow:         hidden; }

.search-bar__wrapper {
    padding: 40px 0px 0 0px; }

.search-bar__wrapper::after {
    clear:   both;
    content: "";
    display: table; }

.search-bar--underlap-next {
    margin-bottom: -40px; }

.search-bar--underlap-next .search-bar__wrapper {
    padding-bottom: 40px; }

.search-bar__bar {
    display:          block;
    position:         relative;
    width:            calc(80% - 81px);
    margin-left:      81px;
    padding:          15px 36px 10px 36px;
    float:            left;
    background-color: #858688;
    height:           59px; }

.search-bar__bar:before {
    content:    '';
    display:    block;
    position:   absolute;
    left:       -81px;
    top:        0;
    width:      80px;
    height:     100%;
    background: #858688; }

.search-bar__bar:after {
    content:             '';
    display:             block;
    position:            absolute;
    left:                -51px;
    top:                 21px;
    height:              24px;
    width:               24px;
    background-image:    url("../images/sprite.png");
    background-size:     127px 119px;
    background-position: -102px -26px; }

.search-bar__form {
    font-size:  12px;
    margin-top: 2px; }

.search-bar__form::after {
    clear:   both;
    content: "";
    display: table; }

.search-bar__form input[type="text"] {
    display:       block;
    float:         left;
    width:         calc(45% - 15px);
    margin-right:  15px;
    height:        32px;
    border-radius: 4px;
    border:        0;
    padding:       10px; }

.search-bar__go {
    display:          block;
    text-align:       center;
    position:         relative;
    float:            left;
    width:            11%;
    height:           33px;
    border-radius:    4px;
    border:           0;
    padding:          0;
    cursor:           pointer;
    background-color: #F89728;
    color:            #FFFFFF;
    font-weight:      600;
    font-size:        14px;
    padding-top:      8px; }

.search-bar__go input[type="submit"] {
    cursor:   pointer;
    position: absolute;
    width:    100%;
    height:   100%;
    top:      0;
    left:     0;
    opacity:  0;
    color:    #FFFFFF; }

.search-bar__go:after {
    content:             '';
    display:             inline-block;
    vertical-align:      middle;
    height:              14px;
    width:               14px;
    background-image:    url("../images/sprite.png");
    background-size:     127px 119px;
    background-position: -73px -102px;
    margin-left:         2px;
    position:            relative;
    top:                 -1px; }

.search-bar__go:hover {
    background-color: #8DC63F; }

.search-bar__custom-select {
    margin:         0;
    padding:        0;
    position:       relative;
    width:          calc(22% - 15px);
    margin-right:   15px;
    height:         32px;
    display:        block;
    float:          left;
    vertical-align: middle;
    overflow-x:     hidden;
    background:     #FFFFFF;
    border-radius:  4px; }

.search-bar__custom-select select {
    width:              calc(100% + 20px);
    margin:             0;
    height:             100%;
    border:             0;
    background:         transparent;
    -moz-appearance:    none;
    -webkit-appearance: none;
    appearance:         none;
    padding-left:       10px; }

.search-bar__custom-select:after {
    content:        '';
    display:        block;
    position:       absolute;
    top:            13px;
    right:          10px;
    pointer-events: none;
    height:         0;
    width:          0;
    border-left:    6px solid transparent;
    border-right:   6px solid transparent;
    border-top:     6px solid #CAC0B7; }

.search-bar__share {
    display:          block;
    position:         relative;
    width:            calc(20% - 10px);
    margin-left:      10px;
    float:            left;
    background-color: #858688;
    text-align:       center;
    height:           59px; }

.search-bar__share:before {
    content:        '';
    display:        inline-block;
    height:         100%;
    vertical-align: middle;
    margin-right:   -0.25em; }

.search-bar__share .search-bar__social-links {
    display:        inline-block;
    vertical-align: middle; }

.search-bar__share-title {
    display:    block;
    width:      100%;
    position:   absolute;
    left:       0;
    bottom:     100%;
    padding:    6px;
    text-align: center;
    font-size:  14px;
    color:      #FFFFFF; }

.search-bar__social-links {
    display: inline-block;
    margin:  0;
    padding: 0; }

.search-bar__social-link {
    display: inline-block;
    height:  28px;
    width:   28px;
    margin:  0 5px; }

.search-bar__social-link img {
    width:  100%;
    height: auto;
    margin: 0; }

.search-bar__social-link:last-child {
    margin-right: 0; }

.search-bar--no-share .search-bar__share {
    display: none; }

.search-bar--no-share .search-bar__bar {
    width: calc(100% - 81px); }

.search-bar--logo .search-bar__wrapper {
    padding-left: 230px; }

.search-bar--logo .search-bar__bar {
    width: calc(100% - 80px); }

.search-bar--logo .search-bar__share {
    display: none; }

.search-bar--logo .search-bar__logo {
    position:        absolute;
    left:            0;
    top:             0;
    width:           230px;
    height:          100%;
    background:      no-repeat left center;
    background-size: auto 70%; }

@media (max-width: 1220px) {
    .search-bar__wrapper {
        padding: 40px 20px 0 20px; }

    .search-bar .search-bar__logo {
        left:            20px;
        background-size: 70% auto; }
}

@media (max-width: 1080px) {
    .search-bar__bar {
        height:        auto;
        margin-bottom: 0px; }

    .search-bar__form input[type="text"] {
        width:         100%;
        margin-bottom: 15px; }

    .search-bar__social-link {
        height:       24px;
        width:        24px;
        margin-right: 4px; }

    .search-bar__custom-select {
        width: calc(40% - 10px); }

    .search-bar__custom-select:last-of-type {
        margin-right: 0; }

    .search-bar__go {
        width: calc(20% - 10px); }
}

@media (max-width: 768px) {
    .search-bar__bar {
        width:         100% !important;
        height:        auto;
        margin-bottom: 10px;
        margin-left:   0;
        margin-top:    43px; }

    .search-bar__bar:before {
        width:  100%;
        left:   0;
        height: 42px;
        top:    -43px; }


    .search-bar__bar.search-bar__bar-desktop {
        margin-top: 0px;
    }
    .search-bar__bar.search-bar__bar-desktop:before {
        display: none;
    }

    .search-bar__bar.search-bar__bar-desktop:after {
        display: none;
    }

    .search-bar__bar.search-bar__bar-desktop .search-bar__bar-desktop-arrow {
        display: none;
    }

    .search-bar__bar:after {
        content:             '';
        display:             block;
        position:            absolute;
        left:                calc(50% - 12px);
        top:                 -35px;
        height:              24px;
        width:               24px;
        background-image:    url("../images/sprite.png");
        background-size:     127px 119px;
        background-position: -102px -26px; }

    .search-bar__share {
        width:       100%;
        margin-left: 0;
        padding:     12px 36px; }

    .search-bar__share-title {
        display:  inline-block;
        width:    auto;
        position: relative;
        bottom:   auto; }

    .search-bar__form input[type="text"], .search-bar__go, .search-bar__custom-select {
        float:         none;
        width:         100%;
        margin-bottom: 10px;
        margin-left:   0; }

    .search-bar--logo .search-bar__wrapper {
        padding-left: 20px;
        width:        100%; }

    .search-bar--logo .search-bar__logo {
        left:                0;
        display:             block;
        height:              60px;
        width:               100%;
        background-size:     contain;
        background-position: center;
        position:            relative;
        margin-bottom:       20px; }

    .search-bar--logo .search-bar__bar {
        width: 100%; }
}

@media (max-width: 480px) {
    .search-bar__share {
        height: auto; }

    .search-bar__share-title {
        margin-top: -6px; }

    .search-bar__wrapper {
        padding: 40px 20px 0 20px; }

    .search-bar__bar {
        padding: 15px 20px; }
}

.search-bar.js-check-visible .search-bar__wrapper {
    -webkit-transform:        rotateX(90deg) translate3d(0, -50px, 0);
    -moz-transform:           rotateX(90deg) translate3d(0, -50px, 0);
    -ms-transform:            rotateX(90deg) translate3d(0, -50px, 0);
    -o-transform:             rotateX(90deg) translate3d(0, -50px, 0);
    transform:                rotateX(90deg) translate3d(0, -50px, 0);
    -webkit-transform-origin: bottom center;
    -moz-transform-origin:    bottom center;
    -ms-transform-origin:     bottom center;
    -o-transform-origin:      bottom center;
    transform-origin:         bottom center;
    opacity:                  0;
    -webkit-transition:       all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:          all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:               all 600ms cubic-bezier(0.23, 1, 0.32, 1); }

.search-bar.js-is-visible .search-bar__wrapper {
    opacity:           1;
    -webkit-transform: rotateX(0deg) translate3d(0, 0, 0);
    -moz-transform:    rotateX(0deg) translate3d(0, 0, 0);
    -ms-transform:     rotateX(0deg) translate3d(0, 0, 0);
    -o-transform:      rotateX(0deg) translate3d(0, 0, 0);
    transform:         rotateX(0deg) translate3d(0, 0, 0); }

.search-bar__social-link {
    -webkit-transition: all 350ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 350ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 350ms cubic-bezier(0.23, 1, 0.32, 1); }

.search-bar__social-link:hover {
    -webkit-transform: scale3d(1.15, 1.15, 1);
    -moz-transform:    scale3d(1.15, 1.15, 1);
    -ms-transform:     scale3d(1.15, 1.15, 1);
    -o-transform:      scale3d(1.15, 1.15, 1);
    transform:         scale3d(1.15, 1.15, 1); }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* SINGLE-FEATURE MODULE
*****/
.single-feature {
    width:      55%;
    float:      left;
    margin-top: 100px; }

.single-feature__wrapper {
    padding-right: 160px; }

.single-feature__item-title {
    font-size:   30px;
    font-weight: 400;
    margin-top:  5px;
    display:     block;
    width:       100%;
    padding:     0 10px 0 10px; }

.single-feature__item-image {
    margin-top:      20px;
    width:           100%;
    padding-bottom:  55%;
    border:          8px solid #FFFFFF;
    box-shadow:      0 7px 12px rgba(0, 0, 0, 0.16);
    background:      no-repeat center;
    background-size: cover; }

.single-feature__item-copy {
    padding:       10px;
    margin-bottom: 40px; }

.single-feature .simple-button {
    position:   relative;
    margin-top: 5px; }

.single-feature.js-check-visible {
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 450ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  scale3d(0.8, 0.8, 1);
    -moz-transform:     scale3d(0.8, 0.8, 1);
    -ms-transform:      scale3d(0.8, 0.8, 1);
    -o-transform:       scale3d(0.8, 0.8, 1);
    transform:          scale3d(0.8, 0.8, 1); }

.single-feature.js-is-visible {
    opacity:           1;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform:    scale3d(1, 1, 1);
    -ms-transform:     scale3d(1, 1, 1);
    -o-transform:      scale3d(1, 1, 1);
    transform:         scale3d(1, 1, 1); }

@media (max-width: 1080px) {
    .single-feature__wrapper {
        padding-right: 80px; }
}

@media (max-width: 768px) {
    .single-feature {
        width: 100%;
        float: none; }

    .single-feature__wrapper {
        padding-right: 0px; }
}

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* SAMPLE MODULE
*****/
.sponsor-grid__wrapper {
    margin-top: 60px;
    position:   relative; }

.sponsor-grid__wrapper:before {
    content:          '';
    position:         relative;
    display:          block;
    width:            40%;
    height:           1px;
    background-color: #888888;
    left:             30%; }

.sponsor-grid__heading {
    display:     block;
    text-align:  center;
    margin-top:  60px;
    font-size:   30px;
    font-weight: 400; }

.sponsor-grid__items {
    margin:     0;
    padding:    0;
    width:      100%;
    text-align: center; }

.sponsor-grid__item {
    display:         inline-block;
    position:        relative;
    width:           20%;
    padding-bottom:  12%;
    margin-left:     -0.25em;
    background:      no-repeat center;
    background-size: contain; }

.sponsor-grid__logo {
    position:        absolute;
    left:            40px;
    top:             20px;
    right:           40px;
    bottom:          20px;
    background:      no-repeat center;
    background-size: contain; }

@media (max-width: 1080px) {
    .sponsor-grid__item {
        width: 25%; }

    .sponsor-grid__logo {
        left:   30px;
        top:    10px;
        right:  30px;
        bottom: 10px; }
}

@media (max-width: 768px) {
    .sponsor-grid__item {
        width: 33.333%; }

    .sponsor-grid__logo {
        left:   30px;
        top:    10px;
        right:  30px;
        bottom: 10px; }
}

@media (max-width: 480px) {
    .sponsor-grid__item {
        width:          50%;
        padding-bottom: 20%; }

    .sponsor-grid__logo {
        left:   20px;
        top:    10px;
        right:  20px;
        bottom: 10px; }
}

.sponsor-grid.js-check-visible .sponsor-grid__item {
    -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0; }

.sponsor-grid.js-check-visible .sponsor-grid__item:nth-child(1) {
    -webkit-transition-delay: 20ms;
    -moz-transition-delay:    20ms;
    transition-delay:         20ms; }

.sponsor-grid.js-check-visible .sponsor-grid__item:nth-child(2) {
    -webkit-transition-delay: 40ms;
    -moz-transition-delay:    40ms;
    transition-delay:         40ms; }

.sponsor-grid.js-check-visible .sponsor-grid__item:nth-child(3) {
    -webkit-transition-delay: 60ms;
    -moz-transition-delay:    60ms;
    transition-delay:         60ms; }

.sponsor-grid.js-check-visible .sponsor-grid__item:nth-child(4) {
    -webkit-transition-delay: 80ms;
    -moz-transition-delay:    80ms;
    transition-delay:         80ms; }

.sponsor-grid.js-check-visible .sponsor-grid__item:nth-child(5) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay:    100ms;
    transition-delay:         100ms; }

.sponsor-grid.js-check-visible .sponsor-grid__item:nth-child(6) {
    -webkit-transition-delay: 120ms;
    -moz-transition-delay:    120ms;
    transition-delay:         120ms; }

.sponsor-grid.js-check-visible .sponsor-grid__item:nth-child(7) {
    -webkit-transition-delay: 140ms;
    -moz-transition-delay:    140ms;
    transition-delay:         140ms; }

.sponsor-grid.js-check-visible .sponsor-grid__item:nth-child(8) {
    -webkit-transition-delay: 160ms;
    -moz-transition-delay:    160ms;
    transition-delay:         160ms; }

.sponsor-grid.js-check-visible .sponsor-grid__item:nth-child(9) {
    -webkit-transition-delay: 180ms;
    -moz-transition-delay:    180ms;
    transition-delay:         180ms; }

.sponsor-grid.js-check-visible .sponsor-grid__item:nth-child(10) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay:    200ms;
    transition-delay:         200ms; }

.sponsor-grid.js-check-visible .sponsor-grid__item:nth-child(11) {
    -webkit-transition-delay: 220ms;
    -moz-transition-delay:    220ms;
    transition-delay:         220ms; }

.sponsor-grid.js-check-visible .sponsor-grid__item:nth-child(12) {
    -webkit-transition-delay: 240ms;
    -moz-transition-delay:    240ms;
    transition-delay:         240ms; }

.sponsor-grid.js-check-visible .sponsor-grid__item:nth-child(13) {
    -webkit-transition-delay: 260ms;
    -moz-transition-delay:    260ms;
    transition-delay:         260ms; }

.sponsor-grid.js-check-visible .sponsor-grid__item:nth-child(14) {
    -webkit-transition-delay: 280ms;
    -moz-transition-delay:    280ms;
    transition-delay:         280ms; }

.sponsor-grid.js-check-visible .sponsor-grid__item:nth-child(15) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay:    300ms;
    transition-delay:         300ms; }

.sponsor-grid.js-check-visible .sponsor-grid__item:nth-child(16) {
    -webkit-transition-delay: 320ms;
    -moz-transition-delay:    320ms;
    transition-delay:         320ms; }

.sponsor-grid.js-check-visible .sponsor-grid__item:nth-child(17) {
    -webkit-transition-delay: 340ms;
    -moz-transition-delay:    340ms;
    transition-delay:         340ms; }

.sponsor-grid.js-check-visible .sponsor-grid__item:nth-child(18) {
    -webkit-transition-delay: 360ms;
    -moz-transition-delay:    360ms;
    transition-delay:         360ms; }

.sponsor-grid.js-check-visible .sponsor-grid__item:nth-child(19) {
    -webkit-transition-delay: 380ms;
    -moz-transition-delay:    380ms;
    transition-delay:         380ms; }

.sponsor-grid.js-check-visible .sponsor-grid__item:nth-child(odd) {
    -webkit-transform: translate3d(25px, 25px, 0);
    -moz-transform:    translate3d(25px, 25px, 0);
    -ms-transform:     translate3d(25px, 25px, 0);
    -o-transform:      translate3d(25px, 25px, 0);
    transform:         translate3d(25px, 25px, 0); }

.sponsor-grid.js-check-visible .sponsor-grid__item:nth-child(even) {
    -webkit-transform: translate3d(-25px, -25px, 0);
    -moz-transform:    translate3d(-25px, -25px, 0);
    -ms-transform:     translate3d(-25px, -25px, 0);
    -o-transform:      translate3d(-25px, -25px, 0);
    transform:         translate3d(-25px, -25px, 0); }

.sponsor-grid.js-check-visible.js-is-visible .sponsor-grid__item {
    opacity: 1; }

.sponsor-grid.js-check-visible.js-is-visible .sponsor-grid__item:nth-child(odd) {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    -o-transform:      translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0); }

.sponsor-grid.js-check-visible.js-is-visible .sponsor-grid__item:nth-child(even) {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    -o-transform:      translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0); }

.sponsor-grid.js-check-visible .sponsor-grid__heading {
    -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition:    all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition:         all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity:            0;
    -webkit-transform:  translate3d(0, 50px, 0);
    -moz-transform:     translate3d(0, 50px, 0);
    -ms-transform:      translate3d(0, 50px, 0);
    -o-transform:       translate3d(0, 50px, 0);
    transform:          translate3d(0, 50px, 0); }

.sponsor-grid.js-check-visible.js-is-visible .sponsor-grid__heading {
    opacity:           1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    -ms-transform:     translate3d(0, 0, 0);
    -o-transform:      translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0); }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*****
* SAMPLE MODULE
*****/
.start-donation__wrapper {
    padding: 0 60px; }

.start-donation__header {
    padding:  20px 0 0 0;
    position: relative; }

.start-donation__logo {
    width:           200px;
    height:          145px;
    background:      no-repeat center;
    background-size: contain; }

.start-donation__heading {
    margin-bottom: 20px;
    position:      absolute;
    right:         0;
    bottom:        0; }

.start-donation__info {
    background-color: #E9E9EA;
    padding:          40px;
    margin-top:       20px; }

.start-donation__info::after {
    clear:   both;
    content: "";
    display: table; }

.start-donation__info-heading {
    margin-top:  0;
    font-size:   24px;
    font-weight: 400; }

.start-donation__info-column {
    width: 50%;
    float: left; }

.start-donation__info-column:nth-of-type(1) {
    padding-right: 20px; }

.start-donation__info-column:nth-of-type(2) {
    padding-left: 20px; }

.start-donation__form-container {
    width:     100%;
    max-width: 640px; }

@media (max-width: 768px) {
    .start-donation__wrapper {
        padding: 0 40px; }

    .start-donation__info-column {
        float:   none;
        width:   100%;
        padding: 0 !important; }

    .start-donation__heading {
        position: relative; }
}

@media (max-width: 480px) {
    .start-donation__wrapper {
        padding: 0 20px; }

    .start-donation__info-column {
        float:   none;
        width:   100%;
        padding: 0 !important; }
}