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

.color-red,
.border-red,
a:hover[class*="btn-red"] {
  color: #5ea089 !important;
}
.color-orange,
.border-orange,
a:hover[class*="btn-orange"] {
  color: #ce6c30 !important;
}
.color-yellow,
.border-yellow,
a:hover[class*="btn-yellow"] {
  color: #f0ca11 !important;
}
.color-blue,
.border-blue,
a:hover[class*="btn-blue"] {
  color: #3b5999 !important;
}
.color-green,
.border-green,
a:hover[class*="btn-green"] {
  color: #9db12e !important;
}
.color-black,
.border-black {
  color: #030303 !important;
}
.color-white,
.border-white {
  color: #fff !important;
}
.color-gray,
.border-gray {
  color: #030303 !important;
}
.color-gray10,
.border-gray10 {
  color: #eeeded !important;
}
.color-gray50,
.border-gray50,
a:hover[class*="btn-gray50"] {
  color: #b1b8bd !important;
}
.color-blue-gray,
.border-blue-gray {
  color: #67757e !important;
}

.border-red {
  border-color: #5ea089 !important;
}
.border-orange {
  border-color: #ce6c30 !important;
}
.border-yellow {
  border-color: #f0ca11 !important;
}
.border-blue {
  border-color: #3b5999 !important;
}
.border-green {
  border-color: #9db12e !important;
}
.border-black {
  border-color: #030303 !important;
}
.border-white {
  border-color: #fff !important;
}
.border-gray {
  border-color: #030303 !important;
}
.border-gray10 {
  border-color: #eeeded !important;
}
.border-gray50 {
  border-color: #b1b8bd !important;
}
.border-blue-gray {
  border-color: #67757e !important;
}

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

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

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

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

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

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

.bg-black,
.btn-black,
.panel-black,
a:hover[class*="border-black"] {
  background: #030303 !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: #030303 !important;
}

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

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

.bg-gray-o-90 {
  background: rgba(0, 0, 0, 0.9) !important;
}

.bg-grandient {
  background: #3b5999;
  background: -moz-linear-gradient(35deg, #3b5999 30%, #71a776100%);
  background: -webkit-linear-gradient(35deg, #3b5999 30%, #71a776100%);
  background: linear-gradient(35deg, #3b5999 30%, #71a776100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b5999', 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-yellow:hover,
.btn-yellow:focus,
.btn-yellow.focus,
.btn-yellow:active,
.btn-yellow.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-yellow:hover,
.btn-invert.btn-yellow:focus,
.btn-invert.btn-yellow.focus,
.btn-invert.btn-yellow:active,
.btn-invert.btn-yellow.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;
}

.twitter:hover,
.facebook:hover,
.google:hover,
.youtube:hover,
.vimeo:hover,
.instagram: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;
}