.sec-test-AB {
    display: none;
}

.sec-test-AB.active {
    display: block;
}

#space-top {
    height: 80px;
}

.txt-link {
    text-decoration: underline;
    color: blue;
    cursor: pointer;
}

.pos-relative {
    position: relative !important;
}

.nav-ico-social {
    position: relative;
    width: 40px;
    height: 40px;
}

.outlined-circle {
    border: 2px solid #414141;
    border-radius: 50%;
}

.nav-ico-social .fa,
.nav-ico-social .fa-brands {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#sec-keyvis-product-1.section-keyvis,
#sec-keyvis-product-1 .container-fluid {
    padding: 0px;
}

.keyvis-bgimg-container {
    height: 580px;
}

.toHidden {
    position: absolute;
    opacity: 0;
}

.img-container.ico-formula {
    margin-bottom: 20px;
}

.col-cust-landing {
    margin-bottom: 30px;
}

#sec-banner-prod-SkincareOil-Natural.section {
    padding:0px;
}


.to-valign-middle {
    
}

.section-inner-title h2,
.section-inner-title h3 {
    letter-spacing: 0px;
}

.d-flex-row {
    display: flex;
    flex-direction: row;
}

.d-flex-col {
    box-sizing: border-box;
}

.row-v-center {
    align-items: center;
}

.bg-pic {
    margin-bottom: 0px;
}

.bg-pic img {
    margin: auto;
    width: 100%;
}

.ahref-btn,
.ahref-btn:hover {
    outline: none;
    text-decoration: none;
}

.btn-cta-rnd {
    display: inline-block;
    margin: auto;
    padding: 10px 30px;
    color: #ffffff;
    border-radius: 30px;
    border: 1px solid #FF5404;
    background-color: #FF5404;
    text-align: center;
    cursor: pointer;
    opacity: 1;
}

.btn-cta-rnd:not(.disabled):hover {
    color: #FF5404;
    background-color: #ffffff;
}

.btn-cta-rnd.disabled {
    cursor: default;
    opacity: 0.5;
}

@media (max-width: 640px) {
    #space-top {
        height: 60px;
    }

    .bg-pic {
        margin-bottom: 20px;
    }
}

@media (max-width: 640px) {
    .section {
        overflow: hidden;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        justify-content: flex-start;
        align-items: center;
    }
}

/* intro Start */
.img-intro-pregnancy-container {
    margin: auto;
    width: 100%;
}

.img-intro-pregnancy-container img {
    margin: auto;
    width: 100%;
}
/* intro End */


.col-cust-product-set-skincareoil {
    box-sizing: border-box;
}

.product-set-skincareoil-container {

}

.product-set-skincareoil-info-desc {

}

.tb {
    width: 100%;
    border-collapse: collapse;
}

.td {
    padding: 5px 10px;
}

.tb-known {
}

.td-ico {
    width: 120px;
}

.td-desc {
}


/* product feature Start */
#sec-skincareoil-feature.section {
    
}
/* product feature End */



.inner-title-list-item {
    margin-bottom: 20px;
}

.inner-title-list-item .txt-container {
    font-size: 16px;
    line-height: 24px;
}

.prod-SkincareOil-Natural-container {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.col-cust-prod-SkincareOil-Natural {
    position: relative;
}

.col-cust-child-1 {
}

.col-cust-child-2 {
}

.SCON-detail-container {

}

.SCON-detail-ico {
    margin: auto auto 20px auto;
    width: 100%;
    max-width: 145px;
}

.SCON-detail-ico img {
    margin: auto;
    width: 100%;
}

.SCON-detail-title {

}

.SCON-detail-desc {

}

@media (max-width:320px) {
    #sec-banner-prod-SkincareOil-Natural .sec-bnr-container {
        height: 650px !important;
    }

    #sec-banner-prod-SkincareOil-Natural.section {
        background: url('../images/product/skincare-oil/pregnancy/bnr-prod-skincareoil-natural-xs.jpg') no-repeat center bottom;
        background-size: cover;
    }

    .keyvis-bgimg-container {
        height: 480px;
    }
}

