/* ============================================================
   COLORS
============================================================ */

.color-red,
.border-red,
a:hover[class*="btn-red"] {
  color: #bc2b47 !important;
}

.color-orange,
.border-orange,
a:hover[class*="btn-orange"] {
  color: #ce6c30 !important;
}

.color-light-orange,
.border-light-orange,
a:hover[class*="btn-light-orange"] {
  color: #e9bc61 !important;
}

.color-blue,
.border-blue,
a:hover[class*="btn-blue"] {
  color: #6eabab !important;
}

.color-green,
.border-green,
a:hover[class*="btn-green"] {
  color: #71a776 !important;
}

.color-black,
.border-black {
  color: #222222 !important;
}

.color-white,
.border-white {
  color: #fff !important;
}

.color-gray,
.border-gray {
  color: #222222 !important;
}

.color-gray,
.border-silver {
  color: ##67757e !important;
}

.color-gray10,
.border-gray10 {
  color: #eeeded !important;
}

.color-gray10,
.border-gray10 {
  color: #eeeded !important;
}

.color-gray30,
.border-gray30 {
  color: #e0e0e0 !important;
}

.color-gray50,
.border-gray50,
a:hover[class*="btn-gray50"] {
  color: #b1b8bd !important;
}

.border-red {
  border-color: #bc2b47 !important;
}

.border-orange {
  border-color: #ce6c30 !important;
}

.border-light-orange {
  border-color: #e9bc61 !important;
}

.border-blue {
  border-color: #6eabab !important;
}

.border-green {
  border-color: #71a776 !important;
}

.border-black {
  border-color: #222222 !important;
}

.border-white {
  border-color: #fff !important;
}

.border-gray {
  border-color: #222222 !important;
}

.border-gray10 {
  border-color: #eeeded !important;
}

.border-gray30 {
  border-color: #e0e0e0 !important;
}

.border-gray50 {
  border-color: #b1b8bd !important;
}

.border-silver {
  border-color: #67757e !important;
}

/* ============================================================
   BACKGROUND'S
============================================================ */

.bg-red,
.btn-red,
.panel-red,
a:hover[class*="border-red"] {
  background: #bc2b47 !important;
}

.bg-orange,
.btn-orange,
.panel-orange,
a:hover[class*="border-orange"] {
  background: #ce6c30 !important;
}

.bg-light-orange,
.btn-light-orange,
.panel-light-orange,
a:hover[class*="border-light-orange"] {
  background: #e9bc61 !important;
}

.bg-blue,
.btn-blue,
.panel-blue,
a:hover[class*="border-blue"] {
  background: #6eabab !important;
}

.bg-green,
.btn-green,
.panel-green,
a:hover[class*="border-green"] {
  background: #71a776 !important;
}

.bg-black,
.btn-black,
.panel-black,
a:hover[class*="border-black"] {
  background: #222222 !important;
}

.bg-white,
.btn-white,
.panel-white,
a:hover[class*="border-white"] {
  background: #fff !important;
}

.bg-white2,
.btn-white2,
.panel-white2,
a:hover[class*="border-white-2"] {
  background: #fcfcfd !important;
}

.bg-gray,
.btn-gray,
.panel-gray,
a:hover[class*="border-gray"] {
  background: #222222 !important;
}

.bg-silver,
.btn-silver,
.panel-silver,
a:hover[class*="border-silver"] {
  background: #67757e !important;
}

.bg-gray10,
.btn-gray10,
.panel-gray10,
a:hover[class*="border-gray10"] {
  background: #eeeded !important;
}

.bg-gray30,
.btn-gray30,
.panel-gray30,
a:hover[class*="border-gray10"] {
  background: #e0e0e0 !important;
}

.bg-gray50,
.btn-gray50,
.panel-gray50,
a:hover[class*="border-gray50"] {
  background: #b1b8bd !important;
}

