.cookie-consent-popup {
    animation-name: show;
    animation-duration: 1s;
    animation-timing-function: ease;
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
}

.cookie-consent-popup.open {
    display: block;
    opacity: 1;
    animation-name: show;
    animation-duration: 1s;
    background: #fff;
    padding: 0.6rem 1.8rem;
    /* font-size: 16px; */
    border-top: 1px solid #dbdde4;
    animation-timing-function: ease;
}

.cookie-consent-message {
    font-size: 0.875rem;
    color: #6b6f82;
    line-height: 1.75rem;
    font-family: "LucidaGrande", sans-serif;
    letter-spacing: normal;
    width: calc(100% - 200px);
    margin: 0;
}

.cookie-consent-controls {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease-out;
    -moz-transition: max-height 0.5s ease-out;
    transition: max-height 0.5s ease-out;
}

.cookie-consent-controls.open {
    margin: 0 0 30px 0;
    max-height: 600px;
}

.cookie-consent-details {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease-out;
    -moz-transition: max-height 0.5s ease-out;
    transition: max-height 0.5s ease-out;
}

.cookie-consent-details.open {
    max-height: 600px;
}
.cookie-consent-link {
    clear: both;
    display: block;
}
.cookie-consent-controls-toggle, .cookie-consent-details-toggle {
    display: none;
}
.cookie-consent-accept-all {
    position: absolute;
    top: 15px;
    right: 1.8rem;
    line-height: 36px;
    width: 150px;
    color: #fff;
    border: none;
    background: #eb7835;
    border-radius: 3px;
    cursor: pointer;
}
.cookie-consent-accept-all:hover {
    background: #d66d1c;
}

@keyframes show {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes hide {
    from {opacity: 1;}
    to {opacity: 0;}
}


@media (min-width: 767px) {
    #cookie_modal .modal-dialog {
        max-width: 500px;
        width: 100%;
    }
    #cookie_modal .modal-body {
        font-family: sans-serif;
        flex: 1 1 auto;
        padding: 16px;
        height: auto;
        font-size: 16px;


    }
    #cookie_modal .modal-body h4 {
        font-size:24px;
        font-weight:500;
        margin: 0 0 10px 0;
        line-height:28.8px;
    }
}
@media (max-width: 766px) {
    #cookie_modal .modal-dialog {
        max-width: 500px;
        width: 100%;
    }
    #cookie_modal .modal-body {
        font-family: sans-serif;
        flex: 1 1 auto;
        padding: 16px;
        height: auto;
        font-size: 16px;


    }
    #cookie_modal .modal-body h4 {
        font-size:24px;
        font-weight:500;
        margin: 0 0 10px 0;
        line-height:28.8px;
    }
}