@import url('https://fonts.googleapis.com/css?family=Gravitas+One|Oleo+Script|Bowlby+One+SC|Butcherman|Oleo+Script+Swash+Caps|Pacifico|Righteous|Roboto+Slab|Calistoga|Squada+One&display=swap');@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300);
.xmodal_controller #modalControllerTemplateBlock input[type=radio] {
    display:none;
}

.xmodal_controller .viewOnly {
	display: block;
}
.xmodal_controller .editingOnly {
	display: none;
}
.EDITING.xmodal_controller .viewOnly {
	display: none;
}
.EDITING.xmodal_controller .editingOnly {
	display: block;
}

.xmodal_controller #modalControllerTemplateBlock label {
    cursor: pointer;
    text-align: center
}

.xmodal_controller #modalControllerTemplateBlock input[type=radio]+img {
    box-shadow: 0 0 5px #000;
    margin-bottom: 5px
}

.xmodal_controller #modalControllerTemplateBlock input[type=radio]:checked+img {
    outline: 2px solid #d31c1e
}

.xmodal_controller #modalControllerTextBlock .modalText {
    max-width: 600px;
    margin-bottom: 15px
}

.xgeneric_modal1 .close {
    font-size: 60px;
    font-weight: bold
}

.xgeneric_modal1 div.modal-dialog {
    box-shadow: none
}

.xgeneric_modal1 div.modal-dialog div.modal-header button.close {
    color: #d31c1e
}

.xgeneric_modal1 div.modal-dialog div.modal-header button.close:hover {
    color: #8f8f8f
}

.xgeneric_modal1 .modal-header .close {
    top: 0;
    right: 15px;
    position: absolute
}

.xgeneric_modal1 .dealer-logo {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.xgeneric_modal1 .dealer-logo img {
    max-width: 175px;
    position: relative;
    margin: 0 auto
}

.xgeneric_modal1 div.modal-dialog div.modal-header {
    background: none;
    border: none;
    text-align: center
}

.xgeneric_modal1 .modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    background-clip: padding-box;
    outline: 0
}

