@keyframes float {
    0% {
        transform: translatey(0px);
    }
    50% {
        transform: translatey(-20px);
    }
    100% {
        transform: translatey(0px);
    }
}

@keyframes float-min {
    0% {
        transform: translatey(0px);
    }
    50% {
        transform: translatey(-5px);
    }
    100% {
        transform: translatey(0px);
    }
}
@keyframes float-panel {
    0% {
        transform: translatey(0px);
    }
    50% {
        transform: translatey(-3px);
    }
    100% {
        transform: translatey(0px);
    }
}

.xmas-wrapper .avatar {
    box-sizing: border-box;
    overflow: hidden;
    transform: translatey(0px);
    animation: float 15s ease-in-out infinite;
}
.xmas-wrapper .avatar img {
    width: 100%;
    height: auto;
}

.xmas-wrapper .icon-animation {
    box-sizing: border-box;
    overflow: hidden;
    transform: translatey(0px);
    animation: float-min 5s ease-in-out infinite;
}


/*.xmas-wrapper html {*/
    /*-ms-text-size-adjust: 100%;*/
    /*-webkit-text-size-adjust: 100%;*/
    /*scroll-behavior: smooth;*/
    /*font-size: 18px;*/
    /*line-height: 27px;*/
/*}*/

/*.xmas-wrapper article, .xmas-wrapper aside, .xmas-wrapper footer, .xmas-wrapper section {*/
    /*display: block;*/
/*}*/

.xmas-wrapper h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/*.xmas-wrapper figcaption, .xmas-wrapper figure, .xmas-wrapper main {*/
    /*display: block;*/
/*}*/

/*.xmas-wrapper a {*/
    /*color: inherit;*/
    /*text-decoration: underline;*/
    /*position: relative;*/
    /*padding: 0 2px;*/
    /*color: #A9D159;*/
/*}*/

