﻿

/* SECTION 1
-------------------------------------------------- */
.action_button {
}

.action_buttonboxes {
    over: hidden;
    position: relative;
}

action_buttonboxes img {
    max-width: 100%;
}

.action_buttonboxes .action_buttonboxescontent {
    padding: 25px;
}

.action_buttonboxes h5 {
    color: #838383;
    margin-bottom: 18px;
}

.action_buttonboxes h6 {
    color: #0f0f0f;
    margin-bottom: 22px;
}

.action_buttonboxes a.btn {
    position: relative;
    background: #fff;
    box-shadow: 2px 2px 2px #e1e0e0;
    padding: 5px 0;
    height: 81px;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'PT Sans', sans-serif;
    display: block;
    overflow: hidden;
    border: 0;
    border-radius: 5px;
    padding-left: 100px;
    -webkit-transition: width 0.5s, height 0.5s, background-color 0.5s, -webkit-transform 0.5s;
    transition: width 0.5s, height 0.5s, background-color 0.5s, transform 0.5s;
}

    .action_buttonboxes a.btn:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 98px;
        height: 100%;
    }

.action_buttonboxes .sbcc {
    min-height: 80px;
}

.action_buttonboxes.green {
    /*border-top:7px solid #39b54a;*/
}

    .action_buttonboxes.green a.btn {
        color: #39b54a;
    }

        .action_buttonboxes.green a.btn:hover {
            background: #39b54a;
            color: #fff;
        }

        .action_buttonboxes.green a.btn:before {
            background: #39b54a url(../images/icon-therapy.png) no-repeat center center;
        }

.action_buttonboxes.blue {
    /*border-top:7px solid #00a2ff;*/
}

    .action_buttonboxes.blue a.btn {
        color: #00a2ff;
    }

        .action_buttonboxes.blue a.btn:hover {
            background: #00a2ff;
            color: #fff;
        }

        .action_buttonboxes.blue a.btn:before {
            background: #00a2ff url(../images/icon-esa.png) no-repeat center center;
        }

.action_buttonboxes.red {
    /*border-top:7px solid #d91f26;*/
}

    .action_buttonboxes.red a.btn {
        color: #d91f26;
    }

        .action_buttonboxes.red a.btn:hover {
            background: #d91f26;
            color: #fff;
        }

        .action_buttonboxes.red a.btn:before {
            background: #d91f26 url(../images/icon-service.png) no-repeat center center;
        }



.action_buttonboxes.contact a.btn {
    color: #B83C87;
}

    .action_buttonboxes.contact a.btn:hover {
        background: #B83C87;
        color: #fff;
    }

    .action_buttonboxes.contact a.btn:before {
        background: #B83C87 url('/assets/images/nav-icon-contact.png') no-repeat center center;
    }



.action_buttonboxes.shop a.btn {
    color: #B83C87;
}

    .action_buttonboxes.shop a.btn:hover {
        background: #B83C87;
        color: #fff;
    }

    .action_buttonboxes.shop a.btn:before {
        background: #B83C87 url('/assets/images/nav-icon-shop.png') no-repeat center center;
    }

.action_buttonboxes.faq a.btn {
    color: #B83C87;
}

    .action_buttonboxes.faq a.btn:hover {
        background: #B83C87;
        color: #fff;
    }

    .action_buttonboxes.faq a.btn:before {
        background: #B83C87 url('/assets/images/nav-icon-faq.png') no-repeat center center;
    }


.action_buttonboxes.more a.btn {
    color: #B83C87;
}

    .action_buttonboxes.more a.btn:hover {
        background: #B83C87;
        color: #fff;
    }

    .action_buttonboxes.more a.btn:before {
        background: #B83C87 url('/assets/images/nav-icon-more.png') no-repeat center center;
    }



.action_buttonboxes.register a.btn {
    color: #B83C87;
}

    .action_buttonboxes.register a.btn:hover {
        background: #B83C87;
        color: #fff;
    }

    .action_buttonboxes.register a.btn:before {
        background: #B83C87 url('/assets/images/nav-icon-register.png') no-repeat center center;
    }



