.cookie-modal .uk-modal-header {
    border-color: #E5E5E5
}

.cookie-modal .uk-modal-title {
    color: #383533;
    font-size: 24px;
}

.cookie-modal .uk-modal-dialog {
    border-top: 0;
}

.cookie-modal [class*=uk-modal-close-] {
    background-color: transparent;
    color: #C4C4C4;
    padding: 0;
    top: 22px;
    right: 18px;
}

.cookie-modal [class*=uk-modal-close-] svg {
    width: 14px;
    height: 14px;
}

.cookie-modal .uk-accordion-title {
    font-size: 24px;
    font-weight: 400;
    color: #383533;
    justify-content: flex-start;
    padding: 0;
}

@media(max-width: 650px) {

    .uk-modal.cookie-modal{
        padding: 25px 10px;
    }

    .cookie-modal .uk-accordion-title {
        font-size: 18px;
        margin-bottom: 20px;
        width:100%;
    }

    .option-area{
        width:100%;
    }

    .cookie-modal .uk-modal-body {
        padding: 20px 20px;
    }

    .cookie-modal .uk-modal-footer .uk-button-default{
        padding: 0 12px;
        margin-top: 20px;
    }
}

.cookie-modal .uk-accordion-title::after {
    content: none;
}

.cookie-modal .uk-accordion-title::before {
    content: "";
    width: 1.4em;
    height: 1.4em;
    margin-left: 0;
    background-image: url('../images/icons/down.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.cookie-modal .uk-open>.uk-accordion-title::before {
    background-image: url('../images/icons/up.svg');
}

.cookie-modal .uk-accordion>:nth-child(n+2) {
    margin-top: 24px;
}

.option-area span {
    font-size: 18px;
    font-weight: 400;
    color: #6DAB1B;
}

.cookie-modal .uk-modal-footer {
    border-top: 0;
    padding-top: 0;
}

.cookie-modal .uk-modal-footer .uk-button-default {
    border: 1px solid #383533;
    color: #383533;
    background-color: transparent;
}

.cookie-modal .uk-modal-footer .uk-button-primary {
    border: 1px solid #6dab1c;
}




/* -----------------------------
Switch */

.uk-switch {
    position: relative;
    display: inline-block;
    height: 12px;
    width: 48px;
}


/* Hide default HTML checkbox */

.uk-switch input {
    display: none;
}


/* Slider */

.uk-switch-slider {
    background-color: #E5E5E5;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 500px;
    bottom: 0;
    cursor: pointer;
    transition-property: background-color;
    transition-duration: .2s;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.07);
}


/* Switch pointer */

.uk-switch-slider:before {
    content: '';
    background-color: #C4C4C4;
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0;
    bottom: -6px;
    border-radius: 50%;
    transition-property: transform, box-shadow;
    transition-duration: .2s;
}


/* Slider active color */

input:checked+.uk-switch-slider {
    background-color: #EBF9D9 !important;
}

input:checked+.uk-switch-slider:before {
    background-color: #6DAB1B !important;
}


/* Pointer active animation */

input:checked+.uk-switch-slider:before {
    transform: translateX(26px);
}