.xcovid_modal1 .modal-content {
    border: 2px solid #fff;
    background: #fff;
    background-image: url(/imglib/support/modal-controller/images/virus-bg-1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 15px;
    overflow: hidden
}

.xcovid_modal1 .modal-body {
    position: relative;
    padding: 0;
    background: none;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.xcovid_modal1 .close {
    font-size: 60px;
    font-weight: bold
}

.xcovid_modal1 div.modal-dialog {
    box-shadow: none
}

.xcovid_modal1 div.modal-dialog div.modal-header button.close {
    color: #e80c0c
}

.xcovid_modal1 div.modal-dialog div.modal-header button.close:hover {
    color: #0073cf
}

.xcovid_modal1 .modal-header .close {
    top: 0px;
    right: 15px;
    position: absolute
}

.xcovid_modal1 .dealer-logo {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.xcovid_modal1 .dealer-logo img {
    max-width: 175px;
    position: relative;
    margin: 0 auto
}

.xcovid_modal1 div.modal-dialog div.modal-header {
    background: none;
    border: none;
    text-align: center
}

.xcovid_modal1 div.modal-dialog div.modal-header {
    background: linear-gradient(0deg, rgba(255,255,255,0) 0, rgba(162,161,161,0.1685049) 20%, #ada7a7 100%)
}

.xcovid_modal1 div.modal-dialog {
    border-radius: 15px
}

.xcovid_modal1 .modal-footer {
    padding: 15px;
    border-top: none;
    margin: 0 auto;
    text-align: center;
    background: rgba(255,255,255,0.5)
}

.xcovid_modal1 .custom-text {
    display: block;
    position: relative;
    margin: 0 auto;
    padding-bottom: 50px;
    background: rgba(255,255,255,0.5)
}

.xcovid_modal1 .custom-text h1,.xcovid_modal1 h2,.xcovid_modal1 h3 {
    position: relative;
    text-align: center
}

.xcovid_modal1 .custom-text h2 {
    font-size: 2.5em;
    line-height: 1;
    color: #e80c0c;
    font-family: 'Bowlby One SC',cursive;
    animation: move-from-right .8s 1 0s ease-in;
    padding: 0 50px
}

.xcovid_modal1 .custom-text h3 {
    font-size: 2em;
    padding: 10px 50px;
    font-weight: bold;
    line-height: 1.1em;
    color: #026bbf;
    animation: move-from-left .8s 1 0s ease-in
}

.xcovid_modal1 .modal-footer p {
    color: #026bbf;
    font-weight: bold;
    font-size: 1.8em;
    line-height: 1.2em;
    padding: 0 60px;
    animation: fill-in 1.5s 1 0s ease-in
}

.xcovid_modal1 .button {
    padding-bottom: 50px;
    background: rgba(255,255,255,0.5)
}

.xcovid_modal1 .button .lead-button {
    background-color: #e80c0c;
    color: #fff;
    max-width: 250px;
    border-radius: 10px
}

.xcovid_modal1 .button .lead-button:hover {
    opacity: .75
}

@keyframes move-from-right {
    0% {
        transform: translateX(300%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes move-from-left {
    0% {
        transform: translateX(-300%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes move-from-bottom {
    0% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes move-from-top {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(100%)
    }
}

@keyframes fill-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes scale {
    0% {
        transform: scale(0) translateX(0) translateY(0) skewX(0) skewY(0)
    }

    100% {
        transform: scale(1) translateX(0) translateY(0) skewX(0) skewY(0)
    }
}

.xcovid_modal2 .modal-content {
    background: radial-gradient(circle at bottom center, #ff7c22, #830885)
}

.xcovid_modal2 .modal-content {
    border: 2px solid #fff;
    background-image: url(/imglib/support/modal-controller/images/virus-bg-2.jpg);
    background-blend-mode: multiply;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 15px;
    overflow: hidden
}

.xcovid_modal2 .modal-body {
    position: relative;
    padding: 0;
    background: none;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.xcovid_modal2 .close {
    font-size: 60px;
    font-weight: bold
}

.xcovid_modal2 div.modal-dialog {
    box-shadow: none
}

.xcovid_modal2 div.modal-dialog div.modal-header button.close {
    color: #ff8d00
}

.xcovid_modal2 div.modal-dialog div.modal-header button.close:hover {
    color: #000
}

.xcovid_modal2 .modal-header .close {
    top: 0px;
    right: 15px;
    position: absolute
}

.xcovid_modal2 .dealer-logo {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.xcovid_modal2 .dealer-logo img {
    max-width: 175px;
    position: relative;
    margin: 0 auto
}

.xcovid_modal2 div.modal-dialog div.modal-header {
    background: none;
    border: none;
    text-align: center
}

.xcovid_modal2 div.modal-dialog {
    border-radius: 15px
}

.xcovid_modal2 .custom-text {
    display: block;
    position: relative;
    margin: 0 auto;
    z-index: 3
}

.xcovid_modal2 .custom-text h1,.xcovid_modal2 h2,.xcovid_modal2 h3 {
    position: relative;
    text-align: center
}

.xcovid_modal2 .custom-text h2 {
    font-size: 3.5em;
    line-height: 1;
    color: #fff;
    animation: move-from-right .8s 1 0s ease-in;
    padding: 0 75px
}

.xcovid_modal2 .custom-text h3 {
    font-size: 2em;
    padding: 0 40px;
    padding-top: 10px;
    font-weight: bold;
    line-height: 1.1em;
    color: #ff8d00;
    animation: move-from-left .8s 1 0s ease-in
}

.xcovid_modal2 .custom-text p {
    color: #fff;
    font-weight: bold;
    font-size: 1.8em;
    line-height: 1.2em;
    padding: 0 60px;
    animation: fill-in 1.5s 1 0s ease-in
}

.xcovid_modal2 .button {
    padding-bottom: 50px;
    background: rgba(255,255,255,0.5)
}

.xcovid_modal2 .button .lead-button {
    background-color: #ff8d00;
    color: #fff;
    max-width: 250px;
    border-radius: 10px
}

.xcovid_modal2 .button .lead-button:hover {
    opacity: .75
}

.xcovid_modal2 .graphic {
    position: relative;
    top: -75px;
    margin-bottom: -80px;
    z-index: 1
}

.xcovid_modal2 svg#composition {
    width: 100%;
    overflow: hidden
}

@-webkit-keyframes fallingLeaves {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0) rotateZ(0deg)
    }

    75% {
        opacity: 1;
        -webkit-transform: translate(100px, 600px) rotateZ(270deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(150px, 800px) rotateZ(360deg)
    }
}

@keyframes rotate-in {
    0% {
        transform: rotate(180deg) scale(.1) translateX(0) translateY(0) skewX(0) skewY(0)
    }

    25% {
        transform: rotate(145deg) scale(.5) translateX(0) translateY(0) skewX(0) skewY(0)
    }

    50% {
        transform: rotate(90deg) scale(.6) translateX(0) translateY(0) skewX(0) skewY(0)
    }

    75% {
        transform: rotate(45deg) scale(.8) translateX(0) translateY(0) skewX(0) skewY(0)
    }

    100% {
        transform: rotate(0) scale(1) translateX(0) translateY(0) skewX(0) skewY(0)
    }
}

@keyframes move-from-right {
    0% {
        transform: translateX(300%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes move-from-left {
    0% {
        transform: translateX(-300%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes fill-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes move-from-bottom {
    0% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes move-from-top {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(100%)
    }
}

@keyframes scale {
    0% {
        transform: scale(0) translateX(0) translateY(0) skewX(0) skewY(0)
    }

    100% {
        transform: scale(1) translateX(0) translateY(0) skewX(0) skewY(0)
    }
}

.xcovid_modal2 #virus-group {
    animation: scale 2s 1 0s ease;
    transform-origin: center;
    opacity: .25
}

.xcovid_modal2 #virus-1 {
    animation: scale 3s 1 0s ease-in-out,fill-in 5s 1 0s ease-in-out;
    transform-origin: center
}

.xcovid_modal2 #virus-2 {
    animation: scale 4s 1 0s ease-in-out,fill-in 5s 1 0s ease-in-out;
    transform-origin: bottom;
    display: none
}

.xcovid_modal2 #virus-3 {
    animation: scale 3s 1 0s ease-in-out,fill-in 4s 1 0s ease-in-out;
    transform-origin: center
}

.xcovid_modal2 #virus-4 {
    animation: scale 4s 1 0s ease-in-out,fill-in 3s 1 0s ease-in-out;
    transform-origin: right
}

.xcovid_modal2 #virus-5 {
    animation: scale 3s 1 0s ease-in-out,fill-in 3s 1 0s ease-in-out;
    transform-origin: center
}

.xcovid_modal2 #virus-6 {
    animation: scale 4s 1 0s ease-in-out,fill-in 3s 1 0s ease-in-out;
    transform-origin: center
}

.xcovid_modal2 #virus-7 {
    animation: scale 3s 1 0s ease-in-out,fill-in 3s 1 0s ease-in-out;
    transform-origin: bottom
}

.xcovid_modal2 #virus-8 {
    animation: scale 4s 1 0s ease-in-out,fill-in 3s 1 0s ease-in-out;
    transform-origin: left
}

.xcovid_modal2 #virus-9 {
    animation: scale 3s 1 0s ease-in-out,fill-in 3s 1 0s ease-in-out;
    transform-origin: center
}

.xcovid_modal2 #virus-10 {
    animation: scale 4s 1 0s ease-in-out,fill-in 3s 1 0s ease-in-out;
    transform-origin: top
}

.xcovid_modal3 .modal-content {
    border: 2px solid #00fff3;
    background-image: url(/imglib/support/modal-controller/images/virus-bg-3.jpg);
    background-blend-mode: multiply;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 15px;
    overflow: hidden
}

.xcovid_modal3 .modal-body {
    position: relative;
    padding: 0;
    background: none;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.xcovid_modal3 .close {
    font-size: 60px;
    font-weight: bold
}

.xcovid_modal3 div.modal-dialog {
    box-shadow: none
}

.xcovid_modal3 div.modal-dialog div.modal-header button.close {
    color: #fff
}

.xcovid_modal3 div.modal-dialog div.modal-header button.close:hover {
    color: #00fff3
}

.xcovid_modal3 .modal-header .close {
    top: 0px;
    right: 15px;
    position: absolute
}

.xcovid_modal3 .dealer-logo {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.xcovid_modal3 .dealer-logo img {
    max-width: 175px;
    position: relative;
    margin: 0 auto
}

.xcovid_modal3 div.modal-dialog div.modal-header {
    background: none;
    border: none;
    text-align: center
}

.xcovid_modal3 div.modal-dialog {
    border-radius: 15px
}

.xcovid_modal3 .custom-text {
    display: block;
    position: relative;
    margin: 0 auto;
    z-index: 3
}

.xcovid_modal3 .custom-text h1,.xcovid_modal3 h2,.xcovid_modal3 h3 {
    position: relative;
    text-align: center
}

.xcovid_modal3 .custom-text h2 {
    font-size: 3.5em;
    line-height: 1;
    color: #00fff3;
    font-family: 'Squada One',cursive;
    animation: move-from-right .8s 1 0s ease-in;
    padding: 0 30px
}

.xcovid_modal3 .custom-text h3 {
    font-size: 2em;
    padding: 0 40px;
    padding-top: 10px;
    font-weight: bold;
    line-height: 1.1em;
    color: #fff;
    animation: move-from-left .8s 1 0s ease-in
}

.xcovid_modal3 .custom-text p {
    color: #00fff3;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.6em;
    line-height: 1.2em;
    padding: 0 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    animation: fill-in 1.5s 1 0s ease-in
}

.xcovid_modal3 .graphic {
    position: relative;
    top: -125px;
    margin-bottom: -100px;
    z-index: 1;
    opacity: .25px
}

.xcovid_modal3 svg#composition {
    width: 100%;
    overflow: hidden
}

@keyframes move-from-right {
    0% {
        transform: translateX(300%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes move-from-left {
    0% {
        transform: translateX(-300%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes fill-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes move-from-bottom {
    0% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes move-from-top {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(100%)
    }
}

@keyframes scale {
    0% {
        transform: scale(0) translateX(0) translateY(0) skewX(0) skewY(0)
    }

    100% {
        transform: scale(1) translateX(0) translateY(0) skewX(0) skewY(0)
    }
}

.xcovid_modal3 #virus-group {
    animation: scale 1s 1 0s ease-in-out;
    transform-origin: center;
    opacity: .25
}

.thanksgiving1 .modal-content {
    border: 2px solid #f99f00;
    background: linear-gradient(180deg, #880404, #ffb102);
    border-radius: 15px;
    overflow: hidden
}

.thanksgiving1 .modal-body {
    position: relative;
    padding: 0;
    background: none;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.thanksgiving1 .close {
    font-size: 60px;
    font-weight: bold
}

.thanksgiving1 div.modal-dialog {
    box-shadow: none
}

.thanksgiving1 div.modal-dialog div.modal-header button.close {
    color: #f99f00
}

.thanksgiving1 div.modal-dialog div.modal-header button.close:hover {
    color: #fff
}

.thanksgiving1 .modal-header .close {
    top: 0px;
    right: 15px;
    position: absolute
}

.thanksgiving1 .dealer-logo {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.thanksgiving1 .dealer-logo img {
    max-width: 175px;
    position: relative;
    margin: 0 auto
}

.thanksgiving1 div.modal-dialog div.modal-header {
    background: none;
    border: none;
    text-align: center
}

.thanksgiving1 div.modal-dialog {
    border-radius: 15px
}

.thanksgiving1 .custom-text {
    display: block;
    position: relative;
    margin: 0 auto
}

.thanksgiving1 .custom-text h1,.thanksgiving1 h2,.thanksgiving1 h3 {
    position: relative;
    text-align: center
}

.thanksgiving1 .custom-text h2 {
    font-size: 3em;
    line-height: 1;
    color: #fff;
    font-family: 'Oleo Script',cursive;
    animation: move-from-right .8s 1 0s ease-in;
    padding: 0 50px
}

.thanksgiving1 .custom-text h3 {
    font-size: 2em;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.1em;
    color: #f99f00;
    font-family: 'Gravitas One',cursive;
    animation: move-from-left .8s 1 0s ease-in
}

.thanksgiving1 .custom-text p {
    color: #fff;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.2em;
    animation: fill-in 1.5s 1 0s ease-in
}

.thanksgiving1 .graphic {
    position: relative;
    left: -10px;
    top: 20px
}

.thanksgiving1 svg#composition {
    width: 105%;
    overflow: hidden
}

@-webkit-keyframes fallingLeaves {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0) rotateZ(0deg)
    }

    75% {
        opacity: 1;
        -webkit-transform: translate(100px, 600px) rotateZ(270deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(150px, 800px) rotateZ(360deg)
    }
}

@keyframes rotate-in {
    0% {
        transform: rotate(180deg) scale(.1) translateX(0) translateY(0) skewX(0) skewY(0)
    }

    25% {
        transform: rotate(145deg) scale(.5) translateX(0) translateY(0) skewX(0) skewY(0)
    }

    50% {
        transform: rotate(90deg) scale(.6) translateX(0) translateY(0) skewX(0) skewY(0)
    }

    75% {
        transform: rotate(45deg) scale(.8) translateX(0) translateY(0) skewX(0) skewY(0)
    }

    100% {
        transform: rotate(0) scale(1) translateX(0) translateY(0) skewX(0) skewY(0)
    }
}

@keyframes bounce {
    0% {
        transform: translateY(-2%)
    }

    50% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-2%)
    }
}

@keyframes bounce3 {
    0% {
        transform: translateY(2%)
    }

    50% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(2%)
    }
}

@keyframes bounce2 {
    0% {
        transform: translateY(-1%)
    }

    50% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-1%)
    }
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.95)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes shake {
    0%,100% {
        transform: translateX(0)
    }

    10%,30%,50%,70%,90% {
        transform: translateX(-10px)
    }

    20%,40%,60%,80% {
        transform: translateX(10px)
    }
}

@keyframes flash {
    0%,50%,100% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes move-from-right {
    0% {
        transform: translateX(300%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes move-from-left {
    0% {
        transform: translateX(-300%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes dash {
    from {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: 1000
    }
}

@keyframes fill-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes swinging {
    0% {
        transform: rotate(3deg)
    }

    50% {
        transform: rotate(-1deg)
    }

    100% {
        transform: rotate(3deg)
    }
}

@keyframes swinging2 {
    0% {
        transform: rotate(2deg)
    }

    50% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(2deg)
    }
}

@keyframes scale {
    0% {
        transform: scale(0) translateX(0) translateY(0) skewX(0) skewY(0)
    }

    100% {
        transform: scale(1) translateX(0) translateY(0) skewX(0) skewY(0)
    }
}

@keyframes move-from-bottom {
    0% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes move-from-top {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(100%)
    }
}

.thanksgiving1 #pumpkin {
    animation: move-from-bottom 1s 1 0s linear
}

.thanksgiving1 #hat {
    animation: bounce3 6s infinite 0s linear,scale .8s 1 0s linear
}

.thanksgiving1 #turkey {
    animation: move-from-left 1.5s 1 0s ease-in
}

.thanksgiving1 #pie {
    animation: move-from-right 1.5s 1 0s ease-in
}

.thanksgiving1 #apple-1,.thanksgiving1 #apple-2,.thanksgiving1 #apple-3,.thanksgiving1 #apple-4,.thanksgiving1 #apple-5,.thanksgiving1 #apple-6,.thanksgiving1 #apple-7 {
    animation: move-from-bottom 1.2s 1 0s ease-in
}

.thanksgiving1 #corn-1,.thanksgiving1 #corn-2 {
    animation: bounce3 5s infinite 0s linear
}

.thanksgiving1 #bottom-leave-1,.thanksgiving1 #bottom-leave-3,.thanksgiving1 #bottom-leave-5,.thanksgiving1 #bottom-leave-7,.thanksgiving1 #bottom-leaver-11,.thanksgiving1 #botttom-leave-13 {
    animation: bounce2 5s infinite 0s linear
}

.thanksgiving1 #bottom-leave-4,.thanksgiving1 #bottom-leave-6,.thanksgiving1 #bottom-leave-8,.thanksgiving1 #bottom-leave-10,.thanksgiving1 #bottom-leaver-12 {
    animation: bounce2 4s infinite 0s linear
}

.thanksgiving1 #leave-1,.thanksgiving1 #bottom-leave-2 {
    animation: fallingLeaves 25s infinite 0s ease-in-out,fill-in 2s 1 0s ease-in-out
}

.thanksgiving1 #leave-2 {
    animation: fallingLeaves 30s infinite 0s backwards ease-in-out,fill-in 3s 1 0s ease-in-out
}

.thanksgiving1 #leave-3,.thanksgiving1 #bottom-leave-9 {
    animation: fallingLeaves 25s infinite 0s forwards ease-in-out,fill-in 3s 1 0s ease-in-out
}

.thanksgiving1 #leave-4 {
    animation: fallingLeaves 28s infinite 0s forwards ease-in-out,fill-in 3s 1 0s ease-in-out
}

.thanksgiving1 #leave-5 {
    animation: fallingLeaves 25s infinite 0s forwards ease-in-out,fill-in 3s 1 0s ease-in-out
}

.thanksgiving1 #leave-6 {
    animation: fallingLeaves 31s infinite 0s backwards ease-in-out,fill-in 3s 1 0s ease-in-out
}