@media (max-width:480px) {
    .msg-research h2 {
        font-size: 20px;
        line-height: 36px;
    }

    .researcher-deco {
        padding: 0px 20px;
    }

    .SCON-detail-ico {
        margin: 20px auto 10px auto;
        max-width: 100px;
    }
    
    .SCON-detail-title {
        font-size: 18px;
    }
    
    .SCON-detail-desc {
        font-size: 14px;
    }

    .SCON-detail-desc .txt-note {
        font-size: 10px;
    }
}

@media (min-width:321px) and (max-width:480px) {
    #sec-banner-prod-SkincareOil-Natural .sec-bnr-container {
        height: 650px !important;
    }

    #sec-banner-prod-SkincareOil-Natural.section {
        background: url('../images/product/skincare-oil/pregnancy/bnr-prod-skincareoil-natural-xs.jpg') no-repeat center bottom;
        background-size: cover;
    }

    .keyvis-bgimg-container {
        height: 580px;
    }
}

@media (min-width:481px) and (max-width:640px) {
    #sec-banner-prod-SkincareOil-Natural .sec-bnr-container {
        height: 1100px !important;
    }

    #sec-banner-prod-SkincareOil-Natural.section {
        background: url('../images/product/skincare-oil/pregnancy/bnr-prod-skincareoil-natural-xs.jpg') no-repeat center bottom;
        background-size: cover;
    }

    .keyvis-bgimg-container {
        height: 1000px;
    }
}

@media (min-width:641px) and (max-width:770px) {
    #sec-banner-prod-SkincareOil-Natural .sec-bnr-container {
        height: 320px !important;
    }

    #sec-banner-prod-SkincareOil-Natural.section {
        background: url('../images/product/skincare-oil/pregnancy/bnr-prod-skincareoil-natural-sm.jpg') no-repeat center center;
        background-size: cover;
    }

    .keyvis-bgimg-container {
        height: 350px;
    }

    #sec-banner-prod-SkincareOil-Natural .section-container {
        max-width: 100% !important;
    }

    .SCON-detail-ico {
        max-width: 100px;
    }
    
    .SCON-detail-title {
        font-size: 18px;
    }
    
    .SCON-detail-desc {
        font-size: 12px;
    }

    .SCON-detail-desc .txt-note {
        font-size: 10px;
    }

}

@media (min-width:771px) and (max-width:1024px) {
    #sec-banner-prod-SkincareOil-Natural .sec-bnr-container {
        height: 470px !important;
    }

    #sec-banner-prod-SkincareOil-Natural.section {
        background: url('../images/product/skincare-oil/pregnancy/bnr-prod-skincareoil-natural-md.jpg') no-repeat center center;
        background-size: cover;
    }

    .keyvis-bgimg-container {
        height: 450px;
    }
}

@media (min-width:1025px) and (max-width:1280px) {
    #sec-banner-prod-SkincareOil-Natural .sec-bnr-container {
        height: 570px !important;
    }

    #sec-banner-prod-SkincareOil-Natural.section {
        background: url('../images/product/skincare-oil/pregnancy/bnr-prod-skincareoil-natural-md.jpg') no-repeat center center;
        background-size: cover;
    }
}

@media (min-width:1281px) and (max-width:1366px) {
    #sec-banner-prod-SkincareOil-Natural .sec-bnr-container {
        height: 570px !important;
    }

    #sec-banner-prod-SkincareOil-Natural.section {
        background: url('../images/product/skincare-oil/pregnancy/bnr-prod-skincareoil-natural-md.jpg') no-repeat center center;
        background-size: cover;
    }
}

@media (min-width:1367px) and (max-width:1440px) {
    #sec-banner-prod-SkincareOil-Natural .sec-bnr-container {
        height: 570px !important;
    }

    #sec-banner-prod-SkincareOil-Natural.section {
        background: url('../images/product/skincare-oil/pregnancy/bnr-prod-skincareoil-natural-md.jpg') no-repeat center center;
        background-size: cover;
    }

}

