/* Buttons */
.sx-button {
    display: inline-block;
    text-align: center;
    border-style: solid;
    border-radius: 25px;
    -webkit-box-shadow: none;
            box-shadow: none;
    font-weight: 500;
    font-size: 1.125rem;
    font-family: "Ubuntu", sans-serif;
    background-color: #2d2dc9;
    color: #fff;
    border-color: #2d2dc9;
    border-width: 1px;
    min-width: 220px;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    padding-top: 0.628rem;
    padding-bottom: 0.628rem;
    -webkit-transition-duration: 0.1s;
         -o-transition-duration: 0.1s;
            transition-duration: 0.1s;
    -webkit-transition-property: color, background-color, border-color;
    -o-transition-property: color, background-color, border-color;
    transition-property: color, background-color, border-color;
    -webkit-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-delay: 0;
         -o-transition-delay: 0;
            transition-delay: 0;
}

.sx-button:hover, .sx-button:focus {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #05f;
    color: #fff;
    border-color: #05f;
}

.sx-button:disabled, .sx-button[disabled] {
    display: inline-block;
    text-align: center;
    cursor: not-allowed;
    pointer-events: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #ccc;
    color: #555;
    border-color: #555;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.sx-button:disabled:hover, .sx-button:disabled:focus, .sx-button[disabled]:hover, .sx-button[disabled]:focus {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #ccc;
    color: #555;
    border-color: #999;
}