.thanksgiving1 #leave-7 {
    animation: fallingLeaves 31s infinite 0s forwards ease-in-out,fill-in 3s 1 0s ease-in-out,move-from-top 10s infinite 0s ease-in-out
}

.thanksgiving1 #circle-1,.thanksgiving1 #circle-19,.thanksgiving1 #circle-21,.thanksgiving1 #circle-23,.thanksgiving1 #circle-27,.thanksgiving1 #circle-29,.thanksgiving1 #circle-39 {
    animation: move-from-top 9s infinite 0s ease-in-out,fill-in 5s 1 0s ease-in-out
}

.thanksgiving1 #circle-2,.thanksgiving1 #circle-4,.thanksgiving1 #circle-6,.thanksgiving1 #circle-8,.thanksgiving1 #circle-12,.thanksgiving1 #circle-14,.thanksgiving1 #circle-16,.thanksgiving1 #circle-18,.thanksgiving1 #circle-22,.thanksgiving1 #circle-24,.thanksgiving1 #circle-26,.thanksgiving1 #circle-28,.thanksgiving1 #circle-32,.thanksgiving1 #circle-34,.thanksgiving1 #circle-36,.thanksgiving1 #circle-38 {
    animation: move-from-top 13s infinite 0s ease-in-out,fill-in 5s 1 0s ease-in-out
}

