@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

body, html {
height: 100%;
margin: 0;
padding: 0;
font-style: normal;
background-color: #E0E0E0;
}

.clear {
clear: both
}

/* navigation bar top */

.mwd-nav-top-container {
margin: 0;
padding: 0;
background-color: rgba(49, 85, 129, 1.0);  
font-size: .8rem;
}		

.mwd-nav-top-container ul {
margin: 0;
padding: 0;
text-align: center;
}	
	
.mwd-nav-top-list-main li {
display: inline-block;
float: left;
}
	
.mwd-nav-top-list-main li a {
display: inline-block;
text-decoration: none;
color: rgba(255, 255, 255, 0.99);	
margin: 0 10px;
padding: 5px 10px;
letter-spacing: 1px;
}
	
.mwd-nav-top-list-main li a:hover {
background-color: rgba(80, 140, 205, 0.44);
color: rgba(250, 164, 28, 0.69);	
}

.mwd-nav-top-list-main li span {
color: rgba(250, 164, 28, 1.0);	
display: inline-block;
margin: 0 10px;
padding: 5px 10px;
text-align: center;
}

/* media max width 600 */

@media (max-width: 600px) { 
	
.mwd-nav-top-list-main li a {
color: rgba(0, 0, 0, 0.69);	
margin: 12px 10px 12px 10px;
text-align: center;
}
	
.mwd-nav-top-list-main li a:hover {
color: rgba(250, 164, 28, 1.00, 1.0);
}
	
.mwd-nav-top-list-main {
border-bottom: 1px solid rgba(255, 255, 255, 0.69);
}
	
.mwd-nav-top-list-main li, 
.mwd-nav-top-list-main li a,
.mwd-nav-top-list-sub li, 
.mwd-nav-top-list-sub li a{
float: none !important;
}
	
.mwd-nav-top-list-main li span {
color: rgba(250, 164, 28, 1.00, 1.0);	
display: inline-block;
margin: 0 10px;
padding: 5px 10px;
text-align: center; 
}
	
.col-top-main {
background-color: #f0f0f0;
border-bottom: 1px solid rgba(255, 255, 255, 0.69);
}
	
.mwd-nav-top-main {
display: block;
width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.69);
}

}
	
.mwd-nav-top-list-sub li {
display: inline-block;
float: right;
}
	
.mwd-nav-top-list-sub li span {
background-color: rgba(255, 255, 255, 0.24);
border-radius: 4px;
color: rgba(255, 255, 255, 0.69);	
display: inline-block;
margin: 0 10px;
padding: 5px 10px;
text-align: center;
}

.mwd-nav-top-list-sub li a {
display: inline-block;
text-decoration: none;
color: rgba(255, 255, 255, 0.99);	
margin: 0 10px;
padding: 5px 10px;
letter-spacing: 1px;
}

.mwd-nav-top-list-sub li a:hover {
color: rgba(250, 164, 28, 0.69);	
}

/* end navigation bar top */
/* start main header */
.mwd-header-container {
padding: 20px 4px;
}
	
.mwd-header-container .row {
margin: 0;
padding: 0;
}
	
.mwd-header-main {
padding-top: 6px;
text-align: left;
}

@media only screen and (max-width: 769px) {
.mwd-header-main {
text-align: center;
margin-bottom: 20px;
}			
}

.mwd-header-center {
text-align: center;
}

@media only screen and (max-width: 769px) {
.mwd-header-center {
margin-bottom: 20px;
}			
}

.mwd-header-title-center {
text-align: center;
}

.mwd-header-title-center h1 { /* in a single line */
margin: 0 0 2px 0;
padding: 0;
font-size: 14px;
font-weight: 700;
}

.mwd-header-title-center h2 {
margin: 0 0 2px 0;
padding: 0;
font-size: 12px;
font-weight: 700;
}

.mwd-header-title-center h3 {
margin: 0 0 2px 0;
padding: 0;
font-size: 11px;
font-weight: 600;
}

.mwd-header-title-center {
text-align: center;
}

@media only screen and (max-width: 769px) {
.mwd-header-title-center {
text-align: center;
margin-bottom: 20px;
}			
}

.mwd-header-sub-title-container-i-i {
text-align: right;
}

.mwd-header-sub-title-container-i-i h1 {
font-size: 1.2em;
margin: 0;
padding: 0 0 6px 0;
}

.mwd-header-sub-title-container-i-i h2 {
font-size: 1em;
margin: 0;
padding: 0;
}
	
.mwd-header-sub {
text-align: right;
}

.mwd-header-sub h2 {
font-size: 1.2em;
margin: 0;
padding-top: 15px;
}
	
@media only screen and (max-width: 769px) {
.mwd-header-sub {
text-align: center;
}			
}

