/* CSS Document */
ul#cssmenu {
	width:100%; box-sizing:border-box; background-color: #e8e8e8; padding: 0 14px; border-radius:4px;
	border: 0 none; margin: 0;
	list-style: none; z-index:6; display: flex; justify-content: space-between; align-items: center;
}
ul#cssmenu li { -webkit-transition:all ease-out 0.25s;transition:all ease-out 0.25s;-moz-transition:all ease-out 0.25s; }
ul#cssmenu > li {
        margin: 0;
        border: 0 none;
        padding: 0;
        float: left;
        display: inline;
        list-style: none; height:50px; position: relative; white-space: nowrap;
}
ul#cssmenu > li:hover { background-color: #c7c6c6; }
ul#cssmenu ul {
        margin: 0;
        border: 0 none;
        padding:0;
        list-style: none;
}
ul#cssmenu a {
        padding: 14px 20px 13px 20px;
        display: block; color: #4a6d1d;
        height: auto !important;
        height: 1%;
}
ul#cssmenu span {    padding: 15px 10px;
        display: block;}
.b-menu__m1 { display: none; flex-direction: column; width: 300px; position: absolute; left:0; top: 50px;  background: #c7c6c6; }
.b-menu__m1 > li { width: 100%; position: relative; white-space: normal; }
.b-menu__m1 > li:first-child { padding: 10px 0 0 0;}
.b-menu__m1 > li:last-child { padding:0 0 10px 0;}
.b-menu__m1 > li > a { padding: 8px 10px !important; position: relative;}
.b-menu__m1 > li:hover { background: #e8e8e8;}

/*.b-menu__m1 > li.str:hover > a:after {
	content: ''; display: block; width: 23px; height: 23px; background: #fff; border-left:#acacac  solid 1px; border-top:#acacac  solid 1px; transform: rotate(-44deg); position: absolute; right: -28px; top: 14px;
}*/
/* Second Menu Hover */
/*ul#cssmenu li:hover li a:hover,
ul#cssmenu li.iehover li a:hover {color:#2075a1}*/

.b-menu__m2 {  width: 300px; padding:10px; display: none; font-size: 16px;
        position: absolute; flex-direction: column;
        left: 300px; top: 0; background: #c7c6c6;
}
.b-menu__m2 > li {width: 100%;}
.b-menu__m2 > li > a { padding: 8px 10px !important;}
.b-menu__m2 > li:hover { background: #e8e8e8;}

.b-menu__m3 { display: block;}
.b-menu__m3 > li > a { color: #006dde; padding: 10px 0 !important;}

.b-menu__m4 { display: block;}
.b-menu__m4 > li > a { display: block; color: #000; padding: 0 !important;}

/*ul#cssmenu li:hover ul ul,
ul#cssmenu li.iehover ul ul {
        display: none;
}*/
ul#cssmenu > li:hover > ul, .b-menu__m1 > li:hover > ul { display: flex;}
/*ul#cssmenu li:hover ul,
ul#cssmenu ul li:hover ul,
ul#cssmenu li.iehover ul,
ul#cssmenu ul li.iehover ul {
        display: flex;
} */
ul#cssmenu .act-menu a {background:#006dde; color:#fff}
ul#cssmenu .act-menu ul a { color:#bababa}
ul#cssmenu .act-menu ul .act-menu a { color:#fff}
/*.str-act a:after, .str a:after { content:''; display:block; width:10px; height:6px; background:url(../images/str-menu.png) no-repeat 0px -6px; position:absolute; top:46%; right:8px}
.str a:after {background:url(../images/str-menu.png) no-repeat 0px 0px;}
ul#cssmenu .str:hover a:after { background:url(../images/str-menu.png) no-repeat 0px -6px;}*/
.str-act ul a:after, .str ul a:after { display:none}
.but-submenu { display:none; cursor:pointer; width: 50px; height: 48px; background: url(../images/svg/plus.svg) no-repeat 15px center; background-size: 20px; position: absolute;top: 0;   right: 0;}
.active-submenu > .but-submenu {background: url(../images/svg/minus.svg) no-repeat 15px center; background-size: 20px}

@media only screen and (max-width: 1360px){
        ul#cssmenu > li { height: 46px;}
        .b-menu__m1 { top: 46px;}
}
@media only screen and (max-width: 1170px){
	ul#cssmenu a { padding:13px 4px 12px 4px}
}
@media only screen and (max-width: 1000px){
	.str-act a:after, .str a:after { display:none}
	ul#cssmenu a {position: initial; padding: 12px 0; color: #000;}
ul#cssmenu { height:auto; flex-direction: column; justify-content: center; background-color: #fff;}
ul#cssmenu li {width: 100%; float: none; display:block; height: auto; position:relative}
ul#cssmenu ul { width:100%; position:relative; padding: 10px 0; }
ul#cssmenu ul li {width: 100%; float: none; display:block; padding:0}
ul#cssmenu > li:last-child { border-bottom: none}
.b-menu__m1 > li:hover,ul#cssmenu > li:hover {background: #fff;}

.b-menu__m1 { background: #efefef; top:0;}
.b-menu__m1 > li.str:hover > a:after { display: none;}
.b-menu__m1 .but-submenu { height: 44px;}
.b-menu__m2 { left: 0; padding: 0 !important; background: #32a0d9 !important; font-size: 14px !important;}
.b-menu__m2 a {font-size: 14px !important;}
.menu-dev:before { display: none;}
.b-menu__m3, .b-menu__m4 { display: none; background: #fff !important}
ul#cssmenu li:hover li a,
ul#cssmenu li.iehover li a {background: none; padding:6px 0 }

ul#cssmenu li:hover ul,
ul#cssmenu ul li:hover ul,
ul#cssmenu li.iehover ul,
ul#cssmenu ul li.iehover ul {display: none}
.but-submenu { display:block}
}