@media (min-width:1441px) {
    #sec-banner-prod-SkincareOil-Natural .sec-bnr-container {
        height: 630px !important;
    }

    #sec-banner-prod-SkincareOil-Natural.section {
        background: url('../images/product/skincare-oil/pregnancy/bnr-prod-skincareoil-natural-lg.jpg') no-repeat center center;
        background-size: cover;
    }
    
}

@media (min-width:993px) and (max-width:1200px) {

}

@media (max-width:640px) {
    .col-cust-landing {
        margin-bottom: 0px;
    }

    .to-valign-middle {
        
    }
    
    .prod-SkincareOil-Natural-container {
        position: relative;
        top: 0%;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@media (max-width:768px) {
    
}

@media (max-width:991px) {
    
}

@media (max-width:1024px) {
    
}

@media (min-width:768px) {
    .col-cust-landing:nth-child(3),
    .col-cust-landing:nth-child(6),
    .col-cust-landing:nth-child(9),
    .col-cust-landing:nth-child(12) {
        border-right: none;
    }
}

@media (min-width:1201px) {

}

/* modal Start */
.modal-cust {

}

.modal-cust-w600 {
    max-width: 600px;
}

.modal-cust .modal-header {
    border-bottom-color: transparent;
}

.modal-cust .modal-footer {
    border-top-color: transparent;
}

.otp-container {
    text-align: center;
}

.otp-form-container {

}

.ico-check-otp {
    margin: auto auto 20px auto;
    width: 100%;
    max-width: 90px;
}

.ico-check-otp img {
    margin: auto;
    width: 100%;
}

.otp-inps {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;

    margin: 20px auto;
}

.otp-inp {
    border: 1px solid #333333;
    border-radius: 6px;
    padding: 2px;
}

.otp-inp input[type="number"] {
    width: 30px;
    text-align: center;
    border: none;
    outline: none;
}

.otp-inp input[type="number"]::-webkit-outer-spin-button,
.otp-inp input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.otp-inp input[type="number"] {
    -moz-appearance: textfield;
}

.btn-cta-modal {
    display: inline-block;
    margin: 20px auto auto auto;
    padding: 10px 30px;
    width: auto;
    border-radius: 50px;
    border: 1px solid #FF5404;
    background-color: #FF5404;
    color: #ffffff;
    text-align: center;
    cursor: pointer;

    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.btn-cta-modal:hover {
    background-color: #ffffff;
    color: #FF5404;
}

.txt-error {
    text-align: center;
    color: #FF5404;
}
/* modal End */

/* gift how Start */
.disp-login {
    margin-bottom: 30px;
    text-align: center;
}

#sec-gift-how.section {
    margin-top: 0px;
    /* background-image: linear-gradient(0deg, #dde4ea, #fcfcfe); */
    background: url('../images/product/skincare-oil-natural/guardian/sec-bg-eligible.jpg') no-repeat center bottom;
    background-size: cover;
}

.eligible-gift-container {
}

.eligible-gift-row {
}

.eligible-gift-col {
}

.eligible-gift-card {
    margin-bottom: 30px;
}

.eligible-gift-box {
    
}

.eligible-gift-flex {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.eligible-gift-flex-item {
}

.eligible-gift-box {
    margin: auto;
    width: 100%;
    max-width: 500px;
    border-radius: 30px;
    padding: 10px;
    background-color: #fff5f0;
}

.eligible-gift-inner {
    border-radius: 20px;
    border: 2px solid #eac600;
    padding: 20px 30px;
}

.eligible-gift-img {
    margin: auto;
    width: 100%;
    max-width: 360px;
}

.eligible-gift-img img {
    margin: auto;
    width: 100%;
}

.eligible-gift-title {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 30px;
}

.eligible-gift-value {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 10px;
    padding: 10px 40px;
    height: 44px;
    background-image: linear-gradient(0deg, #e79a06, #f9c052);
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
}

.eligible-gift-value::before {
    content:'';
    position: absolute;
    top: 0px;
    left: -2px;
    width: 44px;
    height: 44px;
    border-top: 22px solid transparent;
    border-right: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 22px solid #fff5f0;
}

.eligible-gift-value::after {
    content:'';
    position: absolute;
    top: 0px;
    right: -2px;
    width: 44px;
    height: 44px;
    border-top: 22px solid transparent;
    border-right: 22px solid #fff5f0;
    border-bottom: 22px solid transparent;
    border-left: 22px solid transparent;
}

.eligible-gift-desc {

}

.eligible-gift-desc ul,
.eligible-gift-desc ol {
    padding-left: 20px;
}

.col-md-12.eligible-gift-col .eligible-gift-flex {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.col-md-12.eligible-gift-col .eligible-gift-box {
    margin: auto;
    width: 100%;
    max-width: 500px;
    border-radius: 30px;
    padding: 10px;
    background-color: #6b5f86;
    color: #ffffff;
}

.col-md-12.eligible-gift-col .eligible-gift-inner {
    border-radius: 20px;
    border: 2px solid #ffffff;
    padding: 20px 40px;
}

.col-md-12.eligible-gift-col .eligible-gift-value::before {
    border-left: 22px solid #6b5f86;
}

.col-md-12.eligible-gift-col .eligible-gift-value::after {
    border-right: 22px solid #6b5f86;
}

.col-md-12.eligible-gift-col .eligible-gift-img {
    max-width: 450px;
}

.col-md-12.eligible-gift-col .eligible-gift-title {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 40px;
}

@media (max-width: 640px) {
    .col-md-12.eligible-gift-col .eligible-gift-flex {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    .col-md-12.eligible-gift-col .eligible-gift-inner {
        padding: 20px 30px;
    }

    .col-md-12.eligible-gift-col .eligible-gift-title {
        font-size: 24px;
        line-height: 30px;
    }
}
/* gift how End */

/* deco anim Start */

/* float duration 4 sec */
.efx-anim-float-4s {
    -webkit-animation: anim-efx-float-4s 4s ease-out 0s infinite;
    -moz-animation: anim-efx-float-4s 4s ease-out 0s infinite;
    -ms-animation: anim-efx-float-4s 4s ease-out 0s infinite;
    animation: anim-efx-float-4s 4s ease-out 0s infinite;
}
@-webkit-keyframes anim-efx-float-4s {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(10%);
    }
    100% {
        transform: translateY(0%);
    }
}
@-moz-keyframes anim-efx-float-4s {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(10%);
    }
    100% {
        transform: translateY(0%);
    }
}
@-ms-keyframes anim-efx-float-4s {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(10%);
    }
    100% {
        transform: translateY(0%);
    }
}
@keyframes anim-efx-float-4s {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(10%);
    }
    100% {
        transform: translateY(0%);
    }
}

/* float duration 6 sec */
.efx-anim-float-6s {
    -webkit-animation: anim-efx-float-6s 6s ease-out 0s infinite;
    -moz-animation: anim-efx-float-6s 6s ease-out 0s infinite;
    -ms-animation: anim-efx-float-6s 6s ease-out 0s infinite;
    animation: anim-efx-float-6s 6s ease-out 0s infinite;
}
@-webkit-keyframes anim-efx-float-6s {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(10%);
    }
    100% {
        transform: translateY(0%);
    }
}
@-moz-keyframes anim-efx-float-6s {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(10%);
    }
    100% {
        transform: translateY(0%);
    }
}
@-ms-keyframes anim-efx-float-6s {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(10%);
    }
    100% {
        transform: translateY(0%);
    }
}
@keyframes anim-efx-float-6s {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(10%);
    }
    100% {
        transform: translateY(0%);
    }
}

