body {
  font-family: 'Rubik', sans-serif;
  background-color: #f3f3f3 !important;
  color: #525661;
}
a:link {
  color: #16a085;
  text-decoration: none !important;
}
a:visited {
  color: #f05334;
}
a:hover {
  color: #525661;
}
a:active {
  color: #525661;
}
.masthead {
  height: 100vh;
  min-height: 500px;
  background-color: #f3f3f3;
  background-image: url('../img/bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.navbar {
	border: 1px solid #35363A;
    box-shadow: 0 5px 10px 0 rgba(0,64,128,.05);
}
.navbar-dark .navbar-toggler {
    color: #35363A;
    border-color: #35363A;
}
.navbar-light .navbar-brand {
    color: #fff;
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: #525661;
}
nav .navbar-nav li a{
  color: #fff !important;
}
.navbar-toggler:focus, .navbar-toggler:active {
    outline: none;
    box-shadow: none;
}
.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: #6c757d;
}

.nav-underline .nav-link:hover {
  color: #f05334;
}
.nav-underline .active {
  font-weight: 500;
  color: #525661;
}
.dropdown-menu {
	padding: .9rem 0;
    color: #fff;
    background-color: #35363A;
    border: 1px solid #35363A;
}
.dropdown-header {
    color: #16a085;
}
.dropdown-divider {
    border-top: 1px solid #27282B;
}
.dropdown-item {
    color: #525661;
	font-weight: 600;
	padding: 14px 16px;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #16a085;
}
.fa-green {
  color: #16a085;
}
.sub-logo {
    color: #fff !important;
}
.logo-main {
	font-size: 90px;
	font-weight: 700 !important;
	font-family: 'Rubik', sans-serif;
	color: #fff;
	text-shadow: 0px 0px 5px rgba(0, 0, 5, 0.5);
}
.sub-logo-main {
	font-size: 22px;
	font-family: 'Rubik', sans-serif;
	color: #fff;
	text-shadow: 0px 0px 5px rgba(0, 0, 5, 0.5);
}
@media only screen and (max-width: 640px) {
   .sub-logo-main {
	font-size: 18px;
}
.logo-main {
	font-size: 45px;
}
}

.logo-color {
  color: #16a085;
}
.bg-dark {
    background-color: #35363A !important;
}
.btn-primary {
    color: #fff !important;
    background-color: #16a085 !important;
    border-color: #16a085 !important;
}
.btn-primary:hover {
    color: #fff !important;
    background-color: #525661 !important;
	border-color: #525661 !important;
}
.btn-primary:active {
    color: #fff;
    background-color: #525661 !important;
    border-color: #525661 !important;
	box-shadow: none !important;
}
.btn-primary:focus {
    color: #fff;
    background-color: #525661 !important;
    border-color: #525661 !important;
	box-shadow: none !important;
}
.btn-secondary {
    color: #fff !important;
    background-color: #525661 !important;
    border-color: #525661 !important;
}
.btn-secondary:hover {
    color: #fff !important;
    background-color: #525661 !important;
	border-color: #525661 !important;
}
.btn-secondary:active {
    color: #fff;
    background-color: #525661 !important;
    border-color: #525661 !important;
	box-shadow: none !important;
}
.btn-secondary:focus {
    color: #fff;
    background-color: #525661 !important;
    border-color: #525661 !important;
	box-shadow: none !important;
}
.btn-success {
    color: #fff !important;
    background-color: #27ae60 !important;
    border-color: #27ae60 !important;
}
.btn-success:hover {
    color: #fff !important;
    background-color: #525661 !important;
	border-color: #525661 !important;
}
.btn-success:active {
    color: #fff;
    background-color: #525661 !important;
    border-color: #525661 !important;
	box-shadow: none !important;
}
.btn-success:focus {
    color: #fff;
    background-color: #525661 !important;
    border-color: #525661 !important;
	box-shadow: none !important;
}
.btn-danger {
    color: #fff !important;
    background-color: #c23616 !important;
    border-color: #c23616 !important;
}
.btn-danger:hover {
    color: #fff !important;
    background-color: #525661 !important;
	border-color: #525661 !important;
}
.btn-danger:active {
    color: #fff;
    background-color: #525661 !important;
    border-color: #525661 !important;
	box-shadow: none !important;
}
.btn-danger:focus {
    color: #fff;
    background-color: #525661 !important;
    border-color: #525661 !important;
	box-shadow: none !important;
}
.notification{
    background-color:#35363A;
    color:#16a085;
    text-decoration:none;
    padding:16px 16px;
    position:fixed;
    bottom:20px;
    right:20px;
    display:inline-block;
    border-radius:50%;
    box-shadow:0 5px 10px 0 rgba(0,64,128,.05)!important
}
.modal-content {
    border: 1px solid #35363A;
	background-color: #35363A;
	color: #fff;
}
.modal-footer {
    border-top: 1px solid #27282B;
}
.modal-header {
    border-bottom: 1px solid #27282B;
}
.notification .badge{
    position:absolute;
    top:-2px;
    right:-1px;
    padding:4px 8px;
    border-radius:50%;
    background-color:#16a085;
    box-shadow:0 5px 10px 0 rgba(0,64,128,.05)!important;
    color:#fff
}
::-moz-selection {
    color: #fff;
    background:#16a085;
}
::selection {
    color: #fff;
    background: #16a085;
}