﻿:root {
    --white-color: #fff;
    --black-color: #000;
    --text-color: #333;
    --blue-color: #0E65FC;
    --violet-color: #B30FD6;
}

a {
    text-decoration: none;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-2px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(2px, 0, 0);
    }
}
.bg-linear {
    background-image: linear-gradient(to right, #56B8FE, #FD84EC, #B008D5);
}
.bg-black-1 {
    background-color:var(--black-color);
}
.shake-hover:hover {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    perspective: 1000px;
}

.bg-coming-soon {
    background-color: var(--black-color);
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../img/home/temp_02.jpg");
}

.custom-alert {
    z-index: 999;
    position: fixed;
    right: 10px;
    top: 110px;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:999;
}

    .sticky + main {
        padding-top: 114px;
    }
.bg-grey {
    background-color: #edf0f3;
}