@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0;
text-decoration:none;
}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{
border:0;
list-style:none;
display:block;
position:relative;
-webkit-box-sizing: border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#cssmenu:after,#cssmenu > ul:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0
}
#cssmenu #head-mobile {
display:none;
}
#cssmenu{
font-family: 'Source Sans Pro', sans-serif;
background:#fff;
z-index: 999;
}
#cssmenu > ul > li{
float:left;
}
#cssmenu > ul > li > a{
padding: 14px 10px;
font-size:16px;
text-decoration:none;
color:#626262;
font-weight:400;
}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{
color:#cf272f;
}
.active2 {
color: #cf272f;
}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{
background:#fff;
-webkit-transition:background .3s ease;
-ms-transition:background .3s ease;
transition:background .3s ease;
}
#cssmenu > ul > li.has-sub > a{
padding-right:30px;
}
#cssmenu > ul > li.has-sub > a.active{
	color: #cf272f;
}
#cssmenu > ul > li.has-sub > a:after{
position:absolute;
top:22px;
right:11px;
width:8px;
height:2px;
display:block;
background:#626262;
content:''
}
#cssmenu > ul > li.has-sub > a:before{
position:absolute;
top:19px;
right:14px;
display:block;
width:2px;
height:8px;
background:#626262;
content:'';
-webkit-transition:all .25s ease;
-ms-transition:all .25s ease;
transition:all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before{
top:23px;
height:0;
}
#cssmenu ul ul{
position:absolute;
left:-9999px;
}
#cssmenu ul ul li{
height:0;-webkit-transition:all .25s ease;
-ms-transition:all .25s ease;
background:#78766c;
transition:all .25s ease;
color: #fff;
}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{
left:auto;
}
#cssmenu li:hover > ul > li{
height:40px;
}
#cssmenu ul ul ul{
margin-left:100%;
top:0;
}

#cssmenu ul ul li a{
border-bottom:0px solid rgba(150,150,150,0.15);
/*padding:12px 15px;*/
width:200px;
font-size:13px;
text-decoration:none;
color:#fff !important;
font-weight:400;
padding-top: 10px;
padding-bottom: 6px;
padding-left: 12px;
padding-right: 12px;
line-height: 14px;
}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{
border-bottom:0;
color:#fff !important;	
}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{
color:#fff;
}
#cssmenu ul ul li.has-sub > a:after{
position:absolute;
top:16px;
right:11px;
width:8px;
height:2px;
display:block;
background:#ddd;
content:''
}
#cssmenu ul ul li.has-sub > a:before{
position:absolute;
top:13px;
right:14px;
display:block;
width:2px;
height:8px;
background:#ddd;
content:'';
-webkit-transition:all .25s ease;
-ms-transition:all .25s ease;
transition:all .25s ease;
}
#cssmenu ul ul > li.has-sub:hover > a:before{
top:17px;
height:0;
}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{
background:#363636;
}
#cssmenu ul ul ul li.active a{
border-left:1px solid #333;
color:#ddd;
}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{
border-top:1px solid #333;
color:#ddd;
}


@media screen and (max-width:1024px){
#cssmenu > ul > li > a{
padding: 14px 10px;
}
}

@media screen and (max-width:1004px){
#cssmenu > ul > li > a{
padding: 14px 9px;
}
}

@media screen and (max-width:980px){
#cssmenu > ul > li > a{
padding: 14px 8px;
}
}


@media screen and (max-width:880px){
nav{
width:100%;
}
#cssmenu{
width:100%;
background:#56a85e;
}
#cssmenu ul{
width:100%;
display:none;
}
#cssmenu ul li{
width:100%;
border-top:1px solid #444;
}
#cssmenu ul li:hover{
background:#363636;
}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{
height:auto;
}
#cssmenu ul li a,#cssmenu ul ul li a{
width:100%;
border-bottom:0;
}
#cssmenu > ul > li{
float:none;
}
#cssmenu ul ul li a{
padding-left:25px;
}
#cssmenu ul ul li{
background:#333!important;
}
#cssmenu ul ul li:hover{
background:#363636!important
}
#cssmenu ul ul ul li a{
padding-left:35px;
}
#cssmenu ul ul li a{
color:#ddd;
background:none;
}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{
color:#fff;
}
#cssmenu ul ul,#cssmenu ul ul ul{
position:relative;
left:0;
width:100%;
margin:0;
text-align:left;
}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{
display:none;
}
#cssmenu #head-mobile{
display:block;
padding: 12px 24px;
color:#fff;
font-size:16px;
font-weight:700;
}
.button{
width:55px;
height:46px;
position:absolute;
right:0;
top:0;
cursor:pointer;
z-index: 12399994;
}
.button:after{
position:absolute;
top:22px;
right:20px;
display:block;
height:4px;
width:20px;
border-top:2px solid #ffffff;
border-bottom:2px solid #ffffff;
content:''
}
.button:before{
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
transition:all .3s ease;
position:absolute;top:16px;
right:20px;
display:block;
height:2px;
width:20px;
background:#ffffff;
content:'';
}
.button.menu-opened:after{
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
transition:all .3s ease;
top:23px;border:0;
height:2px;
width:19px;
background:#fff;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.button.menu-opened:before{
top:23px;background:#fff;
width:19px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
#cssmenu .submenu-button{
position:absolute;
z-index:99;
right:0;
top:0;
display:block;
border-left:1px solid #444;
height:46px;
width:46px;
cursor:pointer;
}
#cssmenu .submenu-button.submenu-opened
{background:#56a85e;
}
#cssmenu ul ul .submenu-button{
height:34px;
width:34px;
}
#cssmenu .submenu-button:after{
position:absolute;
top:22px;
right:19px;
width:8px;
height:2px;
display:block;
background:#ddd;
content:'';
}
#cssmenu ul ul .submenu-button:after{
top:15px;
right:13px;
}
#cssmenu .submenu-button.submenu-opened:after{
background:#fff;
}
#cssmenu .submenu-button:before{
position:absolute;
top:19px;
right:22px;
display:block;
width:2px;
height:8px;
background:#ddd;
content:'';
}
#cssmenu ul ul .submenu-button:before{
top:12px;
right:16px;
}
#cssmenu .submenu-button.submenu-opened:before{
display:none;
}
#cssmenu ul ul ul li.active a{
border-left:none;
}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{
border-top:none;
}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{
color:#fff;
}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover {
background:#267d2f ;
}
#cssmenu > ul > li > a{
color:#fff;
}
}