.thanksgiving1 #circle-3,.thanksgiving1 #circle-7,.thanksgiving1 #circle-9,.thanksgiving1 #circle-11,.thanksgiving1 #circle-13,.thanksgiving1 #circle-17 {
    animation: move-from-top 15s infinite 0s ease-in-out,fill-in 4s 1 0s ease-in-out
}

.thanksgiving1 #circle-4,.thanksgiving1 #circle-29,.thanksgiving1 #circle-31,.thanksgiving1 #circle-33,.thanksgiving1 #circle-37 {
    animation: move-from-top 11s infinite 0s ease-in-out,fill-in 3s 1 0s ease-in-out
}

.thanksgiving1 #circle-5,.thanksgiving1 #circle-10,.thanksgiving1 #circle-15,.thanksgiving1 #circle-20,.thanksgiving1 #circle-25,.thanksgiving1 #circle-30,.thanksgiving1 #circle-35,.thanksgiving1 #circle-40 {
    animation: move-from-top 10s infinite 0s ease-in-out,fill-in 3s 1 0s ease-in-out
}

.thanksgiving2 .modal-content {
    border: 2px solid #e8703c;
    border-radius: 15px;
    background: linear-gradient(55deg, rgba(208,208,208,0.03) 0, rgba(208,208,208,0.03) 20%, rgba(55,55,55,0.03) 20%, rgba(55,55,55,0.03) 40%, rgba(81,81,81,0.03) 40%, rgba(81,81,81,0.03) 60%, rgba(208,208,208,0.03) 60%, rgba(208,208,208,0.03) 80%, rgba(191,191,191,0.03) 80%, rgba(191,191,191,0.03) 100%),linear-gradient(291deg, rgba(190,190,190,0.02) 0, rgba(190,190,190,0.02) 14.286%, rgba(105,105,105,0.02) 14.286%, rgba(105,105,105,0.02) 28.572%, rgba(230,230,230,0.02) 28.572%, rgba(230,230,230,0.02) 42.858%, rgba(216,216,216,0.02) 42.858%, rgba(216,216,216,0.02) 57.144%, rgba(181,181,181,0.02) 57.144%, rgba(181,181,181,0.02) 71.43%, rgba(129,129,129,0.02) 71.43%, rgba(129,129,129,0.02) 85.716%, rgba(75,75,75,0.02) 85.716%, rgba(75,75,75,0.02) 100.002%),linear-gradient(32deg, rgba(212,212,212,0.03) 0, rgba(212,212,212,0.03) 12.5%, rgba(223,223,223,0.03) 12.5%, rgba(223,223,223,0.03) 25%, rgba(11,11,11,0.03) 25%, rgba(11,11,11,0.03) 37.5%, rgba(86,86,86,0.03) 37.5%, rgba(86,86,86,0.03) 50%, rgba(106,106,106,0.03) 50%, rgba(106,106,106,0.03) 62.5%, rgba(220,220,220,0.03) 62.5%, rgba(220,220,220,0.03) 75%, rgba(91,91,91,0.03) 75%, rgba(91,91,91,0.03) 87.5%, rgba(216,216,216,0.03) 87.5%, rgba(216,216,216,0.03) 100%),linear-gradient(312deg, rgba(113,113,113,0.01) 0, rgba(113,113,113,0.01) 14.286%, rgba(54,54,54,0.01) 14.286%, rgba(54,54,54,0.01) 28.572%, rgba(166,166,166,0.01) 28.572%, rgba(166,166,166,0.01) 42.858%, rgba(226,226,226,0.01) 42.858%, rgba(226,226,226,0.01) 57.144%, rgba(109,109,109,0.01) 57.144%, rgba(109,109,109,0.01) 71.43%, rgba(239,239,239,0.01) 71.43%, rgba(239,239,239,0.01) 85.716%, rgba(54,54,54,0.01) 85.716%, rgba(54,54,54,0.01) 100.002%),linear-gradient(22deg, rgba(77,77,77,0.03) 0, rgba(77,77,77,0.03) 20%, rgba(235,235,235,0.03) 20%, rgba(235,235,235,0.03) 40%, rgba(215,215,215,0.03) 40%, rgba(215,215,215,0.03) 60%, rgba(181,181,181,0.03) 60%, rgba(181,181,181,0.03) 80%, rgba(193,193,193,0.03) 80%, rgba(193,193,193,0.03) 100%),linear-gradient(80deg, rgba(139,139,139,0.02) 0, rgba(139,139,139,0.02) 14.286%, rgba(114,114,114,0.02) 14.286%, rgba(114,114,114,0.02) 28.572%, rgba(240,240,240,0.02) 28.572%, rgba(240,240,240,0.02) 42.858%, rgba(221,221,221,0.02) 42.858%, rgba(221,221,221,0.02) 57.144%, rgba(74,74,74,0.02) 57.144%, rgba(74,74,74,0.02) 71.43%, rgba(201,201,201,0.02) 71.43%, rgba(201,201,201,0.02) 85.716%, rgba(187,187,187,0.02) 85.716%, rgba(187,187,187,0.02) 100.002%),linear-gradient(257deg, rgba(72,72,72,0.03) 0, rgba(72,72,72,0.03) 16.667%, rgba(138,138,138,0.03) 16.667%, rgba(138,138,138,0.03) 33.334%, rgba(54,54,54,0.03) 33.334%, rgba(54,54,54,0.03) 50.001%, rgba(161,161,161,0.03) 50.001%, rgba(161,161,161,0.03) 66.668%, rgba(17,17,17,0.03) 66.668%, rgba(17,17,17,0.03) 83.335%, rgba(230,230,230,0.03) 83.335%, rgba(230,230,230,0.03) 100.002%),linear-gradient(47deg, rgba(191,191,191,0.01) 0, rgba(191,191,191,0.01) 16.667%, rgba(27,27,27,0.01) 16.667%, rgba(27,27,27,0.01) 33.334%, rgba(66,66,66,0.01) 33.334%, rgba(66,66,66,0.01) 50.001%, rgba(36,36,36,0.01) 50.001%, rgba(36,36,36,0.01) 66.668%, rgba(230,230,230,0.01) 66.668%, rgba(230,230,230,0.01) 83.335%, rgba(93,93,93,0.01) 83.335%, rgba(93,93,93,0.01) 100.002%),linear-gradient(180deg, #f3e3ac, #fbf5e1);
    overflow: hidden
}

.thanksgiving2 .modal-body {
    position: relative;
    padding: 0;
    background: none;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.thanksgiving2 .close {
    font-size: 60px;
    font-weight: bold
}

.thanksgiving2 div.modal-dialog {
    box-shadow: none
}

.thanksgiving2 div.modal-dialog div.modal-header button.close {
    color: #e7531b
}

.thanksgiving2 div.modal-dialog div.modal-header button.close:hover {
    color: #64350f
}

.thanksgiving2 .modal-header .close {
    top: 0px;
    right: 15px;
    position: absolute
}

.thanksgiving2 .dealer-logo {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.thanksgiving2 .dealer-logo img {
    max-width: 175px;
    position: relative;
    margin: 0 auto
}

.thanksgiving2 div.modal-dialog div.modal-header {
    background: none;
    border: none;
    text-align: center
}

.thanksgiving2 div.modal-dialog {
    border-radius: 15px
}

.thanksgiving2 .custom-text {
    display: block;
    position: relative;
    margin: 0 auto
}

.thanksgiving2 .custom-text h1,.thanksgiving2 h2,.thanksgiving2 h3 {
    position: relative;
    text-align: center
}

.thanksgiving2 .custom-text h2 {
    font-size: 3em;
    line-height: 1;
    color: #e7531b;
    font-family: 'Gravitas One',cursive;
    animation: move-from-right 1s 1 0s ease-in;
    padding: 0 50px;
    text-transform: uppercase
}

.thanksgiving2 .custom-text h3 {
    font-size: 2em;
    line-height: 1em;
    color: #e7531b;
    font-family: 'Calistoga',cursive;
    animation: move-from-left 1s 1 0s ease-in
}

.thanksgiving2 .custom-text p {
    color: #64350f;
    font-size: 1.7em;
    line-height: 1.2em;
    animation: fill-in 1.5s 1 0s ease-in;
    font-family: 'Calistoga',cursive;
    padding: 0 30px
}

.thanksgiving2 .graphic {
    position: relative;
    margin-bottom: -60px
}

.thanksgiving2 svg#composition {
    width: 115%;
    overflow: hidden;
    position: relative;
    left: -8%;
    top: -55px
}

@-webkit-keyframes fallingLeaves {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0) rotateZ(0deg)
    }

    75% {
        opacity: 1;
        -webkit-transform: translate(100px, 600px) rotateZ(270deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(150px, 800px) rotateZ(360deg)
    }
}

@keyframes rotate-in {
    0% {
        transform: rotate(180deg) scale(.1) translateX(0) translateY(0) skewX(0) skewY(0)
    }

    25% {
        transform: rotate(145deg) scale(.5) translateX(0) translateY(0) skewX(0) skewY(0)
    }

    50% {
        transform: rotate(90deg) scale(.6) translateX(0) translateY(0) skewX(0) skewY(0)
    }

    75% {
        transform: rotate(45deg) scale(.8) translateX(0) translateY(0) skewX(0) skewY(0)
    }

    100% {
        transform: rotate(0) scale(1) translateX(0) translateY(0) skewX(0) skewY(0)
    }
}

@keyframes bounce {
    0% {
        transform: translateY(-2%)
    }

    50% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-2%)
    }
}

