.main-box {
    margin-left: auto;
    text-align: center;
    margin-right: auto;
}

.controls button {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    display: inline-block;
    padding: 10px 10px;
    margin: 4px 0;
    background: #e3e3e3;
    color: #000;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    position: relative;
    border-radius: 2px;
}


.controls button:after {
    z-index: -1;
    top: 0;
    left: 38%;
    width: 0;
    height: 0;
    display: block;
    content: ' ';
    /* margin-left: 45%; */
    position: absolute;
    border-style: solid;
    border-width: 17.3px 10px 0 10px;
    border-color: rgba(242, 20, 59, 0) transparent transparent transparent;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

button.filter.active:after,
.controls button:hover:after,
.controls button:active:after,
.controls button:focus:after {
    z-index: -1;
    top: 80%;
    left: 40%;
    width: 0;
    height: 0;
    display: block;
    content: ' ';
    /* margin-left: 45%; */
    position: absolute;
    border-style: solid;
    border-width: 17.3px 10px 0 10px;
    border-color: #f2143b transparent transparent transparent;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

button.filter.active,
.controls button:hover,
.controls button:focus,
.controls button:active {
    background: #f2143b;
    color: #fff;
/*    margin-top: -5px;*/
    box-shadow: 0px -4px 9px 0px #00000047;
}

.controls button:active {
    background: #740567;
}

#Grid .mix_all .fh-package-grid {
    max-width: 250px;
}

#Grid .mix_all .fh-package-grid .package-name {
    min-height: 114px;
}