:root {
	--leos-font-sans-serif: 'Roboto', sans-serif; 
	--leos-font-size: 0.95rem;
	
	--leos-prim-color: #ffce00;
	--leos-link-color: #002964;
	--leos-focs-color: #0084ff;
	--leos-lght-color: #e2edff;
	--leos-dark-color: #121b2b;
}

body {
	font-family: var(--leos-font-sans-serif);
	font-weight: 500;
}

a {
	color: var(--leos-link-color);
	text-decoration: none;
}


img.logo {
	width: 168px;
}

.card,
.modal-content {
	border-radius: 1rem;
	border: 0;
	box-shadow: 4px 4px 16px #00000026;
	margin-bottom: 1rem;
}

.card-header,
.modal-header,
.card-header:first-child {
	border-radius: calc(1rem - 1px) calc(1rem - 1px) 0 0;
}
.card-footer,
.modal-footer,
.card-footer:last-child {
	border-radius: 0 0 calc(1rem - 1px) calc(1rem - 1px);
}

.btn {
	border-radius: 1rem;
	padding: 0.4rem 1.2rem
}

.btn-primary {
	color: #000;
	background-color: var(--leos-prim-color);
	border-color: var(--leos-prim-color);
}

.modal .btn-close {
	width: 32px;
	top: unset;
}

section, .section {
	padding: 2rem;
}

section#header {
	min-height: 400px;
}

.bg-yellow {
	background-color: var(--leos-prim-color);
}

.bg-black {
    background-color: var(--leos-dark-color)!important;
	color: #eee;
}
.bg-soft-primary {
    background-color: #f1f5fd!important;
}

.bg-asfalt {
	background-color: #394356;
} 
.bg-dargrad {
	background: rgb(44 63 98);
	background: linear-gradient(0deg, rgb(65 65 80) 0%, rgb(90 111 151) 41%, rgb(58 85 139) 55%, rgb(31 49 82) 100%);
}


ul.marks {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.marks a { color: #777; }

ul.marks li {
    width: 160px;
    display: inline-block;
    margin-bottom: 1rem;
}

ul.marks li img {
    width: 2rem;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #1e2125;
    background-color: var(--leos-prim-color);
}


section#maps {
    padding: 0;
    height: calc(100vh - 400px);
}


.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #0f3d9b;
}

.navbar-nav a.nav-link.active, #footer a {
    color: #ffce07 !important;
}


.border-l {
	border-left: 1px solid #999;
    margin-left: 0.6rem;
    padding-left: 0.6rem;
}

.w-1 { max-width: 16px }
.w-2 { max-width: 32px }
.w-3 { max-width: 48px }
.w-4 { max-width: 46px }
.w-5 { max-width: 80px }
.w-6 { max-width: 96px }
.w-7 { max-width: 112px }
.w-8 { max-width: 128px }
.w-9 { max-width: 144px }
.w-10 { max-width: 160px }


.dropdown-toggle::after {
    border-top: 0.2em solid;
    border-right: 0.2em solid transparent;
    border-bottom: 0;
    border-left: 0.2em solid transparent;
}

section#body {
    background-color: #414150;
    padding: 0 0 1rem 0;
}

section#body .card {
	margin-left: -1rem; 
    margin-right: -1rem;
	margin-bottom: -2rem;
}

.breadcrumb {
   font-size: 14px;
}

.breadcrumb-item.active {
    font-weight: 600;
}

ul.techdata {
    list-style: none;
}
ul.techdata li {
    display: flex;
    margin-bottom: 1.6rem;
}

ul.techdata .icon {
    width: 36px;
    height: 36px;
    margin-right: 14px;
}

ul.techdata  .details span {
    display: block;
    font-size: 12px;
    color: #999;
}

.nav-link {
    color: #0f3983;
}