/* navigation */
.navbarN {border-radius: 0 !important; border: none; }
.navbarN {height: auto; padding: 5px 0; background: #2D7EAC; margin-bottom: 0; color: #fff; position: fixed;}
.navbarN a {color: #fff; }
.navbarN .logo {float: left; margin-right: 10px; height: 42px;  font-size: 24px; font-weight: bold; }
.navbarN .search {clear: both; white-space: nowrap; }
.navbarN .search input {color: #333; font-size: 14px; }
.navbarN .search input[type="text"] {padding: 6px 12px; height: 34px; width: calc(100% - 50px); border-radius: 4px 0 0 4px; border-width: 1px; font-size: 16px; vertical-align: top; }
.navbarN .search button[type="submit"] {width: 50px; height: 34px; background: #fff; border: 1px solid #ccc; border-radius: 0 4px 4px 0; color: #2D7EAC; vertical-align: top; line-height: 34px; }
.navbarN .search button[type="submit"] span {font-size: 24px; line-height: 30px; }
.navbarN .navbarNRightN {float: right; padding: 2px 0; height: 42px; }
.navbarN .navbarNRightN .txt {display: inline-block; width:110px; vertical-align: middle; font-size: 1.2rem; line-height: 1.2; }
.navbarN .navbarNRightN.login {margin: -5px -15px 0 0; padding: 0; }
.navbarN .person {display: flex; justify-content: center; align-items: center; float: left; height: 100%; padding-right: 5px; border-right: 1px solid #0C4A6C; }
.navbarN .person img {width: 32px; height: 32px; }
.navbarN .navbarNRightN .navBtn {float: left; display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 0 7px; border-right: 1px solid #0C4A6C; font-size: 1rem; text-align: center; color: #eee; }
.navbarN .navbarNRightN .navBtn:last-child {border-right: none; }
.navbarN .navbarNRightN .navBtn:hover {text-decoration: none; }
.navbarN .navbarNRightN .navBtn [class^="icon-"] {display: block; margin: 0 auto -3px; font-size: 24px; color: #082B43; text-shadow: 1px 1px 0 rgba(255,255,255,.2) }


@media only screen and (min-width : 600px) {
    .navbarN .search {clear: none; padding: 5px 0;  }
    .navbarN .search input[type="text"] {width: 200px; }
    .navbarN .navbarNRightN.login {height: 56px; margin: -5px -15px -5px 0; }
    .navbarN .person {line-height: 52px; }
}

@media (min-width: 768px) {
    .navbarN>.container .navbarN-brand, .navbarN>.container-fluid .navbarN-brand {margin-left: 0; }

    /*.navbarN */
    .navbarN {height: 80px; padding: 10px 0; }
    .navbarN .navbarNRightN {padding: 10px 0; }
    .navbarN .logo {padding-left: 0; font-size: 36px; height: 63px;}
    .navbarN .navbarNRightN.login {height: 80px; margin: -10px -15px -10px 0; }
    .navbarN .person {padding-right: 15px; }
    .navbarN .navbarNRightN .txt {display: inline; font-size: 1.4rem; line-height: 1.2; }
    .navbarN .navbarNRightN .navBtn {font-size: 1.2rem; padding: 0 15px; }
    .navbarN .navbarNRightN .navBtn:last-child {border-right: 1px solid #0C4A6C; }
    .navbarN .search {clear: none; padding: 12px 0;  }
    .navbarN .search input[type="text"] {width: 200px; }


}


@media only screen and (min-width : 992px) {
    .navbarN .search input[type="text"] {width: 350px;}
}

@media only screen and (min-width : 1200px) {
    .navbarN .search input[type="text"] {width: 550px;}

}