@font-face {
    font-family: "myriad-procond";
    src: url("../fonts/myriadpro-cond.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
/* --------------- pagination --------------- */
.paginator-wrap{
    text-align: center;
    margin: 20px 0 30px;
}
.paginator{
    font-family: "myriad-procond";
    font-size: 22px;
    padding: 6px 38px;
    box-shadow: 0 4px 0 0 #e2e2e2;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-bottom: 6px !important;
    margin: 0 0 0 15px;
    text-align: left;
}
.paginator:after{
    content: '';
    position: absolute;
    left: -15px;
    top: 0;
    width: 15px;
    height: 44px;
    background: url("shadow1.png") no-repeat;
}
.paginator:before{
    content: '';
    position: absolute;
    right: -15px;
    top: 0;
    width: 15px;
    height: 44px;
    background: url("shadow2.png") no-repeat;
}
.paginator li{
    display: inline-block;
    vertical-align: top;
    padding-left: 0 !important;
    line-height: 22px !important;
    background: none !important;
}
.paginator a,
.paginator a:visited{
    display: inline-block;
    vertical-align: top;
    color: #777777;
    text-decoration: none;
    padding: 4px 2px;
    width: 28px;
    height: 28px;
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 3px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.paginator a:hover{
    background-color: #0077ba;
    color: #fff;
}
.paginator a.active,
.paginator a.active:visited{
    color: #0077ba;
}
.paginator a.active,
.paginator a.active:visited{
    cursor: default;
}
.paginator a.active:hover{
    color: #0077ba;
    background: none;
}

.paginator .prev-pag,
.paginator .next-pag{
    position: absolute;
    top: 12px;
    left: 9px;
}
.paginator .next-pag{
    right: 9px;
    left: auto;
}
.paginator .prev-pag,
.paginator .next-pag{
    background: url("pag-arrow.png") no-repeat left bottom  !important;
    width: 9px;
    height: 18px;
    padding: 0;
    text-indent: -5000px;
    cursor: pointer;
}
.paginator .prev-pag.disabled{
    background: url("pag-arrow.png") no-repeat left top !important;
}
.paginator .next-pag.disabled{
    background: url("pag-arrow.png") no-repeat right top !important;
}
.paginator .next-pag{
    background: url("pag-arrow.png") no-repeat right bottom !important;
}
.wrapper {
    display: none;
}
.wrapper.active {
    display: block;
}
/* --------------- /pagination --------------- */