/* Color number 0 */

.color-0.bg {
  background-color: hsl(198.32,79.9%,40.98%) !important;
}

.color-0.bg-min {
  background-color: hsla(198.32,79.9%,50.98%,0.15) !important;
}

.color-0.border {
  border-color: hsl(198.32,79.9%,40.98%) !important;
}

.img-icon.color-0.bg:hover {
  background-color: rgba(0,0,0,0.1);
  background-color: hsl(198.32,79.9%,30.98%);
}
.navbar-nav>.color-0.color>a:hover{
  background-color: #e7e7e7;
}
.color-0.color,
.color-0.color>.dropdown-toggle,
.color-0.color>.dropdown-menu a,
.color-0.color>.dropdown-toggle:hover {
  color: hsl(198.32,79.9%,40.98%);
}


@media (max-width: 767px){
  .navbar-default .navbar-nav .open .color-0.color  a {
      color: hsl(198.32,79.9%,40.98%);
  }
}

.color-0.btn, .color-0.dropdown.active>a, .color-0.dropdown>dropdown-menu>.active>a {
  box-shadow:0 0 0 !important;
  background-color: hsl(198.32,79.9%,40.98%);
  color: white;
}
.color-0.btn:hover, .color-0.dropdown.active>a:hover {
  color: white;
  background-color: hsl(198.32,79.9%,30.98%);
}

.color-0.btn.invert {
  background-color: rgba(255,255,255,1);
  color: hsl(198.32,79.9%,40.98%);
  box-shadow:0 0 0 !important;
}

.color-0.btn.invert.active {
  background-color: hsl(198.32,79.9%,40.98%);
  color: white;
}

.color-0.btn.invert.active:hover {
  background-color: hsl(198.32,79.9%,30.98%);
  color: white;
}

.color-0.btn.invert:hover {
  background-color: rgba(0,0,0,0.1);
  color: hsl(198.32,79.9%,40.98%);
}


.color-0.head-button-active::after {
    border-top-color: hsl(198.32,79.9%,40.98%);
}
.color-0.fill {
  fill: hsl(198.32,79.9%,40.98%);
}

/* Color number 1 */

.color-1.bg {
  background-color: hsl(24,100%,55.88%) !important;
}

.color-1.bg-min {
  background-color: hsla(24,100%,65.88%,0.15) !important;
}

.color-1.border {
  border-color: hsl(24,100%,55.88%) !important;
}

.img-icon.color-1.bg:hover {
  background-color: rgba(0,0,0,0.1);
  background-color: hsl(24,100%,45.88%);
}
.navbar-nav>.color-1.color>a:hover{
  background-color: #e7e7e7;
}
.color-1.color,
.color-1.color>.dropdown-toggle,
.color-1.color>.dropdown-menu a,
.color-1.color>.dropdown-toggle:hover {
  color: hsl(24,100%,55.88%);
}


@media (max-width: 767px){
  .navbar-default .navbar-nav .open .color-1.color  a {
      color: hsl(24,100%,55.88%);
  }
}

.color-1.btn, .color-1.dropdown.active>a, .color-1.dropdown>dropdown-menu>.active>a {
  box-shadow:0 0 0 !important;
  background-color: hsl(24,100%,55.88%);
  color: white;
}
.color-1.btn:hover, .color-1.dropdown.active>a:hover {
  color: white;
  background-color: hsl(24,100%,45.88%);
}

.color-1.btn.invert {
  background-color: rgba(255,255,255,1);
  color: hsl(24,100%,55.88%);
  box-shadow:0 0 0 !important;
}

.color-1.btn.invert.active {
  background-color: hsl(24,100%,55.88%);
  color: white;
}

.color-1.btn.invert.active:hover {
  background-color: hsl(24,100%,45.88%);
  color: white;
}

.color-1.btn.invert:hover {
  background-color: rgba(0,0,0,0.1);
  color: hsl(24,100%,55.88%);
}


.color-1.head-button-active::after {
    border-top-color: hsl(24,100%,55.88%);
}
.color-1.fill {
  fill: hsl(24,100%,55.88%);
}

/* Color number 2 */

.color-2.bg {
  background-color: hsl(94.48,59.82%,43.92%) !important;
}

.color-2.bg-min {
  background-color: hsla(94.48,59.82%,53.92%,0.15) !important;
}

.color-2.border {
  border-color: hsl(94.48,59.82%,43.92%) !important;
}

.img-icon.color-2.bg:hover {
  background-color: rgba(0,0,0,0.1);
  background-color: hsl(94.48,59.82%,33.92%);
}
.navbar-nav>.color-2.color>a:hover{
  background-color: #e7e7e7;
}
.color-2.color,
.color-2.color>.dropdown-toggle,
.color-2.color>.dropdown-menu a,
.color-2.color>.dropdown-toggle:hover {
  color: hsl(94.48,59.82%,43.92%);
}


@media (max-width: 767px){
  .navbar-default .navbar-nav .open .color-2.color  a {
      color: hsl(94.48,59.82%,43.92%);
  }
}

.color-2.btn, .color-2.dropdown.active>a, .color-2.dropdown>dropdown-menu>.active>a {
  box-shadow:0 0 0 !important;
  background-color: hsl(94.48,59.82%,43.92%);
  color: white;
}
.color-2.btn:hover, .color-2.dropdown.active>a:hover {
  color: white;
  background-color: hsl(94.48,59.82%,33.92%);
}

.color-2.btn.invert {
  background-color: rgba(255,255,255,1);
  color: hsl(94.48,59.82%,43.92%);
  box-shadow:0 0 0 !important;
}

.color-2.btn.invert.active {
  background-color: hsl(94.48,59.82%,43.92%);
  color: white;
}

.color-2.btn.invert.active:hover {
  background-color: hsl(94.48,59.82%,33.92%);
  color: white;
}

.color-2.btn.invert:hover {
  background-color: rgba(0,0,0,0.1);
  color: hsl(94.48,59.82%,43.92%);
}


.color-2.head-button-active::after {
    border-top-color: hsl(94.48,59.82%,43.92%);
}
.color-2.fill {
  fill: hsl(94.48,59.82%,43.92%);
}