@charset "UTF-8";
/**
 *
 * Buttons
 *
 */
.ps-btn {
  /*text-transform: uppercase;*/
  cursor: pointer;
  text-align: center;
  display: inline-block;
  position: relative;
  vertical-align: middle; }
  .ps-btn.btn-full {
    display: block;
    width: 100%; }

.btn-xs {
  padding: 10px 20px;
  font-size: 12px !important; }

.btn-sm {
  padding: 10px 20px; }

.btn-md {
  padding: 15px 30px; }

.btn-lg {
  padding: 25px 75px; }

.btn-load-more {
  text-align: center;
  background: transparent !important; }
  .btn-load-more.btn-dark {
    color: #333; }
    .btn-load-more.btn-dark .btn-text {
      color: #333; }
    .btn-load-more.btn-dark .link-hover:after {
      background: #fff; }
  .btn-load-more.btn-light {
    color: #fff; }
    .btn-load-more.btn-light .btn-text {
      color: #fff; }
    .btn-load-more.btn-light .link-hover:after {
      background: #fff; }
  .btn-load-more .btn-text {
    text-transform: uppercase;
    color: inherit;
    padding-bottom: 5px; }

.btn-rounded {
  border-radius: 40px; }

.btn-solid {
  transition: opacity .4s; }
  .btn-solid:hover {
    opacity: .85; }

.btn-custom.btn-solid {
  background: #fff;
  color: #333; }

.btn-custom.btn-border-animate .btn-text {
  color: #fff; }

.btn-custom.btn-border-animate .button-border {
  background: #fff; }

.btn-icon .icon-rounded {
  border-radius: 50%; }
  .btn-icon .icon-rounded:before {
    border-radius: 50%; }

.btn-icon.btn-lg .btn-text {
  padding-right: 64px; }

.btn-icon.btn-lg span:not(.btn-text) {
  position: absolute;
  top: 5px;
  bottom: 5px;
  right: 5px;
  width: 64px; }
  .btn-icon.btn-lg span:not(.btn-text):before {
    content: "";
    position: absolute;
    top: -3px;
    bottom: -3px;
    right: -3px;
    width: 70px;
    height: 70px;
    border: 1px solid; }

.btn-icon.btn-lg svg {
  width: 64px;
  height: 64px; }

.btn-icon.btn-md .btn-text {
  padding-right: 44px; }

.btn-icon.btn-md span:not(.btn-text) {
  position: absolute;
  top: 5px;
  bottom: 5px;
  right: 5px;
  width: 44px; }
  .btn-icon.btn-md span:not(.btn-text):before {
    content: "";
    position: absolute;
    top: -3px;
    bottom: -3px;
    right: -3px;
    width: 50px;
    height: 50px;
    border: 1px solid; }

.btn-icon.btn-md svg {
  width: 44px;
  height: 44px; }

.btn-icon.btn-sm .btn-text {
  padding-right: 34px; }

.btn-icon.btn-sm span:not(.btn-text) {
  position: absolute;
  top: 5px;
  bottom: 5px;
  right: 5px;
  width: 34px; }
  .btn-icon.btn-sm span:not(.btn-text):before {
    content: "";
    position: absolute;
    top: -3px;
    bottom: -3px;
    right: -3px;
    width: 40px;
    height: 40px;
    border: 1px solid; }

.btn-icon.btn-sm svg {
  width: 34px;
  height: 34px; }

.btn-icon.btn-xs .btn-text {
  padding-right: 28px; }

.btn-icon.btn-xs span:not(.btn-text) {
  position: absolute;
  top: 5px;
  bottom: 5px;
  right: 5px;
  width: 28px; }
  .btn-icon.btn-xs span:not(.btn-text):before {
    content: "";
    position: absolute;
    top: -3px;
    bottom: -3px;
    right: -3px;
    width: 34px;
    height: 34px;
    border: 1px solid; }

.btn-icon.btn-xs svg {
  width: 28px;
  height: 28px; }

.btn-light, .button.btn-light {
  background: #fff;
  color: #333; }
  .btn-light .btn-text, .button.btn-light .btn-text {
    color: #333; }

.btn-dark, .button.btn-dark {
  background: #fff;
  color: #fff; }
  .btn-dark .btn-text, .button.btn-dark .btn-text {
    color: #fff; }

.btn-border-animate, .button.btn-border-animate {
  position: relative;
  overflow: hidden;
  background: transparent !important; }
  .btn-border-animate .button-border, .button.btn-border-animate .button-border {
    position: absolute; }
  .btn-border-animate .top, .button.btn-border-animate .top {
    top: 0;
    left: 30px;
    width: 100%;
    height: 1px;
    transition: left .4s, background .4s; }
  .btn-border-animate .left, .button.btn-border-animate .left {
    left: 0;
    width: 1px;
    height: 100%;
    transition: top .3s .1s, background .4s; }
  .btn-border-animate .left-bottom, .button.btn-border-animate .left-bottom {
    top: 30px; }
  .btn-border-animate .left-top, .button.btn-border-animate .left-top {
    top: -100%; }
  .btn-border-animate .bottom, .button.btn-border-animate .bottom {
    bottom: 0;
    width: 100%;
    height: 1px;
    transition: right .4s .2s, background .4s; }
  .btn-border-animate .bottom-right, .button.btn-border-animate .bottom-right {
    right: 0; }
  .btn-border-animate .bottom-left, .button.btn-border-animate .bottom-left {
    right: 100%; }
  .btn-border-animate .right, .button.btn-border-animate .right {
    right: 0;
    width: 1px;
    height: 100%;
    top: 0;
    transition: top .4s .1s, background .4s; }
  .btn-border-animate.btn-dark, .button.btn-border-animate.btn-dark {
    color: #313cd4; }
    .btn-border-animate.btn-dark .btn-text, .button.btn-border-animate.btn-dark .btn-text {
      color: #313cd4; }
    .btn-border-animate.btn-dark .button-border, .button.btn-border-animate.btn-dark .button-border {
      background: #313cd4; }
  .btn-border-animate.btn-light, .button.btn-border-animate.btn-light {
    color: #313cd4; }
    .btn-border-animate.btn-light .btn-text, .button.btn-border-animate.btn-light .btn-text {
      color: #313cd4; }
    .btn-border-animate.btn-light .button-border, .button.btn-border-animate.btn-light .button-border {
      background: #313cd4; }
  .btn-border-animate.btn-xs .top, .button.btn-border-animate.btn-xs .top {
    left: 15px; }
  .btn-border-animate.btn-xs .left-bottom, .button.btn-border-animate.btn-xs .left-bottom {
    top: 15px; }
  .btn-border-animate.btn-sm .top, .button.btn-border-animate.btn-sm .top {
    left: 20px; }
  .btn-border-animate.btn-sm .left-bottom, .button.btn-border-animate.btn-sm .left-bottom {
    top: 20px; }
  .btn-border-animate:hover .top, .button.btn-border-animate:hover .top {
    left: 0; }
  .btn-border-animate:hover .left-bottom, .button.btn-border-animate:hover .left-bottom {
    top: 0; }
  .btn-border-animate:hover .bottom-right, .button.btn-border-animate:hover .bottom-right {
    right: 30px; }
  .btn-border-animate:hover .right, .button.btn-border-animate:hover .right {
    top: -30px; }
  .btn-border-animate:hover.btn-xs .bottom-right, .button.btn-border-animate:hover.btn-xs .bottom-right {
    right: 15px; }
  .btn-border-animate:hover.btn-xs .right, .button.btn-border-animate:hover.btn-xs .right {
    top: -15px; }
  .btn-border-animate:hover.btn-sm .bottom-right, .button.btn-border-animate:hover.btn-sm .bottom-right {
    right: 20px; }
  .btn-border-animate:hover.btn-sm .right, .button.btn-border-animate:hover.btn-sm .right {
    top: -20px; }

#scroll-up {
  width: 50px;
  height: 50px;
  cursor: pointer; }
  #scroll-up svg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -10px; }
  @media screen and (max-width: 64em) {
    #scroll-up {
      margin: 0 auto; } }
  @media screen and (min-width: 64.0625em) {
    #scroll-up {
      margin-right: 0;
      margin-left: auto; } }
