@font-face {
  font-family: 'opensans bold';
  src: url("../fonts/OpenSans-Bold.ttf");
}
@font-face {
  font-family: "opensans regular";
  src: url("../fonts/WorkSans-Regular.ttf")
}
@font-face {
  font-family: "Merriweather-Bold";
  src: url("../fonts/Merriweather-Bold.ttf")
}
@font-face {
  font-family: "OpenSans Semibold";
  src: url("../fonts/OpenSans-SemiBold.ttf")
}

body {
  font-family: 'opensans regular', sans-serif;
  line-height: 1.85;
  color: rgba(255, 255, 255, .7);
   font-size: 15px;
}
h1 {
  font-family: 'opensans bold', sans-serif;
  font-size: 2rem;
  line-height: 1.24;
}
h2 {
  font-size: 1.75rem;
  line-height: 1.6;
}
h6 {
  font-size: 1.125rem;
}
h2, h3, h4, h5, h6 {
  font-family: 'opensans bold', sans-serif;
}
/* colors */
.clr-white {
  color: #ffffff;
}
.clr-dk-blue {
  color: #1B1464;
}
.clr-grey {
  color: #E2E2E2;
}
.clr-gray {
  color: #D8D8D8;
}
.clr-orange {
  color: #FF4B4B !important;
}
.clr-black {
  color: #393939;
}
.navbar-light .navbar-brand {
  color: #1B1464;
  font-size: 20px;
  font-family: 'opensans bold',sans-serif;
}
.navbar-light .navbar-nav .nav-link {
  color: #1B1464;
}
.clr-dk-gray {
  color: #434343;
}
/* bg-colors */
.bg-dk-blue {
  background: rgba(27, 20, 100, 1);
}
.bg-orange {
  background: rgba(255, 75, 75, 1);
}
.bg-gray {
  background: rgba(49, 49, 49, 1);
}
.bg-dark {
  background: rgba(39, 39, 39, 1);
}
.bg-dk-blue-trans {
  background: rgba(27, 20, 100, .8);
}
.bg-lg-gray {
  background: rgba(235, 235, 235, 1);
}
.bg-white {
  background: #ffffff;
}
input[type=text] {
  background-color: rgba(239, 239, 239, 1);
  height: 41px;
  border-radius: 0px;
  box-sizing: border-box;
  border: none;
  margin-top: 16px;
}
input[type=text]:focus {
  background-color: rgba(239, 239, 239, 1);
}
::-webkit-scrollbar {
	width: 6px;
}

::-webkit-scrollbar-track {
	background: transparent;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #23283e;
}