h1, h2, h3, h4, h5, h6 {
  margin: 0;padding:0;
}


.close-btn {
  display: block;
  width: 20px;
  height: 20px; color:#6ea815; text-align:center; 
  padding: 3px 0 0 0;
  border: 0;
  outline: none;
  overflow: hidden;
  white-space: nowrap;
  position:relative;
  text-decoration:none; background:#fff; transition:.3s;
}

.no-svg .close-btn {
}
.close-btn:focus, .close-btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  color:#fff; text-decoration:none;
  background:rgba(0,0,0,.2);
}


.nav-btn {
  display: block; margin: 25px 20px 0 0px;
  width:35px; height:35px; background:rgba(255,255,255,1); text-align:center; text-decoration:none; line-height:35px; font-size:21px; float:left; color:#6ea815
}

.nav-btn:hover, .nav-btn:focus {
  opacity: 1; color:#f1592d;
  text-decoration:none;
}

#outer-wrap {
  position: relative;
  /*overflow: hidden;*/
  width: 100%;
}

#inner-wrap {
  position: relative;
  width: 100%;
}

#nav-mainmenu {
  z-index: 10; 
  top:0;
  /*position: absolute;*/
  /*width: 100%;*/ 
  /*float:left;*/
  color: rgba(0,0,0,.8);
}
#nav-mainmenu .close-btn {
  display: none;
}
#nav-mainmenu .block-title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#nav-mainmenu .block {
  z-index: 2;
  /*position: relative;*/
  padding: 0; line-height:40px;
  background: #689E14; 
}
#nav-mainmenu ul {
  *zoom: 1;
  display: block;
}
#nav-mainmenu ul:before, #nav-mainmenu ul:after {
  content: "";
  display: table;
}
#nav-mainmenu ul:after {
  clear: both;
}
#nav-mainmenu li {
  display: block;
  position:relative;
  z-index:1;
}
#nav-mainmenu li a {
  display: block; text-decoration:none;
  color: rgba(255,255,255,.7); transition:.3s;
  font-size: 13px; line-height:40px; text-transform:uppercase;
  font-weight: 500;
  outline: none;
  position:relative;
}

#top {
  z-index: 10;
  position: relative;
  color: #fff;
}
#top .block-title {
  margin: 0;
  font-size: 1.875em;
  line-height: 1.2em;
  text-align: center;
  white-space: nowrap;
}
#top .nav-mainmenu-btn {
  position: absolute;
  top: 1.5em;
  left: 1.875em;
}

#main {
  background: #fff;
}
#main .block {
  padding: 2.625em 1.875em;
}

@media screen and (min-width: 769px) {
  #outer-wrap{overflow:inherit;}
  #top .nav-btn {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

#nav-mainmenu{top:28px; } 
 
#nav-mainmenu .block,
#nav-mainmenu .block .col-mainmenu{background:none; /*height:0;*/}
#nav-mainmenu .block ul{/*float:right;*/}


  #nav-mainmenu .close-btn {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  #nav-mainmenu .block-title {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  #nav-mainmenu ul {
    
  }
  #nav-mainmenu li {
    display: block; margin:0; float:left;
  }
  #nav-mainmenu li:last-child {
    border-right: none;
  }
  #nav-mainmenu li a {
      padding: 0 17px; color:rgba(0,0,0,.85);
  }
   #nav-mainmenu li a i{margin-left:8px; display:inline-block; font-size:12px;}
   #nav-mainmenu li.active a{color:rgba(0,0,0,.85); box-shadow: inset 0 -2px #f1592d; line-height:41px;}
   #nav-mainmenu li.active ul a{box-shadow:none; line-height:normal;}
   #nav-mainmenu li ul{width:0; height:0; padding-top:38px; padding-bottom:10px; overflow:hidden; transition:.3s; position:absolute; top:0; left:0; background:#fff; z-index:1; float:left;}
   #nav-mainmenu li:hover{z-index:2;}
   #nav-mainmenu li:hover a{color:#6ea815;}
   #nav-mainmenu li.sub:hover a{box-shadow:none;}
   #nav-mainmenu li.sub:hover a{z-index:2; color:rgba(0,0,0,.75)} 
   #nav-mainmenu li:hover ul{width:180px; height:auto; box-shadow: 0 0 1px rgba(0,0,0,.2);  }
   #nav-mainmenu li ul li{margin:0; width:100%; float:left; padding:0;}
   #nav-mainmenu li ul li a{color:rgba(0,0,0,.7); margin:0;  padding:0px 15px 7px 15px; line-height:normal; white-space:nowrap; text-transform:none; font-size:12px; transition:.3s; font-weight:500; box-shadow:none;}
   #nav-mainmenu li:hover ul li a:hover{color:#6ea815}
}

