/*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

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

        /*jssor slider bullet skin 051 css*/
        .jssorb051 .i {
            position: absolute;
            cursor: pointer;
        }

            .jssorb051 .i .b {
                fill: #fff;
                fill-opacity: 0.5;
            }

            .jssorb051 .i:hover .b {
                fill-opacity: .7;
            }

        .jssorb051 .iav .b {
            fill-opacity: 1;
        }

        .jssorb051 .i.idn {
            opacity: .3;
        }

        /*jssor slider arrow skin 051 css*/
        .jssora051 {
            display: block;
            position: absolute;
            cursor: pointer;
        }

            .jssora051 .a {
                fill: none;
                stroke: #fff;
                stroke-width: 360;
                stroke-miterlimit: 10;
            }

            .jssora051:hover {
                opacity: .8;
            }

            .jssora051.jssora051dn {
                opacity: .5;
            }

            .jssora051.jssora051ds {
                opacity: .3;
                pointer-events: none;
            }
.add-list {
    list-style:none;
    padding:0;
}
    .add-list li i {
        padding-right:15px;
    }
    .add-list li {
        margin-bottom:10px;
    }

    /*whatsapp icon*/

.my-float {
    /* margin-top:14px; */
}

.my-float {
    position: fixed;
    bottom: 110px;
    /*left:25px;*/
    right: 25px;
    z-index: 9999;
}

.wbtn {
    text-align: center;
}

    .wbtn a img {
        position: relative;
        width: 70px;
        height: 70px;
        border: none;
        box-shadow: 0 0 0 0 rgba(0, 201, 255, 0.5);
        border-radius: 50%;
        background-color: transparent;
        background-size: 145px auto;
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer;
        -webkit-animation: rippleOne 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        -moz-animation: rippleOne 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        -ms-animation: rippleOne 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        animation: rippleOne 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        text-indent: 1000%;
        overflow: hidden;
        white-space: nowrap;
    }

        .wbtn a img:hover {
            -webkit-animation: none;
            -moz-animation: none;
            -ms-animation: none;
            animation: none;
        }

@-webkit-keyframes rippleOne {
    70% {
        box-shadow: 0 0 0 70px rgba(244,68,56,0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(244,68,56,0);
    }
}

@keyframes rippleOne {
    70% {
        box-shadow: 0 0 0 70px rgba(244,68,56,0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(244,68,56,0);
    }
}

@-webkit-keyframes rippleOne {
    70% {
        box-shadow: 0 0 0 70px rgba(244,68,56,0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(244,68,56,0);
    }
}

@keyframes rippleOne {
    70% {
        box-shadow: 0 0 0 70px rgba(244,68,56,0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(244,68,56,0);
    }
}


@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
    }
}

@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
    }
}

@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
    }
}


[tooltip]:before {
    font-weight: 500;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #585858;
    color: #fff;
    content: attr(tooltip);
    font-size: 12px;
    visibility: hidden;
    opacity: 0;
    padding: 5px 7px;
    margin-left: 10px;
    position: absolute;
    left: 100%;
    bottom: 5%;
    white-space: nowrap;
}

[tooltip]:hover:before,
[tooltip]:hover:after {
    visibility: visible;
    opacity: 1;
}