.affix-top {

    top: 32%; 

  right: 0;

  position:absolute;

  z-index:2;

}

.affix {

    top: 50px;

  right: 0;

  z-index:2;

}



  





.preloader {

    background: #fff url('../images/preloader1.gif') no-repeat center center;

    bottom: 0;

    height: 100%;

    left: 0;

    overflow: hidden;


    right: 0;

    top: 0;

    width: 100%;

    z-index: 99999;

}



#dotNav {

    right: 40px;

    top: 50%;

    margin-top: -50px;

    height: 100px;

    z-index: 999;

}



#dotNav ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



#dotNav li {

    position: relative;

    background-color: #e1b936;

    cursor: pointer;

    height: 3px;

    margin-bottom:15px;

    width: 48px;

    vertical-align: bottom;

    text-align:right;

    float:right;

    display:block;

    clear:both;

}



#dotNav li.active, #dotNav li:hover {

    background-color: #3d8b4d;

     width: 68px;

}



#dotNav a {

    outline: 0;

    vertical-align: top;

    margin: 0px 0px 0px 25px;

    position: relative;

    top: -5px;

}





.awesome-tooltip + .tooltip > .tooltip-inner {

    background-color: #333;

    color: #ffffff;

    border: 1px solid #333;

}



.awesome-tooltip + .tooltip.left > .tooltip-arrow {

    top: 50%;

    right: 0;

    margin-top: -5px;

    border-top: 5px solid transparent;

    border-bottom: 5px solid transparent;

    border-left: 5px solid #333;

}