* {
	font-family: 'Roboto', sans-serif;
}
.fa-classic, .fa-regular, .fa-solid, .far, .fas {
		font-family: "Font Awesome 6 Free";
}
body {
	padding-top: 66px;
	color: rgb(var(--bs-tertiary-color-rgb));
}
.bg-km, .btn-primary {
	background-color: #0760a7 !important;
}
.text-km {
	color: #3f0c0b !important;
}
.bg-km {
	background-color: #03c2ed !important;
}
.bg-km2 {
	background-color: #f0ff0b !important;
}
.btn-primary, .btn-danger, #menutop .nav-link, .osw, .carousel h1, #main-tab li {
	border: 0;
	font-family: 'Oswald', sans-serif;
}
.btn-secondary {
	font-family: 'Oswald', sans-serif;
}
#menutop .nav-link, .btn-primary, .btn-secondary, .btn-danger {
	text-transform: uppercase;
}
.navbar {

}
.carousel-caption {
	bottom: 1rem;
	z-index: 10;
}
.carousel-item {
 
}
.nav-underline button {
	color: #6c757d !important;
	padding-bottom: 0.25rem;
}
.nav-underline .active {
	color: #3f0c0b !important;
}
.wrapper{
	width:100%;
	padding-top: 20px;
	text-align:center;
}
#main-tab button {
	font-size: 2.5rem;
	margin-bottom: 0!important;
	padding-bottom: 0!important;
}
.w-20 {
    width: 20%!important;
}
@media (min-width: 40em) {
	.carousel-caption p {
		margin-bottom: 1.25rem;
		font-size: 1.25rem;
		line-height: 1.4;
	}

	.featurette-heading {
		font-size: 50px;
	}
}
@media (min-width: 62em) {
	.featurette-heading {
		margin-top: 7rem;
	}
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
}

 .card-title {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
}
form input.top {
		margin-bottom: -1px;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
}
form input.bottom {
		margin-bottom: 10px;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
}
td, th {
	vertical-align: middle;
}
.dismiss {
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}
.star {
    position: absolute;
    left: 20%;
    bottom: 10px;
    margin-left: -40px;
    color: white;
    text-shadow: 0 0 5px gold, 0 0 10px gold, 0 0 15px gold;	
}
.peep {
	position: relative;
	cursor: pointer;
}
.ctr td:last-child {
	text-align:right;
}
.upimg {
    height: 128px;
    width: 128px;
    margin: 20px;
    border: 2px dashed #999;
    cursor: pointer;
}

.upimgx {
    height: 128px;
    width: 128px;
    margin: 20px;
}

.langselect {
	position: fixed;
    top: 0;
    right: 15%;
    z-index: 1030;
}

.langselect button {
	border-top-right-radius: 0;
    border-top-left-radius: 0;
	border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}