.xmas-wrapper img {
    border-style: none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.xmas-wrapper svg:not(:root) {
    overflow: hidden;
}

.xmas-wrapper {
    box-sizing: border-box;
}

.xmas-wrapper *, .xmas-wrapper *:before, .xmas-wrapper *:after {
    box-sizing: inherit;
}

.xmas-wrapper {
    background: #fff;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}


@media (min-width: 641px) {
    .xmas-wrapper  {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -0.3px;
    }
}

.xmas-wrapper {
    font-family: 'Open Sans', sans-serif;
    color: #797979;
    font-size: 1.2rem;
    margin: 0;
    line-height: 27px;
}

.xmas-wrapper h1, .xmas-wrapper h2, .xmas-wrapper h3, .xmas-wrapper h4, .xmas-wrapper h5, .xmas-wrapper h6, .xmas-wrapper .h1, .xmas-wrapper .h2, .xmas-wrapper .h3, .xmas-wrapper .h4, .xmas-wrapper .h5, .xmas-wrapper .h6 {
    clear: both;
    color: #202B36;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.xmas-wrapper h1, .xmas-wrapper .h1 {
    font-size: 36px;
    line-height: 46px;
    letter-spacing: -0.2px;
}

@media (min-width: 641px) {
    .xmas-wrapper h1, .xmas-wrapper .h1 {
        font-size: 50px;
        line-height: 52px;
        letter-spacing: -0.1px;
    }
}

.xmas-wrapper h2, .xmas-wrapper .h2 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -0.1px;
}

@media (min-width: 641px) {
    .xmas-wrapper h2, .xmas-wrapper .h2 {
        font-size: 36px;
        line-height: 49px;
        letter-spacing: -0.2px;
    }
}

.xmas-wrapper h3, .xmas-wrapper .h3 {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.1px;
}

@media (min-width: 641px) {
    .xmas-wrapper h3, .xmas-wrapper .h3 {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: -0.1px;
    }
}

.xmas-wrapper h4, .xmas-wrapper h5, .xmas-wrapper h6, .xmas-wrapper .h4, .xmas-wrapper .h5, .xmas-wrapper .h6 {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.1px;
}

@media (min-width: 641px) {
    .xmas-wrapper h4, .xmas-wrapper h5, .xmas-wrapper h6, .xmas-wrapper .h4, .xmas-wrapper .h5, .xmas-wrapper .h6 {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -0.1px;
    }
}

@media (max-width: 640px) {
    .xmas-wrapper .big {
       font-size:90px !important;
    }
    .xmas-wrapper .middle {
        font-size:50px !important;
    }
    .xmas-wrapper .thin {
        font-size:35px !important
    }
    .xmas-wrapper .angel {
        top: 320px;
    }
    .xmas-wrapper .angel-right {
        right: 13%;
        animation-delay: 1s;
        display: none;
    }
    .xmas-wrapper .angel-left {
        left: 50% !important;
        animation-delay: 1.5s !important;
        margin-left: -113px !important;
        top: 300px !important;
    }
    .xmas-wrapper .h1-mobile {
        font-size: 36px;
        line-height: 46px;
        letter-spacing: -0.2px;
    }

    .xmas-wrapper .h2-mobile {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: -0.1px;
    }

    .xmas-wrapper .h3-mobile {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -0.1px;
    }

    .xmas-wrapper .h4-mobile, .xmas-wrapper .h5-mobile, .xmas-wrapper .h6-mobile {
        font-size: 18px;
        line-height: 27px;
        letter-spacing: -0.1px;
    }
}

.xmas-wrapper .text-light {
    color: #212121;
}

.xmas-wrapper .text-light a {
    color: rgba(255, 255, 255, 0.8);
}

.xmas-wrapper .text-light h1, .xmas-wrapper .text-light h2, .xmas-wrapper .text-light h3, .xmas-wrapper .text-light h4, .xmas-wrapper .text-light h5, .xmas-wrapper .text-light h6, .xmas-wrapper .text-light .h1, .xmas-wrapper .text-light .h2, .xmas-wrapper .text-light .h3, .xmas-wrapper .text-light .h4, .xmas-wrapper .text-light .h5, .xmas-wrapper .text-light .h6 {
    color: #212121 !important;
}

.xmas-wrapper .text-sm {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.1px;
}

.xmas-wrapper .text-xs {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.1px;
}

.xmas-wrapper h1, .xmas-wrapper h2, .xmas-wrapper .h1, .xmas-wrapper .h2 {
    margin-top: 48px;
    margin-bottom: 16px;
}

.xmas-wrapper h3, .xmas-wrapper .h3 {
    margin-top: 36px;
    margin-bottom: 12px;
}

.xmas-wrapper h4, .xmas-wrapper h5, .xmas-wrapper h6, .xmas-wrapper .h4, .xmas-wrapper .h5, .xmas-wrapper .h6 {
    margin-top: 24px;
    margin-bottom: 4px;
}

.xmas-wrapper p {
    margin-top: 0;
    margin-bottom: 24px;
}

.xmas-wrapper b, .xmas-wrapper strong {
    font-weight: 700;
}

.xmas-wrapper .container, .xmas-wrapper .container-sm {
    width: 100%;
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px;
}

@media (min-width: 481px) {
    .xmas-wrapper .container, .xmas-wrapper .container-sm {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.xmas-wrapper .container {
    max-width: 1128px;
}

.xmas-wrapper .container-sm {
    max-width: 848px;
}

.xmas-wrapper .container .container-sm {
    max-width: 800px;
    padding-left: 0;
    padding-right: 0;
}


.xmas-wrapper .text-left {
    text-align: left;
}

.xmas-wrapper .text-center {
    text-align: center;
}

.xmas-wrapper .text-right {
    text-align: right;
}

.xmas-wrapper .has-top-divider {
    position: relative;
}

.xmas-wrapper .has-top-divider::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 1px;
    background: #E3E7EB;
    background: linear-gradient(to right, rgba(227, 231, 235, 0.1) 0, rgba(227, 231, 235, 0.6) 50%, rgba(227, 231, 235, 0.1) 100%);
}

.xmas-wrapper .has-bottom-divider {
    position: relative;
}

.xmas-wrapper .has-bottom-divider::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 1px;
    background: #E3E7EB;
    background: linear-gradient(to right, rgba(227, 231, 235, 0.1) 0, rgba(227, 231, 235, 0.6) 50%, rgba(227, 231, 235, 0.1) 100%);
}

.xmas-wrapper .m-0 {
    margin: 0;
}

.xmas-wrapper .mt-0 {
    margin-top: 0;
}

.xmas-wrapper .mr-0 {
    margin-right: 0;
}

.xmas-wrapper .mb-0 {
    margin-bottom: 0;
}

.xmas-wrapper .ml-0 {
    margin-left: 0;
}

.xmas-wrapper .m-8 {
    margin: 8px;
}

.xmas-wrapper .mt-8 {
    margin-top: 8px;
}

.xmas-wrapper .mr-8 {
    margin-right: 8px;
}

.xmas-wrapper .mb-8 {
    margin-bottom: 8px;
}

.xmas-wrapper .ml-8 {
    margin-left: 8px;
}

.xmas-wrapper .m-16 {
    margin: 16px;
}

.xmas-wrapper .mt-16 {
    margin-top: 16px;
}

.xmas-wrapper .mr-16 {
    margin-right: 16px;
}

.xmas-wrapper .mb-16 {
    margin-bottom: 16px;
}

.xmas-wrapper .ml-16 {
    margin-left: 16px;
}

.xmas-wrapper .m-24 {
    margin: 24px;
}

.xmas-wrapper .mt-24 {
    margin-top: 24px;
}

.xmas-wrapper .mr-24 {
    margin-right: 24px;
}

.xmas-wrapper .mb-24 {
    margin-bottom: 24px;
}

.xmas-wrapper .ml-24 {
    margin-left: 24px;
}

.xmas-wrapper .m-32 {
    margin: 32px;
}

.xmas-wrapper .mt-32 {
    margin-top: 32px;
}

.xmas-wrapper .mr-32 {
    margin-right: 32px;
}

.xmas-wrapper .mb-32 {
    margin-bottom: 32px;
}

.xmas-wrapper .ml-32 {
    margin-left: 32px;
}

.xmas-wrapper .m-40 {
    margin: 40px;
}

.xmas-wrapper .mt-40 {
    margin-top: 40px;
}

.xmas-wrapper .mr-40 {
    margin-right: 40px;
}

.xmas-wrapper .mb-40 {
    margin-bottom: 40px;
}

.xmas-wrapper .ml-40 {
    margin-left: 40px;
}

.xmas-wrapper .m-48 {
    margin: 48px;
}

.xmas-wrapper .mt-48 {
    margin-top: 48px;
}

.xmas-wrapper .mr-48 {
    margin-right: 48px;
}

.xmas-wrapper .mb-48 {
    margin-bottom: 48px;
}

.xmas-wrapper .ml-48 {
    margin-left: 48px;
}

.xmas-wrapper .m-56 {
    margin: 56px;
}

.xmas-wrapper .mt-56 {
    margin-top: 56px;
}

.xmas-wrapper .mr-56 {
    margin-right: 56px;
}

.xmas-wrapper .mb-56 {
    margin-bottom: 56px;
}

.xmas-wrapper .ml-56 {
    margin-left: 56px;
}

.xmas-wrapper .m-64 {
    margin: 64px;
}

.xmas-wrapper .mt-64 {
    margin-top: 64px;
}

.xmas-wrapper .mr-64 {
    margin-right: 64px;
}

.xmas-wrapper .mb-64 {
    margin-bottom: 64px;
}

.xmas-wrapper .ml-64 {
    margin-left: 64px;
}

.xmas-wrapper .p-0 {
    padding: 0;
}

.xmas-wrapper .pt-0 {
    padding-top: 0;
}

.xmas-wrapper .pr-0 {
    padding-right: 0;
}

.xmas-wrapper .pb-0 {
    padding-bottom: 0;
}

.xmas-wrapper .pl-0 {
    padding-left: 0;
}

.xmas-wrapper .p-8 {
    padding: 8px;
}

.xmas-wrapper .pt-8 {
    padding-top: 8px;
}

.xmas-wrapper .pr-8 {
    padding-right: 8px;
}

.xmas-wrapper .pb-8 {
    padding-bottom: 8px;
}

.xmas-wrapper .pl-8 {
    padding-left: 8px;
}

.xmas-wrapper .p-16 {
    padding: 16px;
}

.xmas-wrapper .pt-16 {
    padding-top: 16px;
}

.xmas-wrapper .pr-16 {
    padding-right: 16px;
}

.xmas-wrapper .pb-16 {
    padding-bottom: 16px;
}

.xmas-wrapper .pl-16 {
    padding-left: 16px;
}

.xmas-wrapper .p-24 {
    padding: 24px;
}

.xmas-wrapper .pt-24 {
    padding-top: 24px;
}

.xmas-wrapper .pr-24 {
    padding-right: 24px;
}

.xmas-wrapper .pb-24 {
    padding-bottom: 24px;
}

.xmas-wrapper .pl-24 {
    padding-left: 24px;
}

.xmas-wrapper .p-32 {
    padding: 32px;
}

.xmas-wrapper .pt-32 {
    padding-top: 32px;
}

.xmas-wrapper .pr-32 {
    padding-right: 32px;
}

.xmas-wrapper .pb-32 {
    padding-bottom: 32px;
}

.xmas-wrapper .pl-32 {
    padding-left: 32px;
}

.xmas-wrapper .p-40 {
    padding: 40px;
}

.xmas-wrapper .pt-40 {
    padding-top: 40px;
}

.xmas-wrapper .pr-40 {
    padding-right: 40px;
}

.xmas-wrapper .pb-40 {
    padding-bottom: 40px;
}

.xmas-wrapper .pl-40 {
    padding-left: 40px;
}

.xmas-wrapper .p-48 {
    padding: 48px;
}

.xmas-wrapper .pt-48 {
    padding-top: 48px;
}

.xmas-wrapper .pr-48 {
    padding-right: 48px;
}

.xmas-wrapper .pb-48 {
    padding-bottom: 48px;
}

.xmas-wrapper .pl-48 {
    padding-left: 48px;
}

.xmas-wrapper .p-56 {
    padding: 56px;
}

.xmas-wrapper .pt-56 {
    padding-top: 56px;
}

.xmas-wrapper .pr-56 {
    padding-right: 56px;
}

.xmas-wrapper .pb-56 {
    padding-bottom: 56px;
}

.xmas-wrapper .pl-56 {
    padding-left: 56px;
}

.xmas-wrapper .p-64 {
    padding: 64px;
}

.xmas-wrapper .pt-64 {
    padding-top: 64px;
}

.xmas-wrapper .pr-64 {
    padding-right: 64px;
}

.xmas-wrapper .pb-64 {
    padding-bottom: 64px;
}

.xmas-wrapper .pl-64 {
    padding-left: 64px;
}

.xmas-wrapper .hero {
    position: relative;
    padding-top: 120px;
    overflow: hidden;
    background-color: #a9d159;
    background: url("../img/header-bg.png") no-repeat center center;
    background-position: center;
    height: 850px;
}

.xmas-wrapper .hero-paragraph {
    margin-bottom: 32px;
}

.xmas-wrapper .hero-media {
    position: relative;
    height: 200px;
    margin-top: 40px;
    background: #fff;
    border-radius: 4px 4px 0 0;
}

@media (min-width: 641px) {
    .xmas-wrapper .hero {
        padding-top: 220px;
    }

    .xmas-wrapper .angel-right {
        right: 13%;
        animation-delay: 1s;

    }
    .xmas-wrapper .angel-left {
        left: 13%;
        animation-delay: 1.5s;
    }

    .xmas-wrapper .hero-paragraph {
        font-size: 31px;
        margin-bottom: 40px;
        padding-left: 72px;
        padding-right: 72px;
    }

    .xmas-wrapper .hero-media {
        margin-top: 64px;
        height: 400px;
    }
}

.xmas-wrapper .section-inner {
    margin-top: 64px;
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (min-width: 641px) {
    .xmas-wrapper .section-inner {
        padding-top: 26px;
        padding-bottom: 26px;
    }
}

.xmas-wrapper .features .section-title {
    margin-bottom: 48px;
}

.xmas-wrapper .features-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-right: -12px;
    margin-left: -12px;
}

.xmas-wrapper .features-wrap:first-child {
    margin-top: -12px;
}

.xmas-wrapper .features-wrap:last-child {
    margin-bottom: -12px;
}

.xmas-wrapper .feature {
    padding: 12px;
    width: 320px;
    max-width: 320px;
    flex-grow: 1;
}

.xmas-wrapper .feature-inner {
    position: relative;
    height: 100%;
    background: #fff;
    padding: 40px 24px;
    max-height: 390px;
}

.xmas-wrapper .feature-inner::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 16px 48px #E3E7EB;
    mix-blend-mode: multiply;
}

