.header-container {
    background: linear-gradient(#f5f5f5, #fff)
;}

.header-container header.ui.container {
    position: relative;
    padding: 30.5px 0;
    height: 185px;}

.header-container header.ui.container:before {
    content: url(../image/header.jpg);
    opacity: 0.4;
    position: absolute;
    bottom: -4px;
    max-width: 100%;
    overflow: hidden;}

.logo-container .logo {
    float: left;}

.title {
    color: rgb(0, 72, 135);
    font-size: 32px;
    margin-left: 15px;
    padding-left: 15px;
    border-left: 2px ridge rgb(2, 87, 161);
    line-height: 47.5px;
    display: inline-block;
    font-weight: bold;}

.search-container .search-input {
    margin-top: 30px;
    float: right;}

.search-container .search-input #search-input {
    width: 180px;
    transition: width 1s;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;}

.search-container .search-input #search-input:focus {
    width: 220px;}

.ui .menu li {
    list-style: none;}

.nav-container {
    height: 43px;
    margin-bottom: 10px;}

.nav-container .ui.fluid.container {
    background-color: #00b5ad;}

.nav-container .ui.inverted.menu .dropdown li.item > a:not(.ui) {
    color: black;
    border-left: 2px solid skyblue;
    padding-left: 7px;}

.nav-container .ui.inverted.menu .dropdown li.item.active > a:not(.ui) {
    color: #00b5ad !important;
    font-weight: normal;}

li.hasChild.item ul.menu.transition {
    margin-left: auto !important;}

.fixed.top {
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    min-width: 1155px;}