.nav_area {
    margin-top: 0;
    width: 100%;
    display: table
}

.nav_section {
    background-color: #000
}

.menu {
    font-family: 'CircularStd'
}

.mob_icon {
    position: relative
}

.pushmenu ul {
    margin: 0;
    padding: 0px;
    list-style: none
}

.last_menu a {
    margin-right: 2px !important
}

.pushmenu ul li {
    position: relative;
    display: table-cell;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    text-align: center
}

.pushmenu ul li a {
    margin: 0px;
    padding: 0px;
    display: block;
    font-family: 'CircularStd';
    position: relative
}

.pushmenu ul>li:last-child a {
    margin-right: 0px
}

.pushmenu ul li a {
    color: #fff;
    font-size: 17px;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-weight: 400;
    text-decoration: none;
    padding: 27px 0px 27px 0px
}

.pushmenu ul li ul {
    padding: 0;
    position: absolute;
    top: 77px;
    z-index: 5;
    text-align: left;
    width: 249px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transiton: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
    background: #fff;
    border: 1px solid #000
}

.pushmenu ul li ul li {
    float: none;
    display: block
}

.pushmenu ul li ul li:first-child {
    border: 0px
}

.pushmenu ul li ul li a {
    display: inline-block;
    padding: 5px 5px;
    text-align: left;
    font-size: 17px;
    font-family: 'CircularStd'
}

.pushmenu ul li ul li ul {
    padding: 0;
    position: absolute;
    top: 0px;
    text-align: left;
    left: 249px;
    width: 293px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transiton: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s
}

.pushmenu ul li ul li a {
    background-color: #fff;
    display: block;
    padding: 5px 10px;
    margin: 0px !important;
    color: #1c0707;
    font-family: 'CircularStd';
    margin: 0px;
    transition-duration: 1s
}

.pushmenu ul li ul li a:hover {
    transition-duration: 1s
}

.pushmenu ul li ul li a {
    color: #fff;
}

.pushmenu ul li ul li a:hover {
    color: #fff;
}

.upload_btns_wrap,
.customer_no_link_mobile {
    display: none;
}

