.pagesNavigator ul {margin: 0 0 0 40px;padding: 0;list-style: none;}
.pagesNavigator li a {
    font: normal 16px Arial;
    text-decoration: none;
    color: #0187CE;
    padding: 2px 8px;
    border-radius: 2px;
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    font-family: 'Assistant', Arial, Helvetica, sans-serif !important
}
.pagesNavigator li a:hover, li a.active{background-color:#0187CE; color:#fff;}
.pagesNavigator li a.exit, li a.music{background-color:#000; color:#fff;}
.pagesNavigator li a:hover.exit{background-color:#cc0000;}
.pagesNavigator li a.order{background-color:#FF6634; color:#fff;}
.pagesNavigator li a.coredata{background-color:#000; color:#fff;cursor:default;}

@media screen and (max-width:930px) 
{
.pagesNavigator {max-height: 9999px !important;position:absolute;left:55px;top:0;background-color:#fff;opacity:.6;box-shadow:0px 0px 8px #666;direction:rtl;text-align:right;padding:15px;}
.pagesNavigator li{margin-bottom:4px;padding-left:3px;padding-right:3px;}
}

@media screen and (min-width:931px) 
{
.js .pagesNavigator {background-color:#fff;opacity:.75;box-shadow:0px 0px 8px #666;position:absolute !important;left:0;top:32px;width:auto;padding:15px 15px 12px;direction:rtl;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;}
.js .pagesNavigator li{display:inline; padding:0 5px;}
.js .pagesNavigator li a{padding:2px 4px;padding-left:3px;padding-right:3px;}
.js .pagesNavigator:hover{opacity:.88;}
}