.b-page-nav{margin:40px 0}.b-page-nav__box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.b-page-nav__box_bg{background:#f6f8f7;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;padding:30px 15px}.b-page-nav__next,.b-page-nav__prev{position:relative;margin:0 20px;line-height:42px;color:#fff;background-color:#38916c;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-transition:.2s;-o-transition:.2s;-moz-transition:.2s;transition:.2s;width:100%;max-width:250px;font-size:15px}.b-page-nav__next:hover,.b-page-nav__prev:hover{background-color:#2a6c51}.b-page-nav__next:before,.b-page-nav__prev:before{position:absolute;top:50%;margin:-7px 0 0;border-top:7px solid transparent;border-bottom:7px solid transparent;content:''}.b-page-nav__prev{padding:0 30px 0 60px}.b-page-nav__prev:before{left:10px;border-left:10px solid transparent;border-right:10px solid #fff}.b-page-nav__next{padding:0 60px 0 30px}.b-page-nav__next:before{right:10px;border-left:10px solid #fff;border-right:10px solid transparent}@media all and (max-width:1024px){.b-page-nav__next,.b-page-nav__prev{line-height:40px;margin:0 10px}}@media all and (max-width:768px){.b-page-nav__box_bg{padding:15px}.b-page-nav__prev{padding:0 20px 0 40px}.b-page-nav__prev:before{left:0}.b-page-nav__next{padding:0 40px 0 20px}.b-page-nav__next:before{right:0}}@media all and (max-width:526px){.b-page-nav__box{-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.b-page-nav__next,.b-page-nav__prev{width:150px;line-height:normal}.b-page-nav__prev{padding:5px 15px 5px 34px;text-align:left;margin:0 7px 0 0}.b-page-nav__next{padding:5px 34px 5px 15px;text-align:right;margin:0 0 0 7px}}