@media screen and (min-width:768px) {
    .pushmenu ul li.active a,
    .pushmenu ul li:hover a,
    .nav_area .pushmenu ul li.current-menu-item a,
    .nav_area .pushmenu ul li.current-page-ancestor a {
        color: #f60
    }
    .pushmenu ul li:hover ul li a,
    .pushmenu ul li ul li:hover ul li a {
        border-left: 0px;
        border-right: 0px;
        border-bottom: 0px
    }
    .pushmenu ul li ul li ul {
        opacity: 1;
        visibility: hidden;
        display: none !important
    }
    .pushmenu ul li:hover ul li:first-child a {
        border-top: 0px
    }
    .pushmenu ul li ul li:hover ul {
        display: block !important;
        opacity: 1;
        visibility: visible
    }
    .pushmenu ul li:hover ul {
        display: block;
        opacity: 1;
        visibility: visible
    }
    .pushmenu ul li ul li:hover {}
    .pushmenu ul li:hover ul {
        display: block;
        opacity: 1;
        visibility: visible
    }
    .pushmenu ul li ul li:hover ul {
        display: block !important;
        opacity: 1;
        visibility: visible
    }
    .dark.nav_section ul li a {
        color: #3c2800
    }
    .nav_section {
        position: relative
    }
    .nav_section.clone {
        position: fixed;
        top: -76.8px;
        left: 0;
        right: 0;
        z-index: 9991;
        transition: 0.4s top cubic-bezier(0.3, 0.73, 0.3, 0.74)
    }
    body.down .nav_section.clone {
        top: 0
    }
    .pushmenu ul {
        margin: 0;
        padding: 0px;
        list-style: none;
        margin-top: 0;
        width: 100%;
        display: table
    }
    .pushmenu ul li.sub_menu ul li {
        float: left
    }
    .sub_menu {
        position: inherit !important
    }
    .pushmenu ul li.sub_menu ul {
        left: 0px !important;
        width: 100% !important;
        background-color: #e95f05
    }
    .pushmenu ul li ul li a {
        background-color: #fff !important;
        color: #000 !important
    }
    .pushmenu ul li ul li a:hover {
        color: #f60 !important
    }
    .pushmenu ul li.sub_menu ul li {
        width: 25%;
        display: inline-block;
        border: 0px
    }
    .pushmenu ul li ul li a:hover {
        color: #000 !important
    }
    .down .logo {
        top: -7px
    }
    .pushmenu ul li.mega_menu:hover ul {
        width: 420px;
        display: block;
        border: 1px solid #000
    }
    .pushmenu ul li.drop_down_menu>a {
        position: relative
    }
    .pushmenu ul li.mega_menu ul li {
        width: 50%;
        float: left
    }
    .pushmenu ul li ul li a {
        padding: 10px 20px;
        font-size: 16px
    }
    .pushmenu ul li ul li a:hover {
        color: #f60 !important;
        background-color: #ebebeb !important
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .pushmenu ul li a {
        padding: 15px 11px;
        font-size: 13px
    }
    .pushmenu ul li ul {
        top: 48px
    }
    .sticky .menu .pushmenu ul li a {
        padding: 15px 26px
    }
    .sticky .menu .pushmenu ul li ul li a {
        padding: 10px 10px
    }
    .sticky .menu .pushmenu ul li ul {
        top: 48px
    }
    .buttonset {
        top: 28px
    }
    .pushmenu ul li ul li {
        background-color: #000
    }
    .pushmenu ul li ul li {
        background-color: #fff
    }
    .pushmenu ul li a {
        padding: 15px 4px;
        font-size: 13px
    }
    .pushmenu ul li ul li a {
        font-size: 11px;
        padding: 5px 10px
    }
}

@media (max-width:767.98px) {
    .pushmenu ul li {
        padding: 10px 0px
    }
    .drop_down_menu ul,
    .drop_down_menu_sub ul {
        display: none;
        background: #f60
    }
    .drop_down_menu_1 ul {
        display: none
    }
    .drop_down_menu:after,
    .drop_down_menu_sub:after {
        cursor: pointer;
        content: "\f107";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #000;
        position: absolute;
        font-size: 22px;
        right: 15px;
        top: 15px
    }
    .pushmenu {
        background-color: #fff;
        width: 100%;
        /* height: 100%;*/
        top: 60px;
        z-index: 1000;
        margin: 0px;
        position: absolute;
    }
    /*  .pushmenu-left {
        right: -300px
    }*/
    .pushmenu ul li {
        display: block
    }
    .pushmenu-left {
        top: -5000px !important;
    }
    .pushmenu-left.pushmenu-open {
        top: 35px !important;
    }
    /*body.admin-bar .pushmenu-left.pushmenu-open {
        top:60px !important;
    }*/
    .pushmenu-push {
        overflow-x: hidden;
        position: relative;
        right: 0
    }
    /* .pushmenu-push-toright {
        right: 300px
    }*/
    .pushmenu,
    .pushmenu-push {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease
    }
    .buttonset {
        position: relative
    }
    .mob_menu_col {
        padding: 0 !important
    }
    #nav_list:before {
        cursor: pointer;
        height: 42px;
        width: 42px;
        text-indent: -99999em;
        content: "\f0c9";
        font-family: "Font Awesome 5 pro";
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #fff;
        font-size: 22px;
        top: 10px;
        left: 0
    }
    #nav_list:hover:before {
        color: #f60
    }
    .drop_down_menu_1 ul {
        padding-left: 30px !important
    }
    .pushmenu ul li ul {
        position: inherit !important;
        width: inherit;
        visibility: inherit;
        opacity: inherit;
        top: inherit
    }
    .pushmenu ul {
        text-align: left
    }
    .pushmenu ul li a {
        font-size: 18px;
        padding: 15px;
        display: block;
        color: #000;
        background-color: #fff;
        /* border-bottom: 1px solid #b7b7b7; */
    }
    .pushmenu ul li {
        padding: 0px
    }
    .pushmenu ul li ul li {
        padding: 0px
    }
    .pushmenu ul li ul li a {
        padding-left: 29px
    }
    .pushmenu ul li ul li ul li a {
        padding-left: 35px
    }
    .pushmenu ul {
        padding: 0px
    }
    .pushmenu ul li:hover ul {
        display: none
    }
    .pushmenu ul li ul li ul {
        left: 5px;
        width: inherit
    }
    .pushmenu ul li {
        float: none;
        text-align: left
    }
    .pushmenu ul li ul li ul {
        opacity: 1;
        visibility: visible;
        /* border-top: 1px solid #fff */
    }
    .pushmenu {
        overflow-y: auto
    }
    .buttonset .active:before {
        content: "\f00d" !important;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #000;
        font-size: 29px;
        top: 10px;
        left: 0
    }
    .buttonset {
        position: absolute;
        z-index: 999
    }
    .buttonset {
        right: 22px;
        top: 10px
    }
    .pushmenu ul li ul {
        border: none;
    }
    .pushmenu ul li ul li {
        border: none;
    }
    .pushmenu ul li ul li a {
        color: #000;
        display: block;
        background-color: #ccc;
        font-size: 16px;
        padding: 10px 15px 10px 30px;
    }
    .pushmenu-push-toright #nav_list {}
    .nav-main .nav-container ul li {
        border-bottom: 1px solid #e59037
    }
    .drop_down_menu>a,
    .drop_down_menu_sub>a {
        width: 86%
    }
    .pushmenu ul li {
        border-top: 1px solid #b7b7b7;
    }
    .pushmenu ul li ul {
        left: 0px
    }
    .menu .drop_down_menu ul,
    .menu .drop_down_menu_sub ul {
        background-color: #0075c0
    }
    .pushmenu ul li ul li {}
    .open:after {
        content: "\f106" !important
    }
    .nav_area {
        margin-top: 0px
    }
    .animateIt {
        display: none
    }
    .pushmenu ul li ul li {}
    .pushmenu ul li:last-child a {
        margin-right: 0px
    }
    .menu-overlay.active {
        display: initial;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.9)
    }
    .menu-overlay {
        display: none
    }
    .pushmenu ul>li:first-child {
        border: 0px
    }
    .buttonset {
        left: 15px;
        top: 19px;
        width: 50px;
    }
    .customer_no_link {
        display: none !important;
    }
    .customer_no_link_mobile {
        display: block;
        text-align: left;
        background-color: #ccc;
        color: #000;
        padding: 15px 25px;
        font-size: 18px;
    }
    .upload_btns_wrap {
        padding: 20px;
        display: block;
    }
    .upload_btns_wrap .orange_btn {
        min-width: 352px;
    }
    .upload_btns_wrap .logo_btm .blue_txt {
        display: none !important;
    }
    .logo {
        /* left: 15px; */
        /* top: -31px; */
        width: 100%;
        text-align: center;
        display: block;
    }
    .logo img {
        position: relative;
        z-index: 1;
    }
    .sub-menu .menu-item-has-children {
        background-color: #ccc;
    }
    .sub-menu .menu-item-has-children .sub-menu {
        border-color: #ccc;
    }
}

@media (max-width:480px) {
    .pushmenu ul li a {
        text-align: left
    }
    .nav_area {
        margin-top: 0
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: .5;
        -webkit-transform: translateY(-500px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(60px));
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
        -webkit-transform: translateY(60px);
    }
    100% {
        opacity: .5;
        -webkit-transform: translateY(-500px)
    }
}