@charset "utf-8";
/* CSS Document */

/** 2.10 Buttons Effects */
.btn-anis-effect {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: transparent;
  transition: .2s;
  transition-delay: .1s; }
  .btn-anis-effect:hover {
    transition-delay: .45s; }
  .btn-anis-effect:before, .btn-anis-effect:after {
    position: absolute;
    top: 50%;
    content: '';
    width: 20px;
    height: 20px;
    background: #434345;
    border-radius: 50%;
    transition: 0.5s;
    z-index: -1; }
  .btn-anis-effect:before {
    left: -20px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .btn-anis-effect:after {
    right: -20px;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%); }
  .btn-anis-effect:hover:before {
    -webkit-animation: criss-cross-left 0.8s;
    animation: criss-cross-left 0.8s; }
  .btn-anis-effect:hover:after {
    -webkit-animation: criss-cross-right 0.8s;
    animation: criss-cross-right 0.8s; }
  .btn-anis-effect.btn-primary {
    color: #fff;
    background-color: #42b574; }
    .btn-anis-effect.btn-primary:before, .btn-anis-effect.btn-primary:after {
      background: #79ccf2; }
    .btn-anis-effect.btn-primary:hover {
      color: #fff;
      border-color: #79ccf2;
      background: #79ccf2; }
  .btn-anis-effect.btn-default, .pagination-classic > li + li:not(:last-child) > a.btn-anis-effect,
  .pagination-classic > li + li:not(:last-child) > span.btn-anis-effect {
    color: #434345;
    background-color: transparent;
    border-color: #d9d9d9; }
    .btn-anis-effect.btn-default:hover, .pagination-classic > li + li:not(:last-child) > a.btn-anis-effect:hover,
    .pagination-classic > li + li:not(:last-child) > span.btn-anis-effect:hover {
      color: #fff;
      border-color: #434345;
      background: #434345; }
  .btn-anis-effect.btn-deluge {
    color: #8668ad; }
    .btn-anis-effect.btn-deluge:before, .btn-anis-effect.btn-deluge:after {
      background: #8668ad; }
    .btn-anis-effect.btn-deluge:hover {
      color: #fff;
      border-color: #8668ad;
      background: #8668ad; }
  .btn-anis-effect.btn-success {
    color: #abcc37; }
    .btn-anis-effect.btn-success:before, .btn-anis-effect.btn-success:after {
      background: #abcc37; }
    .btn-anis-effect.btn-success:hover {
      color: #fff;
      border-color: #abcc37;
      background: #abcc37; }
  .btn-anis-effect.btn-warning {
    color: #f5bf2f; }
    .btn-anis-effect.btn-warning:before, .btn-anis-effect.btn-warning:after {
      background: #f5bf2f; }
    .btn-anis-effect.btn-warning:hover {
      color: #fff;
      border-color: #f5bf2f;
      background: #f5bf2f; }
  .btn-anis-effect.btn-danger {
    color: #f54b0f; }
    .btn-anis-effect.btn-danger:before, .btn-anis-effect.btn-danger:after {
      background: #f54b0f; }
    .btn-anis-effect.btn-danger:hover {
      color: #fff;
      border-color: #f54b0f;
      background: #f54b0f; }
  .btn-anis-effect.btn-info {
    color: #79ccf2; }
    .btn-anis-effect.btn-info:before, .btn-anis-effect.btn-info:after {
      background: #79ccf2; }
    .btn-anis-effect.btn-info:hover {
      color: #fff;
      border-color: #79ccf2;
      background: #79ccf2; }

.btn.btn-aqil-effect, .pagination-classic > li > a.btn-aqil-effect,
.pagination-classic > li > span.btn-aqil-effect {
  position: relative;
  overflow: hidden;
  transition: 0.5s;
  border-color: #434345;
  color: #434345;
  background-color: transparent; }
  .btn.btn-aqil-effect:hover, .pagination-classic > li > a.btn-aqil-effect:hover,
  .pagination-classic > li > span.btn-aqil-effect:hover {
    background-color: transparent;
    color: #fff;
    box-shadow: inset 1px 0 0 0 #434345; }
  .btn.btn-aqil-effect:before, .pagination-classic > li > a.btn-aqil-effect:before,
  .pagination-classic > li > span.btn-aqil-effect:before, .btn.btn-aqil-effect:after, .pagination-classic > li > a.btn-aqil-effect:after,
  .pagination-classic > li > span.btn-aqil-effect:after,
  .btn.btn-aqil-effect span:before, .pagination-classic > li > a.btn-aqil-effect span:before,
  .pagination-classic > li > span.btn-aqil-effect span:before,
  .btn.btn-aqil-effect span:after, .pagination-classic > li > a.btn-aqil-effect span:after,
  .pagination-classic > li > span.btn-aqil-effect span:after {
    content: '';
    background: rgba(68, 68, 68, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: -1; }
  .btn.btn-aqil-effect span:before, .pagination-classic > li > a.btn-aqil-effect span:before,
  .pagination-classic > li > span.btn-aqil-effect span:before,
  .btn.btn-aqil-effect span:after, .pagination-classic > li > a.btn-aqil-effect span:after,
  .pagination-classic > li > span.btn-aqil-effect span:after {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s; }
  .btn.btn-aqil-effect-mod-1:before, .pagination-classic > li > a.btn-aqil-effect-mod-1:before,
  .pagination-classic > li > span.btn-aqil-effect-mod-1:before, .btn.btn-aqil-effect-mod-1:after, .pagination-classic > li > a.btn-aqil-effect-mod-1:after,
  .pagination-classic > li > span.btn-aqil-effect-mod-1:after,
  .btn.btn-aqil-effect-mod-1 span:before, .pagination-classic > li > a.btn-aqil-effect-mod-1 span:before,
  .pagination-classic > li > span.btn-aqil-effect-mod-1 span:before,
  .btn.btn-aqil-effect-mod-1 span:after, .pagination-classic > li > a.btn-aqil-effect-mod-1 span:after,
  .pagination-classic > li > span.btn-aqil-effect-mod-1 span:after {
    width: 100%;
    height: 0; }
  .btn.btn-aqil-effect-mod-1:after, .pagination-classic > li > a.btn-aqil-effect-mod-1:after,
  .pagination-classic > li > span.btn-aqil-effect-mod-1:after,
  .btn.btn-aqil-effect-mod-1 span:before, .pagination-classic > li > a.btn-aqil-effect-mod-1 span:before,
  .pagination-classic > li > span.btn-aqil-effect-mod-1 span:before {
    top: auto;
    bottom: 0; }
  .btn.btn-aqil-effect-mod-1:hover span:before, .pagination-classic > li > a.btn-aqil-effect-mod-1:hover span:before,
  .pagination-classic > li > span.btn-aqil-effect-mod-1:hover span:before,
  .btn.btn-aqil-effect-mod-1:hover span:after, .pagination-classic > li > a.btn-aqil-effect-mod-1:hover span:after,
  .pagination-classic > li > span.btn-aqil-effect-mod-1:hover span:after, .btn.btn-aqil-effect-mod-1:hover:before, .pagination-classic > li > a.btn-aqil-effect-mod-1:hover:before,
  .pagination-classic > li > span.btn-aqil-effect-mod-1:hover:before, .btn.btn-aqil-effect-mod-1:hover:after, .pagination-classic > li > a.btn-aqil-effect-mod-1:hover:after,
  .pagination-classic > li > span.btn-aqil-effect-mod-1:hover:after {
    height: 100%; }
  .btn.btn-aqil-effect-mod-2:before, .pagination-classic > li > a.btn-aqil-effect-mod-2:before,
  .pagination-classic > li > span.btn-aqil-effect-mod-2:before, .btn.btn-aqil-effect-mod-2:after, .pagination-classic > li > a.btn-aqil-effect-mod-2:after,
  .pagination-classic > li > span.btn-aqil-effect-mod-2:after,
  .btn.btn-aqil-effect-mod-2 span:before, .pagination-classic > li > a.btn-aqil-effect-mod-2 span:before,
  .pagination-classic > li > span.btn-aqil-effect-mod-2 span:before,
  .btn.btn-aqil-effect-mod-2 span:after, .pagination-classic > li > a.btn-aqil-effect-mod-2 span:after,
  .pagination-classic > li > span.btn-aqil-effect-mod-2 span:after {
    width: 0;
    height: 100%; }
  .btn.btn-aqil-effect-mod-2:after, .pagination-classic > li > a.btn-aqil-effect-mod-2:after,
  .pagination-classic > li > span.btn-aqil-effect-mod-2:after,
  .btn.btn-aqil-effect-mod-2 span:before, .pagination-classic > li > a.btn-aqil-effect-mod-2 span:before,
  .pagination-classic > li > span.btn-aqil-effect-mod-2 span:before {
    left: auto;
    right: 0; }
  .btn.btn-aqil-effect-mod-2:hover:before, .pagination-classic > li > a.btn-aqil-effect-mod-2:hover:before,
  .pagination-classic > li > span.btn-aqil-effect-mod-2:hover:before, .btn.btn-aqil-effect-mod-2:hover:after, .pagination-classic > li > a.btn-aqil-effect-mod-2:hover:after,
  .pagination-classic > li > span.btn-aqil-effect-mod-2:hover:after,
  .btn.btn-aqil-effect-mod-2:hover span:before, .pagination-classic > li > a.btn-aqil-effect-mod-2:hover span:before,
  .pagination-classic > li > span.btn-aqil-effect-mod-2:hover span:before,
  .btn.btn-aqil-effect-mod-2:hover span:after, .pagination-classic > li > a.btn-aqil-effect-mod-2:hover span:after,
  .pagination-classic > li > span.btn-aqil-effect-mod-2:hover span:after {
    width: 100%; }
  .btn.btn-aqil-effect.btn-primary, .pagination-classic > li > a.btn-aqil-effect.btn-primary,
  .pagination-classic > li > span.btn-aqil-effect.btn-primary {
    color: #42b574;
    border-color: #42b574;
    transition-delay: .4s; }
    .btn.btn-aqil-effect.btn-primary:hover, .pagination-classic > li > a.btn-aqil-effect.btn-primary:hover,
    .pagination-classic > li > span.btn-aqil-effect.btn-primary:hover {
      color: #fff;
      transition-delay: .1s;
      box-shadow: inset 1px 0 0 0 #42b574; }
    .btn.btn-aqil-effect.btn-primary:before, .pagination-classic > li > a.btn-aqil-effect.btn-primary:before,
    .pagination-classic > li > span.btn-aqil-effect.btn-primary:before, .btn.btn-aqil-effect.btn-primary:after, .pagination-classic > li > a.btn-aqil-effect.btn-primary:after,
    .pagination-classic > li > span.btn-aqil-effect.btn-primary:after,
    .btn.btn-aqil-effect.btn-primary span:before, .pagination-classic > li > a.btn-aqil-effect.btn-primary span:before,
    .pagination-classic > li > span.btn-aqil-effect.btn-primary span:before,
    .btn.btn-aqil-effect.btn-primary span:after, .pagination-classic > li > a.btn-aqil-effect.btn-primary span:after,
    .pagination-classic > li > span.btn-aqil-effect.btn-primary span:after {
      background: rgba(66, 181, 116, 0.5); }
  .btn.btn-aqil-effect.btn-deluge, .pagination-classic > li > a.btn-aqil-effect.btn-deluge,
  .pagination-classic > li > span.btn-aqil-effect.btn-deluge {
    color: #8668ad;
    border-color: #8668ad;
    transition-delay: .4s; }
    .btn.btn-aqil-effect.btn-deluge:hover, .pagination-classic > li > a.btn-aqil-effect.btn-deluge:hover,
    .pagination-classic > li > span.btn-aqil-effect.btn-deluge:hover {
      color: #fff;
      transition-delay: .1s;
      box-shadow: inset 1px 0 0 0 #8668ad; }
    .btn.btn-aqil-effect.btn-deluge:before, .pagination-classic > li > a.btn-aqil-effect.btn-deluge:before,
    .pagination-classic > li > span.btn-aqil-effect.btn-deluge:before, .btn.btn-aqil-effect.btn-deluge:after, .pagination-classic > li > a.btn-aqil-effect.btn-deluge:after,
    .pagination-classic > li > span.btn-aqil-effect.btn-deluge:after,
    .btn.btn-aqil-effect.btn-deluge span:before, .pagination-classic > li > a.btn-aqil-effect.btn-deluge span:before,
    .pagination-classic > li > span.btn-aqil-effect.btn-deluge span:before,
    .btn.btn-aqil-effect.btn-deluge span:after, .pagination-classic > li > a.btn-aqil-effect.btn-deluge span:after,
    .pagination-classic > li > span.btn-aqil-effect.btn-deluge span:after {
      background: rgba(134, 104, 173, 0.5); }
  .btn.btn-aqil-effect.btn-success, .pagination-classic > li > a.btn-aqil-effect.btn-success,
  .pagination-classic > li > span.btn-aqil-effect.btn-success {
    color: #abcc37;
    border-color: #abcc37;
    transition-delay: .4s; }
    .btn.btn-aqil-effect.btn-success:hover, .pagination-classic > li > a.btn-aqil-effect.btn-success:hover,
    .pagination-classic > li > span.btn-aqil-effect.btn-success:hover {
      color: #fff;
      transition-delay: .1s;
      box-shadow: inset 1px 0 0 0 #abcc37; }
    .btn.btn-aqil-effect.btn-success:before, .pagination-classic > li > a.btn-aqil-effect.btn-success:before,
    .pagination-classic > li > span.btn-aqil-effect.btn-success:before, .btn.btn-aqil-effect.btn-success:after, .pagination-classic > li > a.btn-aqil-effect.btn-success:after,
    .pagination-classic > li > span.btn-aqil-effect.btn-success:after,
    .btn.btn-aqil-effect.btn-success span:before, .pagination-classic > li > a.btn-aqil-effect.btn-success span:before,
    .pagination-classic > li > span.btn-aqil-effect.btn-success span:before,
    .btn.btn-aqil-effect.btn-success span:after, .pagination-classic > li > a.btn-aqil-effect.btn-success span:after,
    .pagination-classic > li > span.btn-aqil-effect.btn-success span:after {
      background: rgba(171, 204, 55, 0.5); }
  .btn.btn-aqil-effect.btn-warning, .pagination-classic > li > a.btn-aqil-effect.btn-warning,
  .pagination-classic > li > span.btn-aqil-effect.btn-warning {
    color: #f5bf2f;
    border-color: #f5bf2f;
    transition-delay: .4s; }
    .btn.btn-aqil-effect.btn-warning:hover, .pagination-classic > li > a.btn-aqil-effect.btn-warning:hover,
    .pagination-classic > li > span.btn-aqil-effect.btn-warning:hover {
      color: #fff;
      transition-delay: .1s;
      box-shadow: inset 1px 0 0 0 #f5bf2f; }
    .btn.btn-aqil-effect.btn-warning:before, .pagination-classic > li > a.btn-aqil-effect.btn-warning:before,
    .pagination-classic > li > span.btn-aqil-effect.btn-warning:before, .btn.btn-aqil-effect.btn-warning:after, .pagination-classic > li > a.btn-aqil-effect.btn-warning:after,
    .pagination-classic > li > span.btn-aqil-effect.btn-warning:after,
    .btn.btn-aqil-effect.btn-warning span:before, .pagination-classic > li > a.btn-aqil-effect.btn-warning span:before,
    .pagination-classic > li > span.btn-aqil-effect.btn-warning span:before,
    .btn.btn-aqil-effect.btn-warning span:after, .pagination-classic > li > a.btn-aqil-effect.btn-warning span:after,
    .pagination-classic > li > span.btn-aqil-effect.btn-warning span:after {
      background: rgba(245, 191, 47, 0.5); }
  .btn.btn-aqil-effect.btn-info, .pagination-classic > li > a.btn-aqil-effect.btn-info,
  .pagination-classic > li > span.btn-aqil-effect.btn-info {
    color: #79ccf2;
    border-color: #79ccf2;
    transition-delay: .4s; }
    .btn.btn-aqil-effect.btn-info:hover, .pagination-classic > li > a.btn-aqil-effect.btn-info:hover,
    .pagination-classic > li > span.btn-aqil-effect.btn-info:hover {
      color: #fff;
      transition-delay: .1s;
      box-shadow: inset 1px 0 0 0 #79ccf2; }
    .btn.btn-aqil-effect.btn-info:before, .pagination-classic > li > a.btn-aqil-effect.btn-info:before,
    .pagination-classic > li > span.btn-aqil-effect.btn-info:before, .btn.btn-aqil-effect.btn-info:after, .pagination-classic > li > a.btn-aqil-effect.btn-info:after,
    .pagination-classic > li > span.btn-aqil-effect.btn-info:after,
    .btn.btn-aqil-effect.btn-info span:before, .pagination-classic > li > a.btn-aqil-effect.btn-info span:before,
    .pagination-classic > li > span.btn-aqil-effect.btn-info span:before,
    .btn.btn-aqil-effect.btn-info span:after, .pagination-classic > li > a.btn-aqil-effect.btn-info span:after,
    .pagination-classic > li > span.btn-aqil-effect.btn-info span:after {
      background: rgba(121, 204, 242, 0.5); }
  .btn.btn-aqil-effect.btn-danger, .pagination-classic > li > a.btn-aqil-effect.btn-danger,
  .pagination-classic > li > span.btn-aqil-effect.btn-danger {
    color: #f54b0f;
    border-color: #f54b0f;
    transition-delay: .4s; }
    .btn.btn-aqil-effect.btn-danger:hover, .pagination-classic > li > a.btn-aqil-effect.btn-danger:hover,
    .pagination-classic > li > span.btn-aqil-effect.btn-danger:hover {
      color: #fff;
      transition-delay: .1s;
      box-shadow: inset 1px 0 0 0 #f54b0f; }
    .btn.btn-aqil-effect.btn-danger:before, .pagination-classic > li > a.btn-aqil-effect.btn-danger:before,
    .pagination-classic > li > span.btn-aqil-effect.btn-danger:before, .btn.btn-aqil-effect.btn-danger:after, .pagination-classic > li > a.btn-aqil-effect.btn-danger:after,
    .pagination-classic > li > span.btn-aqil-effect.btn-danger:after,
    .btn.btn-aqil-effect.btn-danger span:before, .pagination-classic > li > a.btn-aqil-effect.btn-danger span:before,
    .pagination-classic > li > span.btn-aqil-effect.btn-danger span:before,
    .btn.btn-aqil-effect.btn-danger span:after, .pagination-classic > li > a.btn-aqil-effect.btn-danger span:after,
    .pagination-classic > li > span.btn-aqil-effect.btn-danger span:after {
      background: rgba(245, 75, 15, 0.5); }

.btn.btn-rayen-effect, .pagination-classic > li > a.btn-rayen-effect,
.pagination-classic > li > span.btn-rayen-effect {
  border-radius: 0;
  overflow: hidden;
  background-color: transparent; }
  .btn.btn-rayen-effect:before, .pagination-classic > li > a.btn-rayen-effect:before,
  .pagination-classic > li > span.btn-rayen-effect:before {
    content: attr(data-text);
    position: absolute;
    top: -2px;
    left: 0;
    bottom: -2px;
    right: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  .btn.btn-rayen-effect > span, .pagination-classic > li > a.btn-rayen-effect > span,
  .pagination-classic > li > span.btn-rayen-effect > span {
    display: block;
    z-index: -1; }
  .btn.btn-rayen-effect:hover, .pagination-classic > li > a.btn-rayen-effect:hover,
  .pagination-classic > li > span.btn-rayen-effect:hover {
    background-color: transparent;
    color: #fff; }
  .btn.btn-rayen-effect:before, .pagination-classic > li > a.btn-rayen-effect:before,
  .pagination-classic > li > span.btn-rayen-effect:before,
  .btn.btn-rayen-effect > span, .pagination-classic > li > a.btn-rayen-effect > span,
  .pagination-classic > li > span.btn-rayen-effect > span {
    transition: transform 0.3s;
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
  .btn.btn-rayen-effect:hover:before, .pagination-classic > li > a.btn-rayen-effect:hover:before,
  .pagination-classic > li > span.btn-rayen-effect:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  .btn.btn-rayen-effect:hover > span, .pagination-classic > li > a.btn-rayen-effect:hover > span,
  .pagination-classic > li > span.btn-rayen-effect:hover > span {
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }
  .btn.btn-rayen-effect.btn-default, .pagination-classic > li > a.btn-rayen-effect.btn-default, .pagination-classic > li + li:not(:last-child) > a.btn-rayen-effect,
  .pagination-classic > li > span.btn-rayen-effect.btn-default,
  .pagination-classic > li + li:not(:last-child) > span.btn-rayen-effect {
    color: #434345;
    border-color: #434345; }
    .btn.btn-rayen-effect.btn-default:hover, .pagination-classic > li > a.btn-rayen-effect.btn-default:hover, .pagination-classic > li + li:not(:last-child) > a.btn-rayen-effect:hover,
    .pagination-classic > li > span.btn-rayen-effect.btn-default:hover,
    .pagination-classic > li + li:not(:last-child) > span.btn-rayen-effect:hover {
      color: #fff;
      box-shadow: inset 1px 0 0 0 #434345; }
    .btn.btn-rayen-effect.btn-default:before, .pagination-classic > li > a.btn-rayen-effect.btn-default:before, .pagination-classic > li + li:not(:last-child) > a.btn-rayen-effect:before,
    .pagination-classic > li > span.btn-rayen-effect.btn-default:before,
    .pagination-classic > li + li:not(:last-child) > span.btn-rayen-effect:before {
      background-color: #434345;
      color: #fff; }
  .btn.btn-rayen-effect.btn-primary, .pagination-classic > li > a.btn-rayen-effect.btn-primary,
  .pagination-classic > li > span.btn-rayen-effect.btn-primary {
    color: #42b574;
    border-color: #42b574; }
    .btn.btn-rayen-effect.btn-primary:hover, .pagination-classic > li > a.btn-rayen-effect.btn-primary:hover,
    .pagination-classic > li > span.btn-rayen-effect.btn-primary:hover {
      color: #fff;
      box-shadow: inset 1px 0 0 0 #42b574; }
    .btn.btn-rayen-effect.btn-primary:before, .pagination-classic > li > a.btn-rayen-effect.btn-primary:before,
    .pagination-classic > li > span.btn-rayen-effect.btn-primary:before {
      background-color: #42b574; }
  .btn.btn-rayen-effect.btn-deluge, .pagination-classic > li > a.btn-rayen-effect.btn-deluge,
  .pagination-classic > li > span.btn-rayen-effect.btn-deluge {
    color: #8668ad;
    border-color: #8668ad; }
    .btn.btn-rayen-effect.btn-deluge:hover, .pagination-classic > li > a.btn-rayen-effect.btn-deluge:hover,
    .pagination-classic > li > span.btn-rayen-effect.btn-deluge:hover {
      color: #fff;
      box-shadow: inset 1px 0 0 0 #8668ad; }
    .btn.btn-rayen-effect.btn-deluge:before, .pagination-classic > li > a.btn-rayen-effect.btn-deluge:before,
    .pagination-classic > li > span.btn-rayen-effect.btn-deluge:before {
      background-color: #8668ad; }
  .btn.btn-rayen-effect.btn-success, .pagination-classic > li > a.btn-rayen-effect.btn-success,
  .pagination-classic > li > span.btn-rayen-effect.btn-success {
    color: #abcc37;
    border-color: #abcc37; }
    .btn.btn-rayen-effect.btn-success:hover, .pagination-classic > li > a.btn-rayen-effect.btn-success:hover,
    .pagination-classic > li > span.btn-rayen-effect.btn-success:hover {
      color: #fff;
      box-shadow: inset 1px 0 0 0 #abcc37; }
    .btn.btn-rayen-effect.btn-success:before, .pagination-classic > li > a.btn-rayen-effect.btn-success:before,
    .pagination-classic > li > span.btn-rayen-effect.btn-success:before {
      background-color: #abcc37; }
  .btn.btn-rayen-effect.btn-warning, .pagination-classic > li > a.btn-rayen-effect.btn-warning,
  .pagination-classic > li > span.btn-rayen-effect.btn-warning {
    color: #f5bf2f;
    border-color: #f5bf2f; }
    .btn.btn-rayen-effect.btn-warning:hover, .pagination-classic > li > a.btn-rayen-effect.btn-warning:hover,
    .pagination-classic > li > span.btn-rayen-effect.btn-warning:hover {
      color: #fff;
      box-shadow: inset 1px 0 0 0 #f5bf2f; }
    .btn.btn-rayen-effect.btn-warning:before, .pagination-classic > li > a.btn-rayen-effect.btn-warning:before,
    .pagination-classic > li > span.btn-rayen-effect.btn-warning:before {
      background-color: #f5bf2f; }
  .btn.btn-rayen-effect.btn-info, .pagination-classic > li > a.btn-rayen-effect.btn-info,
  .pagination-classic > li > span.btn-rayen-effect.btn-info {
    color: #79ccf2;
    border-color: #79ccf2; }
    .btn.btn-rayen-effect.btn-info:hover, .pagination-classic > li > a.btn-rayen-effect.btn-info:hover,
    .pagination-classic > li > span.btn-rayen-effect.btn-info:hover {
      color: #fff;
      box-shadow: inset 1px 0 0 0 #79ccf2; }
    .btn.btn-rayen-effect.btn-info:before, .pagination-classic > li > a.btn-rayen-effect.btn-info:before,
    .pagination-classic > li > span.btn-rayen-effect.btn-info:before {
      background-color: #79ccf2; }
  .btn.btn-rayen-effect.btn-danger, .pagination-classic > li > a.btn-rayen-effect.btn-danger,
  .pagination-classic > li > span.btn-rayen-effect.btn-danger {
    color: #f54b0f;
    border-color: #f54b0f; }
    .btn.btn-rayen-effect.btn-danger:hover, .pagination-classic > li > a.btn-rayen-effect.btn-danger:hover,
    .pagination-classic > li > span.btn-rayen-effect.btn-danger:hover {
      color: #fff;
      box-shadow: inset 1px 0 0 0 #f54b0f; }
    .btn.btn-rayen-effect.btn-danger:before, .pagination-classic > li > a.btn-rayen-effect.btn-danger:before,
    .pagination-classic > li > span.btn-rayen-effect.btn-danger:before {
      background-color: #f54b0f; }

.lt-ie10 .btn-rayen-effect::before {
  display: none; }

.lt-ie10 .btn-rayen-effect:hover {
  color: #20325d;
  background-color: #fff; }
  .lt-ie10 .btn-rayen-effect:hover > span {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }

.btn.btn-nuka-effect, .pagination-classic > li > a.btn-nuka-effect,
.pagination-classic > li > span.btn-nuka-effect {
  transition: color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  border: none;
  color: #fff;
  background-color: transparent; }
  .btn.btn-nuka-effect::before, .pagination-classic > li > a.btn-nuka-effect::before,
  .pagination-classic > li > span.btn-nuka-effect::before, .btn.btn-nuka-effect::after, .pagination-classic > li > a.btn-nuka-effect::after,
  .pagination-classic > li > span.btn-nuka-effect::after {
    content: '';
    position: absolute;
    border-radius: inherit;
    background: #453866;
    z-index: -1; }
  .btn.btn-nuka-effect::before, .pagination-classic > li > a.btn-nuka-effect::before,
  .pagination-classic > li > span.btn-nuka-effect::before {
    top: -4px;
    bottom: -4px;
    left: -4px;
    right: -4px;
    opacity: 0.2;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    transition: transform 0.3s, opacity 0.3s; }
  .btn.btn-nuka-effect::after, .pagination-classic > li > a.btn-nuka-effect::after,
  .pagination-classic > li > span.btn-nuka-effect::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale3d(1.1, 1, 1);
    transform: scale3d(1.1, 1, 1);
    transition: transform 0.3s, background-color 0.3s; }
  .btn.btn-nuka-effect::before, .pagination-classic > li > a.btn-nuka-effect::before,
  .pagination-classic > li > span.btn-nuka-effect::before, .btn.btn-nuka-effect::after, .pagination-classic > li > a.btn-nuka-effect::after,
  .pagination-classic > li > span.btn-nuka-effect::after {
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
  .btn.btn-nuka-effect:hover, .pagination-classic > li > a.btn-nuka-effect:hover,
  .pagination-classic > li > span.btn-nuka-effect:hover {
    background-color: transparent;
    color: #453866; }
  .btn.btn-nuka-effect:hover::before, .pagination-classic > li > a.btn-nuka-effect:hover::before,
  .pagination-classic > li > span.btn-nuka-effect:hover::before {
    opacity: 1;
    top: -3px;
    bottom: -3px;
    left: -3px;
    right: -3px; }
  .btn.btn-nuka-effect:hover::after, .pagination-classic > li > a.btn-nuka-effect:hover::after,
  .pagination-classic > li > span.btn-nuka-effect:hover::after {
    background-color: #fff; }
  .btn.btn-nuka-effect:hover::after, .pagination-classic > li > a.btn-nuka-effect:hover::after,
  .pagination-classic > li > span.btn-nuka-effect:hover::after, .btn.btn-nuka-effect:hover::before, .pagination-classic > li > a.btn-nuka-effect:hover::before,
  .pagination-classic > li > span.btn-nuka-effect:hover::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  .btn.btn-nuka-effect.btn-default::before, .pagination-classic > li > a.btn-nuka-effect.btn-default::before, .pagination-classic > li + li:not(:last-child) > a.btn-nuka-effect::before,
  .pagination-classic > li > span.btn-nuka-effect.btn-default::before,
  .pagination-classic > li + li:not(:last-child) > span.btn-nuka-effect::before, .btn.btn-nuka-effect.btn-default::after, .pagination-classic > li > a.btn-nuka-effect.btn-default::after, .pagination-classic > li + li:not(:last-child) > a.btn-nuka-effect::after,
  .pagination-classic > li > span.btn-nuka-effect.btn-default::after,
  .pagination-classic > li + li:not(:last-child) > span.btn-nuka-effect::after {
    background-color: #434345; }
  .btn.btn-nuka-effect.btn-default:hover:after, .pagination-classic > li > a.btn-nuka-effect.btn-default:hover:after, .pagination-classic > li + li:not(:last-child) > a.btn-nuka-effect:hover:after,
  .pagination-classic > li > span.btn-nuka-effect.btn-default:hover:after,
  .pagination-classic > li + li:not(:last-child) > span.btn-nuka-effect:hover:after {
    background-color: #fff; }
  .btn.btn-nuka-effect.btn-primary::before, .pagination-classic > li > a.btn-nuka-effect.btn-primary::before,
  .pagination-classic > li > span.btn-nuka-effect.btn-primary::before, .btn.btn-nuka-effect.btn-primary::after, .pagination-classic > li > a.btn-nuka-effect.btn-primary::after,
  .pagination-classic > li > span.btn-nuka-effect.btn-primary::after {
    background-color: #42b574; }
  .btn.btn-nuka-effect.btn-primary:hover, .pagination-classic > li > a.btn-nuka-effect.btn-primary:hover,
  .pagination-classic > li > span.btn-nuka-effect.btn-primary:hover {
    color: #34905c; }
    .btn.btn-nuka-effect.btn-primary:hover:after, .pagination-classic > li > a.btn-nuka-effect.btn-primary:hover:after,
    .pagination-classic > li > span.btn-nuka-effect.btn-primary:hover:after {
      background-color: #fff; }
  .btn.btn-nuka-effect.btn-deluge::before, .pagination-classic > li > a.btn-nuka-effect.btn-deluge::before,
  .pagination-classic > li > span.btn-nuka-effect.btn-deluge::before, .btn.btn-nuka-effect.btn-deluge::after, .pagination-classic > li > a.btn-nuka-effect.btn-deluge::after,
  .pagination-classic > li > span.btn-nuka-effect.btn-deluge::after {
    background-color: #8668ad; }
  .btn.btn-nuka-effect.btn-deluge:hover, .pagination-classic > li > a.btn-nuka-effect.btn-deluge:hover,
  .pagination-classic > li > span.btn-nuka-effect.btn-deluge:hover {
    color: #6d5092; }
    .btn.btn-nuka-effect.btn-deluge:hover:after, .pagination-classic > li > a.btn-nuka-effect.btn-deluge:hover:after,
    .pagination-classic > li > span.btn-nuka-effect.btn-deluge:hover:after {
      background-color: #fff; }
  .btn.btn-nuka-effect.btn-success::before, .pagination-classic > li > a.btn-nuka-effect.btn-success::before,
  .pagination-classic > li > span.btn-nuka-effect.btn-success::before, .btn.btn-nuka-effect.btn-success::after, .pagination-classic > li > a.btn-nuka-effect.btn-success::after,
  .pagination-classic > li > span.btn-nuka-effect.btn-success::after {
    background-color: #abcc37; }
  .btn.btn-nuka-effect.btn-success:hover, .pagination-classic > li > a.btn-nuka-effect.btn-success:hover,
  .pagination-classic > li > span.btn-nuka-effect.btn-success:hover {
    color: #8aa62a; }
    .btn.btn-nuka-effect.btn-success:hover:after, .pagination-classic > li > a.btn-nuka-effect.btn-success:hover:after,
    .pagination-classic > li > span.btn-nuka-effect.btn-success:hover:after {
      background-color: #fff; }
  .btn.btn-nuka-effect.btn-warning::before, .pagination-classic > li > a.btn-nuka-effect.btn-warning::before,
  .pagination-classic > li > span.btn-nuka-effect.btn-warning::before, .btn.btn-nuka-effect.btn-warning::after, .pagination-classic > li > a.btn-nuka-effect.btn-warning::after,
  .pagination-classic > li > span.btn-nuka-effect.btn-warning::after {
    background-color: #f5bf2f; }
  .btn.btn-nuka-effect.btn-warning:hover, .pagination-classic > li > a.btn-nuka-effect.btn-warning:hover,
  .pagination-classic > li > span.btn-nuka-effect.btn-warning:hover {
    color: #e6aa0b; }
    .btn.btn-nuka-effect.btn-warning:hover:after, .pagination-classic > li > a.btn-nuka-effect.btn-warning:hover:after,
    .pagination-classic > li > span.btn-nuka-effect.btn-warning:hover:after {
      background-color: #fff; }
  .btn.btn-nuka-effect.btn-info::before, .pagination-classic > li > a.btn-nuka-effect.btn-info::before,
  .pagination-classic > li > span.btn-nuka-effect.btn-info::before, .btn.btn-nuka-effect.btn-info::after, .pagination-classic > li > a.btn-nuka-effect.btn-info::after,
  .pagination-classic > li > span.btn-nuka-effect.btn-info::after {
    background-color: #79ccf2; }
  .btn.btn-nuka-effect.btn-info:hover, .pagination-classic > li > a.btn-nuka-effect.btn-info:hover,
  .pagination-classic > li > span.btn-nuka-effect.btn-info:hover {
    color: #4bbaed; }
    .btn.btn-nuka-effect.btn-info:hover:after, .pagination-classic > li > a.btn-nuka-effect.btn-info:hover:after,
    .pagination-classic > li > span.btn-nuka-effect.btn-info:hover:after {
      background-color: #fff; }
  .btn.btn-nuka-effect.btn-danger::before, .pagination-classic > li > a.btn-nuka-effect.btn-danger::before,
  .pagination-classic > li > span.btn-nuka-effect.btn-danger::before, .btn.btn-nuka-effect.btn-danger::after, .pagination-classic > li > a.btn-nuka-effect.btn-danger::after,
  .pagination-classic > li > span.btn-nuka-effect.btn-danger::after {
    background-color: #f54b0f; }
  .btn.btn-nuka-effect.btn-danger:hover, .pagination-classic > li > a.btn-nuka-effect.btn-danger:hover,
  .pagination-classic > li > span.btn-nuka-effect.btn-danger:hover {
    color: #c93b08; }
    .btn.btn-nuka-effect.btn-danger:hover:after, .pagination-classic > li > a.btn-nuka-effect.btn-danger:hover:after,
    .pagination-classic > li > span.btn-nuka-effect.btn-danger:hover:after {
      background-color: #fff; }

.btn.btn-naira-effect, .pagination-classic > li > a.btn-naira-effect,
.pagination-classic > li > span.btn-naira-effect {
  overflow: hidden;
  transition: background-color 0.3s, box-shadow 0.2s; }
  .btn.btn-naira-effect::before, .pagination-classic > li > a.btn-naira-effect::before,
  .pagination-classic > li > span.btn-naira-effect::before {
    content: '';
    position: absolute;
    left: -50%;
    width: 200%;
    height: 200%;
    top: -50%;
    -webkit-transform: translateY(-100%) rotate3d(0, 0, 1, -10deg);
    transform: translateY(-100%) rotate3d(0, 0, 1, -10deg);
    background: #fff;
    transition: .3s; }
  .btn.btn-naira-effect.btn-naira-effect-up::before, .pagination-classic > li > a.btn-naira-effect.btn-naira-effect-up::before,
  .pagination-classic > li > span.btn-naira-effect.btn-naira-effect-up::before {
    -webkit-transform: translateY(100%) rotate3d(0, 0, 1, 10deg);
    transform: translateY(100%) rotate3d(0, 0, 1, 10deg); }
  .btn.btn-naira-effect .btn-text, .pagination-classic > li > a.btn-naira-effect .btn-text,
  .pagination-classic > li > span.btn-naira-effect .btn-text {
    display: block;
    margin: 0; }
  .btn.btn-naira-effect .btn-text, .pagination-classic > li > a.btn-naira-effect .btn-text,
  .pagination-classic > li > span.btn-naira-effect .btn-text,
  .btn.btn-naira-effect .icon, .pagination-classic > li > a.btn-naira-effect .icon,
  .pagination-classic > li > span.btn-naira-effect .icon {
    transition: 0.3s; }
  .btn.btn-naira-effect .icon, .pagination-classic > li > a.btn-naira-effect .icon,
  .pagination-classic > li > span.btn-naira-effect .icon {
    position: absolute;
    left: 50%;
    bottom: 50%;
    -webkit-transform: translate(-50%, -200%);
    transform: translate(-50%, -200%);
    pointer-events: none;
    color: #444; }
  .btn.btn-naira-effect .icon-xs, .pagination-classic > li > a.btn-naira-effect .icon-xs,
  .pagination-classic > li > span.btn-naira-effect .icon-xs {
    font-size: 24px; }
  .btn.btn-naira-effect.btn-naira-effect-up .icon, .pagination-classic > li > a.btn-naira-effect.btn-naira-effect-up .icon,
  .pagination-classic > li > span.btn-naira-effect.btn-naira-effect-up .icon {
    -webkit-transform: translate(-50%, 300%);
    transform: translate(-50%, 300%); }
  .btn.btn-naira-effect:hover, .pagination-classic > li > a.btn-naira-effect:hover,
  .pagination-classic > li > span.btn-naira-effect:hover {
    box-shadow: inset 0 0 0 2px #fff; }
    .btn.btn-naira-effect:hover .icon, .pagination-classic > li > a.btn-naira-effect:hover .icon,
    .pagination-classic > li > span.btn-naira-effect:hover .icon {
      -webkit-transform: translate(-50%, 50%);
      transform: translate(-50%, 50%); }
    .btn.btn-naira-effect:hover .btn-text, .pagination-classic > li > a.btn-naira-effect:hover .btn-text,
    .pagination-classic > li > span.btn-naira-effect:hover .btn-text {
      opacity: 0;
      -webkit-transform: translateY(200%);
      transform: translateY(200%); }
    .btn.btn-naira-effect:hover::before, .pagination-classic > li > a.btn-naira-effect:hover::before,
    .pagination-classic > li > span.btn-naira-effect:hover::before {
      animation: anim-naira-1 0.3s forwards ease-in; }
  .btn.btn-naira-effect.btn-naira-effect-up:hover::before, .pagination-classic > li > a.btn-naira-effect.btn-naira-effect-up:hover::before,
  .pagination-classic > li > span.btn-naira-effect.btn-naira-effect-up:hover::before {
    animation: anim-naira-2 0.3s forwards ease-in; }
  .btn.btn-naira-effect.btn-naira-effect-up:hover .btn-text, .pagination-classic > li > a.btn-naira-effect.btn-naira-effect-up:hover .btn-text,
  .pagination-classic > li > span.btn-naira-effect.btn-naira-effect-up:hover .btn-text {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%); }
  .btn.btn-naira-effect.btn-primary:hover, .pagination-classic > li > a.btn-naira-effect.btn-primary:hover,
  .pagination-classic > li > span.btn-naira-effect.btn-primary:hover {
    background-color: transparent;
    border-color: #42b574; }
  .btn.btn-naira-effect.btn-primary .icon, .pagination-classic > li > a.btn-naira-effect.btn-primary .icon,
  .pagination-classic > li > span.btn-naira-effect.btn-primary .icon {
    color: #389b63; }
  .btn.btn-naira-effect.btn-deluge:hover, .pagination-classic > li > a.btn-naira-effect.btn-deluge:hover,
  .pagination-classic > li > span.btn-naira-effect.btn-deluge:hover {
    background-color: transparent;
    border-color: #8668ad; }
  .btn.btn-naira-effect.btn-deluge .icon, .pagination-classic > li > a.btn-naira-effect.btn-deluge .icon,
  .pagination-classic > li > span.btn-naira-effect.btn-deluge .icon {
    color: #74559c; }
  .btn.btn-naira-effect.btn-success:hover, .pagination-classic > li > a.btn-naira-effect.btn-success:hover,
  .pagination-classic > li > span.btn-naira-effect.btn-success:hover {
    background-color: transparent;
    border-color: #abcc37; }
  .btn.btn-naira-effect.btn-success .icon, .pagination-classic > li > a.btn-naira-effect.btn-success .icon,
  .pagination-classic > li > span.btn-naira-effect.btn-success .icon {
    color: #95b22d; }
  .btn.btn-naira-effect.btn-warning:hover, .pagination-classic > li > a.btn-naira-effect.btn-warning:hover,
  .pagination-classic > li > span.btn-naira-effect.btn-warning:hover {
    background-color: transparent;
    border-color: #f5bf2f; }
  .btn.btn-naira-effect.btn-warning .icon, .pagination-classic > li > a.btn-naira-effect.btn-warning .icon,
  .pagination-classic > li > span.btn-naira-effect.btn-warning .icon {
    color: #f3b50d; }
  .btn.btn-naira-effect.btn-info:hover, .pagination-classic > li > a.btn-naira-effect.btn-info:hover,
  .pagination-classic > li > span.btn-naira-effect.btn-info:hover {
    background-color: transparent;
    border-color: #79ccf2; }
  .btn.btn-naira-effect.btn-info .icon, .pagination-classic > li > a.btn-naira-effect.btn-info .icon,
  .pagination-classic > li > span.btn-naira-effect.btn-info .icon {
    color: #58c0ef; }
  .btn.btn-naira-effect.btn-danger:hover, .pagination-classic > li > a.btn-naira-effect.btn-danger:hover,
  .pagination-classic > li > span.btn-naira-effect.btn-danger:hover {
    background-color: transparent;
    border-color: #f54b0f; }
  .btn.btn-naira-effect.btn-danger .icon, .pagination-classic > li > a.btn-naira-effect.btn-danger .icon,
  .pagination-classic > li > span.btn-naira-effect.btn-danger .icon {
    color: #d73f09; }

.tablet .btn-naira-effect:hover {
  background-color: #fff; }

.lt-ie10 .btn-naira-effect:before {
  display: none; }

.lt-ie10 .btn-naira-effect:hover {
  background-color: #fff; }

.btn.btn-polat-effect, .pagination-classic > li > a.btn-polat-effect,
.pagination-classic > li > span.btn-polat-effect {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden; }
  .btn.btn-polat-effect .btn-text, .pagination-classic > li > a.btn-polat-effect .btn-text,
  .pagination-classic > li > span.btn-polat-effect .btn-text {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #fff;
    transition: all 0.3s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-top: 0; }
  .btn.btn-polat-effect .icon, .pagination-classic > li > a.btn-polat-effect .icon,
  .pagination-classic > li > span.btn-polat-effect .icon {
    position: absolute;
    height: 100%;
    width: 100%;
    font-size: 180%;
    transition: all 0.3s; }
    .btn.btn-polat-effect .icon:before, .pagination-classic > li > a.btn-polat-effect .icon:before,
    .pagination-classic > li > span.btn-polat-effect .icon:before {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .btn.btn-polat-effect-up .icon, .pagination-classic > li > a.btn-polat-effect-up .icon,
  .pagination-classic > li > span.btn-polat-effect-up .icon {
    left: 0;
    top: -100%; }
  .btn.btn-polat-effect-up:hover .icon, .pagination-classic > li > a.btn-polat-effect-up:hover .icon,
  .pagination-classic > li > span.btn-polat-effect-up:hover .icon {
    top: 0; }
  .btn.btn-polat-effect-up:hover .btn-text, .pagination-classic > li > a.btn-polat-effect-up:hover .btn-text,
  .pagination-classic > li > span.btn-polat-effect-up:hover .btn-text {
    -webkit-transform: translateY(300%);
    transform: translateY(300%); }
  .btn.btn-polat-effect-left .icon, .pagination-classic > li > a.btn-polat-effect-left .icon,
  .pagination-classic > li > span.btn-polat-effect-left .icon {
    left: -100%;
    top: 0; }
  .btn.btn-polat-effect-left:hover .icon, .pagination-classic > li > a.btn-polat-effect-left:hover .icon,
  .pagination-classic > li > span.btn-polat-effect-left:hover .icon {
    left: 0; }
  .btn.btn-polat-effect-left:hover .btn-text, .pagination-classic > li > a.btn-polat-effect-left:hover .btn-text,
  .pagination-classic > li > span.btn-polat-effect-left:hover .btn-text {
    -webkit-transform: translateX(200%);
    transform: translateX(200%); }
  .btn.btn-polat-effect.btn-default .btn-text, .pagination-classic > li > a.btn-polat-effect.btn-default .btn-text, .pagination-classic > li + li:not(:last-child) > a.btn-polat-effect .btn-text,
  .pagination-classic > li > span.btn-polat-effect.btn-default .btn-text,
  .pagination-classic > li + li:not(:last-child) > span.btn-polat-effect .btn-text {
    color: #434345; }

.btn.btn-santos-svg-effect, .pagination-classic > li > a.btn-santos-svg-effect,
.pagination-classic > li > span.btn-santos-svg-effect {
  border: none;
  position: relative;
  transition: color 0.9s;
  background-color: transparent; }
  .btn.btn-santos-svg-effect svg, .pagination-classic > li > a.btn-santos-svg-effect svg,
  .pagination-classic > li > span.btn-santos-svg-effect svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .btn.btn-santos-svg-effect svg:active, .pagination-classic > li > a.btn-santos-svg-effect svg:active,
    .pagination-classic > li > span.btn-santos-svg-effect svg:active, .btn.btn-santos-svg-effect svg:focus, .pagination-classic > li > a.btn-santos-svg-effect svg:focus,
    .pagination-classic > li > span.btn-santos-svg-effect svg:focus {
      outline: none; }
  .btn.btn-santos-svg-effect .shape, .pagination-classic > li > a.btn-santos-svg-effect .shape,
  .pagination-classic > li > span.btn-santos-svg-effect .shape {
    stroke-width: 6px;
    fill: transparent;
    stroke: #434345;
    stroke-dasharray: 50 400;
    stroke-dashoffset: -233;
    transition: 1s all ease;
    width: 100%;
    height: 100%; }
  .btn.btn-santos-svg-effect:active, .pagination-classic > li > a.btn-santos-svg-effect:active,
  .pagination-classic > li > span.btn-santos-svg-effect:active, .btn.btn-santos-svg-effect:focus, .pagination-classic > li > a.btn-santos-svg-effect:focus,
  .pagination-classic > li > span.btn-santos-svg-effect:focus {
    background-color: transparent; }
  .btn.btn-santos-svg-effect:hover, .pagination-classic > li > a.btn-santos-svg-effect:hover,
  .pagination-classic > li > span.btn-santos-svg-effect:hover {
    background-color: transparent; }
    .btn.btn-santos-svg-effect:hover .shape, .pagination-classic > li > a.btn-santos-svg-effect:hover .shape,
    .pagination-classic > li > span.btn-santos-svg-effect:hover .shape {
      stroke-dasharray: 50 0;
      stroke-width: 3px;
      stroke-dashoffset: 0;
      stroke: #009FFD; }
  .btn.btn-santos-svg-effect.btn-delault, .pagination-classic > li > a.btn-santos-svg-effect.btn-delault,
  .pagination-classic > li > span.btn-santos-svg-effect.btn-delault {
    color: #434345; }
    .btn.btn-santos-svg-effect.btn-delault .shape, .pagination-classic > li > a.btn-santos-svg-effect.btn-delault .shape,
    .pagination-classic > li > span.btn-santos-svg-effect.btn-delault .shape {
      stroke: #181819; }
    .btn.btn-santos-svg-effect.btn-delault:hover, .pagination-classic > li > a.btn-santos-svg-effect.btn-delault:hover,
    .pagination-classic > li > span.btn-santos-svg-effect.btn-delault:hover {
      color: #434345; }
      .btn.btn-santos-svg-effect.btn-delault:hover .shape, .pagination-classic > li > a.btn-santos-svg-effect.btn-delault:hover .shape,
      .pagination-classic > li > span.btn-santos-svg-effect.btn-delault:hover .shape {
        stroke: #434345; }
  .btn.btn-santos-svg-effect.btn-primary, .pagination-classic > li > a.btn-santos-svg-effect.btn-primary,
  .pagination-classic > li > span.btn-santos-svg-effect.btn-primary {
    color: #42b574; }
    .btn.btn-santos-svg-effect.btn-primary .shape, .pagination-classic > li > a.btn-santos-svg-effect.btn-primary .shape,
    .pagination-classic > li > span.btn-santos-svg-effect.btn-primary .shape {
      stroke: #2b754b; }
    .btn.btn-santos-svg-effect.btn-primary:hover, .pagination-classic > li > a.btn-santos-svg-effect.btn-primary:hover,
    .pagination-classic > li > span.btn-santos-svg-effect.btn-primary:hover {
      color: #42b574; }
      .btn.btn-santos-svg-effect.btn-primary:hover .shape, .pagination-classic > li > a.btn-santos-svg-effect.btn-primary:hover .shape,
      .pagination-classic > li > span.btn-santos-svg-effect.btn-primary:hover .shape {
        stroke: #42b574; }
  .btn.btn-santos-svg-effect.btn-deluge, .pagination-classic > li > a.btn-santos-svg-effect.btn-deluge,
  .pagination-classic > li > span.btn-santos-svg-effect.btn-deluge {
    color: #8668ad; }
    .btn.btn-santos-svg-effect.btn-deluge .shape, .pagination-classic > li > a.btn-santos-svg-effect.btn-deluge .shape,
    .pagination-classic > li > span.btn-santos-svg-effect.btn-deluge .shape {
      stroke: #5b437b; }
    .btn.btn-santos-svg-effect.btn-deluge:hover, .pagination-classic > li > a.btn-santos-svg-effect.btn-deluge:hover,
    .pagination-classic > li > span.btn-santos-svg-effect.btn-deluge:hover {
      color: #8668ad; }
      .btn.btn-santos-svg-effect.btn-deluge:hover .shape, .pagination-classic > li > a.btn-santos-svg-effect.btn-deluge:hover .shape,
      .pagination-classic > li > span.btn-santos-svg-effect.btn-deluge:hover .shape {
        stroke: #8668ad; }
  .btn.btn-santos-svg-effect.btn-success, .pagination-classic > li > a.btn-santos-svg-effect.btn-success,
  .pagination-classic > li > span.btn-santos-svg-effect.btn-success {
    color: #abcc37; }
    .btn.btn-santos-svg-effect.btn-success .shape, .pagination-classic > li > a.btn-santos-svg-effect.btn-success .shape,
    .pagination-classic > li > span.btn-santos-svg-effect.btn-success .shape {
      stroke: #738923; }
    .btn.btn-santos-svg-effect.btn-success:hover, .pagination-classic > li > a.btn-santos-svg-effect.btn-success:hover,
    .pagination-classic > li > span.btn-santos-svg-effect.btn-success:hover {
      color: #abcc37; }
      .btn.btn-santos-svg-effect.btn-success:hover .shape, .pagination-classic > li > a.btn-santos-svg-effect.btn-success:hover .shape,
      .pagination-classic > li > span.btn-santos-svg-effect.btn-success:hover .shape {
        stroke: #abcc37; }
  .btn.btn-santos-svg-effect.btn-warning, .pagination-classic > li > a.btn-santos-svg-effect.btn-warning,
  .pagination-classic > li > span.btn-santos-svg-effect.btn-warning {
    color: #f5bf2f; }
    .btn.btn-santos-svg-effect.btn-warning .shape, .pagination-classic > li > a.btn-santos-svg-effect.btn-warning .shape,
    .pagination-classic > li > span.btn-santos-svg-effect.btn-warning .shape {
      stroke: #c49109; }
    .btn.btn-santos-svg-effect.btn-warning:hover, .pagination-classic > li > a.btn-santos-svg-effect.btn-warning:hover,
    .pagination-classic > li > span.btn-santos-svg-effect.btn-warning:hover {
      color: #f5bf2f; }
      .btn.btn-santos-svg-effect.btn-warning:hover .shape, .pagination-classic > li > a.btn-santos-svg-effect.btn-warning:hover .shape,
      .pagination-classic > li > span.btn-santos-svg-effect.btn-warning:hover .shape {
        stroke: #f5bf2f; }
  .btn.btn-santos-svg-effect.btn-info, .pagination-classic > li > a.btn-santos-svg-effect.btn-info,
  .pagination-classic > li > span.btn-santos-svg-effect.btn-info {
    color: #79ccf2; }
    .btn.btn-santos-svg-effect.btn-info .shape, .pagination-classic > li > a.btn-santos-svg-effect.btn-info .shape,
    .pagination-classic > li > span.btn-santos-svg-effect.btn-info .shape {
      stroke: #2aaeea; }
    .btn.btn-santos-svg-effect.btn-info:hover, .pagination-classic > li > a.btn-santos-svg-effect.btn-info:hover,
    .pagination-classic > li > span.btn-santos-svg-effect.btn-info:hover {
      color: #79ccf2; }
      .btn.btn-santos-svg-effect.btn-info:hover .shape, .pagination-classic > li > a.btn-santos-svg-effect.btn-info:hover .shape,
      .pagination-classic > li > span.btn-santos-svg-effect.btn-info:hover .shape {
        stroke: #79ccf2; }
  .btn.btn-santos-svg-effect.btn-danger, .pagination-classic > li > a.btn-santos-svg-effect.btn-danger,
  .pagination-classic > li > span.btn-santos-svg-effect.btn-danger {
    color: #f54b0f; }
    .btn.btn-santos-svg-effect.btn-danger .shape, .pagination-classic > li > a.btn-santos-svg-effect.btn-danger .shape,
    .pagination-classic > li > span.btn-santos-svg-effect.btn-danger .shape {
      stroke: #a63107; }
    .btn.btn-santos-svg-effect.btn-danger:hover, .pagination-classic > li > a.btn-santos-svg-effect.btn-danger:hover,
    .pagination-classic > li > span.btn-santos-svg-effect.btn-danger:hover {
      color: #f54b0f; }
      .btn.btn-santos-svg-effect.btn-danger:hover .shape, .pagination-classic > li > a.btn-santos-svg-effect.btn-danger:hover .shape,
      .pagination-classic > li > span.btn-santos-svg-effect.btn-danger:hover .shape {
        stroke: #f54b0f; }

html.ie-edge .btn-santos-svg,
html.ie-11 .btn-santos-svg,
html.lt-ie11 .btn-santos-svg {
  transition: 0.4s;
  padding: 10px 15px;
  border: 2px solid transparent; }
  html.ie-edge .btn-santos-svg:hover,
  html.ie-11 .btn-santos-svg:hover,
  html.lt-ie11 .btn-santos-svg:hover {
    border-color: #009FFD; }