/* float up duration 20 sec */
.efx-anim-float-up-20s {
    -webkit-animation: anim-efx-float-up-20s 20s ease-out 0s infinite;
    -moz-animation: anim-efx-float-up-20s 20s ease-out 0s infinite;
    -ms-animation: anim-efx-float-up-20s 20s ease-out 0s infinite;
    animation: anim-efx-float-up-20s 20s ease-out 0s infinite;
}
@-webkit-keyframes anim-efx-float-up-20s {
    0% {
        top: 150%;
    }
    100% {
        top: -50%;
    }
}
@-moz-keyframes anim-efx-float-up-20s {
    0% {
        top: 150%;
    }
    100% {
        top: -50%;
    }
}
@-ms-keyframes anim-efx-float-up-20s {
    0% {
        top: 150%;
    }
    100% {
        top: -50%;
    }
}
@keyframes anim-efx-float-up-20s {
    0% {
        top: 150%;
    }
    100% {
        top: -50%;
    }
}

/* spin duration 20 sec */
.efx-glow {
    position: relative;
    z-index: -1;
}

.efx-glow-elm {
    position: relative;
    z-index: 10;
}

.efx-glow-light {
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

    -webkit-transform: translate(-50%, -50%) scaleY(0.7);
    -moz-transform: translate(-50%, -50%) scaleY(0.7);
    -ms-transform: translate(-50%, -50%) scaleY(0.7);
    transform: translate(-50%, -50%) scaleY(0.7);
}

