.floatbutton {
    position: fixed;
    right: 15px;
    bottom: 10%;
    z-index: 999;
    width: 44px;
    height: 44px;
    border-radius: 50px;
    transition: all 0.4s;
    justify-items: center !important;
    border: 2px solid #cda45e;
    text-align: center !important;
}


.my-float {
    color: #cda45e;
    margin-top: 30%;
}

.intro-banner-cart-btn {
    border-radius: 100px;
    z-index: 1;
}

    .intro-banner-cart-btn .ripple {
        opacity: .4;
        border-radius: 100px;
        -webkit-animation: ripple 1.8s infinite;
        animation: ripple 5s infinite;
        text-align: center;
    }

@-webkit-keyframes ripple {

    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: .3;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ripple {
    2% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.intro-banner-vdo-play-btn .ripple:nth-child(2) {
    animation-delay: .5s;
    -webkit-animation-delay: .5s
}

.intro-banner-vdo-play-btn .ripple:nth-child(3) {
    animation-delay: .8s;
    -webkit-animation-delay: .8s
}

.my_notify {
    font-size: 1em;
    background-color: #cda45e;
    height: 1.5rem !important;
    width: 1.5rem !important;
    text-align: center;
    border-radius: 50%;
    justify-content: center;
    padding: 0em 0em !important;
}

.rotateImage {
    animation: rotation 2s infinite linear;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.Iam .innerIam {
    display: inline-block;
    position: relative;
    white-space: nowrap;
    left: 0;
    left: 0;
    /*animation*/
    -webkit-animation: move 5s;
    -moz-animation: move 5s;
    -ms-animation: move 5s;
    -o-animation: move 5s;
    animation: move 5s;
    /*animation-iteration-count*/
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    /*animation-delay*/
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}

@keyframes move {
    0% {
        left: 0px;
    }

    20% {
        left: -50px;
    }
}

@-webkit-keyframes move {
    0% {
        left: 0px;
    }

    20% {
        left: -50px;
    }
}

@-moz-keyframes move {
    0% {
        left: 0px;
    }

    20% {
        left: -50px;
    }
}

@-o-keyframes move {
    0% {
        left: 0px;
    }

    20% {
        left: -50px;
    }
}

@keyframes move {
    0% {
        left: 0px;
    }

    20% {
        left: -50px;
    }
}



@keyframes tipsy {
    0% {
        transform: translateX(-50%) translateY(-50%) rotate(0deg);
    }

    100% {
        transform: translateX(-50%) translateY(-50%) rotate(360deg);
        font-size: 72px !important;
    }
}