/*
Boxed Skin
*/

/* Menu items */
.menuzord-menu > li{
	padding: 18px 0;
}
.menuzord-menu > li > a{
	padding: 8px 16px;
}

/* 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 !important;
}

/* 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: #45c4e9; 
	color: #fff;
}
/* green */
.menuzord.green .menuzord-menu > li.active > a, 
.menuzord.green .menuzord-menu > li:hover > a
{ 
	background: #48CFAD;
	color: #fff !important;
}

.menuzord.green .menuzord-menu ul.dropdown li:hover > a{ 
	background: #48CFAD;
	color: #333 !important;
}

/* 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: transparent;
	color: white !important;
}

.menuzord.red .menuzord-menu ul.dropdown li:hover > a {
    color: #333 !important;
}
	.menuzord.red .menuzord-menu > li:hover > a {
		background-color: #103475;
		
	}

/* 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: #ffae11;
	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;
}

/* 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;
	}
}

/*
Boxed Skin
*/

/* Menu items */
.fauxzord-menu > li{
	padding: 18px 0;
}
.fauxzord-menu > li > a{
	padding: 8px 16px;
}

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

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

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

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

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

/* Color schemes */
/* blue */
.fauxzord.blue .fauxzord-menu > li.active > a, 
.fauxzord.blue .fauxzord-menu > li:hover > a, 
.fauxzord.blue .fauxzord-menu ul.dropdown li:hover > a{ 
	background: #45c4e9; 
	color: #fff;
}
/* green */
.fauxzord.green .fauxzord-menu > li.active > a, 
.fauxzord.green .fauxzord-menu > li:hover > a, 
.fauxzord.green .fauxzord-menu ul.dropdown li:hover > a{ 
	background: #48CFAD;
	color: #fff;
}
/* red */
.fauxzord.red .fauxzord-menu > li.active > a, 
.fauxzord.red .fauxzord-menu > li:hover > a, 
.fauxzord.red .fauxzord-menu ul.dropdown li:hover > a{
	/*background: #f39d52;*/
	background: #3464b0;
	color: #fff;
}

.fauxzord.red.noHover .fauxzord-menu > li:not(.active):hover > a {
	/*background: inherit;
	color: inherit ;*/
	background: transparent;
	color: #de904c;
}

/* orange */
.fauxzord.orange .fauxzord-menu > li.active > a, 
.fauxzord.orange .fauxzord-menu > li:hover > a, 
.fauxzord.orange .fauxzord-menu ul.dropdown li:hover > a{ 
	background: #ff853f;
	color: #fff;
}
/* yellow */
.fauxzord.yellow .fauxzord-menu > li.active > a, 
.fauxzord.yellow .fauxzord-menu > li:hover > a, 
.fauxzord.yellow .fauxzord-menu ul.dropdown li:hover > a{ 
	background: #ffae11;
	color: #fff;
}
/* purple */
.fauxzord.purple .fauxzord-menu > li.active > a, 
.fauxzord.purple .fauxzord-menu > li:hover > a, 
.fauxzord.purple .fauxzord-menu ul.dropdown li:hover > a{ 
	background: #AC92EC;
	color: #fff;
}
/* pink */
.fauxzord.pink .fauxzord-menu > li.active > a, 
.fauxzord.pink .fauxzord-menu > li:hover > a, 
.fauxzord.pink .fauxzord-menu ul.dropdown li:hover > a{ 
	background: #EC87C0;
	color: #fff;
}

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

    .fauxzord-menu li.active:after {
  left: 40% !important;
}

#ulSubCategories.fauxzord-menu li.active:after {
  left: 30% !important;
}

    .fauxzord.red .fauxzord-menu > li.active > a, .fauxzord.red .fauxzord-menu > li:hover > a, .fauxzord.red .fauxzord-menu ul.dropdown li:hover > a {
    height: 61px;
}

}


/* New Tabs Sytles */

    .fauxzord-menu {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        border-bottom: 0 !important;
    }

        .fauxzord-menu li.active {
            background-color: #3563ab !important;
            border: none !important;
        }

html[dir=rtl] .fauxzord-menu li:not(:last-child) {
    border-left: 1px solid #eee !important;
}

html[dir=ltr] .fauxzord-menu li:not(:last-child) {
    border-right: 1px solid #eee !important;
}

        html[dir=rtl] .fauxzord-menu li {
            display: table-cell !important;
            width: 1% !important;
            float: none !important;
            /*border: 1px solid #eee!important;*/
            border-right-width: 0px !important;
            margin: 2px !important;
            text-align: center !important;
            /* color: #3563ab !important; */
        }

        html[dir=rtl] .fauxzord-menu li:first-child {
    border-right-width: 1px !important;
}


                html[dir=ltr] .fauxzord-menu li {
            display: table-cell !important;
            width: 1% !important;
            float: none !important;
            /*border: 1px solid #eee!important;*/
            border-left-width: 0px !important;
            margin: 2px !important;
            text-align: center !important;
            /* color: #3563ab !important; */
        }

        html[dir=ltr] .fauxzord-menu li:first-child {
    border-left-width: 1px !important;
}

        .fauxzord-menu li a {
            width: 100%;
            height:60px;
        }

        .fauxzord-menu li a i
        {
                display: contents;
        }

        .fauxzord-menu li {
  display: inline;
  padding: 20px 30px;
  position: relative;
}
.fauxzord-menu li:hover {
  cursor: pointer;
  /* color: azure !important; */
}
.fauxzord-menu li:hover:after {

}
.fauxzord-menu li.active:after {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #3464b0;
  content: " ";
  position: absolute;
  bottom: -13px;
  left: 45%;
}

/* End New Tabs Styles*/