#main-navbar, header.fixed-top > #main-navbar a.navbar-brand, header.fixed-top > #main-navbar a.navbar-brand img {transition: all .2s ease;}
header.fixed-top > #main-navbar {padding-top:0; padding-bottom:0}
header.fixed-top > #main-navbar a.navbar-brand { padding-top: 5px; padding-bottom: 5px; }
header.fixed-top > #main-navbar .navbar-nav > .nav-item > a { padding-top: 15px; padding-bottom: 15px; }

.nav > li > a:hover, .nav > li > a:focus, .nav > li.open > a, .nav > li.open > a:hover, .nav > li.open > a:focus  { border-color:#ccc}
.nav > li > ul.dropdown-menu { box-shadow:none; }
.post .list-unstyled li:not(.text-muted) { padding: 1px 0;color: #fff; }
.footer hr { border-top: 1px solid #121212; box-shadow: 0 1px #2A2A2A }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #323232; }
#main-navbar-menu > li.active > a {color:#000; background-color: transparent;}

/*navi sub-menu*/
#main-navbar .dropright .dropdown-toggle:after { float: right; margin-top: .45rem; color: inherit;}

/*nav breadcrumb*/
#nav-breadcrumb-wrap { border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; background-color: #f3f3f3  }
.nav-breadcrumb > li { display: inline-block}
.nav-breadcrumb > li > a { position: relative;font-size:13px; padding-top:5px !important; padding-bottom:5px !important}
.nav-breadcrumb > li:first-child > a {border-left: 1px solid #ccc; padding:5px 5px 5px 10px;}
@media screen and (max-width: 767px) {
	.nav-breadcrumb { position: relative; /*overflow: hidden;*/ white-space: nowrap; text-overflow: ellipsis; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
	.nav-breadcrumb > li >a { padding-right: .5rem; letter-spacing:-1px }
	.nav-breadcrumb > li > a::after, .nav-breadcrumb > li > a::before {border-top-width:16px; border-bottom-width:16px;margin-top:-16px}
}
@media (min-width: 767px) {
	.nav-breadcrumb > li >a:not(:last-child) { min-width: 160px; padding-left:25px}
}
.nav-breadcrumb > li >a .caret{ float: right; margin-top: 8px }
.nav-breadcrumb > li > .dropdown-menu {border-radius: 0; margin:0; padding:0; box-shadow: none; border:1px solid #ddd; width: 100%;}
.nav-breadcrumb > li > .dropdown-menu a { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nav-breadcrumb > li > .dropdown-menu a.active {background-color: #212121;}
.nav-breadcrumb > li > a:after, .nav-breadcrumb > li > a:before { content: ''; display: block; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; position: absolute; top: 50%; left: 100%; margin-top: -15px; z-index: 3 }
.nav-breadcrumb > li > a:after { border-left: 10px solid #f3f3f3; margin-left: -1px}
.nav-breadcrumb > li > a:before { border-left: 10px solid #ccc;  }
@media screen and (max-width: 767px) {
	.nav-breadcrumb > li > a::after, .nav-breadcrumb > li > a::before {border-top-width:16px; border-bottom-width:16px;margin-top:-16px}
}

#content > .page-header { margin-bottom:2.5rem}
#content > .page-header > h3 span {font-size:1.6rem; position: relative; padding:0 .5rem; text-shadow: 1px 1px white; letter-spacing:-1}
#content > .page-header > h3 span:before { content: '';background-color: #89dcfd;position: absolute;bottom: 0;left: 0;width: 100%;height: 15px;z-index: -1; border-radius: 4px; }

@media screen and (max-width:767px){
	div:not(.modal-body) > .alert, section > .alert, form > .alert { margin-left: -15px; margin-right: -15px; border-radius: 0; border-left: 0; border-right: 0;}
	blockquote { padding: 0;}
}

#to-bottom { position: fixed;bottom: 15px;right: 15px;display: none;z-index: 999; padding: 7px 10px; border-radius: 50%; background-color: rgba(0, 0, 0, .7);width: 40px;height: 40px;color: #fff;}