.mwd-header-sub-title-container-i-i h4 { /* title without subtitle */
font-size: 1em;
margin: 0;
padding: 14px 0 0 0;
}

.mwd-header-sub-container-i-i { /* inside content section */
margin-bottom: 2em;
}

.mwd-header-sub-container-i-i input { /* search input */
background-color: rgba(255, 255, 255, 0.30) !important;
}

.mwd-header-sub-container-i-i::placeholder {
  color: rgba(0, 0, 0, 0.30);
}
/* end main header */
/* start search */

.mwd-btn-search {
border-bottom-left-radius: 0 !important;
border-top-left-radius: 0 !important;
outline: none;
box-shadow: none;
} 

.mwd-header-container input[type="search"]:focus,
.mwd-header-container input[type="search"]:active,
.mwd-header-container input[type="search"]:focus {
outline: none;
box-shadow: none;
}

/* end search */
/* start main navigation bar */
.mwd-navbar-main-sub-bar {
background-color: rgba(116, 194, 225, 1.0); 
height: 4px;
}

.mwd-navbar-main {
margin: 0;
padding: 0;
background: rgba(41, 74, 105, 1.0) !important; 
}	

@media only screen and (max-width: 769px) {

.mwd-navbar-main {
border-bottom: 1px solid #ffffff;  
}
		
}

.mwd-navbar-main .navbar-toggler {	
margin: 6px auto;
width: 200px;
text-align: left;
border-top: 1px solid rgba(255, 255, 255, 0.24) !important;
border-right: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.24) !important;
border-left: none;
color: rgba(255, 255, 255, 0.40) !important;
border-radius: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;		
}

.mwd-navbar-main .navbar-toggler:focus,
.mwd-navbar-main .navbar-toggler:active,
.mwd-navbar-main .navbar-toggler-icon:focus {
outline: none;
box-shadow: none;
}

.mwd-navbar-main .navbar-toggler[aria-expanded=false]{
border: none;
}
	
.mwd-navbar-main .navbar-toggler[aria-expanded=false]:after {
padding-top: 5px;
text-align: right;
float: right;
color: rgba(255, 255, 255, 0.40) !important;	
}
	
.mwd-navbar-main .navbar-toggler[aria-expanded=true] {
border: none;
}
	
.mwd-navbar-main .navbar-toggler[aria-expanded=true]:after {
padding-top: 5px;
text-align: right;
float: right;
color: rgba(255, 255, 255, 0.24) !important;
}

.mwd-navbar-main-list {
}
	
.mwd-navbar-main-list a.nav-link {
padding: 10px 20px !important;
}

.mwd-navbar-main-list a.nav-link.active {
background: rgba(244, 160, 36, 1.0);
}

.mwd-navbar-main-list a.nav-link:hover {
background: rgba(244, 160, 36, 0.10) !important;
}	
	
@media only screen and (max-width: 769px) {

.mwd-navbar-main-list {
border-left: none !important;
}

.mwd-navbar-main-list a.nav-link {
border-left: none !important;
border-top: 1px solid rgba(255, 255, 255, 0.60) !important;
border-right: none !important;
}	
		
}

.mwd-navbar-main-list-active-link {
background-color: rgba(116, 194, 225, 0.60) !important;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.44);
}

a.mwd-navbar-main-list-active-link {
background-color: rgba(116, 194, 225, 1.0) !important;
color: #FFFFFF;
cursor: default;
pointer-events: none !important;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.44);
}

.mwd-footer-section	{
  background: #e5e5e5;
  padding: 2rem 1rem;
  color: rgba(0, 0, 0, 0.49);
  font-size: 14px;
  letter-spacing: 1px;
}
	
.mwd-footer-content	{
  margin: 0 0 1rem 0;
  padding: 0;
}
	
.mwd-footer-content .disabled {
  position: relative;
  color: rgba(0, 0, 0, 0.60) !important;
}

.mwd-footer-content .disabled::after {
  position: absolute;
  font-family: 'FontAwesome';
  font-size: 16px;
  content: "\f3c5";
  color: rgba(0, 0, 0, 0.60) !important;
  top: 4px;
  right: 20px;
}

.mwd-footer-content h1 {
  font-size: 1.2rem;
  padding: 0 0 .5rem 0 !important;
}

.mwd-footer-content ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  border-top: 1px dashed rgba(255, 255, 255, 0.40);
}

.mwd-footer-content li {
  padding: 0;
  margin: 0 0 1px 0;
  list-style: none;
}

.mwd-footer-content li a {
  display: block;
  width: 100%;
  text-decoration: none;
  padding: 4px 10px 4px 0;
  color: #222222;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.40);
}
	
.mwd-footer-content li a:hover {
  color: rgba(255, 121, 0, 1.0);
}
	
.mwd-footer-content .mwd-read-more {

}
	
