@-webkit-keyframes swing{
20%,40%,60%,80%,100%{-webkit-transform-origin:top center}
20%{-webkit-transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes swing{
20%,40%,60%,80%,100%{-moz-transform-origin:top center}
20%{-moz-transform:rotate(15deg)}
40%{-moz-transform:rotate(-10deg)}
60%{-moz-transform:rotate(5deg)}
80%{-moz-transform:rotate(-5deg)}
100%{-moz-transform:rotate(0deg)}
}
@keyframes swing{
20%,40%,60%,80%,100%{transform-origin:top center}
20%{transform:rotate(15deg)}
40%{transform:rotate(-10deg)}
60%{transform:rotate(5deg)}
80%{transform:rotate(-5deg)}
100%{transform:rotate(0deg)}
}
#animation {-webkit-animation:swing 5s .2s ease infinite;-moz-animation:swing 5s .2s ease infinite;animation:swing 5s .2s ease infinite;}
.animation {right: 11.04%;z-index: 9;cursor: pointer;}
@media (max-width: 1750px) {
.animation {right: 3.04%;}
}
@media (max-width: 1560px) {
.animation {right: 3.04%;}
}

#defaultCountdown .countdown_row {display: flex;justify-content: center;align-items: center;}
#defaultCountdown .countdown_section {display: block;position: relative;width: 4rem;height: 4.6875rem;border: 1px solid #ffe3d4;border-radius: 4.6px;margin: 0 0.75rem;font-size: 0.625rem;text-transform: uppercase;}
#defaultCountdown .countdown_section:after {display: block;content: ":";position: absolute;top: 0;bottom: 0;right: -0.9375rem;color: #fff;font-size: 2.5rem;}
#defaultCountdown .countdown_section:last-child:after {display: none;}
#defaultCountdown .countdown_amount {display: inline-block;width: 100%;font-size: 2.5rem;font-weight: bold;line-height: normal;}


.text-golden {color: #ffe9be;}
.text-christmasRed {color: #d20031;}
.text-check {color: #30876a;}
.text-drop {color: #ffe5c3;text-shadow: 0 0 0 #ffe5c3, 0 2px 4px #f37460;}
.text-grayer-1 {color: #474747;}
.text-grayer-2 {color: #6d757d;}
.text-underline {text-decoration: underline;}
.text-capitalize {text-transform: capitalize;}
.bg-christmas {background: #fff url(https://pdf.wondershare.com/assets/christmas_2019/images/bg_christmas.png) center;padding: 0.375rem;border-radius: .25rem;box-shadow: 0px 16px 24px rgba(0,0,0,0.15);}
.bg-snow {background: url(https://pdf.wondershare.com/assets/christmas_2019/images/bg_snow.png) center;}
nav .nav-item {width: 10rem;max-width: 100%;border: 1px solid #979797;text-decoration: none;}
nav .nav-item:hover {background-color: #6d757d!important;color: #fff!important;}
nav .nav-item.active {background-color: #6d757d!important;color: #fff!important;}
@media (min-width: 1600px) {
.ml-reverse-xl-4 {margin-left: -1.5rem;}
}
@media (min-width: 768px) {
#modal-share .modal-dialog {max-width: 26rem;}
#modal-coupon .modal-dialog {max-width: 28.5rem;}
}
.modal-dialog .bg-christmas {background-size: auto 100%;}
#modal-coupon span {left: 0;right: 0;top: -0.875rem;}
#modal-coupon a#copy {text-transform: capitalize;}
#modal-coupon input {color: transparent;z-index: -99;left: 0;bottom: 0;}


.hero {background: url(https://pdf.wondershare.com/assets/christmas_2019/images/hero.png) no-repeat center top;background-size: cover;}
a[name="coupon"] {background-color: #d20031;border: 1px solid #ffe9be;color: #ffe9be!important;}
.conter {background: url(https://pdf.wondershare.com/assets/christmas_2019/images/full_bg.png) center top;background-size: 100% auto;}
.tree {bottom: 0;left: -4%;}
.ruler {min-height: 6.125rem;max-height: 100%;}
.titler {top: -4%;left: 0;right: 0;}
.offer {top: -0.75rem;left: -1.875rem;width: 5.5rem;height: 5.5rem;background: url(https://pdf.wondershare.com/assets/christmas_2019/images/off.png) no-repeat center;background-size: cover;line-height: normal;}
.hero-footer {background: #025649 url(https://pdf.wondershare.com/assets/christmas_2019/images/bg_tree.png) center;}
.birder {top: -25%;left: -5%;}
a[data-toggle="collapse"] i {transition: all .4s;transform: rotate(270deg);}
a[data-toggle="collapse"].collapsed i {transform: rotate(90deg);}
@media (max-width: 1200px) {
.titler {top: -2.5%;}
.birder {top: -23.5%;left: -3%;}
}
@media (max-width: 992px) {
.titler {top: -2.3%;}
.birder {top: -15.9%;left: -3%;}
}
@media (max-width: 576px) {
.titler {top: -1.6%;}
.birder {top: -10.7%;left: 1%;}
}