.default-color,
.default-color.active,
a.default-color:hover,
a.default-color:focus,
li.default-color:hover,
li.default-color:focus {
  background-color: unset;
  border-color: unset;
  color: unset;
}
.base-color {
  background-color: #FFFFFF;
  border-color: #f2f2f2;
  color: #000000;
}
.base-color.active,
.nav-tabs.base-color > li.active > a {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  color: #000000;
}
@media screen and (min-width: 768px) {
  a.base-color:hover,
  a.base-color:focus,
  li.base-color:hover,
  li.base-color:focus,
  .nav-tabs.base-color > li > a:focus,
  .nav-tabs.base-color > li > a:hover {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: #000000;
  }
  .nav-tabs.base-color > li.active > a:focus,
  .nav-tabs.base-color > li.active > a:hover {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    color: #000000;
  }
}
.main-color {
  background-color: #6abcc3;
  border-color: #7cc4ca;
  color: #ffffff;
}
.main-color.active,
.nav-tabs.main-color > li.active > a {
  background-color: #8eccd2;
  border-color: #8eccd2;
  color: #000000;
}
@media screen and (min-width: 768px) {
  a.main-color:hover,
  a.main-color:focus,
  li.main-color:hover,
  li.main-color:focus,
  .nav-tabs.main-color > li > a:focus,
  .nav-tabs.main-color > li > a:hover {
    background-color: #7cc4ca;
    border-color: #7cc4ca;
    color: #000000;
  }
  .nav-tabs.main-color > li.active > a:focus,
  .nav-tabs.main-color > li.active > a:hover {
    background-color: #8eccd2;
    border-color: #8eccd2;
    color: #000000;
  }
}
.sub-color {
  background-color: #5f4d3f;
  border-color: #6e5949;
  color: #ffffff;
}
.sub-color.active,
.nav-tabs.sub-color > li.active > a {
  background-color: #7e6653;
  border-color: #7e6653;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  a.sub-color:hover,
  a.sub-color:focus,
  li.sub-color:hover,
  li.sub-color:focus,
  .nav-tabs.sub-color > li > a:focus,
  .nav-tabs.sub-color > li > a:hover {
    background-color: #6e5949;
    border-color: #6e5949;
    color: #ffffff;
  }
  .nav-tabs.sub-color > li.active > a:focus,
  .nav-tabs.sub-color > li.active > a:hover {
    background-color: #7e6653;
    border-color: #7e6653;
    color: #ffffff;
  }
}
.sub-color2 {
  background-color: #5f4d3f;
  border-color: #6e5949;
  color: #ffffff;
}
.sub-color2.active,
.nav-tabs.sub-color2 > li.active > a {
  background-color: #7e6653;
  border-color: #7e6653;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  a.sub-color2:hover,
  a.sub-color2:focus,
  li.sub-color2:hover,
  li.sub-color2:focus,
  .nav-tabs.sub-color2 > li > a:focus,
  .nav-tabs.sub-color2 > li > a:hover {
    background-color: #6e5949;
    border-color: #6e5949;
    color: #ffffff;
  }
  .nav-tabs.sub-color2 > li.active > a:focus,
  .nav-tabs.sub-color2 > li.active > a:hover {
    background-color: #7e6653;
    border-color: #7e6653;
    color: #ffffff;
  }
}
.key-color {
  background-color: #5f4d3f;
  border-color: #6e5949;
  color: #ffffff;
}
.key-color.active,
.nav-tabs.key-color > li.active > a {
  background-color: #7e6653;
  border-color: #7e6653;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  a.key-color:hover,
  a.key-color:focus,
  li.key-color:hover,
  li.key-color:focus,
  .nav-tabs.key-color > li > a:focus,
  .nav-tabs.key-color > li > a:hover {
    background-color: #6e5949;
    border-color: #6e5949;
    color: #ffffff;
  }
  .nav-tabs.key-color > li.active > a:focus,
  .nav-tabs.key-color > li.active > a:hover {
    background-color: #7e6653;
    border-color: #7e6653;
    color: #ffffff;
  }
}
.active-color.active,
.nav-tabs.active-color > li.active > a {
  background-color: #5f4d3f;
  border-color: #6e5949;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .nav-tabs.active-color > li.active > a:focus,
  .nav-tabs.active-color > li.active > a:hover {
    background-color: #5f4d3f;
    border-color: #6e5949;
    color: #ffffff;
  }
  a.active-color:hover,
  a.active-color:focus,
  li.active-color:hover,
  li.active-color:focus,
  .nav-tabs.active-color > li > a:focus,
  .nav-tabs.active-color > li > a:hover {
    background-color: #6e5949;
    border-color: #6e5949;
    color: #ffffff;
  }
}
.active-color2.active,
.nav-tabs.active-color2 > li.active > a {
  background-color: #5f4d3f;
  border-color: #6e5949;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .nav-tabs.active-color2 > li.active > a:focus,
  .nav-tabs.active-color2 > li.active > a:hover {
    background-color: #5f4d3f;
    border-color: #6e5949;
    color: #ffffff;
  }
  a.active-color2:hover,
  a.active-color2:focus,
  li.active-color2:hover,
  li.active-color2:focus,
  .nav-tabs.active-color2 > li > a:focus,
  .nav-tabs.active-color2 > li > a:hover {
    background-color: #6e5949;
    border-color: #6e5949;
    color: #ffffff;
  }
}
.border-color {
  border-color: #5f4d3f;
}
.border-color.active,
.nav-tabs.border-color > li.active > a {
  border-color: #7e6653;
}
@media screen and (min-width: 768px) {
  a.border-color:hover,
  a.border-color:focus,
  li.border-color:hover,
  li.border-color:focus,
  .nav-tabs.border-color > li > a:focus,
  .nav-tabs.border-color > li > a:hover {
    border-color: #6e5949;
  }
  .nav-tabs.border-color > li.active > a:focus,
  .nav-tabs.border-color > li.active > a:hover {
    border-color: #7e6653;
  }
}
.border-color2 {
  border-color: #5f4d3f;
}
.border-color2.active,
.nav-tabs.border-color2 > li.active > a {
  border-color: #7e6653;
}
@media screen and (min-width: 768px) {
  a.border-color2:hover,
  a.border-color2:focus,
  li.border-color2:hover,
  li.border-color2:focus,
  .nav-tabs.border-color2 > li > a:focus,
  .nav-tabs.border-color2 > li > a:hover {
    border-color: #6e5949;
  }
  .nav-tabs.border-color2 > li.active > a:focus,
  .nav-tabs.border-color2 > li.active > a:hover {
    border-color: #7e6653;
  }
}
.btn-color {
  background-color: #6abcc3;
  border-color: #7cc4ca;
  color: #ffffff;
}
.btn-color.active,
.nav-tabs.btn-color > li.active > a {
  background-color: #8eccd2;
  border-color: #8eccd2;
  color: #000000;
}
@media screen and (min-width: 768px) {
  .btn-color:hover,
  .btn-color:focus,
  .nav-tabs.btn-color > li > a:focus,
  .nav-tabs.btn-color > li > a:hover {
    background-color: #7cc4ca;
    border-color: #7cc4ca;
    color: #000000;
  }
  .nav-tabs.btn-color > li.active > a:focus,
  .nav-tabs.btn-color > li.active > a:hover {
    background-color: #8eccd2;
    border-color: #8eccd2;
    color: #000000;
  }
}
.btn-color2 {
  background-color: #6abcc3;
  border-color: #7cc4ca;
  color: #ffffff;
}
.btn-color2.active,
.nav-tabs.btn-color2 > li.active > a {
  background-color: #8eccd2;
  border-color: #8eccd2;
  color: #000000;
}
@media screen and (min-width: 768px) {
  btn-color2:hover,
  .btn-color2:focus,
  .nav-tabs.btn-color2 > li > a:focus,
  .nav-tabs.btn-color2 > li > a:hover {
    background-color: #7cc4ca;
    border-color: #7cc4ca;
    color: #000000;
  }
  .nav-tabs.btn-color2 > li.active > a:focus,
  .nav-tabs.btn-color2 > li.active > a:hover {
    background-color: #8eccd2;
    border-color: #8eccd2;
    color: #000000;
  }
}
.btn-color3 {
  background-color: #6abcc3;
  border-color: #7cc4ca;
  color: #ffffff;
}
.btn-colo3r.active,
.nav-tabs.btn-color3 > li.active > a {
  background-color: #8eccd2;
  border-color: #8eccd2;
  color: #000000;
}
@media screen and (min-width: 768px) {
  .btn-color3:hover,
  .btn-color3:focus,
  .nav-tabs.btn-color3 > li > a:focus,
  .nav-tabs.btn-color3 > li > a:hover {
    background-color: #7cc4ca;
    border-color: #7cc4ca;
    color: #000000;
  }
  .nav-tabs.btn-color3 > li.active > a:focus,
  .nav-tabs.btn-color3 > li.active > a:hover {
    background-color: #8eccd2;
    border-color: #8eccd2;
    color: #000000;
  }
}
.modal-color {
  background-color: #FFFFFF;
  border-color: #f2f2f2;
  color: #000000;
}
.modal-color h3,
.modal-color h4,
.modal-color p {
  color: #000000;
}
.modal-color2 {
  background-color: #FFFFFF;
  border-color: #f2f2f2;
  color: #000000;
}
.modal-color2 h3,
.modal-color2 h4,
.modal-color2 p {
  color: #000000;
}
.modal-color3 {
  background-color: #FFFFFF;
  border-color: #f2f2f2;
  color: #000000;
}
.modal-color3 h3,
.modal-color3 h4,
.modal-color3 p {
  color: #000000;
}