.main-header {position: fixed; left: 0; top: 0; z-index: 999; width: 100%; -webkit-transition: all 500ms ease; transition: all 500ms ease}
.main-header.fixed-header {top: -33px}
.header-inner {position: relative}
.top-right {position: relative; z-index: 10; padding: 5px 0}
.top-right > a, .top-left > a:hover, .top-right > a:hover {color: #fff}
.top-right > a i {margin-right: 15px}
.social-style-one {padding-left: 30px; margin-left: 30px; border-left: 1px solid #ffffff}
.main-header .header-upper {position: relative; z-index: 5; -webkit-transition: all 500ms ease; transition: all 500ms ease}
.fixed-header .header-upper {background: rgba(0, 0, 0); padding: 7px 0}
.main-header .logo {position: relative; z-index: 9}
.main-menu .navbar-collapse {padding: 0}
.main-menu .navigation li {float: left; padding: 12px 15px;}
.main-menu .navigation li a {
    position: relative;
    display: block;
    font-size: 15px;
    color: #fff;
    line-height: 30px;
    opacity: 1;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease
}
.main-menu .navigation li a:before {
    position: absolute;
    content: '';
    height: 2px;
    width: 0;
    left: 50%;
    top: 100%;
    transition: .5s;
    background: #ef3f23;
    transform: translate(-50%)
}
.main-menu .navigation li li a:hover, .main-menu .navigation li li.current a, .main-menu .navigation li li.current-menu-item a {color: #1965fd}
.main-menu .navigation > li:hover > a:before, .main-menu .navigation > li.current > a:before, .main-menu .navigation > li.current-menu-item > a:before {width: 65%}
.main-menu .navigation li .megamenu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 100;
    display: none;
    padding: 20px 0;
    background: #fff;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05)
}
.main-menu .navigation li .megamenu:after {display: block; clear: both; content: ""}
.main-menu .navigation li .megamenu ul {display: block; position: relative; top: 0; width: 100%; -webkit-box-shadow: none; box-shadow: none}
.main-menu .navigation li ul {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 200px;
    z-index: 100;
    display: none;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05)
}
.main-menu .navigation li ul li {width: 100%; padding: 7px 20px; border-bottom: 1px solid #f2f2f2}
.main-menu .navigation li ul li:last-child {border-bottom: none}
.main-menu .navigation li ul li a {padding: 5px 0; line-height: 24px; color: #797d8a; font-weight: 500; text-transform: capitalize}
.main-menu .navigation li ul li ul {left: 100%; top: 0%}
.main-menu .navbar-header {display: none}
.main-menu .navbar-header .navbar-toggle {float: right; padding: 4px 0; cursor: pointer; background: 0 0}
.main-menu .navbar-header .navbar-toggle .icon-bar {background: #fff; height: 2px; width: 30px; display: block; margin: 7px 5px}
.menu-btn {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center}
.menu-btn .btn {box-shadow: none}
.menu-btn .btn i:before {font-size: 14px}
.fixed-header {background: rgba(25, 101, 253, .35)}
.main-menu .navigation .dropdown-menu a.dropdown-item{font-size:14px; text-transform: inherit; color: #212529; font-weight: 500;}
@media only screen and (max-width: 1250px) {
    .main-menu .navigation li {padding: 20px 15px}
    .lan-select.nice-select {margin-left: 30px}
}
@media only screen and (max-width: 1199px) {
    .main-menu .navigation li {padding: 20px 12px}
    .menu-btn {display: none}
}
@media only screen and (max-width: 991px) {
    .main-header .header-upper .container-fluid {padding: 0}
    .main-header .logo-outer {position: absolute; top: 5px}
    .main-menu {width: 100%}
    .main-menu .navbar-header {display: block}
    .main-menu .navigation {overflow: auto; max-height: 310px; margin: 50px 0 25px; background: rgba(0, 0, 0, 0)}
    .main-menu .navigation li {float: none; padding: 0 20px; border-top: 1px solid #f3f3f314}
    .main-menu .navigation li:last-child {border-bottom: 1px solid #f3f3f314}
    .main-menu .navigation li a {padding: 10px; line-height: 22px}
    .main-menu .navigation li.current > a {color: #1965fd}
    .main-menu .navigation li a:after {display: none}
    .main-menu .navigation li .megamenu {position: relative; -webkit-box-shadow: none; box-shadow: none; width: 100%}
    .main-menu .navigation li .megamenu .container {max-width: 100%}
    .main-menu .navigation li .megamenu .row {margin: 0}
    .main-menu .navigation li ul {position: relative; display: none; width: 100%; -webkit-box-shadow: none; box-shadow: none; background: 0 0}
    .main-menu .navigation li ul:after {display: block; clear: both; content: ""}
    .main-menu .navigation li ul li {padding: 0 20px; border-bottom: none}
    .main-menu .navigation li ul li a {padding: 10px; line-height: 22px; color: #fff}
    .main-menu .navigation li ul li a:hover {color: #1965fd}
    .main-menu .navigation li ul li ul {left: auto}
    .main-header .header-upper {padding: 25px 0;}
}
@media only screen and (max-width: 575px) {
    .fixed-header .header-upper {padding: 60px 0 25px}
    .top-right {padding: 20px 0 0;}
}