*,
*::before,
*::after {
    box-sizing: border-box;
}
*:focus {
    outline: none;
}
:root {
    --primary: var(--e-global-color-primary, #364151);
    --secondary: var(--e-global-color-secondary, #0F70B7);
    --text: var(--e-global-color-text, #364151);
    --accent: var(--e-global-color-accent, #E94E1B);
    --white: var(--e-global-color-4485a3d, #FFFFFF);
    --purple: var(--e-global-color-4485a3d, #3F529B);
    --grey: var(--e-global-color-73aadc2, #F2F2F2);
    --black: var(--e-global-color-cfe0e30, #364151);
}
 

#site_loader {
    position: fixed;
    display: none;
    left: 50%;
    top: 50%;
    z-index: 1100;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #000;
    border-radius: 50%;
    border-top: 16px solid #0073e6;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
button[type="submit"],
input[type="submit"],
.ck-spin {
    cursor: pointer;
    border: none;
}
.ck-spin[disabled="disabled"],
.ck-spin[disabled] {
    position: relative;
    cursor: not-allowed;
    opacity: 0.8;
}
.ck-spin[disabled="disabled"]::after,
.ck-spin[disabled]::after {
    content: "";
    position: absolute;
    z-index: 9999;
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border: 3px solid #DD5D6E;
    border-top-color: #008AFC;
    border-radius: 50%;
    -webkit-animation: ck-spiner 2s infinite linear;
    animation: ck-spiner 2s infinite linear;
}
@-webkit-keyframes ck-spiner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes ck-spiner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}


@media (min-width: 576px) {}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}

@media (max-width: 1555px) {}
@media (max-width: 1399px) {}
@media (max-width: 1366px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {
}

@media (min-width: 576px) and (max-width: 767px) {}
@media (min-width: 768px) and (max-width: 991px) {}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 1200px) and (max-width: 1399px) {}