/*==========================
2.3  DROPDOWN MENU STYLE
============================*/

.header-area.header-area-three {
    background: rgba(0, 46, 91, 0.6) none repeat scroll 0 0;
    position: absolute;
    width: 100%;
    z-index: 1;
    transition: .4s ease-in-out;
}

.header-area-three .logo h2 {
    color: #fff;
    padding: 18px 0;
}

.header-area-three .main-menu>li {
    padding: 30px 0;
}

.header-area-three .main-menu>li>a {
    color: #fff;
}

.header-area-three .search-icon i {
    color: #fff;
}

.header-area-three .header-action .search-box {
    top: 100%;
}



.main-menu {
    float: right;
}
ul.main-menu { margin:0px;}
.main-menu>li { background:#079600;
    display: inline-block;
    padding: 20px 12px; margin:0px; float:left; border-right:1px solid #057200;
    position: relative;
    transition: all .3s ease-in-out; color: #ffffff;
}
.main-menu>li:hover { background:#057200; color: #ffffff;}
.main-menu>li>a i {
    position: relative;
    top: -2px;
}

.main-menu>li>a {
    display: inline-block;
    font-size: 18px;
    letter-spacing: 0px;
    margin: 0 0px; color: #ffffff;
}

.main-menu>li.active {
     background:#595959; color: #ffffff;
}

.main-menu>li.active a {
    color: #ffffff;
}

.main-menu li>ul.dropdown {
    background: #f96a60;
    border-top: 2px solid #CE1B28;
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0 5px 1px rgba(0, 0, 0, 0.05);
    opacity: 0;
    padding: 2px 0;
    position: absolute;
    top: 100%;
    transition: all 0.4s ease-in-out 0s;
    visibility: hidden;
    width: 230px;
    z-index: 111;
	left: 1px;
}

.dropdown>li {
    border-bottom: 1px solid #f1f1f1;
    padding: 10px 0;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
}

.main-menu .dropdown>li>a {
    color: #333333;
	display: block;
	font-size: 16px;
	letter-spacing: 0px;
	padding: 0 6px;
    transition: all 0.3s ease-in-out 0s;
}

.dropdown>li:last-child,
.sub-dropdown>li:last-child {
    border-bottom: 0;
}

.dropdown>li>a>i {
    padding: 2px 0;
    transition: .3s;
    transform: scale(0);
    font-size: 16px;
    color: #CE1B28;
}

.dropdown>li:hover>a>i {
    transform: scale(1);
}

.dropdown>li:hover {
    background: #f1f1f1;
}

.dropdown.right-dropdown {
    right: 0;
}

.dropdown>li:hover>a {
    padding-left: 20px;
}

.main-menu li:hover>ul.dropdown {
    opacity: 1;
    visibility: visible;
}

.sub-dropdown {
    background: #242424 none repeat scroll 0 0;
    left: 100%;
    opacity: 0;
    padding: 2px 0;
    position: absolute;
    top: 0;
    transition: all 0.4s ease-in-out 0s;
    visibility: hidden;
    width: 200px;
}

.sub-dropdown li {
    border-bottom: 1px solid #3b3a3a;
    padding: 10px 0;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
}

.sub-dropdown li>a {
    color: #ddd;
    display: block;
    font-size: 11px;
    letter-spacing: 2px;
    padding: 0 15px;
    text-transform: uppercase;
}

.sub-dropdown li:hover {
    background-color: #3B3A3A;
}

.dropdown>li:hover .sub-dropdown {
    border-left: 2px solid #CE1B28;
    opacity: 1;
    visibility: visible;
}

.header-area-five .main-menu li .dropdown {
    z-index: 1111;
}

.menu-area.add-search {
    float: right;
}

.add-search .main-menu {
    display: inline-block; 
}
ul.header-action { margin:0px;}
.add-search .header-action {
    display: inline-block; float: right;
    position: relative;
}

.add-search .main-menu {
    float: none;
}

.header-action .search-box {
    background: #079600 none repeat scroll 0 0;
    display: none;
    padding: 5px;
    position: absolute;
    right: -18px;
    transition: all 0.4s ease 0s;
    z-index: 11;
    top: 100%;
}


.search-box.show-box {
    border-top: 0px solid #CE1B28;
    display: block;
}

.search-icon {
    cursor: pointer;
    display: block;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-top: 20px;
}

.search-icon i {
    color: #fff;
}

.search-option {
    border: 1px solid #ddd;
    height: 40px;
    padding: 8px;
    width: 250px;
}

.header-area-three {
    transition: .3s ease-in-out;
}

.sticky.sticky-header.header-area-three {
    background: #002E5B;
}


.sticky.sticky-header {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.08);
    position: fixed;
    top: 0;
    transition: all 0.3s ease-in-out 0s;
    width: 100%; max-width:1140px;
    z-index: 999;
}

.sticky.sticky-header .logo h2 {
    padding: 13px 0px;
    transition: all .3s ease-in-out;
}

.sticky.sticky-header .main-menu>li {
    padding: 25px 0;
    transition: all .3s ease-in-out;
}

.sticky.sticky-header .search-icon {

    padding-bottom: 23px;
    transition: all .3s ease-in-out;
    padding-top: 23px;
}