.badge-info {
    background-color: rgba(23, 160, 184, 0.17);
    color: #17a2b8;
}




.social-overlap {
    position: absolute;

}


.social-icons i{
    font-size: 20px;
}

.social-icons a {
    border-radius: 50px;

    display: inline-block;
    line-height: 35px;
    height: 35px;
    width: 35px;
    box-shadow: 0 5px 25px rgba(93, 70, 232, 0.15);
    margin: 5px 5px;
    font-size: 14px;
}

a {
    text-decoration: none !important;
    color: #3f345f;
    transition: all 0.3s ease 0s;
}




/*socil*/

.process-scetion .slider-nav-item {
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    cursor: pointer;
    transition: all .4s ease;

}
.slider-nav-item:before
{
    position: absolute;
    content: "";
    height: calc(100% + 16px);
    width: calc(100% + 16px);
    top: -8px;
    left: -8px;
    border-radius: 50%;
    border: 1px solid rgba(36, 143, 220, 0.35);
    animation: 1.5s linear 0s normal none infinite focuse;
}

.process-scetion .slider-nav-item:nth-child(2) {
    color: #FD0192; }
.process-scetion .slider-nav-item:nth-child(3) {
    color: #311f9b; }
.process-scetion .slider-nav-item:nth-child(4) {
    color: #ff9259; }
.process-scetion .slider-nav-item:nth-child(5) {
    color: #38385f; }

.bxl-whatsapp{
    color: #51e84d !important;
}
.bxl-instagram{
    color: #FD0192;
}
.bx-phone-call{
    color: #311f9b;
}
.bx-mail-send{
    color: #ff9259;
}
.bxl-telegram{
    color: rgba(50, 153, 218, 0.99);
}
.process-scetion .slider-nav-item:after {
    position: absolute;
    top: 50%;
    left: 100%;
    height:1px;
    content: '';
    width: 100%;
    background: url(http://demo.themenio.com/ico/assets/images/line.png) repeat 0 0;
    z-index: 0;
    animation: slide 1s linear infinite; }
.process-scetion .slider-nav-item:last-child:after {
    display: none; }
.process-scetion .slider-nav-item .ikon {
    font-size: 50px;
    line-height: 80px; }



.process-scetion .slider-nav-item.active:before {
    position: absolute;
    content: "";
    height: calc(100% + 16px);
    width: calc(100% + 16px);
    top: -8px;
    left: -8px;
    border-radius: 50%;
    border: 1px solid rgba(132, 132, 164, 0.35);
    animation: 1.5s linear 0s normal none infinite focuse; }

@keyframes focuse {
    0% {
        transform: scale(0.8);
        opacity: 1; }
    75% {
        transform: scale(1.2);
        opacity: 0; }
    100% {
        transform: scale(1.2);
        opacity: 0; } }
@keyframes slide {
    from {
        background-position: 0 0; }
    to {
        background-position: 40px 0; } }

.shadow-img1{
    background-image:url("../img/shadow.png");
    background-repeat:no-repeat;
    background-position:bottom;
}

.shadow-img2{
    background-position: bottom;
    background-image: url("../img/shadow2.png");
    background-size: 100%;
    background-repeat: no-repeat;
}






/* ----------------------------------------------
 * Generated by Animista on 2019-9-24 11:37:28
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation jello-horizontal
 * ----------------------------------------
 */
@-webkit-keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}


.jello-horizontal {
    -webkit-animation: jello-horizontal 0.9s both;
    animation: jello-horizontal 0.9s both;
}

.social-bar a:hover i
{
    -webkit-animation: jello-horizontal 0.9s both;
    animation: jello-horizontal 0.9s both;
}


@media only screen and (max-width: 300px) {
    .process-scetion .slider-nav-item
    {
        height: 30px;
        width: 30px;
        margin: 15px 10px;
        line-height: 28px;
    }
}