/*
    tagui menu
*/
.tagui.menu
{
	margin:0;
	padding:0;
}


.tagui.menu div
{
	/*display:inline-block;*/
	width:100%;
	height:100%;
	box-sizing: border-box;
}




/* ============================================== */



/*
    tagui menu - HORIZONTAL - main navig
*/	    
.tagui.menu.horizontal > li
{
    display:inline-block;
    margin: 0 1px 0 0;
}

.tagui.menu.horizontal > li > div
{
	font-family: 'MyriadProLight', arial, tahoma, sans-serif; 
	font-size: 20px;
	color: #FFF; 
	border-bottom: 5px solid #FFF;
	height:75px;
	
	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding: 25px 25px 0 25px;
	
	background-color:#01afad;
    
    cursor:pointer;  
    
    transition:all .3s;
}

.tagui.menu.horizontal > li > div:hover
{
    color: #a8fdfc; 
    border-bottom: 5px solid #a8fdfc; 
}

.tagui.menu.horizontal > li > div.active
{
	border-bottom: 5px solid #0c5172;
}

/*
    tagui menu - HORIZONTAL - main subnavig container
*/
.tagui.menu.horizontal > li ul
{
	position: absolute;
	z-index:110;
	visibility:hidden;
	opacity:0;
	
    list-style: none;
    text-align:left;
    padding:0;
    margin:0 0 0 0;
	background-color:rgba(246,251,251,0.9);	
    
    min-width:150px;
    max-width:350px;
    
    transition:all .3s;
	box-shadow: 0 5px 5px #bbb;
}

.tagui.menu.horizontal > li:hover ul 
{
	position: absolute;
	visibility:visible;
	opacity:1;	
}


/*
    tagui menu - HORIZONTAL - subnavig
*/
.tagui.menu.horizontal li ul li > div
{
    display: inline-block;
    color:#01afad;
    padding:15px;
    border-bottom:1px solid #fff;

	font-family: 'MyriadProLight', arial, tahoma, sans-serif;     
    font-size:15px;
	font-weight:bold;
    
    cursor:pointer;
    
    transition:all .3s;
}

.tagui.menu.horizontal li ul li > div:hover
{
    color:#FFF;
	background-color:rgba(1,175,173,0.7);		
}


/*
    tagui menu - HORIZONTAL - main subnavig container - Second level
*/
.tagui.menu.horizontal > li ul li ul
{
	display: inline-block;
	position: absolute;
	z-index:110;
	visibility:hidden !important;
	opacity:0 !important;
	
    list-style: none;
    text-align:left;
    padding:0;
    margin-top:0px;
    margin-left:0px;
    background-color:#01afad;
    
    min-width:150px;
    max-width:350px;
    
    transition:all .3s;
}

.tagui.menu.horizontal > li ul li:hover ul 
{
	position: absolute;
	visibility:visible !important;
	opacity:1 !important;	
}

/*
    tagui menu - HORIZONTAL - subnavig - Second Level
*/
.tagui.menu.horizontal li ul li ul li > div
{
    display: inline-block;
    color:#FFF;
    padding:10px;
    
    font-size:14px;
    
    cursor:pointer;
    
    transition:all .3s;
}

.tagui.menu.horizontal li ul li ul li > div:hover
{
    color:#FFF;
    background-color:#058785;
}


/* ============================================== */


/*
    tagui menu - VERTICAL - main navig
*/	    
.tagui.menu.vertical > li
{
    display:block;
    border:1px solid #000;
    padding:5px 15px;
    margin:0;
    
    max-width:200px;
    
    cursor:pointer;  
    
    transition:all .3s;
	
}

.tagui.menu.vertical > li:hover
{
    color:#FFF;
    background-color:#F00;
}

/*
    tagui menu - VERTICAL - main subnavig container
*/
.tagui.menu.vertical > li ul
{
	display: inline-block;
	position: absolute;
	visibility:hidden;
	opacity:0;
	
    list-style: none;
    text-align:left;
    padding:0;
    margin-top:-5px;
    margin-left:15px;
    background-color:#fff;
    
    min-width:100px;
    border:1px solid #000;
    
    transition:all .3s;
}

.tagui.menu.vertical > li:hover ul 
{
	position: absolute;
	visibility:visible;
	opacity:1;	
}


/*
    tagui menu - VERTICAL - subnavig
*/
.tagui.menu.vertical li ul li
{
    color:#000;
    padding:5px;
    border-bottom:1px solid #F00;
    
    cursor:pointer;
    
    transition:all .3s;
}

.tagui.menu.vertical li ul li:hover
{
    color:#F00;
    background-color:#fafafa;
}

/*
    tagui menu - VERTICAL - main subnavig container - Second level
*/
.tagui.menu.vertical > li ul li ul
{
	display: inline-block;
	position: absolute;
	visibility:hidden !important;
	opacity:0 !important;
	
    list-style: none;
    text-align:left;
    padding:0;
    margin-top:-5px;
    margin-left:5px;
    background-color:#fff;
    
    min-width:100px;
    border:1px solid #000;
    
    transition:all .3s;
}

.tagui.menu.vertical > li ul li:hover ul 
{
	position: absolute;
	visibility:visible !important;
	opacity:1 !important;	
}