.show {display:block;}
.hide {display:none;}

#toggle-nav {
    position: absolute;
    right: 0;
    top: 0;
    padding: 40px 30px;
    border-left: 2px dashed #575757;
    transition: all .5s;

}
#toggle-nav:hover {cursor:pointer;}
.sticky #toggle-nav {padding: 28px;}

#toggle-nav span,
#toggle-nav span:before,
#toggle-nav span:after {
    position: relative;
    height: 3px;
    width: 20px;
    border-radius: 1px;
    background: #acacac;
    display: block;
    content: '';
    transition: all 300ms ease-in-out;
}
#toggle-nav span:before {top: -6px;}
#toggle-nav span:after {bottom: -3px;
/*top:3px;*/
}

#toggle-nav.active span {background-color: transparent;}
#toggle-nav.active span:before {top: 0;}
#toggle-nav.active span:after {top: -3px;}

#toggle-nav.active span:before {transform: rotate(45deg);}
#toggle-nav.active span:after {transform: rotate(-45deg);}


.polinav {
    position:relative;
    top:85px;
    border-top: 3px solid #575757;
    transition: top .5s;
}
.sticky.mobile .polinav {top: 60px;}

.polinav a:link,
.polinav a:visited  {
  position: relative;
  display: block;
  z-index: 2;
  padding: 16px 27px;
  overflow: hidden;
  color: #acacac;
  background:rgba(60,63,66,.98);
  font-size:100%;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  border-bottom:3px solid rgba(53,55,58,.98);
  transition: background .2s, color .2s;
}
.polinav a:hover,
.polinav > li:hover > a {color:#5c5c5c;background: #ffa525;}

.polinav i.fa {
  position: absolute;
  top: 12px;
  right: 48px;
  color:#646464;
  font-size: 24px;
  z-index: 2;
  transition: all .5s;}

.polinav li {display: block;list-style: none;}
.polinav li > ul {background: rgba(60,63,66,.98);}
.polinav li > ul li {width:100%;}
.polinav ul.submenu li a {
    display: block;
    white-space: nowrap;
    text-decoration: none;
    padding: 15px 25px;
    border:none;
    background: inherit;
    border-bottom:3px solid rgba(53,55,58,.98);
}

.polinav ul.submenu li a:hover {color: #5d5c58;background: #ffe93b;}

.expandable > a:after {
    content: "\f106";
    font: normal normal normal 14px/1 FontAwesome;
    cursor:pointer;
    position: absolute;
    top: 12px;
    right: 48px;
    color: #646464;
    font-size: 24px;
    z-index: 2;
    transition: all .5s;
}

.expandable.collapsed > a:after {content: "\f107";}

@media screen and (min-width: 768px) {

    .menu-container {position: absolute;top: 0;right: -70px;}
    .sticky #toggle-nav {padding: 18px;}

    .polinav {top: 0;border:none;float:right;
        /*z-index: 2;*/
    }

    .polinav a:link,
    .polinav a:visited  {
        padding: 33px 27px;
        color: #acacac;
        background:transparent;
        border-left: 2px dashed #575757;
        border-bottom:none;
        text-align: left;
        transition: padding .5s,background .2s, color .2s;
    }
    .polinav a:hover,
    .polinav > li:hover > a {color:#dadada;background:transparent;}

    .sticky .polinav a:link,
    .sticky .polinav a:visited  {padding:20.5px 27px;}

    .polinav i.fa {top: 48px;color:#5c5c5c;transition: all .5s;}
    .sticky .polinav i.fa {top: 35px;}

    .polinav li {position: relative;float: left;border:none;}
    .polinav li > ul {position: absolute;top: auto;left: 0;}
    .polinav li > ul li {width:100%;}

    .sticky .polinav ul.submenu li a {padding:15px 25px;}

    .polinav ul.submenu li a:hover {color: #5d5c58;background: #ffe93b;}
    #toggle-nav {display:none;}

    .expandable.collapsed > a:after {top:52px;}
    .expandable > a:after {top:52px;}
    .sticky .expandable.collapsed > a:after {top:34px;}
    .sticky .expandable > a:after {top:34px;}



} /* END min-width: 768px */


@media screen and (min-width: 992px) {

    .menu-container {right: 0;}

}/* END max-width: 970px */