@keyframes bounce3 {
    0% {
        transform: translateY(2%)
    }

    50% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(2%)
    }
}

@keyframes bounce2 {
    0% {
        transform: translateY(-1%)
    }

    50% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-1%)
    }
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.95)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes shake {
    0%,100% {
        transform: translateX(0)
    }

    10%,30%,50%,70%,90% {
        transform: translateX(-10px)
    }

    20%,40%,60%,80% {
        transform: translateX(10px)
    }
}

@keyframes flash {
    0%,50%,100% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes move-from-right {
    0% {
        transform: translateX(300%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes move-from-left {
    0% {
        transform: translateX(-300%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes dash {
    from {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: 1000
    }
}

@keyframes fill-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes swinging {
    0% {
        transform: rotate(3deg)
    }

    50% {
        transform: rotate(-1deg)
    }

    100% {
        transform: rotate(3deg)
    }
}

@keyframes swinging2 {
    0% {
        transform: rotate(2deg)
    }

    50% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(2deg)
    }
}

@keyframes scale {
    0% {
        transform: scale(0) translateX(0) translateY(0) skewX(0) skewY(0)
    }

    100% {
        transform: scale(1) translateX(0) translateY(0) skewX(0) skewY(0)
    }
}

@keyframes move-from-bottom {
    0% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes move-from-top {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(100%)
    }
}

.thanksgiving2 #text {
    animation: scale 2s 1 0s ease;
    transform-origin: center
}

.thanksgiving2 #happy {
    animation: pulse 1.5s 1 1s ease;
    transform-origin: left
}

.thanksgiving2 #thanksgiving {
    animation: pulse 1.5s 1 1s ease;
    transform-origin: right
}

.thanksgiving2 #decoration {
    animation: bounce3 10s infinite 0s ease,scale .8s 1 0s linear
}

.thanksgiving2 #left-decoration {
    animation: move-from-left 1s 1 0s ease-in;
    transform-origin: center
}

.thanksgiving2 #right-decoration {
    animation: move-from-right 1s 1 0s ease-in;
    transform-origin: center
}

