.section-title {
    text-align: center;
    position: absolute;
    bottom: 10%;
    width: 100%;
}
.mybutton a:hover,
.mybutton button:hover,
.mybutton a:focus .mybutton button:focus {
    outline: none;
}
.mybutton.ultra a,
.mybutton.ultra button {
    font-size: 20px;
    line-height: 60px;
}
.mybutton.ultra a span,
.mybutton.ultra button span {
    padding: 0 30px;
}
.mybutton a,
.mybutton button {
    text-transform: uppercase;
    border: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    outline: none;
    text-decoration: none;
    font-weight: 400;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
    letter-spacing: 0;
}
.mybutton a span,
.mybutton button span {
    color: #fff;
    text-align: center;
    position: relative;
    display: inline-block;
}
.mybutton a span, .mybutton button span, .mybutton a:hover span:before, .mybutton button:hover span:before, .mybutton2 a span, .mybutton2 button span {
    background: #0098f9;
}
.mybutton button span,
.mybutton a:hover span:before,
.mybutton button:hover span:before {
    background: #0098f9;
}
.mybutton a span:before,
.mybutton button span:before,
.mybutton2 a:before {
    background: #006db2;
}
@media (min-width: 992px) {
    .flexslider {
        text-align: left;
    }
    .mybutton a,
    .mybutton button {
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px;
        letter-spacing: 0;
    }
    .mybutton a span,
    .mybutton button span {
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        transition: transform 0.3s;
        -webkit-transform-origin: 50% 0;
        -moz-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .mybutton a:hover span,
    .mybutton button:hover span {
        -webkit-transform: rotateX(90deg) translateY(-22px);
        -moz-transform: rotateX(90deg) translateY(-22px);
        transform: rotateX(90deg) translateY(-22px);
    }
    .mybutton a span:before,
    .mybutton button span:before {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 100%;
        content: attr(data-hover);
        -webkit-transition: background 0.3s;
        -moz-transition: background 0.3s;
        transition: background 0.3s;
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        -webkit-transform-origin: 50% 0;
        -moz-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }
}