@media (min-width: 769px) {
    .sx-button {
        display: inline-block;
        text-align: center;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
}

.sx-button--disabled {
    display: inline-block;
    text-align: center;
    cursor: not-allowed;
    pointer-events: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #ccc;
    color: #555;
    border-color: #555;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.sx-button--disabled:hover, .sx-button--disabled:focus {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #ccc;
    color: #555;
    border-color: #999;
}

.sx-button--secondary {
    display: inline-block;
    text-align: center;
    border-style: solid;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #fff;
    color: #2d2dc9;
    border-color: #fff;
    border-width: 1px;
}

.sx-button--secondary:hover, .sx-button--secondary:focus {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #2d2dc9;
    color: #fff;
    border-color: #fff;
}

.sx-button--secondary--small {
    display: inline-block;
    text-align: center;
    border-style: solid;
    border-radius: 20px;
    -webkit-box-shadow: none;
            box-shadow: none;
    font-size: 14px;
    background-color: #fff;
    color: #2d2dc9;
    border-color: #fff;
    border-width: 1px;
    min-width: 120px;
    padding-top: 0.509rem;
    padding-bottom: 0.509rem;
}

.sx-button--secondary--small:hover, .sx-button--secondary--small:focus {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #2d2dc9;
    color: #fff;
    border-color: #fff;
}

.sx-button--small {
    display: inline-block;
    text-align: center;
    border-radius: 20px;
    -webkit-box-shadow: none;
            box-shadow: none;
    font-size: 14px;
    min-width: 120px;
    padding-top: 0.509rem;
    padding-bottom: 0.509rem;
}

.sx-button--slide-left {
    display: inline-block;
    text-align: center;
    border-style: solid;
    border-radius: 25px;
    -webkit-box-shadow: none;
            box-shadow: none;
    font-weight: 500;
    font-size: 1.125rem;
    font-family: "Ubuntu", sans-serif;
    color: #fff;
    border-color: #2d2dc9;
    border-width: 1px;
    min-width: 220px;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    padding-top: 0.628rem;
    padding-bottom: 0.628rem;
    position: relative;
    overflow: hidden;
    z-index: 5;
    background-color: #2d2dc9;
    -webkit-transition-property: color, background-color;
    -o-transition-property: color, background-color;
    transition-property: color, background-color;
    -webkit-transition-duration: 0.25s;
         -o-transition-duration: 0.25s;
            transition-duration: 0.25s;
    -webkit-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-delay: 0;
         -o-transition-delay: 0;
            transition-delay: 0;
}

.sx-button--slide-left:hover, .sx-button--slide-left:focus {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #05f;
    color: #fff;
    border-color: #05f;
}

.sx-button--slide-left:disabled, .sx-button--slide-left[disabled] {
    display: inline-block;
    text-align: center;
    cursor: not-allowed;
    pointer-events: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #ccc;
    color: #555;
    border-color: #555;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.sx-button--slide-left:disabled:hover, .sx-button--slide-left:disabled:focus, .sx-button--slide-left[disabled]:hover, .sx-button--slide-left[disabled]:focus {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #ccc;
    color: #555;
    border-color: #999;
}

.sx-button--slide-left:before {
    content: "";
    position: absolute;
    z-index: -5;
    height: 100%;
    width: 100%;
    background: #05f;
    background-color: #05f;
    -webkit-transition-duration: 0.25s;
         -o-transition-duration: 0.25s;
            transition-duration: 0.25s;
    -webkit-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-delay: 0;
         -o-transition-delay: 0;
            transition-delay: 0;
    -webkit-transition-property: right;
    -o-transition-property: right;
    transition-property: right;
    top: 0;
    bottom: 0;
    right: 100%;
}

.sx-button--slide-left:hover, .sx-button--slide-left:focus {
    background-color: #2d2dc9;
}

.sx-button--slide-left:hover:before, .sx-button--slide-left:focus:before {
    right: 0;
}

@media (min-width: 769px) {
    .sx-button--slide-left {
        display: inline-block;
        text-align: center;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
}

.sx-button--slide-right {
    display: inline-block;
    text-align: center;
    border-style: solid;
    border-radius: 25px;
    -webkit-box-shadow: none;
            box-shadow: none;
    font-weight: 500;
    font-size: 1.125rem;
    font-family: "Ubuntu", sans-serif;
    color: #fff;
    border-color: #2d2dc9;
    border-width: 1px;
    min-width: 220px;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    padding-top: 0.628rem;
    padding-bottom: 0.628rem;
    position: relative;
    overflow: hidden;
    z-index: 5;
    background-color: #2d2dc9;
    -webkit-transition-property: color, background-color;
    -o-transition-property: color, background-color;
    transition-property: color, background-color;
    -webkit-transition-duration: 0.25s;
         -o-transition-duration: 0.25s;
            transition-duration: 0.25s;
    -webkit-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-delay: 0;
         -o-transition-delay: 0;
            transition-delay: 0;
}

.sx-button--slide-right:hover, .sx-button--slide-right:focus {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #05f;
    color: #fff;
    border-color: #05f;
}

.sx-button--slide-right:disabled, .sx-button--slide-right[disabled] {
    display: inline-block;
    text-align: center;
    cursor: not-allowed;
    pointer-events: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #ccc;
    color: #555;
    border-color: #555;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.sx-button--slide-right:disabled:hover, .sx-button--slide-right:disabled:focus, .sx-button--slide-right[disabled]:hover, .sx-button--slide-right[disabled]:focus {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #ccc;
    color: #555;
    border-color: #999;
}

.sx-button--slide-right:before {
    content: "";
    position: absolute;
    z-index: -5;
    height: 100%;
    width: 100%;
    background: #05f;
    background-color: #05f;
    -webkit-transition-duration: 0.25s;
         -o-transition-duration: 0.25s;
            transition-duration: 0.25s;
    -webkit-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-delay: 0;
         -o-transition-delay: 0;
            transition-delay: 0;
    -webkit-transition-property: left;
    -o-transition-property: left;
    transition-property: left;
    top: 0;
    bottom: 0;
    left: 100%;
}

.sx-button--slide-right:hover, .sx-button--slide-right:focus {
    background-color: #2d2dc9;
}

.sx-button--slide-right:hover:before, .sx-button--slide-right:focus:before {
    left: 0;
}

@media (min-width: 769px) {
    .sx-button--slide-right {
        display: inline-block;
        text-align: center;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
}

.sx-button--slide-top {
    display: inline-block;
    text-align: center;
    border-style: solid;
    border-radius: 25px;
    -webkit-box-shadow: none;
            box-shadow: none;
    font-weight: 500;
    font-size: 1.125rem;
    font-family: "Ubuntu", sans-serif;
    color: #fff;
    border-color: #2d2dc9;
    border-width: 1px;
    min-width: 220px;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    padding-top: 0.628rem;
    padding-bottom: 0.628rem;
    position: relative;
    overflow: hidden;
    z-index: 5;
    background-color: #2d2dc9;
    -webkit-transition-property: color, background-color;
    -o-transition-property: color, background-color;
    transition-property: color, background-color;
    -webkit-transition-duration: 0.25s;
         -o-transition-duration: 0.25s;
            transition-duration: 0.25s;
    -webkit-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-delay: 0;
         -o-transition-delay: 0;
            transition-delay: 0;
}

.sx-button--slide-top:hover, .sx-button--slide-top:focus {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #05f;
    color: #fff;
    border-color: #05f;
}

.sx-button--slide-top:disabled, .sx-button--slide-top[disabled] {
    display: inline-block;
    text-align: center;
    cursor: not-allowed;
    pointer-events: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #ccc;
    color: #555;
    border-color: #555;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.sx-button--slide-top:disabled:hover, .sx-button--slide-top:disabled:focus, .sx-button--slide-top[disabled]:hover, .sx-button--slide-top[disabled]:focus {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #ccc;
    color: #555;
    border-color: #999;
}

.sx-button--slide-top:before {
    content: "";
    position: absolute;
    z-index: -5;
    height: 100%;
    width: 100%;
    background: #05f;
    background-color: #05f;
    -webkit-transition-duration: 0.25s;
         -o-transition-duration: 0.25s;
            transition-duration: 0.25s;
    -webkit-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-delay: 0;
         -o-transition-delay: 0;
            transition-delay: 0;
    -webkit-transition-property: bottom;
    -o-transition-property: bottom;
    transition-property: bottom;
    left: 0;
    right: 0;
    bottom: 100%;
}

.sx-button--slide-top:hover, .sx-button--slide-top:focus {
    background-color: #2d2dc9;
}

.sx-button--slide-top:hover:before, .sx-button--slide-top:focus:before {
    bottom: 0;
}

@media (min-width: 769px) {
    .sx-button--slide-top {
        display: inline-block;
        text-align: center;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
}

.sx-button--slide-bottom {
    display: inline-block;
    text-align: center;
    border-style: solid;
    border-radius: 25px;
    -webkit-box-shadow: none;
            box-shadow: none;
    font-weight: 500;
    font-size: 1.125rem;
    font-family: "Ubuntu", sans-serif;
    color: #fff;
    border-color: #2d2dc9;
    border-width: 1px;
    min-width: 220px;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    padding-top: 0.628rem;
    padding-bottom: 0.628rem;
    position: relative;
    overflow: hidden;
    z-index: 5;
    background-color: #2d2dc9;
    -webkit-transition-property: color, background-color;
    -o-transition-property: color, background-color;
    transition-property: color, background-color;
    -webkit-transition-duration: 0.25s;
         -o-transition-duration: 0.25s;
            transition-duration: 0.25s;
    -webkit-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-delay: 0;
         -o-transition-delay: 0;
            transition-delay: 0;
}

.sx-button--slide-bottom:hover, .sx-button--slide-bottom:focus {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #05f;
    color: #fff;
    border-color: #05f;
}

.sx-button--slide-bottom:disabled, .sx-button--slide-bottom[disabled] {
    display: inline-block;
    text-align: center;
    cursor: not-allowed;
    pointer-events: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #ccc;
    color: #555;
    border-color: #555;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.sx-button--slide-bottom:disabled:hover, .sx-button--slide-bottom:disabled:focus, .sx-button--slide-bottom[disabled]:hover, .sx-button--slide-bottom[disabled]:focus {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #ccc;
    color: #555;
    border-color: #999;
}

.sx-button--slide-bottom:before {
    content: "";
    position: absolute;
    z-index: -5;
    height: 100%;
    width: 100%;
    background: #05f;
    background-color: #05f;
    -webkit-transition-duration: 0.25s;
         -o-transition-duration: 0.25s;
            transition-duration: 0.25s;
    -webkit-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-delay: 0;
         -o-transition-delay: 0;
            transition-delay: 0;
    -webkit-transition-property: top;
    -o-transition-property: top;
    transition-property: top;
    left: 0;
    right: 0;
    top: 100%;
}

.sx-button--slide-bottom:hover, .sx-button--slide-bottom:focus {
    background-color: #2d2dc9;
}

.sx-button--slide-bottom:hover:before, .sx-button--slide-bottom:focus:before {
    top: 0;
}

@media (min-width: 769px) {
    .sx-button--slide-bottom {
        display: inline-block;
        text-align: center;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
}

a.sx-button.disabled,
fieldset:disabled a.sx-button {
    pointer-events: none;
}