.bg-grandient {
  background: #6eabab;
  background: -moz-linear-gradient(35deg, #6eabab 30%, #71a776100%);
  background: -webkit-linear-gradient(35deg, #6eabab 30%, #71a776100%);
  background: linear-gradient(35deg, #6eabab 30%, #71a776100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6eabab', endColorstr='#b62b4c', GradientType=1);
}

/* ============================================================
   BNT COLORS
============================================================ */

a:hover[class*="color-"],
a:hover[class*="border-"] {
  color: #fff !important;
}

a:hover[class*="border-white"] {
  color: #222 !important;
}

.btn-red,
.btn-orange,
.btn-blue,
.btn-green,
.btn-black,
.btn-gray {
  color: #e4e4e4;
}

.btn-white {
  color: #222;
}

.btn-red:hover,
.btn-red:focus,
.btn-red.focus,
.btn-red:active,
.btn-red.active,
.btn-orange:hover,
.btn-orange:focus,
.btn-orange.focus,
.btn-orange:active,
.btn-orange.active,
.btn-light-orange:hover,
.btn-light-orange:focus,
.btn-light-orange.focus,
.btn-light-orange:active,
.btn-light-orange.active,
.btn-blue:hover,
.btn-blue:focus,
.btn-blue.focus,
.btn-blue:active,
.btn-blue.active,
.btn-green:hover,
.btn-green:focus,
.btn-green.focus,
.btn-green:active,
.btn-green.active,
.btn-black:hover,
.btn-black:focus,
.btn-black.focus,
.btn-black:active,
.btn-black.active,
.btn-gray:hover,
.btn-gray:focus,
.btn-gray.focus,
.btn-gray:active,
.btn-gray.active,
.btn-gray50:hover,
.btn-gray50:focus,
.btn-gray50.focus,
.btn-gray50:active,
.btn-gray50.active {
  background: rgba(0, 0, 0, 0.25) !important;
  border-color: transparent;
}

.btn-invert.btn-red:hover,
.btn-invert.btn-red:focus,
.btn-invert.btn-red.focus,
.btn-invert.btn-red:active,
.btn-invert.btn-red.active,
.btn-invert.btn-orange:hover,
.btn-invert.btn-orange:focus,
.btn-invert.btn-orange.focus,
.btn-invert.btn-orange:active,
.btn-invert.btn-orange.active,
.btn-invert.btn-light-orange:hover,
.btn-invert.btn-light-orange:focus,
.btn-invert.btn-light-orange.focus,
.btn-invert.btn-light-orange:active,
.btn-invert.btn-light-orange.active,
.btn-invert.btn-blue:hover,
.btn-invert.btn-blue:focus,
.btn-invert.btn-blue.focus,
.btn-invert.btn-blue:active,
.btn-invert.btn-blue.active,
.btn-invert.btn-green:hover,
.btn-invert.btn-green:focus,
.btn-invert.btn-green.focus,
.btn-invert.btn-green:active,
.btn-invert.btn-green.active,
.btn-invert.btn-black:hover,
.btn-invert.btn-black:focus,
.btn-invert.btn-black.focus,
.btn-invert.btn-black:active,
.btn-invert.btn-black.active,
.btn-invert.btn-gray:hover,
.btn-invert.btn-gray:focus,
.btn-invert.btn-gray.focus,
.btn-invert.btn-gray:active,
.btn-invert.btn-gray.active,
.btn-invert.btn-gray50:hover,
.btn-invert.btn-gray50:focus,
.btn-invert.btn-gray50.focus,
.btn-invert.btn-gray50:active,
.btn-invert.btn-gray50.active {
  color: #fff !important;
  background: rgba(250, 250, 250, 0.15) !important;
  border-color: transparent;
}

/* ============================================================
   SOCIAL COLORS
============================================================ */

.twitter {
  background: #55acee !important;
}

.facebook {
  background: #3b5999 !important;
}

.google {
  background: #dc4e41 !important;
}

.youtube {
  background: #e52d27 !important;
}

.vimeo {
  background: #1ab7ea !important;
}

.instagram {
  background: #3f729b !important;
}

.linkedin {
  background: #0077b5 !important;
}

.twitter:hover,
.facebook:hover,
.google:hover,
.youtube:hover,
.vimeo:hover,
.instagram:hover,
.linkedin:hover {
  color: #dbdbdb !important;
  background: rgba(255, 255, 255, 0.2) !important;
}

.color-twitter {
  color: #55acee;
}

.color-facebook {
  color: #3b5999;
}

.color-google {
  color: #dc4e41;
}

.color-youtube {
  color: #e52d27;
}

.color-vimeo {
  color: #1ab7ea;
}

.color-instagram {
  color: #3f729b;
}

.color-linkedin {
  color: #0077b5;
}