.nav-open {
        display: none;
}
#nav {
        position: fixed;
        padding:0px;
        top:0px;
        left:0px;
        float: right;
        width: 100%;
        margin: 0px auto;
        background: #333;
        font-family: Arial, sans-serif;

        -webkit-box-shadow: 0 0 5px #888;
        -moz-box-shadow: 0 0 5px #888;
        box-shadow: 0 0 5px #888;
        z-index:0;
}
#nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
}
#nav ul li {
        float: right;
}
#nav ul li.close {
        display: none;
}
#nav ul li a {
        padding: 10px 15px;
        display: block;
        FONT-SIZE: 16pt;
        color: #fff;
        text-decoration: none;
}
#nav ul li a:hover {
        background: #111;
        color: #aaa;
        border-radius: 5px;
}
#nav ul li a.activ {
        background: #111;
        color: #aaa;
        border-radius: 5px;
}
@media screen and (max-width: 775px) {
   .nav-open {
           position: fixed;
           top: 0;
           left: 0;
           background: #333;
           font-family: Arial, sans-serif;
           display: block;
           width: 100%;
   }
   .nav-open a {
           padding: 10px 15px;
           display: block;
           color: #fff;
           text-align: center;
           text-decoration: none;
   }
   #nav {
           position: fixed;
           top: -400%;
           left: 0;
           float:left;
           width: 100%;
           margin: 0;
           padding: 0;

           -webkit-border-radius: 0;
           -moz-border-radius: 0;
          /* border-radius: 100;   */
           -webkit-transition: all 1s ease-in-out;
           -moz-transition: all 1s ease-in-out;
           -o-transition: all 1s ease-in-out;
           -ms-transition: all 1s ease-in-out;
           transition: all 1s ease-in-out;
            z-index:1;
   }

   #nav:target {
           top: 0;
   }
   #nav ul li {
           float: none;
           text-align: center;
           border-bottom: 1px solid #555;
   }

   #nav ul li.close {
          display: block;
   }
   #nav ul li:last-child {
           border-bottom: none;
   }
}

.slideBull {
            position: absolute;
        }
         /*
        .slideBull div           (normal)
        .slideBull div:hover     (normal mouseover)
        .slideBull .av           (active)
        .slideBull .av:hover     (active mouseover)
        .slideBull .dn           (mousedown)
        */
        .slideBull div, .slideBull div:hover, .slideBull .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('../_images/slider/bullet.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .slideBull div { background-position: -7px -7px; }
        .slideBull div:hover, .slideBull .av:hover { background-position: -37px -7px; }
        .slideBull .av { background-position: -67px -7px; }
        .slideBull .dn, .slideBull .dn:hover { background-position: -97px -7px; }

        .slideNav, .slideNavR {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('../_images/slider/arrow.png') center center no-repeat;
            overflow: hidden;
        }
        .slideNav { background-position: -10px -31px; }
        .slideNavR { background-position: -70px -31px; }
        .slideNav:hover { background-position: -130px -31px; }
        .slideNavR:hover { background-position: -190px -31px; }
        .slideNav.slideNavdn { background-position: -250px -31px; }
        .slideNavR.slideNavRdn { background-position: -310px -31px; }
        .slideNav.slideNavds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
        .slideNavR.slideNavRds { background-position: -70px -31px; opacity: .3; pointer-events: none; }