.buttons {
    width: 100%;
    text-align: center;
}

.btn,
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
}
.btn {
    width: 25%;
    display: inline-block;
    background: rgba(62, 78, 184, 1);
    color: #ffffff;
    padding: 1.5%;
    margin: 0.9% 0.5%;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    text-align: center;

    box-shadow: 0 4px 0 0 rgba(50, 70, 150, 1);
}

.btn.disabled,
.btn[disabled] {
    background-color: #bdc3c7;
    color: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.btn.btn-large {
    font-size: 16.996px;
    /* 17px */

    line-height: 20px;
    padding: 12px 18px 13px;
}
.btn.btn-xlarge {
    font-size: 16.996px;
    /* 17px */

    line-height: 32px;
    padding: 15px 28px 16px;
    margin: 12px -28px;
}
.btn.btn-large > [class^="fui-"] {
    top: 0;
}
.btn.btn-large > [class^="fui-"].pull-right {
    margin-right: -2px;
}
.btn.btn-blue {
    background-color: #3386d4;
}
.btn.btn-blue:hover,
.btn.btn-blue:focus,
.btn-group:focus .btn.btn-blue.dropdown-toggle {
    background-color: #5dade2;
}
.btn.btn-blue:active,
.btn-group.open .btn.btn-blue.dropdown-toggle,
.btn.btn-blue.active {
    background-color: #2c81ba;
}
.btn.btn-emerald {
    background-color: #3fabba;
}
.btn.btn-emerald:hover,
.btn.btn-emerald:focus,
.btn-group:focus .btn.btn-emerald.dropdown-toggle {
    background-color: #48c9b0;
}
.btn.btn-emerald:active,
.btn-group.open .btn.btn-emerald.dropdown-toggle,
.btn.btn-emerald.active {
    background-color: #16a085;
}
.btn.btn-purple {
    background-color: #563eb6;
}
.btn.btn-purple:hover,
.btn.btn-purple:focus,
.btn-group:focus .btn.btn-purple.dropdown-toggle {
    background-color: #736EF1;
}
.btn.btn-purple:active,
.btn-group.open .btn.btn-purple.dropdown-toggle,
.btn.btn-purple.active {
    background-color: #3B428D;
}
.btn.btn-red {
    background-color: #D32750;
}
.btn.btn-red:hover,
.btn.btn-red:focus,
.btn-group:focus .btn.btn-red.dropdown-toggle {
    background-color: #FF1F54;
}
.btn.btn-red:active,
.btn-group.open .btn.btn-red.dropdown-toggle,
.btn.btn-red.active {
    background-color: #B64762;
}

.btn.googlemarket {
    background: rgba(105, 185, 19, 1);
    box-shadow: 0 4px 0 0 rgba(97, 164, 24, 1);
}
.btn.appstore {
    background: rgba(71, 132, 237, 1);
    box-shadow: 0 4px 0 0 rgba(55, 109, 202, 1);
}
.btn.amazon {
    background: rgba(245, 171, 13, 1);
    box-shadow: 0 4px 0 0 rgba(221, 135, 11, 1);
}
.btn.xiaomi {
    background: rgba(240, 88, 41, 1);
    box-shadow: 0 4px 0 0 rgba(210, 61, 15, 1);
}
.btn.baidusoft, .btn.baidugame {
    background: rgba(219, 50, 55, 1);
    box-shadow: 0 4px 0 0 rgba(184, 40, 44, 1);
}
.btn.qihoo360 {
    background: rgba(71, 130, 33, 1);
    box-shadow: 0 4px 0 0 rgba(59, 110, 26, 1);
}

@media (max-width: 700px) {
    .btn {
        width: 45%;
        margin: 1.5% 1%;
        padding: 3% 0;
        font-size: 1em;
    }
}