.thanksgiving2 #bottom-decoration {
    animation: move-from-bottom 1s 1 0s ease-in;
    transform-origin: top
}

.thanksgiving2 #leaf-main {
    animation: move-from-top 10s 1 3s ease,fill-in 2s 1 0s ease;
    transform-origin: initial
}

.thanksgiving2 #leaf {
    animation: move-from-top 20s infinite 0s backwards ease-in-out;
    transform-origin: initial;
    opacity: .4
}

.thanksgiving2 #leaf-2 {
    animation: move-from-top 15s infinite 0s forwards ease-in-out;
    transform-origin: initial;
    opacity: .4
}

.thanksgiving2 #leaf-3 {
    animation: move-from-top 18s infinite 0s forwards ease-in-out;
    transform-origin: initial;
    opacity: .4
}

.thanksgiving2 #corn {
    animation: move-from-top 21s infinite 1s forwards ease-in-out;
    transform-origin: center;
    opacity: .1
}

.thanksgiving2 #turkey {
    animation: move-from-top 22s infinite 1s forwards ease-in-out;
    transform-origin: center;
    opacity: .1
}

.thanksgiving2 #pumpkins {
    animation: move-from-top 20s infinite 1s forwards ease-in-out;
    transform-origin: center;
    opacity: .1
}