.action_buttonboxes.back a.btn {
    color: #B83C87;
}

    .action_buttonboxes.back a.btn:hover {
        background: #B83C87;
        color: #fff;
    }

    .action_buttonboxes.back a.btn:before {
        background: #B83C87 url('/assets/images/nav-icon-back.png') no-repeat center center;
    }



.action_buttonboxes.waggylocker a.btn {
    color: #D81F28;
}

    .action_buttonboxes.waggylocker a.btn:hover {
        background: #D81F28;
        color: #fff;
    }

    .action_buttonboxes.waggylocker a.btn:before {
        background: #D81F28 url('/assets/images/nav-icon-my-account.png') no-repeat center center;
    }





.action_buttonboxes.nav-how-it-works a.btn {
    color: #B83C87;
}

    .action_buttonboxes.nav-how-it-works a.btn:hover {
        background: #B83C87;
        color: #fff;
    }

    .action_buttonboxes.nav-how-it-works a.btn:before {
        background: #B83C87 url('/assets/images/nav-icon-how.png') no-repeat center center;
    }


.action_buttonboxes.basic-kit a.btn {
    color: #39b549;
}

    .action_buttonboxes.basic-kit a.btn:hover {
        background: #39b549;
        color: #fff;
    }

    .action_buttonboxes.basic-kit a.btn:before {
        background: #39b549 url('/assets/images/nav-icon-basic-kit.png') no-repeat center center;
    }


.action_buttonboxes.how-it-works-service a.btn {
    color: #D91F25;
}

    .action_buttonboxes.how-it-works-service a.btn:hover {
        background: #D91F25;
        color: #fff;
    }

    .action_buttonboxes.how-it-works-service a.btn:before {
        background: #D91F25 url('/assets/images/icon-service.png') no-repeat center center;
    }

.action_buttonboxes.how-it-works-esa a.btn {
    color: #00A1FF;
}

    .action_buttonboxes.how-it-works-esa a.btn:hover {
        background: #00A1FF;
        color: #fff;
    }

    .action_buttonboxes.how-it-works-esa a.btn:before {
        background: #00A1FF url('/assets/images/icon-esa.png') no-repeat center center;
    }

.action_buttonboxes.how-it-works-therapy a.btn {
    color: #39B549;
}

    .action_buttonboxes.how-it-works-therapy a.btn:hover {
        background: #39B549;
        color: #fff;
    }

    .action_buttonboxes.how-it-works-therapy a.btn:before {
        background: #39B549 url('/assets/images/icon-therapy.png') no-repeat center center;
    }


.action_buttonboxes.premium-kit a.btn {
    color: #ffa70a;
}

    .action_buttonboxes.premium-kit a.btn:hover {
        background: #ffa70a;
        color: #fff;
    }

    .action_buttonboxes.premium-kit a.btn:before {
        background: #ffa70a url('/assets/images/nav-icon-premium-kit.png') no-repeat center center;
    }

.action_buttonboxes.category a.btn {
    color: #FF0000;
}

a.btn.category {
    text-align: left;
    padding-left: 0px;
}

.category.btnText {
    padding-left: initial;
    text-align: left;
}

.category-thumb {
    width: 80px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.action_buttonboxes.categoryt a.btn:hover {
    background: #fff;
    color: #fff;
}

.action_buttonboxes.category a.btn:before {
    background: #fff;
}

.btnHead {
    display: inline-block;
    position: relative !important;
    right: auto;
    font-size: 16px;
}

.btnsubHead {
    display: inline-block;
    position: relative !important;
    font-size: 12px;
}

.action_buttonboxes {
    vertical-align: middle;
}

.btnText {
    padding-left: 10px;
    font-weight: 400;
    height: 100%;
    font-size: 16px;
}

    .btnText span {
        vertical-align: middle;
    }


.vcenter {
    white-space: nowrap;
}

    .vcenter > * {
        white-space: normal;
    }

    .vcenter:before,
    .vcenter > * {
        display: inline-block;
        vertical-align: middle;
    }

    .vcenter:before {
        content: "";
        height: 100%;
    }

.vcenter {
    word-spacing: -.25em;
}

    .vcenter > * {
        word-spacing: normal;
    }



.action_buttonboxes.active .fa-chevron-right:before {
    content: "\f078";
}