@supports (-ms-ime-align: auto) {
    .xmas-wrapper .feature-inner::before {
        box-shadow: 0 16px 48px rgba(32, 43, 54, 0.12);
    }
}

.xmas-wrapper .feature-icon {
    display: flex;
    justify-content: center;
}

@media (min-width: 641px) {
    .xmas-wrapper .features .section-title {
        margin-bottom: 56px;
    }

    .xmas-wrapper .features .section-inner {
        padding-top: 56px;
        padding-bottom: 64px;
    }
}

.xmas-wrapper .feature-extended {
    padding-top: 48px;
}

.xmas-wrapper .feature-extended-image, .xmas-wrapper .feature-extended-body {
    width: 100%;
}

.xmas-wrapper .feature-extended-image {
    margin-bottom: 24px;
}

.xmas-wrapper .feature-extended-image img, .xmas-wrapper .feature-extended-image svg {
    width: 100%;
    max-width: 320px;
    height: auto;
    margin: 0 auto;
    overflow: visible;
}

.xmas-wrapper .feature-extended-body {
    text-align: center;
}

@media (min-width: 641px) {
    .xmas-wrapper .features-extended .section-paragraph {
        padding-left: 72px;
        padding-right: 72px;
        margin-bottom: 0;
        hyphenate-limit-chars: auto 5;
        hyphenate-limit-lines: 2;
    }

    .xmas-wrapper .feature-extended {
        display: flex;
        align-items: center;
        padding-top: 72px;
    }

    .xmas-wrapper .feature-extended:nth-child(even) .feature-extended-image {
        order: 1;
    }

    .xmas-wrapper .feature-extended-image, .xmas-wrapper .feature-extended-body {
        width: auto;
        padding: 0 24px;
    }

    .xmas-wrapper .feature-extended-image {
        margin-bottom: 0;
    }

    .xmas-wrapper .feature-extended-image img, .xmas-wrapper .feature-extended-image svg {
        max-width: none;
        width: 320px;
    }

    .xmas-wrapper .feature-extended-body {
        text-align: left;
    }
}