.mwd-footer-content .mwd-read-more a {
  text-decoration: none;
  color: #222222;
}
	
.mwd-footer-content .mwd-read-more a:hover {
  color: rgba(255, 121, 0, 1.0);
}

.mwd-footer-content .mwd-read-more i {
  display: inline-block;
  padding-top: 4px !important;
  padding-right: 4px;
  font-size: smaller;
}

/* end footer */

/* old footer below : */

.mwd-footer-main .disabled {
position: relative;
color: rgba(0, 0, 0, 0.60) !important;
}

.mwd-footer-main .disabled::after {
position: absolute;
font-family: 'FontAwesome';
font-size: 16px;
content: "\f3c5";
color: rgba(0, 0, 0, 0.60) !important;
top: 4px;
right: 20px;
}

.mwd-footer-main-active-link {

}

a.mwd-footer-main-active-link {

}

/* end main navigation bar */
/* start main content area */
.mwd-content-area {
background-image:url("../images/sp/001-004.png");
padding: 3em 1em;
border-bottom: 1px solid rgba(103, 103, 103, 0.10);
}
/* end main content area */

.mwd-footer-main-nav-container {
background-color: #e5e5e5;
padding-bottom: 1rem;
}

.mwd-footer-main-nav-container h1 {
padding-bottom: .5rem !important;
}

.mwd-footer-main-nav-container ul {
margin: 0 !important;
padding: 0 !important;
list-style: none;
border-top: 1px dashed rgba(255, 255, 255, 0.40);
}

.mwd-footer-main-nav-container li {
padding: 0;
margin: 0 0 1px 0;
list-style: none;
}

.mwd-footer-main-nav-container li a {
display: block;
width: 100%;
text-decoration: none;
padding: 4px 10px 4px 0;
border-bottom: 1px dashed rgba(255, 255, 255, 0.40);
}
	
.mwd-footer-main-nav-container li a:hover {
color: rgba(255, 121, 0, 1.0);
}

/*below styles on old pages */

.mwd-footer {
background-color: #e5e5e5;
padding-bottom: 1rem;
}

.mwd-footer a:link, 
.mwd-footer a:visited, 
.mwd-footer a:focus, 
.mwd-footer a:active {
text-decoration: none;
color: #525458;
width: 100%;
}

.mwd-footer a:hover {
color: #FF8000;
}

.mwd-footer-main {
padding: 1em;
}	

.mwd-footer-main h1 {
font-size: 1em;
color: #525458;
margin: 10px 0 !important;
}	

.mwd-footer-main p {
color: #525458;
padding: 2px;
margin: 0 0 4px 0;
line-height: 1.2em;
}

p.mwd-footer-main-info {
line-height: 1.4em !important;
}

.mwd-footer-sub {
padding: 2px 10px;
border-top: 1px solid #dfe2e6;
background-color: rgba(216, 212, 201, 0.44); 
text-align: right;
}

.mwd-footer-sub span {
display: inline-block;
margin-left: 11px;
}

.mwd-footer-sub-sub {
padding: 10px;
margin: 0;
border-top: 1px solid rgba(255, 255, 255, 0.24);
background-color: #E0E0E0 !important; 
text-align: center;
font-size: small;
}

.mwd-footer-sub-sub a:link, 
.mwd-footer-sub-sub a:visited, 
.mwd-footer-sub-sub a:focus, 
.mwd-footer-sub-sub a:active {
text-decoration: none;
color: #525458;
width: 100%;
}

.mwd-footer-sub-sub a:hover {
color: #FF8000;
}

/* end footer */

/* breadcrumb */

.breadcrumb-chevron {
  --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  gap: .5rem;
}
.breadcrumb-chevron .breadcrumb-item {
  display: flex;
  gap: inherit;
  align-items: center;
  padding-left: 0;
  line-height: 1;
}
.breadcrumb-chevron .breadcrumb-item::before {
  gap: inherit;
  float: none;
  width: 1rem;
  height: 1rem;
}

.breadcrumb-custom .breadcrumb-item {
  position: relative;
  flex-grow: 1;
  padding: .75rem 3rem;
}
.breadcrumb-custom .breadcrumb-item::before {
  display: none;
}
.breadcrumb-custom .breadcrumb-item::after {
  position: absolute;
  top: 50%;
  right: -25px;
  z-index: 1;
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  content: "";
  background-color: var(--bs-tertiary-bg);
  border-top-right-radius: .5rem;
  box-shadow: 1px -1px var(--bs-border-color);
  transform: scale(.707) rotate(45deg);
}
.breadcrumb-custom .breadcrumb-item:first-child {
  padding-left: 1.5rem;
}
.breadcrumb-custom .breadcrumb-item:last-child {
  padding-right: 1.5rem;
}
.breadcrumb-custom .breadcrumb-item:last-child::after {
  display: none;
}