.efx-anim-spin-20s {
    -webkit-animation: anim-efx-spin-20s 20s linear 0s infinite;
    -moz-animation: anim-efx-spin-20s 20s linear 0s infinite;
    -ms-animation: anim-efx-spin-20s 20s linear 0s infinite;
    animation: anim-efx-spin-20s 20s linear 0s infinite;
}

@-webkit-keyframes anim-efx-spin-20s {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
    }
}
@-moz-keyframes anim-efx-spin-20s {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
    }
}
@-ms-keyframes anim-efx-spin-20s {
    0% {
        -ms-transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(359deg);
    }
}
@keyframes anim-efx-spin-20s {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

/* animation shaking */
@-webkit-keyframes shaking {
    0% {-webkit-transform: rotate(0deg)}
    3% {-webkit-transform: rotate(15deg)}
    4% {-webkit-transform: rotate(-15deg)}
    5% {-webkit-transform: rotate(7deg)}
    6% {-webkit-transform: rotate(-7deg)}
    7% {-webkit-transform: rotate(5deg)}
    8% {-webkit-transform: rotate(0deg)}
    100% {-webkit-transform: rotate(0deg)}
}

@-moz-keyframes shaking {
    0% {-moz-transform: rotate(0deg)}
    3% {-moz-transform: rotate(15deg)}
    4% {-moz-transform: rotate(-15deg)}
    5% {-moz-transform: rotate(7deg)}
    6% {-moz-transform: rotate(-7deg)}
    7% {-moz-transform: rotate(5deg)}
    8% {-moz-transform: rotate(0deg)}
    100% {-moz-transform: rotate(0deg)}
}

@-ms-keyframes shaking {
    0% {-ms-transform: rotate(0deg)}
    3% {-ms-transform: rotate(15deg)}
    4% {-ms-transform: rotate(-15deg)}
    5% {-ms-transform: rotate(7deg)}
    6% {-ms-transform: rotate(-7deg)}
    7% {-ms-transform: rotate(5deg)}
    8% {-ms-transform: rotate(0deg)}
    100% {-ms-transform: rotate(0deg)}
}

@keyframes shaking {
    0% {transform: rotate(0deg)}
    10% {transform: rotate(15deg)}
    20% {transform: rotate(-15deg)}
    30% {transform: rotate(7deg)}
    40% {transform: rotate(-7deg)}
    50% {transform: rotate(5deg)}
    60% {transform: rotate(0deg)}
    100% {transform: rotate(0deg)}
}

.anim-shake {
    -webkit-transform-origin: bottom center;
    -moz-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;

    -webkit-animation: shaking 2s linear infinite;
    -moz-animation: shaking 2s linear infinite;
    -ms-animation: shaking 2s linear infinite;
    animation: shaking 2s linear infinite;
}

/* animation bounce */
@-webkit-keyframes bouncing {
    0% {-webkit-transform: scale(1,1)}
    10% {-webkit-transform: scale(1.1,0.8)}
    20% {-webkit-transform: scale(0.9,1.2)}
    30% {-webkit-transform: scale(1.09,0.9)}
    40% {-webkit-transform: scale(0.95,1.1)}
    50% {-webkit-transform: scale(1,0.95)}
    60% {-webkit-transform: scale(1,1)}
    100% {-webkit-transform: scale(1,1)}
}

@-moz-keyframes bouncing {
    0% {-moz-transform: scale(1,1)}
    10% {-moz-transform: scale(1.1,0.8)}
    20% {-moz-transform: scale(0.9,1.2)}
    30% {-moz-transform: scale(1.09,0.9)}
    40% {-moz-transform: scale(0.95,1.1)}
    50% {-moz-transform: scale(1,0.95)}
    60% {-moz-transform: scale(1,1)}
    100% {-moz-transform: scale(1,1)}
}

@-ms-keyframes bouncing {
    0% {-ms-transform: scale(1,1)}
    10% {-ms-transform: scale(1.1,0.8)}
    20% {-ms-transform: scale(0.9,1.2)}
    30% {-ms-transform: scale(1.09,0.9)}
    40% {-ms-transform: scale(0.95,1.1)}
    50% {-ms-transform: scale(1,0.95)}
    60% {-ms-transform: scale(1,1)}
    100% {-ms-transform: scale(1,1)}
}

@keyframes bouncing {
    0% {transform: scale(1,1)}
    10% {transform: scale(1.1,0.8)}
    20% {transform: scale(0.9,1.2)}
    30% {transform: scale(1.09,0.9)}
    40% {transform: scale(0.95,1.1)}
    50% {transform: scale(1,0.95)}
    60% {transform: scale(1,1)}
    100% {transform: scale(1,1)}
}

.anim-bounce {
    -webkit-transform-origin: bottom center;
    -moz-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;

    -webkit-animation: bouncing 2s linear infinite;
    -moz-animation: bouncing 2s linear infinite;
    -ms-animation: bouncing 2s linear infinite;
    animation: bouncing 2s linear infinite;
}

/* animation jump */
@-webkit-keyframes jumping {
    0% {bottom: 0px; -webkit-transform: scale(1,1)}
    5% {bottom: 0px; -webkit-transform: scale(1.1, 0.8)}
    7% {bottom: 0px; -webkit-transform: scale(1,1)}
    12% {bottom: 30px; -webkit-transform: scale(0.9,1.2)}
    16% {bottom: 50px; -webkit-transform: scale(1,1)}
    20% {bottom: 0px; -webkit-transform: scale(1,1)}
    24% {bottom: 0px; -webkit-transform: scale(1.1,0.9)}
    28% {bottom: 0px; -webkit-transform: scale(0.95,1.05)}
    36% {bottom: 0px; -webkit-transform: scale(1,1)}
    100% {bottom: 0px; -webkit-transform: scale(1,1)}
}

@-moz-keyframes jumping {
    0% {bottom: 0px; -moz-transform: scale(1,1)}
    5% {bottom: 0px; -moz-transform: scale(1.1, 0.8)}
    7% {bottom: 0px; -moz-transform: scale(1,1)}
    12% {bottom: 30px; -moz-transform: scale(0.9,1.2)}
    16% {bottom: 50px; -moz-transform: scale(1,1)}
    20% {bottom: 0px; -moz-transform: scale(1,1)}
    24% {bottom: 0px; -moz-transform: scale(1.1,0.9)}
    28% {bottom: 0px; -moz-transform: scale(0.95,1.05)}
    36% {bottom: 0px; -moz-transform: scale(1,1)}
    100% {bottom: 0px; -moz-transform: scale(1,1)}
}

@-ms-keyframes jumping {
    0% {bottom: 0px; -ms-transform: scale(1,1)}
    5% {bottom: 0px; -ms-transform: scale(1.1, 0.8)}
    7% {bottom: 0px; -ms-transform: scale(1,1)}
    12% {bottom: 30px; -ms-transform: scale(0.9,1.2)}
    16% {bottom: 50px; -ms-transform: scale(1,1)}
    20% {bottom: 0px; -ms-transform: scale(1,1)}
    24% {bottom: 0px; -ms-transform: scale(1.1,0.9)}
    28% {bottom: 0px; -ms-transform: scale(0.95,1.05)}
    36% {bottom: 0px; -ms-transform: scale(1,1)}
    100% {bottom: 0px; -ms-transform: scale(1,1)}
}

@keyframes jumping {
    0% {bottom: 0px; transform: scale(1,1)}
    5% {bottom: 0px; transform: scale(1.1, 0.8)}
    7% {bottom: 0px; transform: scale(1,1)}
    12% {bottom: 30px; transform: scale(0.9,1.2)}
    16% {bottom: 50px; transform: scale(1,1)}
    20% {bottom: 0px; transform: scale(1,1)}
    24% {bottom: 0px; transform: scale(1.1,0.9)}
    28% {bottom: 0px; transform: scale(0.95,1.05)}
    36% {bottom: 0px; transform: scale(1,1)}
    100% {bottom: 0px; transform: scale(1,1)}
}

.anim-jump {
    -webkit-transform-origin: bottom center;
    -moz-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;

    -webkit-animation: jumping 2.5s linear infinite;
    -moz-animation: jumping 2.5s linear infinite;
    -ms-animation: jumping 2.5s linear infinite;
    animation: jumping 2.5s linear infinite;
}

/* animation wave */
@-webkit-keyframes waving {
    0% {bottom: 0px; -webkit-transform: scale(1,1)}
    5% {bottom: 0px; -webkit-transform: scale(1.1, 0.8)}
    7% {bottom: 0px; -webkit-transform: scale(1,1)}
    12% {bottom: 30px; -webkit-transform: scale(0.9,1.2)}
    16% {bottom: 50px; -webkit-transform: scale(1,1)}
    20% {bottom: 0px; -webkit-transform: scale(1,1)}
    24% {bottom: 0px; -webkit-transform: scale(1.1,0.9)}
    28% {bottom: 0px; -webkit-transform: scale(0.95,1.05)}
    36% {bottom: 0px; -webkit-transform: scale(1,1)}
    100% {bottom: 0px; -webkit-transform: scale(1,1)}
}

@-moz-keyframes waving {
    0% {bottom: 0px; -moz-transform: scale(1,1)}
    5% {bottom: 0px; -moz-transform: scale(1.1, 0.8)}
    7% {bottom: 0px; -moz-transform: scale(1,1)}
    12% {bottom: 30px; -moz-transform: scale(0.9,1.2)}
    16% {bottom: 50px; -moz-transform: scale(1,1)}
    20% {bottom: 0px; -moz-transform: scale(1,1)}
    24% {bottom: 0px; -moz-transform: scale(1.1,0.9)}
    28% {bottom: 0px; -moz-transform: scale(0.95,1.05)}
    36% {bottom: 0px; -moz-transform: scale(1,1)}
    100% {bottom: 0px; -moz-transform: scale(1,1)}
}

@-ms-keyframes waving {
    0% {bottom: 0px; -ms-transform: scale(1,1)}
    5% {bottom: 0px; -ms-transform: scale(1.1, 0.8)}
    7% {bottom: 0px; -ms-transform: scale(1,1)}
    12% {bottom: 30px; -ms-transform: scale(0.9,1.2)}
    16% {bottom: 50px; -ms-transform: scale(1,1)}
    20% {bottom: 0px; -ms-transform: scale(1,1)}
    24% {bottom: 0px; -ms-transform: scale(1.1,0.9)}
    28% {bottom: 0px; -ms-transform: scale(0.95,1.05)}
    36% {bottom: 0px; -ms-transform: scale(1,1)}
    100% {bottom: 0px; -ms-transform: scale(1,1)}
}

@keyframes waving {
    0% {transform: rotate(0deg)}
    30% {transform: rotate(2deg)}
    70% {transform: rotate(-2deg)}
    100% {transform: rotate(0deg)}
}

.anim-wave {
    -webkit-transform-origin: bottom center;
    -moz-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;

    -webkit-animation: waving 2.5s linear infinite;
    -moz-animation: waving 2.5s linear infinite;
    -ms-animation: waving 2.5s linear infinite;
    animation: waving 2.5s linear infinite;

    -webkit-animation-duration: var(--d);
    -moz-animation-duration: var(--d);
    -ms-animation-duration: var(--d);
    animation-duration: var(--d);
}
/* deco anim End */