/*----------------------------------*/
/* Push Sidebar Menu Css ---*/
/*----------------------------------*/
.pushmenu { /*this is the nav*/
    background: #323232;
    font-family: Arial, Helvetics, sans-serif;
    width: 270px;
    height: 100%;
    top: 0;
    z-index: 1000;
    position: fixed;
}

.pushmenu-push {
    overflow-x: hidden;
    position: relative;
}


/*==================================*/
/* Left Sidebar Menu Css --------*/
/*==================================*/

.pushmenu-right {
    right: -270px;
}

    .pushmenu-right.pushmenu-open {
        right: 0;
    }
    .pushmenu-push-left {
        left:0;
    }

.pushmenu-push-toleft {
    left: -270px;
}

/*Transition*/
.pushmenu, .pushmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}


/*==================================*/
/* Left Sidebar Menu Css --------*/
/*==================================*/
.pushmenu-left {
    left: -270px;
}

    .pushmenu-left.pushmenu-open {
        left: 0;
    }

    .pushmenu-push-right {
        right:0;
    }

.pushmenu-push-toright {
    right: -270px;
}


/*------------------------------------------------------------------*/
/* Right Side Menu Button (Search, Cart, Bar, etc) */
/*------------------------------------------------------------------*/

.side-menu-btn {
    float: right;
    position: relative;
    color: #323232;
}

    .side-menu-btn ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .side-menu-btn ul li {
            display: inline-block;
            float: left;
            position: relative;
        }

        .side-menu-btn ul > li > a {
            margin-left: 20px;
            color: #fff;
            font-size: 16px;
            transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
            -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
            -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
            -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
        }

            .side-menu-btn ul > li > a:hover,
            .header.header-prepare .side-menu-btn ul > li > a:hover {
                color: #e6ae49;
            }

                .side-menu-btn ul > li > a:hover span,
                .side-menu-btn ul > li > a:hover span:before,
                .side-menu-btn ul > li > a:hover span:after {
                    background-color: #e6ae49;
                }

        .side-menu-btn ul li a.header-icon {
            padding-top: 35px;
            padding-bottom: 35px;
            display: block;
        }

.header-fixed .side-menu-btn ul li a.header-icon {
    padding-bottom: 20px;
    padding-top: 20px;
}


.header.header-prepare .side-menu-btn ul li a,
.header.header-light .side-menu-btn ul li a {
    color: #323232;
}

header.header-dark .side-menu-btn ul li a,
header.header-dark.header-prepare .side-menu-btn ul li a {
    color: #fff;
}

@media all and (max-width: 1024px) {
    .side-menu-btn ul li a.header-icon {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .header-fixed .side-menu-btn ul li a.header-icon {
        padding-bottom: 20px;
        padding-top: 20px;
    }
}