.clear.fix span { display: none; }

.sitenavl0 {
 padding-left: 4px;
}

.sitenavl1 {
  padding-left: 16px;
}

.sitenavl2 {
 padding-left: 20px;
}

.sitenavl3 {
  padding-left: 30px;
}

.sitenavl4 {
 padding-left: 40px;
}

.sitenavl5 {
 padding-left: 50px;
}

.nav-toggle {
 background: #f6f6f6;
 padding: 7px;
}

a.topPage {
 float: left;
 font-size: 19px !important;
 padding-top: 2px !important;
}

.nav-toggle span,
.nav-toggle span:before,
.nav-toggle span:after {
   border-radius: 3px;
    display: inline-block;
    transition: all 0.3s ease 0s;
color: #f6f6f6;
    -webkit-transition: all 0.3s ease 0s;
color: #f6f6f6;
    -moz-transition: all 0.3s ease 0s;
color: #f6f6f6;
    -o-transition: all 0.3s ease 0s;
color: #f6f6f6;
}

.nav-toggle span {
background: transparent;
    height: 30px;
    position: relative;
    width: 40px;
    float: right;
}
.nav-toggle span:before,
.nav-toggle span:after{
   background: #333;
    content: "";
    height: 6px;
    position: absolute;
    transform-origin: 3px center 0;
    -webkit-transform-origin: 3px center 0;
    -moz-transform-origin: 3px center 0;
    -o-transform-origin: 3px center 0;
    -ms-transform-origin: 3px center 0;

    width: 24px;
}

/* ARROW*/

.nav-toggle span:before {
    top:17px;
    left: 18px;
    transform: rotate3d(0, 0, -1, 40deg);
    -webkit-transform: rotate3d(0, 0, -1, 40deg);
    -moz-transform: rotate3d(0, 0, -1, 40deg);
    -o-transform: rotate3d(0, 0, -1, 40deg);
    -ms-transform: rotate3d(0, 0, -1, 40deg);

}
.nav-toggle span:after {
    top: 6px;
    left: 3px;
     transform: rotate3d(0, 0, -1, -40deg);
     -webkit-transform: rotate3d(0, 0, -1, -40deg);
     -moz-transform: rotate3d(0, 0, -1, -40deg);
     -o-transform: rotate3d(0, 0, -1, -40deg);
     -ms-transform: rotate3d(0, 0, -1, -40deg);

}

/*.nav-toggle span.open:before {
    top:5px;
    transform: rotate3d(0, 0, 1, 40deg);
}*/
.nav-toggle span.open:after {
    top: 17px;
     transform: rotate3d(0, 0, 1, -40deg);
     -webkit-transform: rotate3d(0, 0, 1, -40deg);
     -moz-transform: rotate3d(0, 0, 1, -40deg);
     -o-transform: rotate3d(0, 0, 1, -40deg);
     -ms-transform: rotate3d(0, 0, 1, -40deg);

}

/* PLUS*/

.nav-toggle span
.nav-toggle span:before,
.nav-toggle span:after {
    display: inline-block;  
     transition: all 0.3s ease 0s;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
}

.nav-toggle span {
background: transparent;
    height: 30px;
    position: relative;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;

    width: 40px;
    float: right;
}
.nav-toggle span:before,
.nav-toggle span:after{
   background: #333;
    border-radius: 2px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    transform-origin: 3px center 0;
    -webkit-transform-origin: 3px center 0;
    -moz-transform-origin: 3px center 0;
    -o-transform-origin: 3px center 0;
    -ms-transform-origin: 3px center 0;

    width: 30px;
}

.nav-toggle span:before {
    top:13px;
    left: 5px;
    transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -moz-transform: rotate3d(0, 0, 1, 0deg);
    -o-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);

}
.nav-toggle span:after {
    top: 1px;
    left: 17px;
     transform: rotate3d(0, 0, 1, 90deg);
     -webkit-transform: rotate3d(0, 0, 1, 90deg);
     -moz-transform: rotate3d(0, 0, 1, 90deg);
     -o-transform: rotate3d(0, 0, 1, 90deg);
     -ms-transform: rotate3d(0, 0, 1, 90deg);

}

.nav-toggle span.open:after {
    top: 13px;
    left: 29px;
     transform: rotate3d(0, 0, 1, 180deg);
     -webkit-transform: rotate3d(0, 0, 1, 180deg);
     -moz-transform: rotate3d(0, 0, 1, 180deg);
     -o-transform: rotate3d(0, 0, 1, 180deg);
     -ms-transform: rotate3d(0, 0, 1, 180deg);

}


.current-head { display: none; }

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

 .responsiveTemplate #inside-nav { margin-top: 15px; }

 .responsiveTemplate .current-head { display: block; }

 .responsiveTemplate .sitenavl0 { display: none; }

 .responsiveTemplate .sidenav-slide {
  border: 1px solid #f4f4f4;
  border-top: 0px;
  padding: 7px;
  display: none;
  background: #ffffff;
 }

}

@media screen and (min-width: 731px) {
 .responsiveTemplate .sidenav-slide { display: block !important; }
}

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

 .responsiveTemplate #sub-content-left { display: block !important; width: 100% !important; }

}

@media screen and (min-width: 731px) {
 .responsiveTemplate .sidenav-slide { display: block !important; }
}