.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: #ef5350;*/
  /*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;
}
