nav {
position:relative;
  width: 726px;
  height:85px;
  float:right;
  padding: 48px 10px 0px;
}

#cssmenu {
z-index: 9999;
}


#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile {
border:0;
list-style:none;
line-height:1;
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 {
  height: 30px;
  font: 18px/30px 'RespublikaFY-XBold', sans-serif;
  text-transform: uppercase;}

#cssmenu > ul > li {
float:left;
margin-right:15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#cssmenu > ul > li > a {
text-decoration:none;
color:#008377;
padding:10px;
}

#cssmenu > ul > li:hover,
#cssmenu ul li.active:hover,
#cssmenu ul li.active,
#cssmenu ul li.has-sub.active:hover {
background:#008377!important;
-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:after {
position:absolute;
top:22px;
right:11px;
width:8px;
height:2px;
display:block;
background:#ddd;
content:'';
}

#cssmenu > ul > li.has-sub > a:before {
position:absolute;
top:19px;
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 > 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: #BAC2C6;
  transition: all .25s ease;
}

#cssmenu li:hover > ul {
left:auto;
}

#cssmenu li:hover > ul > li {
height:35px;
}

#cssmenu ul ul ul {
margin-left:100%;
top:0;
}

#cssmenu ul ul li a {
width:200px;
font-size:12px;
text-decoration:none;
color:#fff;
font-weight:400;
padding:11px 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
 }

#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a {
border-bottom:0;
}

#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;
}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a {
border-top:1px solid #333;
}

#cssmenu > ul > li:hover > a,#cssmenu ul li.active a,#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {
color:#fff;
}


@media screen and (max-width: 1101px) {

#cssmenu ul {
width:100%;
display:none;
}

#cssmenu ul li {
width:100%;
border-top:1px solid #444;
}


#cssmenu ul li a {
  background: #008377;
color:#fff;
}


#cssmenu ul li:hover {
}

#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;
color:#ddd;
background:none;
}

#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:hover > a,#cssmenu ul ul li.active > a {
color:#fff;
}

#cssmenu ul ul,#cssmenu ul ul ul {
position:relative;
left:0;
width:100%;
text-align:left;
margin:0;
}

#cssmenu #head-mobile {
display:block;
color:#ddd;
font-size:12px;
padding:2px;
}

.button {
  width: 50px;
  height: 40px;
  position: absolute;
  right: 20px;
  top: 0;
  cursor: pointer;
  z-index: 12399994;
  background-color: #198479;
}

.button:after {
position:absolute;
top:22px;
right:15px;
display:block;
height:4px;
width:20px;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
content:'';
}

.button:before {
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
transition:all .3s ease;
position:absolute;
top:16px;
right:15px;
display:block;
height:2px;
width:20px;
background:#fff;
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:38px;
width:46px;
cursor:pointer;
}

#cssmenu .submenu-button.submenu-opened {
background:#262626;
}

#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 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;
}

.logo2,#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,#cssmenu .submenu-button.submenu-opened:before {
display:none;
}

nav,#cssmenu {
width:500px;
top:42px;
}

}

@media screen and (max-width: 761px) {

nav,#cssmenu {
width:100%;
top:0px;
}

}