@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');

.to_that {
    cursor: pointer;
}

.error {
    color: #f64e60;
}

.is-outdated {
    border-color: #e57c22;
    padding-right: calc(1.5em + 1.3rem);
    position: relative;
}

.is-outdated::after {
    content: '\f017';
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 11px;
    color: #e57c22;
    font-size: 15px;

}

#kt_header_menu {
    padding-left: 150px;
}

.header-logo-img {
    height: 125px;
    position: absolute;
    top: 5px;
}

.nominis_lien {
    margin: 0;
}

#QuoteOFDay div > br {
    display: none;
}

#QuoteOFDay div a:first-child {
    display: block;
}

#QuoteOFDay div a {
    color: #7337EE;
}

.form-control.form-control-solid {
    background-color: #e6e7e8;
    border-color: #e6e7e8;
    color: #000;
}

.form-control.form-control-solid::placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.input-group.input-group-solid {
    background-color: #e6e7e8;
    border-color: #e6e7e8;
    color: #000;
}

.bg {
    animation:slide 3s ease-in-out infinite alternate;
    background-image: linear-gradient(-60deg, #6c3 50%, #09f 50%);
    bottom:0;
    left:-50%;
    opacity:.5;
    position:fixed;
    right:-50%;
    top:0;
    z-index:-1;
}

.bg2 {
    animation-direction:alternate-reverse;
    animation-duration:4s;
}

.bg3 {
    animation-duration:5s;
}

.slider.indep img {
    width: 35%;
    float: left;
    margin-right: 15px;
}

.horoscope-wrap{
    margin-top: 40px;
}

/* .horoscope-wrap p {
    display: none;
} */

.arrows-slider .arrow-left, .arrows-slider .arrow-right {
    cursor: pointer;
}

.sticky-note {
    line-height: 100%;
    font-size: 24px;
    font-family: 'Caveat', cursive;
    text-decoration:none;
    color:#000;
    background:#ffc;
    display:block;
    height:250px;
    width:250px;
    overflow: auto;
    padding:1em;
    box-shadow: 5px 5px 7px rgba(33,33,33,.2);
    transform: rotate(4deg);
    transition: transform .15s linear;
    margin: auto;
}

.sticky-note:hover, .sticky-note:focus{
    box-shadow:10px 10px 7px rgba(0,0,0,.2);
    transform: scale(1.25);
    position:relative;
    z-index:5;
}

.flex-align-center {
    display: flex;
    align-items: center;
}

.heartbeat {
    -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
    animation: heartbeat 1.5s ease-in-out infinite both;
}

@keyframes slide {
    0% {
        transform:translateX(-25%);
    }
    100% {
        transform:translateX(25%);
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2021-6-25 10:45:30
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
@keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}