@media (min-width: 1025px) {
    .xmas-wrapper .feature-extended {
        padding-left: 40px;
        padding-right: 40px;
    }

    .xmas-wrapper .feature-extended-image, .xmas-wrapper .feature-extended-body {
        padding: 0 40px;
    }

    .xmas-wrapper .feature-extended-image img, .xmas-wrapper .feature-extended-image svg {
        width: 480px;
    }
}


@media (min-width: 641px) {
    .xmas-wrapper .section-title {
        margin-bottom: 64px;
    }
}

.xmas-wrapper .is-boxed {
    background: #F6F8FA;
}

.xmas-wrapper .body-wrap {
    background: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.xmas-wrapper .boxed-container {
    max-width: 1170px;

    margin: 0 auto;
    box-shadow: 0 16px 48px #E3E7EB;
}

@supports (-ms-ime-align: auto) {
    .xmas-wrapper .boxed-container {
        box-shadow: 0 16px 48px rgba(32, 43, 54, 0.12);
    }
}

.xmas-wrapper main {
    flex: 1 0 auto;
}

.xmas-wrapper .section-inner {
    position: relative;
    padding-top: 48px;
    padding-bottom: 48px;
    text-align: center;
}

.xmas-wrapper .section-img {
    margin-bottom:24px;
}

@media (min-width: 641px) {
    .xmas-wrapper .section-inner {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

/* customizable snowflake styling */
.xmas-wrapper .snowflake {
    color: #fff;
    font-size: 2em;
    font-family: Arial;
}

@-webkit-keyframes snowflakes-fall {
    0% {
        top: -10%;
    }
    100% {
        top: 100%;
    }
}

@-webkit-keyframes snowflakes-shake {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    50% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes snowflakes-fall {
    0% {
        top: -10%;
    }
    100% {
        top: 100%;
    }
}

@keyframes snowflakes-shake {
    0% {
        transform: translateX(0px);
    }
    50% {
        transform: translateX(80px);
    }
    100% {
        transform: translateX(0px);
    }
}

.xmas-wrapper .snowflake {
    position: absolute;
    top: -10%;
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    -webkit-animation-name: snowflakes-fall, snowflakes-shake;
    -webkit-animation-duration: 10s, 3s;
    -webkit-animation-timing-function: linear, ease-in-out;
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-play-state: running, running;
    animation-name: snowflakes-fall, snowflakes-shake;
    animation-duration: 10s, 3s;
    animation-timing-function: linear, ease-in-out;
    animation-iteration-count: infinite, infinite;
    animation-play-state: running, running;
}

.xmas-wrapper .snowflake:nth-of-type(0) {
    left: 1%;
    -webkit-animation-delay: 0s, 0s;
    animation-delay: 0s, 0s;
}

.xmas-wrapper .snowflake:nth-of-type(1) {
    left: 10%;
    -webkit-animation-delay: 1s, 1s;
    animation-delay: 1s, 1s;
}

.xmas-wrapper .snowflake:nth-of-type(2) {
    left: 20%;
    -webkit-animation-delay: 6s, .5s;
    animation-delay: 6s, .5s;
}

.xmas-wrapper .snowflake:nth-of-type(3) {
    left: 30%;
    -webkit-animation-delay: 4s, 2s;
    animation-delay: 4s, 2s;
}

.xmas-wrapper .snowflake:nth-of-type(4) {
    left: 40%;
    -webkit-animation-delay: 2s, 2s;
    animation-delay: 2s, 2s;
}

.xmas-wrapper .snowflake:nth-of-type(5) {
    left: 50%;
    -webkit-animation-delay: 8s, 3s;
    animation-delay: 8s, 3s;
}

.xmas-wrapper .snowflake:nth-of-type(6) {
    left: 60%;
    -webkit-animation-delay: 6s, 2s;
    animation-delay: 6s, 2s;
}

.xmas-wrapper .snowflake:nth-of-type(7) {
    left: 70%;
    -webkit-animation-delay: 2.5s, 1s;
    animation-delay: 2.5s, 1s;
}

.xmas-wrapper .snowflake:nth-of-type(8) {
    left: 80%;
    -webkit-animation-delay: 1s, 0s;
    animation-delay: 1s, 0s;
}

.xmas-wrapper .snowflake:nth-of-type(9) {
    left: 90%;
    -webkit-animation-delay: 3s, 1.5s;
    animation-delay: 3s, 1.5s;
}

.xmas-wrapper .cd-timeline {
    overflow: hidden;
    margin: 2em auto;
}

.xmas-wrapper .cd-timeline__container {
    position: relative;
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 2em 0;
}

.xmas-wrapper .cd-timeline__container::before {
    /* this is the vertical line */
    content: '';
    position: absolute;
    top: 100px;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #d8d8d8;
}

@media only screen and (min-width: 1170px) {
    .xmas-wrapper .cd-timeline {
        margin-top: 3em;
        margin-bottom: 3em;
    }
    .xmas-wrapper .cd-timeline__container::before {
        left: 50%;
        margin-left: -2px;
    }
}

.xmas-wrapper .video-disclaimer {
    display: none;
    position: absolute;
    top: 8px;
    left: 50%;
    text-align: center;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
    background-color: #fff;
    border: solid 1px grey;
    border-radius: 5px;
    width: 70%;
    padding: 10px;
}
.xmas-wrapper .video-disclaimer p {
    margin: 0;
    font-size: 15px;
    line-height: 22px;
}

.xmas-wrapper .cd-timeline__block {
    position: relative;
    margin: 2em 0;
}

.xmas-wrapper .cd-timeline__block:after {
    /* clearfix */
    content: "";
    display: table;
    clear: both;
}

.xmas-wrapper .cd-timeline__block:first-child {
    margin-top: 50px;
}

.xmas-wrapper .cd-timeline__block:last-child {
    margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
    .xmas-wrapper .cd-timeline__block {
        margin: 4em 0;
    }
}

.xmas-wrapper .cd-timeline__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}

.xmas-wrapper .cd-timeline__img img {
    display: block;
    width: 35px;
    height: 35px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -17px;
    margin-top: -17px;
}

.xmas-wrapper .cd-timeline__img.cd-timeline__img--picture {
    background: #a9d159 ;
}

@media only screen and (min-width: 1170px) {
    .xmas-wrapper .cd-timeline__img {
        width: 60px;
        height: 60px;
        left: 50%;
        margin-left: -30px;
        /* Force Hardware Acceleration */
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    .xmas-wrapper .cd-timeline__img.cd-timeline__img--bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s;
    }
}

@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.xmas-wrapper .cd-timeline__content {
    position: relative;
    margin-left: 60px;
    background: #fff;
    padding: 20px;
    -webkit-box-shadow: 0 3px 0 #d7e4ed;
    box-shadow: 0 16px 48px #E3E7EB;
}

.xmas-wrapper .cd-timeline__content h2 {
    margin-top: 30px;
    margin-bottom: 20px;
}

.xmas-wrapper .cd-timeline__content:after {
    /* clearfix */
    content: "";
    display: table;
    clear: both;
}

.xmas-wrapper .cd-timeline__content::before {
    /* triangle next to content block */
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #fff;
    box-shadow: 0 16px 48px #E3E7EB;
}

.xmas-wrapper .cd-timeline__read-more,
.xmas-wrapper .cd-timeline__date {
    display: inline-block;
}


.xmas-wrapper .cd-timeline__date {
    float: left;
    padding: .8em 0;
    color: #99c93b;
    font-weight: 700;
    position: absolute;
    top: 0;
    font-size: 22px;
    left: 22px;
}


@media only screen and (min-width: 1170px) {
    .xmas-wrapper .cd-timeline__content h2 {
        margin-top: 0px;
    }
    .xmas-wrapper .cd-timeline__content {
        margin-left: 0;
        padding: 1.6em;
        padding-top: 15px;
        width: 45%;
        /* Force Hardware Acceleration */
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    .xmas-wrapper .cd-timeline__content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: #fff;
        box-shadow: 0 16px 48px #E3E7EB;
    }
    .xmas-wrapper .cd-timeline__read-more {
        float: left;
    }
    .xmas-wrapper .cd-timeline__date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: -13px;
        font-size: 31px;
        text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff, 0px 2px 11px #8a8a8a;
    }
    .xmas-wrapper .cd-timeline__block:nth-child(even) .cd-timeline__content {
        float: right;
    }
    .xmas-wrapper .cd-timeline__block:nth-child(even) .cd-timeline__content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: #fff;
        box-shadow: 0 16px 48px #E3E7EB;
    }
    .xmas-wrapper .cd-timeline__block:nth-child(even) .cd-timeline__read-more {
        float: right;
    }
    .xmas-wrapper .cd-timeline__block:nth-child(even) .cd-timeline__date {
        left: auto;
        right: 122%;
        text-align: right;
    }
    .xmas-wrapper .cd-timeline__content.cd-timeline__content--bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 0.6s;
        animation: cd-bounce-2 0.6s;
    }
}