@media (max-width: 768px) {
   
 #top .nav-btn {position:absolute; left:5px; top:10px;}  
  #outer-wrap,
  #inner-wrap{height:100%; }
  
  .csstransforms3d.csstransitions.js-ready #outer-wrap{overflow-y:auto}
  .csstransforms3d.csstransitions.js-ready.js-nav #outer-wrap{overflow-y:hidden;}

  #nav-mainmenu {
    position: fixed;
    left: 0;
    top: 96px;
    width: 100vw;
    padding-top: 5.25em;
  }
  #nav-mainmenu:not(:target) {
    z-index: 1;
    height: 0;
  }
  #nav-mainmenu:target .close-btn {
    display: block;
  }
  #nav-mainmenu .close-btn {
    position: absolute;
    top: -3.75em;
    left: 1.875em;
  }
  #nav-mainmenu .block {
    position: absolute;
    padding: 0;
  }
 
   

  .js-ready #nav-mainmenu {
    height: 100%;
    /*width: 70%;
    background: #6ea815;*/ 
  }
  .js-ready #nav-mainmenu .block {
    background: transparent;
  }
  .js-ready #nav-mainmenu .close-btn {
    display: block; z-index:10; position:absolute; top:-15px; right:10px; left:auto;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  .js-ready #nav-mainmenu .close-btn:focus, .js-ready #nav-mainmenu .close-btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  .js-ready #nav-mainmenu {
    left: -70%;
  }
  .js-ready #inner-wrap {
    left: 0;
  }

  .js-nav #inner-wrap {
    left: 70%;
  }

  .csstransforms3d.csstransitions.js-ready #nav-mainmenu {
    left: 0; height:100%; /*overflow-y:auto;*/ padding:30px 0 0 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .csstransforms3d.csstransitions.js-ready #inner-wrap {
    left: 0 !important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .csstransforms3d.csstransitions.js-nav #inner-wrap {
    -webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
  }

 #nav-mainmenu .block {
    /*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
    -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
    transition: opacity 300ms 100ms ease, transform 500ms ease;
    -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;*/
    background:#fff;
    left: 0px;
    top: 0px;
    border-top: 2px solid #6ea815;
    border-left:0;
    display:none;
  }

  .csstransforms3d.csstransitions.js-nav #nav-mainmenu .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

    #nav-mainmenu ul{margin:0; padding:0; line-height:normal; height:auto;}
    #nav-mainmenu ul li a {line-height:normal; color:#000; font-size:14px; border-top: 1px solid rgba(0,0,0,.1); line-height:35px; padding: 0 5px; }
    #nav-mainmenu ul li a i{float:right; margin-top:5px;}
    #nav-mainmenu ul li:first-child a{border:none;}
    #nav-mainmenu ul ul li{padding-left:10px;} 
    #nav-mainmenu ul ul{padding-bottom:15px;}  
    #nav-mainmenu ul ul li a{text-transform:none; font-size:13px; font-weight:500;color:#333; transition:.3s; line-height:25px; border:none; position:relative; padding-left:10px;} 
    /*#nav-mainmenu ul ul li a:hover{color:#fff;}*/
    #nav-mainmenu ul ul li a:before{ font-family: 'FontAwesome'; content:"\f105"; font-size:12px; position:absolute; top:0; left:0; }

    .csstransforms3d.csstransitions.js-nav #inner-wrap:before{width:100%; height:100%; background:rgba(0,0,0,.7); position:absolute; top:0; left:0; content:''; z-index:205; }

}

.col-mainmenu{position:relative; text-align:center; } 
.col-mainmenu ul{margin:0; padding:0; text-align:left;}

@media (min-width:769px) and (max-width:991px) {
    #nav-mainmenu ul li a { padding: 0 8px; }
}