@charset "UTF-8";
/* CSS Document */

.menu-link { display: none; width: 100%; text-align: center; text-transform: uppercase; font-size: 1.2em;}
.menu-link img {margin-top: -3px;}
.menu-link:hover, .menu-link:focus {color: #FFF; text-decoration: none;}

@media all and (max-width: 768px) {
	
#cat3::before {
content:'';
background:url(../upload/img/layout/navigation-icon-home-white.png) center no-repeat;/*url of image*/
height: 60px;/*height of image*/
width: 50px;/*width of image*/
position: absolute;
	top: 10px;
}
#cat3:hover::before {
content:'';
background:url(../upload/img/layout/navigation-icon-home-white.png) center no-repeat;/*url of image*/
height: 60px;/*height of image*/
width: 50px;/*width of image*/
position: absolute;
	top: 10px;
}
#cat3.active::before {
content:'';
background:url(../upload/img/layout/navigation-icon-home-white.png) center no-repeat;/*url of image*/
height: 60px;/*height of image*/
width: 50px;/*width of image*/
position: absolute;
	top: 10px;
}

a.menu-link { display: block; color: #fff; float: right; text-decoration: none; padding: 20px 10px;}

.menu { clear: both; min-width: inherit;	float: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.menu ul { padding: 0px; margin: 0px; list-style: none; position: relative; display: inline;}
.menu > li > ul.sub-menu { min-width: 10em;	padding: 4px 0;	background: rgba(61,136,48,1); border: 1px solid #7a0f2c;}
.menu ul li { padding: 0px; }
.menu ul > li a:hover {}
.menu ul > li.active { background: #333; }
.menu ul > li a.active {background: #333;}
.menu ul > li:first-child a.active {background: none;}
.menu > ul > li { display: inline-block; }
.menu ul li a { display: block; text-decoration: none; color: #FFF; font-size: 1em; text-transform: uppercase; }
.menu ul li > a { height:58px; padding: 19px 12px; }
.menu ul ul { display: none; position: absolute; top:100%; min-width: 160px; background-color: #333; border: 1px solid #7a0f2c;}
.menu ul li:hover > ul { display: block; }
.menu ul ul > li { position: relative; margin-bottom: 0px; }
.menu ul > li {margin-bottom: 0px;}
.menu ul ul > li a { background-color: #333; color: #fff; height:58px; padding: 19px 18px 19px 30px; }
.menu ul ul > li a:hover { color: #fff; text-decoration: underline;}
.menu ul ul > li a.active {color: #fff; text-decoration: underline;}
.menu ul ul ul { position: absolute; left: 100%; top:0; }
	
.example-header .container { width: 100%; }
  
.menu, .menu > ul ul { overflow: hidden; max-height: 0; background: rgba(87,87,86,1); }
.menu.active, .menu > ul ul.active { max-height: 55em; }
.menu > ul { border-top: 1px solid #fff; }
.menu li, .menu > ul > li { display: block; }
.menu li a { color: #000; display: block; padding: 0.8em; border-bottom: 1px solid rgba(100,100,100,1); position: relative; }
.menu li li a { color: #000; display: block; padding: 0.8em; border-bottom: 1px solid #4E4E4E; position: relative; }
.menu li.has-submenu > a:after {
    content: '▼';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 0.5em;
    padding: 2em 1em;
  }
.menu li.has-submenu > a.active:after {
    content: "▼";   }  
.menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
}