/*

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: 88px;

}

.menuzord-menu ul.dropdown{

	top: 63px;

}

.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: #45c4e9;

	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 > a .iconlogocomteco{

	display: none;

}



.scroll-to-fixed-fixed .menuzord.red .menuzord-menu > li > a > i{

	display: none;

}



.scroll-to-fixed-fixed .menuzord.red .menuzord-menu > li > a .iconlogocomteco{

	background: url('../../images/ico-home.png') no-repeat scroll top left transparent;

	display: block;

	width: 30px;

	height: 30px;

	background-size: cover;

	line-height: 0;

}



.scroll-to-fixed-fixed .menuzord.red .menuzord-menu > li.active > a .iconlogocomteco{

	background-position: left -50px;

}



.menuzord.red .menuzord-menu > li.active > a{

	background: #fff;

	color: #cc0000 !important;

	border-bottom: 5px solid;

}



.header-nav-wrapper.scroll-to-fixed-fixed{background-color: #fff !important;}

.header-nav-wrapper.scroll-to-fixed-fixed .container{background-color: #fff !important;}

.menuzord.red .menuzord-menu > li:hover > a{

	background: #899094;

	color: #fff !important;

}



.menuzord.red .menuzord-menu ul.dropdown li:hover > a {

	background: #899094;

	color: #fff !important;

}

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

	}

}