/*
Boxed Skin
*/

/* Menu items */
.menuzord-menu > li{
        padding: 18px 0;
        float:right !important;
}
.menuzord-menu > li > a{
        padding: 8px 30px;
        float:right !important;
}

/* Active/hover state (menu items) */
.menuzord-menu > li.active > a,
.menuzord-menu > li:hover > a{
        background: #333;
        color: #fff;
}

/* Dropdown */
.menuzord-menu ul.dropdown{
        top: 71px;
}
.menuzord-menu ul.dropdown li ul.dropdown{
    top: 0;
}

/* Dropdown items */
.menuzord .menuzord-menu ul.dropdown li:hover > a{
        background: #333;
        color: #fff;
}

/* Megamenu */
.menuzord-menu > li > .megamenu{
        top: 71px;
}

/* Search Field */
.menuzord-menu > li.search form{
        padding: 2px 16px;
}

/* Color schemes */
/* blue */
.menuzord.blue .menuzord-menu > li.active > a, 
.menuzord.blue .menuzord-menu > li:hover > a, 
.menuzord.blue .menuzord-menu ul.dropdown li:hover > a{ 
        background: #5D9CEC; 
        color: #fff;
}
/* green */
.menuzord.green .menuzord-menu > li.active > a, 
.menuzord.green .menuzord-menu > li:hover > a, 
.menuzord.green .menuzord-menu ul.dropdown li:hover > a{ 
        background: #48CFAD;
        color: #fff;
}
/* red */
.menuzord.red .menuzord-menu > li.active > a, 
.menuzord.red .menuzord-menu > li:hover > a, 
.menuzord.red .menuzord-menu ul.dropdown li:hover > a{ 
        background: #FC6E51;
        color: #fff;
}
/* orange */
.menuzord.orange .menuzord-menu > li.active > a, 
.menuzord.orange .menuzord-menu > li:hover > a, 
.menuzord.orange .menuzord-menu ul.dropdown li:hover > a{ 
        background: #ff853f;
        color: #fff;
}
/* yellow */
.menuzord.yellow .menuzord-menu > li.active > a, 
.menuzord.yellow .menuzord-menu > li:hover > a, 
.menuzord.yellow .menuzord-menu ul.dropdown li:hover > a{ 
        background: #FFCE54;
        color: #fff;
}
/* purple */
.menuzord.purple .menuzord-menu > li.active > a, 
.menuzord.purple .menuzord-menu > li:hover > a, 
.menuzord.purple .menuzord-menu ul.dropdown li:hover > a{ 
        background: #AC92EC;
        color: #fff;
}
/* pink */
.menuzord.pink .menuzord-menu > li.active > a, 
.menuzord.pink .menuzord-menu > li:hover > a, 
.menuzord.pink .menuzord-menu ul.dropdown li:hover > a{ 
        background: #EC87C0;
        color: #fff;
}

.menuzord-menu ul.dropdown li ul.dropdown {
        right: 100% !important;
    }


    .menuzord-menu li ul.dropdown li .indicator {
        position: absolute;
        top: 8px;
        left: 10px !important;
        font-size: 15px;
        transform: rotate(180deg) !important;
    }


    .menuzord-menu li ul.dropdown li .indicator {
        position: absolute;
        top: 8px;
        Left: 10px !important;
        font-size: 15px;
        transform: rotate(180deg) !important;
    }


    .menuzord-menu li .indicator {
        margin-left: 5px;
        margin-right: 5px;
    }


/* Mobile mode (Responsive mode) */
@media (max-width: 900px){
        /* Menu items */
        .menuzord-responsive .menuzord-menu > li{
                padding: 0;
        }
        .menuzord-responsive .menuzord-menu > li > a{
                padding: 12px 20px !important;
        }

        .menuzord-responsive .menuzord-menu li .indicator {
                width: 60px;
                height: 45px;
                position: absolute;
                left: 0 !important;
                right:70% !important;
                top: 0;
                font-size: 22px;
                text-align: center;
                line-height: 43px;
                border-left: solid 1px #f5f5f5;
            }
}
