﻿@import url(/Assets/css/normalize.css);
@import url(/Assets/css/webflow.css);
@import url(/Assets/css/model.css);

#cookie div, .toast-message .toast-text {
    text-align: center
}

@media screen and (max-width:767px) {
    #login-container, #newpassword-container, #resetpassword-container {
        display: none !important
    }
}

.w-webflow-badge {
    display: none !important
}

#cookies a, .banner-title span, .footer-list-item b, .users-wrapper {
    color: var(--light--first--main);
    text-decoration: none
}

    #cookies a:hover {
        opacity: .75
    }

.footer-wrapper .footer-list-item a:hover {
    color: var(--neutral--100);
    opacity: .75;
    transition: opacity .3s
}

#cookie .c-privacy, #cookie .c-terms, .toast-message .toast-close:hover {
    cursor: pointer
}

.toast-container .toast-text {
    font-size: 14px
}

.toast-message .spinner {
    margin: 0 auto;
    width: 70px;
    text-align: center
}

    .toast-message .spinner > div {
        width: 18px;
        height: 18px;
        background-color: #04445c;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: 1.4s ease-in-out infinite both sk-bouncedelay;
        animation: 1.4s ease-in-out infinite both sk-bouncedelay
    }

    .toast-message .spinner .bounce1 {
        -webkit-animation-delay: -.32s;
        animation-delay: -.32s
    }

    .toast-message .spinner .bounce2 {
        -webkit-animation-delay: -.16s;
        animation-delay: -.16s
    }

@-webkit-keyframes sk-bouncedelay {
    0%,100%,80% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bouncedelay {
    0%,100%,80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

#cookie {
    background-color: #000;
    margin: 0 auto;
    width: 100%;
    height: 80px;
    z-index: 10000;
    position: fixed;
    color: #fff;
    bottom: 0;
    display: none
}

    #cookie div {
        height: 100%;
        float: left;
        display: flex;
        justify-content: center;
        align-items: center
    }

    #cookie .logo1 {
        width: 20%
    }

        #cookie .logo1 img {
            width: 30%;
            vertical-align: middle
        }

    #cookie .message {
        text-align: left;
        font-family: montserrat,Arial,sans-serif;
        font-size: 10px;
        width: 66%;
        padding: 10px
    }

    #cookie .c-accept {
        width: 6%;
        justify-content: flex-end;
        margin-right: 2%;
        cursor: pointer
    }

    #cookie .c-close {
        width: 6%;
        justify-content: flex-start;
        cursor: pointer
    }

        #cookie .c-accept img, #cookie .c-close img {
            width: 30%;
            opacity: .8
        }

            #cookie .c-accept img:hover, #cookie .c-close img:hover {
                opacity: 1
            }

    #cookie.active ~ #btn-scroll {
        bottom: 92px;
        transition: .2s ease-in-out
    }

@media (max-width:768px) {
    #cookie .logo1 {
        width: 10%
    }

        #cookie .logo1 img {
            width: 80%
        }

    #cookie .message {
        width: 75%;
        font-size: 8px
    }

    #cookie .c-accept img, #cookie .c-close img {
        width: 70%
    }
}
