/*########################################## * 
Click Menu Script * 
Created by WebDesign - sites-design.com  
* Copyright 2006 - 2017 WebDesign 
* Developer url : http://www.sites-design.com   
########################################### */ 

.navbar .nav {position: relative; z-index: 2;}  

.moduletable.vmcat-full_image {width: 100%; display: inline-block;}   
#pvmc-menu {display: table; margin: 0;}   

#pvmc-menu ul {list-style:none;}

#pvmc-menu li {line-height: 21px; text-align: left; width: 48%; float: left; margin: 12px 1% 8px;}

#pvmc-menu li a {font-size:20px; color: #08405C; display:block; outline:0; text-decoration:none; padding: 0;}    
#pvmc-menu li:hover a {color:#9B8A28;}   
#pvmc-menu li.level0 {text-align: right; display: inline-block; position: relative; margin: 0; padding: 10px 8px; border: none; list-style: none; width: 100%;}   
#pvmc-menu li.level0.parent:hover {background: none;}
#pvmc-menu li:hover .pvmc-submenu {left:-1px; top:auto;}

.topo_fixed .topo-header .t3-mainnav #pvmc-menu li.level0 {padding: 6px 10px;} 

#pvmc-menu ul.pvmc-submenu, .pvmc-submenu {
    margin: 0 auto;
    float: left;
    position: absolute;
    right: -340px;
    text-align: left;
    padding: 0;
    z-index: 999999;
    background: rgba(255,255,255,0.9);
    box-shadow: 2px 2px 4px #BA9927;
    display: none;
    height: auto;
    width: 1100px;
    top: 40px;
}
#pvmc-menu li.menu.level0:hover + ul, #pvmc-menu ul.level1:hover {display: block;}  

/* Levels 1 */
#pvmc-menu ul.level1, #pvmc-menu ul.level2 {
    -webkit-animation-duration: 1.2s; 
    animation-duration: 1.2s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
	-webkit-animation-name: fadeInMenu; 
    animation-name: fadeInMenu; 
} 

@-webkit-keyframes fadeInMenu { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(-20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInMenu { 
    0% { 
        opacity: 0; 
        transform: translateY(-20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
}    

#pvmc-menu li.level0 ul.level1 li.level1 {list-style-type: none;}
#pvmc-menu li.level0 ul.level1 li.level1 a {display: block;}   
#pvmc-menu ul.level1 li.level1 {display: block; line-height: 40px;}    
#pvmc-menu ul.level1 li.level1:hover {}    
#pvmc-menu ul.level1 li.level1 a {background: none; color: #777; font-size: 26px;}    
.homepage #pvmc-menu ul.level1 li.level1 a {} 	
#pvmc-menu ul.level1 li.level1 a:hover {color: #BA9927;}    
li.level1 img {height: 40px; float: left; margin: 0;}    

/* Level2 */
#pvmc-menu ul.level2 {
    width: auto;
	display: none;
    list-style: none;
    position: absolute;
	top: 20px;
    margin: 35px 0 0 140px;
    background: rgba(255,255,255,0.9);
    z-index: 10;
    border: 1px solid #ccc;
	box-shadow: 1px 2px 4px #777;
    padding: 0 0.5%;
}  
#pvmc-menu ul.level1 li.level1:hover ul.level2, #pvmc-menu ul.level2:hover, #pvmc-menu ul.level2 li a:hover {display: block !important;}    

#pvmc-menu ul.level2 li.level2 {display: block; width: 98%; margin: 5px 0; padding: 0 0 0 1.5%; line-height: 22px; text-shadow: none; border-left: 2px solid #555;}    
#pvmc-menu ul.level1 li.level2:hover {border-left: 2px solid #C7AF67;}    
#pvmc-menu ul.level2 li.level2 a {color: #555; font-size: 16px; padding: 0 0 0 5px;}    
#pvmc-menu ul.level2 li.level2 a:hover {color: #BA9927; text-shadow: none;}    
li.level2 img {height: 25px; float: left; margin-right: 0;}    

/* Level3 (4) */
#pvmc-menu li.level0 ul.level1 li.level1 ul.level2 li.level2 ul.level3 {
	margin-left: 0px;
	padding-left: 0px;
}
#pvmc-menu li.level0 ul.level1 li.level1 ul.level2 li.level2 ul.level3 li.level3 {
	list-style-type: none;
	padding: 0px 0px 0px 10px;
	margin: 3px 0px;
	line-height: 1;
	background:url("images/li.png") no-repeat 0px 4px;
}
#pvmc-menu li.level0 ul.level1 li.level1 ul.level2 li.level2 ul.level3 li.level3 a {
	background: transparent;
	color: #000;
	text-shadow: none;
	font-size: 90%;
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
	text-shadow: 1px 1px 1px #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#pvmc-menu .child {clear: both;}

/* ######### */
#pvmc-menu .pvmc-submenu-img {float: left; margin: 0 2% 0 0; width: 30%;}   
#pvmc-menu .pvmc-submenu-img img {width: auto; height: 75px;}   
.pvmc-submenu-url {float: left; height: 45px; width: 68%;} 
#pvmc-menu .pvmc-submenu-desc {font-size: 13px; width: 100%; padding: 0 0 8px; border-bottom: 1px solid #999;} 
#pvmc-menu .pvmc-submenu-desc p {line-height: 15px; margin: 0;} 

@media (min-width: 1361px) {
  
}  

@media (min-width: 1201px) and (max-width: 1360px) {
	#pvmc-menu ul.pvmc-submenu, .pvmc-submenu {right: -285px;} 
	#pvmc-menu li.level0 {padding: 10px 0 0 8px;} 
	#pvmc-menu li a {font-size: 20px;} 
}  

@media (min-width: 981px) and (max-width: 1200px) {
	#pvmc-menu ul.pvmc-submenu, .pvmc-submenu {right: -220px; width: 970px;} 
	#pvmc-menu li.level0 {padding: 10px 0 0 5px;} 
	#pvmc-menu li a {font-size: 18px;} 
} 
	
@media (min-width: 769px) and (max-width: 980px) {
    #pvmc-menu ul.pvmc-submenu, .pvmc-submenu {right: -165px; width: 760px;} 
	#pvmc-menu li.level0 {padding: 15px 0 0 5px;} 
	#pvmc-menu li a {font-size: 18px;} 
	#pvmc-menu .pvmc-submenu-desc {font-size: 12px;} 
}  
	
@media (max-width: 768px) {
	#pvmc-menu {display: inline-block; margin: 0; width: 100%; text-align: center;} 
	#pvmc-menu li.level0 {text-align: center; padding: 0;} 
	#pvmc-menu li a {color: #555; border-bottom: 1px solid #eee; font-weight: bold; padding: 10px 0;} 
	#pvmc-menu ul.pvmc-submenu, .pvmc-submenu {display: none !important;}
}