.preloader.pls-teal .plc-path {
    stroke: #009688;
}

.preloader.pls-gray .plc-path {
    stroke: #9e9e9e;
}

.preloader.pls-pink .plc-path {
    stroke: #e91e63;
}

.preloader.pls-purple .plc-path {
    stroke: #9c27b0;
}

.preloader.pls-white .plc-path {
    stroke: #fff;
}

.pl-circular {
    animation: rotate 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.plc-path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke-width: 2;
    stroke-miterlimit: 10;
    fill: none;
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@keyframes color {
    100%,
    0% {
        stroke: #f44336;
    }
    40% {
        stroke: #2196f3;
    }
    66% {
        stroke: #4caf50;
    }
    80%,
    90% {
        stroke: #ffc107;
    }
}

[data-ma-header="teal"]:before,
[data-ma-header="teal"] #header {
    background-color: #009688;
}

[data-ma-header="teal"] .smm-alerts>li.active,
[data-ma-header="teal"] .main-menu li.active>a {
    color: #009688;
}

[data-ma-header="blue"]:before,
[data-ma-header="blue"] #header {
    background-color: #2196f3;
}

[data-ma-header="blue"] .smm-alerts>li.active,
[data-ma-header="blue"] .main-menu li.active>a {
    color: #2196f3;
}

[data-ma-header="bluegrey"]:before,
[data-ma-header="bluegrey"] #header {
    background-color: #607d8b;
}

[data-ma-header="bluegrey"] .smm-alerts>li.active,
[data-ma-header="bluegrey"] .main-menu li.active>a {
    color: #607d8b;
}

[data-ma-header="cyan-600"]:before,
[data-ma-header="cyan-600"] #header {
    background-color: #00acc1;
}

[data-ma-header="cyan-600"] .smm-alerts>li.active,
[data-ma-header="cyan-600"] .main-menu li.active>a {
    color: #00acc1;
}

[data-ma-header="green"]:before,
[data-ma-header="green"] #header {
    background-color: #4caf50;
}

[data-ma-header="green"] .smm-alerts>li.active,
[data-ma-header="green"] .main-menu li.active>a {
    color: #4caf50;
}

[data-ma-header="lightgreen"]:before,
[data-ma-header="lightgreen"] #header {
    background-color: #8bc34a;
}

[data-ma-header="lightgreen"] .smm-alerts>li.active,
[data-ma-header="lightgreen"] .main-menu li.active>a {
    color: #8bc34a;
}

[data-ma-header="purple-400"]:before,
[data-ma-header="purple-400"] #header {
    background-color: #ab47bc;
}

[data-ma-header="purple-400"] .smm-alerts>li.active,
[data-ma-header="purple-400"] .main-menu li.active>a {
    color: #ab47bc;
}

[data-ma-header="red-400"]:before,
[data-ma-header="red-400"] #header {
    background-color: #3b0ebb;
    /*background-color: #e20a0a;*/
}

[data-ma-header="red-400"]:before {
    background: #DB4437 url(../img/ibank-bg.png) top left no-repeat;
    background-size: cover;
}

[data-ma-header="red-400"] .smm-alerts>li.active,
[data-ma-header="red-400"] .main-menu li.active>a {
    /*color: #ef5350;*/
    color: #DB4437;
}

[data-ma-header="pink-400"]:before,
[data-ma-header="pink-400"] #header {
    background-color: #ec407a;
}

[data-ma-header="pink-400"] .smm-alerts>li.active,
[data-ma-header="pink-400"] .main-menu li.active>a {
    color: #ec407a;
}

[data-ma-header="brown"]:before,
[data-ma-header="brown"] #header {
    background-color: #795548;
}

[data-ma-header="brown"] .smm-alerts>li.active,
[data-ma-header="brown"] .main-menu li.active>a {
    color: #795548;
}

[data-ma-header="grey-600"]:before,
[data-ma-header="grey-600"] #header {
    background-color: #757575;
}

[data-ma-header="grey-600"] .smm-alerts>li.active,
[data-ma-header="grey-600"] .main-menu li.active>a {
    color: #757575;
}

[data-ma-header="orange"]:before,
[data-ma-header="orange"] #header {
    background-color: #ff9800;
}

[data-ma-header="orange"] .smm-alerts>li.active,
[data-ma-header="orange"] .main-menu li.active>a {
    color: #ff9800;
}