.thanksgiving3 .modal-content {
    border: 2px solid #fff;
    border-radius: 15px;
    background: linear-gradient(180deg, #c34902, #f37802, #f9da72);
    overflow: hidden
}

.thanksgiving3 .modal-body {
    position: relative;
    padding: 0;
    background: none;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.thanksgiving3 .close {
    font-size: 60px;
    font-weight: bold
}

.thanksgiving3 div.modal-dialog {
    box-shadow: none
}

.thanksgiving3 div.modal-dialog div.modal-header button.close {
    color: #fff
}

.thanksgiving3 div.modal-dialog div.modal-header button.close:hover {
    color: #64350f
}

.thanksgiving3 .modal-header .close {
    top: 0px;
    right: 15px;
    position: absolute
}

.thanksgiving3 .dealer-logo {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.thanksgiving3 .dealer-logo img {
    max-width: 175px;
    position: relative;
    margin: 0 auto
}

.thanksgiving3 div.modal-dialog div.modal-header {
    background: none;
    border: none;
    text-align: center
}

.thanksgiving3 div.modal-dialog {
    border-radius: 15px
}

.thanksgiving3 .custom-text {
    display: block;
    position: relative;
    margin: 0 auto;
    animation: scale 1.5s 1 0s ease;
    transform-origin: center
}

.thanksgiving3 .custom-text h1,.thanksgiving3 h2,.thanksgiving3 h3 {
    position: relative;
    text-align: center
}

.thanksgiving3 .custom-text h2 {
    font-size: 3em;
    line-height: 1.2;
    color: #6b6201;
    font-family: 'Pacifico',cursive;
    animation: fill-in 1.5s 1 0s ease-in;
    padding: 0 50px
}

.thanksgiving3 .custom-text h3 {
    font-size: 2em;
    line-height: 1em;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Righteous',cursive;
    animation: fill-in 1.5s 1 0s ease-in
}

.thanksgiving3 .custom-text p {
    color: #aa2800;
    font-weight: bold;
    font-size: 1.8em;
    line-height: 1.2em;
    animation: fill-in 1.5s 1 0s ease-in;
    font-family: 'Roboto Slab',serif;
    padding: 0 30px
}

.thanksgiving3 .graphic {
    position: relative;
    top: 10px
}

.thanksgiving3 svg#composition {
    width: 100%;
    overflow: hidden;
    position: relative
}

@-webkit-keyframes fallingLeaves {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0) rotateZ(0deg)
    }

    75% {
        opacity: 1;
        -webkit-transform: translate(100px, 600px) rotateZ(270deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(150px, 800px) rotateZ(360deg)
    }
}

@keyframes rotate-in {
    0% {
        transform: rotate(180deg) scale(.1) translateX(0) translateY(0) skewX(0) skewY(0)
    }

    25% {
        transform: rotate(145deg) scale(.5) translateX(0) translateY(0) skewX(0) skewY(0)
    }

    50% {
        transform: rotate(90deg) scale(.6) translateX(0) translateY(0) skewX(0) skewY(0)
    }

    75% {
        transform: rotate(45deg) scale(.8) translateX(0) translateY(0) skewX(0) skewY(0)
    }

    100% {
        transform: rotate(0) scale(1) translateX(0) translateY(0) skewX(0) skewY(0)
    }
}

@keyframes bounce {
    0% {
        transform: translateY(-2%)
    }

    50% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-2%)
    }
}

@keyframes bounce3 {
    0% {
        transform: translateY(2%)
    }

    50% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(2%)
    }
}

@keyframes bounce2 {
    0% {
        transform: translateY(-1%)
    }

    50% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-1%)
    }
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.95)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes shake {
    0%,100% {
        transform: translateX(0)
    }

    10%,30%,50%,70%,90% {
        transform: translateX(-10px)
    }

    20%,40%,60%,80% {
        transform: translateX(10px)
    }
}

