.nav {
width: 100%;
}
.navbar-expand-lg {
width: 80%;
margin: 0px auto;
padding: 0rem 1rem;
}
.navbar-toggler {
display: block;
}
.loginName {
background-color: #fff;
color: #0066cc;
border-radius: 50%;
display: inline-block;
padding: 6px 8px;
}
.navbarDropdown::before {
content: "";
position: absolute;
right: 26px;
top: -10px;
width: 0;
height: 0;
z-index: 9999;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #fff transparent;
}
.mobileMenu {
margin: 0;
padding: 0;
list-style: none;
display: none;
align-items: center;
justify-content: center;
}
.navbar-brand {
margin: 8px 1rem;
padding-top: 0rem;
padding-bottom: 0rem;
}
.navbar-custom .nav-link {
color: #fff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.navbar-custom .nav-link.active {
color: #666666;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.navbar-custom .nav-link:hover {
color: #4c8efc;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 10px;
padding-left: 10px;
position: relative;
}
.employersMenu {
margin-right: 1rem;
}
.navbar-custom .nav-link {
color: #fff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.langDrowDown.show {
overflow: hidden!important;
border-radius: 10px!important;
min-width: auto!important;
}
.navbar-nav .dropdown span {
display: block;
}
.subMenu a.active{
color: #cdcdcd!important;
}
.navbar-nav .dropdown-toggle::after {
right: 0px;
top: 6px;
}
.searchIconBtn:hover i {
color: #0066cc;
}
.dropdown-item .langText {
padding: 0px !important;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
color: #007bff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.menuIcon {
border-top: 4px solid #fff;
border-bottom: 4px solid #fff;
display: inline-block;
height: 25px;
position: relative;
text-indent: -999px;
width: 30px;
}
.menuIcon:before {
border-top: 4px solid #fff;
content: "";
left: 0;
position: absolute;
top: 6px;
width: 100%;
}
.navbar-toggler {
height: 25px;
padding: 0px;
margin: 10px 4px;
width: 36px;
z-index: 2;
border: 0px solid transparent;
}
.nav .dropdown-menu.show {
opacity: 1;
left: inherit;
right: 0;
display: block;
visibility: visible;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.nav .dropdown-menu {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.nav-link {
display: block;
padding: 4px 1rem;
}
.searchInput,
.searchBtn {
display: inline-block;
}
.searchInput {
width: 84%;
}
.searchBtn button {
display: block;
padding: 5px 20px;
}
.searchWarp {
padding-left: 22px;
position: relative;
}
.searchWarp::before {
content: "|";
position: absolute;
top: 8px;
color: #cdcdcd;
left: 10px;
}
.searchBtn {
width: 14%;
margin-left: 10px;
}
.searchInput input {
width: 100% !important;
}
.animate {
animation-duration: 0.3s;
-webkit-animation-duration: 0.3s;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
}
@keyframes slideIn {
0% {
transform: translateY(1rem);
opacity: 0;
}
100% {
transform: translateY(0rem);
opacity: 1;
}
0% {
transform: translateY(1rem);
opacity: 0;
}
}
@-webkit-keyframes slideIn {
0% {
-webkit-transform: transform;
-webkit-opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-webkit-opacity: 1;
}
0% {
-webkit-transform: translateY(1rem);
-webkit-opacity: 0;
}
}
.dropdown-item {
color: #0066cc;
padding: 0.5rem 1.5rem;
}
.slideIn {
-webkit-animation-name: slideIn;
animation-name: slideIn;
}
.desktopDropdown {
border: 1px solid #cdcdcd !important;
border-radius: 5px !important;
box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 4px 0px;
}
.nav .dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 300px;
padding: 0px 0;
margin: 0px;
margin-top: 0px;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: rgba(255, 255, 255, 1);
background-clip: padding-box;
border: 0px solid rgba(0, 0, 0, 0.15);
border-radius: 0px;
}
.closeBtn {
cursor: pointer;
text-align: right;
margin-top: 35px;
color: #4c4c4c;
font-size: 30px;
}
/*overlay*/
.searchOverlay {
display: none;
position: fixed;
top: 0;
height: 100%;
right: 0;
width: 100%;
background-color: rgba(255, 255, 255, 0.9);
overflow: auto;
z-index: 100;
}
.SearchWarp {
width: 50%;
margin: 0px auto;
}
.searchBar {
width: 100%;
}
.mobileMenu .dropdown-menu {
left: auto;
right: 10px;
}
.fixedSubMenu {
background: #fff;
position: fixed !important;
top: 0;
z-index: 100;
}