/* import fonts */
@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root, [data-bs-theme=light] {
--bs-border-color: #0F5181;
}
body {
    margin: 0px;
    padding: 0px;
    color: #000;
    font-family: "Prompt", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    background-color: #fff;
}

/* ============ menu open on hover. only desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}
/*--------------- Borders -----*/
/* border-left */
.bl
{
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
/* border-right */
.br
{
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.bb
{
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.bt
{
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
@media (min-width: 576px) {
  .bl-sm-0
  {
    border-left: 0px none transparent !important;
  }
  .br-sm-0
  {
    border-right: 0px none transparent !important;
  }
  .bb-sm-0
  {
    border-bottom: 0px none transparent !important;
  }
  .bt-sm-0
  {
    border-top: 0px none transparent !important;
  }
  .bl-sm
  {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }
  .br-sm
  {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }
  .bb-sm
  {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }
  .bt-sm
  {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }
}

/*  links */
a
{
  text-decoration: none;
  color: #000;
}
a:hover
{
  text-decoration: none;
  color: #800F51;
}
.navbar-brand img
{
	height: 42px;
}
.nav-link
{
	font-weight: 500;
	font-size: 20px;
	color: #000;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show
{
	color: #000;
	font-weight: 600;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

.footer .logo
{
	height: 54px;
}
.icons img
{
    width: 26px;
}
.icons img.smaller
{
    width: 20px;
	margin-left: 3px;
}

.footer-links, .footer-links a
{
	font-size: 12px;
	color: #0F5181;
}
@media (min-width: 576px) {
	.footer-links a
	{
		margin-right: 30px;
		font-size: 14px;
	}
	.copyright
	{
		font-size: 14px;
	}
}
.carousel-control-next-icon {
    background-image: url(../img/carousel-next.png);
	background-position: 0 0;
}
.carousel-control-prev-icon {
    background-image: url(../img/carousel-pre.png);
	background-position: 0 0;
}
.carousel-control-next, .carousel-control-prev
{
	width: unset;
}
.carousel-control-next {
    right: 1rem;
}
.carousel-control-prev {
    left: 1rem;
}
@media (min-width: 576px)
{
}
.slogan-menu
{
	background-color: #000;
	color: #fff;
	font-size: 15px;
}
.bg-gray
{
	background-color: #D9D9D9;
	color: #000;
}
.bg-middle
{
	background-color: #0F5181;
	color: #fff;
}
.bg-dark
{
	background-color: #000;
	color: #fff;
}
.bg-dark a, .bg-dark a:visited
{
	color: #fff;
}
.bg-1
{
	background-image: url(../img/placeholder.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.bg-1-over
{
	color: #fff;
	background-color: rgba(15, 81, 129, 0.4);
}
h1
{
	font-weight: 600;
	font-size: 50px;
	line-height: 68px;
}
h2
{
	font-weight: 400;
	font-size: 35px;
	line-height: 56px;
}

@media (max-width: 577px)
{
	h2
	{
		font-weight: 400;
		font-size: 1.5rem;
		line-height: 1.2;
	}
}
.big-sub-title
{
	font-weight: 400;
	font-size: 32px;
	line-height: 44px;
}
.big-text
{
	font-weight: 400;
	font-size: 32px;
	line-height: 44px;
}
.middle-text
{
	font-weight: 300;
	font-size: 26px;
	line-height: 36px;
}
.btn-primary
{
	background-color: #fff;
	color: #0F5181;
	font-size: 16px;
	line-height: 20px;
}
.btn-info
{
	background-color: #0F5181;
	border-color: #0F5181;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
}
.hr-emphasize
{
  border-top: 3px solid #0F5181;
  opacity: 1;
  margin: 0;
  width: 10%;
}
.project-image
{
	width: 100%;
	box-shadow: 0px 10px 12px 0px #00000040;
}
.avatar
{
	width: 56px;
}
.accordion-button::after {
    filter: invert(1) !important;
}
.accordion-button:not(.collapsed)
{
	color: #fff !important;
}
.accordion-body
{
	border: solid 1px #000;
}
.paper
{
	background-color: #0F5181;
	background-image: url(../img/paper.png);
	background-size: 100%;
	background-repeat: no-repeat;
	color: #fff;;
}
.paper a, .paper a:visited
{
	color: #fff;
}
.paper a:hover
{
	color: #eee;
}
.bg-img
{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}


@media (max-width: 577px)
{
	.bg-img
	{
		min-height: 200px;
	}
	.bg-img-main
	{
  		background-blend-mode: darken;
	}
}

@media (min-width: 577px)
{
	.btn-fixed
	{
		min-width: 200px;
	}
}