body{
    padding-top:0 !important;
}
header.header_area {
    background: #fff;
}

.menu_area {
    background: none;
    border: none;
}
.navbars-header {
    display: none;
}
.hamburger {
    padding: 0 0;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    -o-transition-property: opacity, filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
    -o-transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
    transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}
.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
}
.hamburger--3dx-r .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px;
}
.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #ff7f00;
    border-radius: 4px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform, -o-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -o-transform;
    -webkit-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}
.hamburger--3dx-r .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger-inner::before {
    top: -10px;
}
.hamburger-inner::after {
    bottom: -10px;
}

.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
}

.menu_area .navbar-nav {
    margin: 0;
}
.nav > li {
    position: relative;
    display: block;
}
.menu_area .navbar-nav li {
    padding: 0 0 0 10px;
}
.menu_area .navbar-nav li > a {
    font-size: 14px;
    color: #000;
    text-transform: capitalize;
    /*letter-spacing: 1px;*/
    border: none;
    padding: 5px 15px;
    -webkit-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    display: inline-block;
}

.menu_area .navbar-nav li.current-menu-item a {
    color: #ff7f00;
}
.menu_area .navbar-nav ul {
    border: none;
}

.menu_area .sub-menu, .menu_area .children {
    min-width: 100%;
    list-style-type: none;
    padding: 0;
    -webkit-transition: opacity .4s ease-in-out , visibility .4s ease-in-out ,max-height .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out , visibility .4s ease-in-out ,max-height .4s ease-in-out;
    transition: opacity .4s ease-in-out , visibility .4s ease-in-out ,max-height .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    /*white-space: nowrap;*/
    background-color: rgba(26, 28, 40, 0.9);
    z-index: 2;
    max-height: 0;
}
.menu_area .sub-menu li, .menu_area .children li {
    padding: 0 0 0 10px;
    position: relative;
}

.menu_area .navbar-nav li .mobile-dropdown {
    position: absolute;
    height: 42px;
    width: 30px;
    right: 0;
    color: #9bc6e5;
    font-size: 15px;
    text-align: center;
    line-height: 42px;
    z-index: 2;
}
.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateY(
-180deg
);
    transform: rotateY(
-180deg
);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(
45deg
);
    transform: translate3d(0, 10px, 0) rotate(
45deg
);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(
-45deg
);
    transform: translate3d(0, -10px, 0) rotate(
-45deg
);
}
.menu_area .sub-menu.open-sub-menu, .menu_area .children.open-sub-menu {
    visibility: visible;
    opacity: 1;
    max-height: 2000px;
}

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: transparent;
}

.navigation_area .navbar-brand {
    float: none;
    height: auto;
}

.navigation_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.navigation_area {
    align-items: center;
    justify-content: space-between;
}

.hamburger:focus {
    outline: 0;
}



@media (max-width: 992px) {
    .header_area .navbar-wrapper.open-nav .navbar-nav li > ul.sub-menu > li > a {
        /*font-size: 15px;*/
    }
	.header_area .navbars-header {
	    float: right;
	}
	.header_area .navbars-header {
	    display: block;
	    position: relative;
	    z-index: 9999;
	    margin-top: 0;
	}
	.header_area .navbar-wrapper {
	    position: fixed;
	    width: 100%;
	    right: 100%;
	    background: #003b65;
	    -webkit-transition: all 0.4s ease-in-out;
	    -o-transition: all 0.4s ease-in-out;
	    transition: all 0.4s ease-in-out;
	    top: 0;
	    bottom: 0;
	    z-index: 99;
	    padding: 50px;
	}
	.header_area .navbar-wrapper.open-nav {
	    right: 0;
	}
	.header_area .navbar-wrapper.open-nav .navbar-nav {
	    width: 100%;
	}
	.header_area .navbar-wrapper.open-nav .navbar-nav li > a {
        color: #fff;
    }
    .header_area .navbar-wrapper.open-nav .navbar-nav li.current-menu-item > a {
        color: #ff7f00;
    }
	
}



@media screen and (min-width: 992px) {
    .menu_area .navbar-nav li .mobile-dropdown {
        top: 50%;
        transform: translateY(-50%);
    }
    .menu_area ul.navbar-nav > li > a {
        padding: 48px 20px;
    }
    .menu_area .sub-menu, .menu_area .children {
        min-width: 300px;
    }
    .menu_area .navbar-nav ul.sub-menu > li > a:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 3px;
        background: transparent;
        transition: all 300ms ease-in-out 0s;
    }
    .menu_area .navbar-nav ul.sub-menu > li:hover > a:before {
        background-color: ff7f00;
    }
    .menu_area .navbar-nav > li.menu-item-has-children > ul.sub-menu > li > a {
        color: #ffff;
    }
    .menu_area .navbar-nav > li.menu-item-has-children > ul.sub-menu > li > a:hover, 
    .menu_area .navbar-nav > li.menu-item-has-children > ul.sub-menu > li > a:focus {
    
    	color:#ff7f00;
    	outline:0;
    }
    /*.menu_area .navbar-nav > li.menu-item-has-children > ul.sub-menu > li:hover,*/
    /*.menu_area .navbar-nav > li.menu-item-has-children > ul.sub-menu > li:focus{*/
    /*    border-left: 3px solid #ff7f00;*/
    
    
    /*transition: all 0.7s ease;*/
    /*}*/
    
    /*ul.sub-menu> li>a:before {*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    height: 100%;*/
    /*    width: 3px;*/
    /*    background: #ff7f00;*/
    /*    transition: all 0.7s ease;*/
    /*}*/
    
    /*ul.sub-menu> li:hover>a:before {*/
    /*    background: #ff7f00;*/
    /*    width: 100%;*/
    /*}*/

	.threed-menu-wrap-area {
	    position: static;
	}
	.menu_area .navbar-nav {
	    float: right;
	}
	.menu_area .navbar-nav li > a {
	    /*font-size:12px;*/
	}
	.menu_area .navbar-nav li {
	    padding: 0;
	}
	.menu_area .navbar-nav > li:not(.menu-cart) > a {
	    position: relative;
	}
	.menu_area .navbar-nav .sub-menu, .menu_area .navbar-nav .children {
	    position: absolute;
	    left: 0;
	    top: 100%;
	}
	.menu_area .sub-menu li, .menu_area .children li {
	    padding: 0 15px;
	}
	.menu_area .navbar-nav .sub-menu li, .menu_area .navbar-nav .children li {
	    -webkit-transition: background 0.4s ease-in-out;
	    -o-transition: background 0.4s ease-in-out;
	    transition: background 0.4s ease-in-out;
	}
	.menu_area .navbar-nav li.menu-item-has-children:hover > .sub-menu, .menu_area .navbar-nav li.menu-item-has-children:hover > .children, .menu_area .navbar-nav li.page_item_has_children:hover > .sub-menu, .menu_area .navbar-nav li.page_item_has_children:hover > .children {
	    visibility: visible;
	    opacity: 1;
	    max-height: 2000px;
	}
	.menu_area .navbar-nav li .mobile-dropdown {
	    right: -12px;
	    color: #ff7f00;
	    font-size: 8px;
	}
}

@media (min-width: 768px) {
	.navbar-nav {
	    float: left;
	    margin: 0;
	}
	.navbar-nav > li {
	    float: left;
	}
}