@keyframes flash {
    0%,50%,100% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes move-from-right {
    0% {
        transform: translateX(300%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes move-from-left {
    0% {
        transform: translateX(-300%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes dash {
    from {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: 1000
    }
}

@keyframes fill-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes swinging {
    0% {
        transform: rotate(3deg)
    }

    50% {
        transform: rotate(-1deg)
    }

    100% {
        transform: rotate(3deg)
    }
}

@keyframes swinging2 {
    0% {
        transform: rotate(2deg)
    }

    50% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(2deg)
    }
}

@keyframes scale {
    0% {
        transform: scale(0) translateX(0) translateY(0) skewX(0) skewY(0)
    }

    100% {
        transform: scale(1) translateX(0) translateY(0) skewX(0) skewY(0)
    }
}

@keyframes move-from-bottom {
    0% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes move-from-top {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(100%)
    }
}

@keyframes fall {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(0)
    }
}

.thanksgiving3 #happy {
    animation: pulse 1.5s 1 1s ease;
    transform-origin: left
}

.thanksgiving3 #thanksgiving {
    animation: pulse 1.5s 1 1s ease;
    transform-origin: right
}

.thanksgiving3 #small-bokeh {
    animation: fill-in 2s 1 0s ease,pulse 5s infinite 2s ease;
    transform-origin: center;
    opacity: .5
}

.thanksgiving3 #small-circle-1 {
    animation: flash 9s infinite 0s ease-in-out
}

.thanksgiving3 #small-circle-3 {
    animation: flash 6s infinite 0s ease-in-out
}

.thanksgiving3 #small-circle-5 {
    animation: flash 8.5s infinite 0s ease-in-out
}

.thanksgiving3 #small-circle-7 {
    animation: flash 9s infinite 0s ease-in-out
}

.thanksgiving3 #small-circle-9 {
    animation: flash 7s infinite 0s ease-in-out
}

.thanksgiving3 #small-circle-11 {
    animation: flash 6.5s infinite 0s ease-in-out
}

.thanksgiving3 #small-circle-2 {
    animation: flash 8s infinite 0s ease-in-out
}

.thanksgiving3 #small-circle-4 {
    animation: flash 6s infinite 0s ease-in-out
}

.thanksgiving3 #small-circle-6 {
    animation: flash 8.5s infinite 0s ease-in-out
}

.thanksgiving3 #small-circle-8 {
    animation: flash 7s infinite 0s ease-in-out
}

.thanksgiving3 #small-circle-10 {
    animation: flash 9s infinite 0s ease-in-out
}

.thanksgiving3 #small-circle-12 {
    animation: flash 8s infinite 0s ease-in-out
}

.thanksgiving3 #big-bokeh {
    animation: fill-in 2s 1 0s ease,pulse 6s infinite 2s ease;
    transform-origin: center;
    opacity: .5
}

.thanksgiving3 #circle-1 {
    animation: flash 6.5s infinite 0s ease-in-out
}

.thanksgiving3 #circle-3 {
    animation: flash 5.5s infinite 0s ease-in-out
}

.thanksgiving3 #circle-5 {
    animation: flash 7s infinite 0s ease-in-out
}

.thanksgiving3 #circle-7 {
    animation: flash 8s infinite 0s ease-in-out
}

.thanksgiving3 #circle-9 {
    animation: flash 6s infinite 0s ease-in-out
}

.thanksgiving3 #circle-2 {
    animation: flash 6s infinite 0s ease-in-out
}

.thanksgiving3 #circle-4 {
    animation: flash 5s infinite 0s ease-in-out
}

.thanksgiving3 #circle-6 {
    animation: flash 7s infinite 0s ease-in-out
}

.thanksgiving3 #circle-8 {
    animation: flash 8s infinite 0s ease-in-out
}

.thanksgiving3 #circle-10 {
    animation: flash 7.5s infinite 0s ease-in-out
}

.thanksgiving3 #leaf-1 {
    animation: fall 6.5s 1 0s ease;
    transform-origin: initial
}

.thanksgiving3 #leaf-2 {
    animation: fall 5s 1 0s ease;
    transform-origin: center
}

.thanksgiving3 #leaf-3 {
    animation: fall 8.5s 1 0s ease;
    transform-origin: initial
}

.thanksgiving3 #leaf-5 {
    animation: fall 8s 1 0s ease;
    transform-origin: initial
}

.thanksgiving3 #leaf-6 {
    animation: fall 6s 1 0s ease;
    transform-origin: initial
}

.thanksgiving3 #leaf-7 {
    animation: fall 7.5s 1 0s ease;
    transform-origin: initial
}

.thanksgiving3 #leaf-8 {
    animation: fall 7s 1 0s ease;
    transform-origin: initial
}

.thanksgiving3 #feather-2 {
    animation: fall 5s 1 0s ease;
    transform-origin: initial
}

.thanksgiving3 #feather-3 {
    animation: fall 6s 1 0s ease;
    transform-origin: initial
}

.thanksgiving3 #feather-4 {
    animation: fall 6.5s 1 0s ease;
    transform-origin: initial
}

.thanksgiving3 #pumpkin-main {
    animation: move-from-bottom 1s 1 0s ease;
    transform-origin: bottom
}

.thanksgiving3 #pumpkin-left {
    animation: move-from-left 1s 1 0s ease;
    transform-origin: left
}

.thanksgiving3 #pumpkin-right {
    animation: move-from-right 1s 1 0s ease;
    transform-origin: right
}

.thanksgiving3 #shadows {
    animation: fill-in 2s 1 0s ease
}