@media only screen and (min-width: 1170px) {
    /* inverse bounce effect on even content blocks */
    .xmas-wrapper .cd-timeline__block:nth-child(even) .cd-timeline__content.cd-timeline__content--bounce-in {
        -webkit-animation: cd-bounce-2-inverse 0.6s;
        animation: cd-bounce-2-inverse 0.6s;
    }
}

@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.xmas-wrapper .videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.xmas-wrapper .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.xmas-wrapper .head-container {
    width: 100%;
}

.xmas-wrapper .head-text {
    font-size: 50px;
    line-height: 92px;
    font-weight: 700;
    color: #ffffff;
    overflow: visible;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.2);
}

.xmas-wrapper .angel {
    position: absolute;
    top: 110px;
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
    -webkit-filter: drop-shadow( 2px 4px 3px rgba(0,0,0,0.2) );
    filter: drop-shadow( 2px 4px 3px rgba(0,0,0,0.2) );
    opacity: 0.5;
}
.xmas-wrapper .angel-right {
    right: 13%;
    animation-delay: 1s;

}
.xmas-wrapper .angel-left {
    left: 13%;
    animation-delay: 1.5s;
}
.xmas-wrapper .thin {
    font-weight: 300;
    font-size: 40px;
}
.xmas-wrapper .big {
    font-size: 110px;
}
.xmas-wrapper .middle {
    font-size: 70px;
    font-weight: 500;
}
.xmas-wrapper .bold {
    font-weight: 700;
    color: #abd25c;
    font-size: 20px;
}



.xmas-wrapper .video-wrapper {
    margin: 25px 0;
    position: relative;
}
.xmas-wrapper .video-wrapper:hover .play-button {
    background-color: #282828;
}
.xmas-wrapper .video-wrapper:hover .video-disclaimer {
    display: block;
}

.xmas-wrapper .youtube {
    margin-bottom: 30px;
    position: relative;
    padding-top: 56.1%;
    overflow: hidden;
    cursor: pointer;
    background-image: url("../img/maxresdefault.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.xmas-wrapper .youtube2 {
    background-image: url("../img/maxresdefault2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.xmas-wrapper .youtube3 {
    background-image: url("../img/maxresdefault3.jpg");
    background-repeat: no-repeat;
    background-size: contain;
}
.xmas-wrapper .youtube img {
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.8;
    cursor: pointer;
    position: absolute;
}
.xmas-wrapper .youtube .play-button {
    width: 67px;
    height: 48px;
    background-color: #FF0000;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    z-index: 1;
    border-radius: 10px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate(-9px, -10px);
}
.xmas-wrapper .youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 10px 0 10px 17px;
    border-color: transparent transparent transparent #fff;
    margin-left: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate(-9px, -10px);
}
.xmas-wrapper .youtube iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}