/*ANCHOR HOVER - BASIC FILL */
/*.content.best-life-fitness .the-actual-content a {*/
    /*padding: 2px 4px;*/
    /*border-radius: 3px;*/
    /*transition: 300ms all linear;*/
    /*text-decoration: none;*/
/*}*/

/*.content.best-life-fitness .the-actual-content a:hover {*/
    /*background: #b3308a;*/
    /*color: white;*/
/*}*/


/*ANCHOR HOVER - VERTICAL FILL TOWARDS MIDDLE */
.content.best-life-fitness .the-actual-content p a {
    position: relative;
    text-decoration: none;
    z-index: 1;
    padding: 2px 4px;
}

.content.best-life-fitness .the-actual-content p a:hover {
    color: white;
}

.content.best-life-fitness .the-actual-content p a:before,
.content.best-life-fitness .the-actual-content p a:after {
    content: '';
    z-index: -1;
    height: 0;
    width: 100%;
    position: absolute;
    left: 0;
    background: #b3308a;
    transition: 300ms all linear;
}

.content.best-life-fitness .the-actual-content p a:before {
    top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.content.best-life-fitness .the-actual-content p a:after {
    bottom: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.content.best-life-fitness .the-actual-content p a:hover:before,
.content.best-life-fitness .the-actual-content p a:hover:after {
    height: 60%;
}
.content.best-life-fitness .the-actual-content p a.button:link, .content.best-life-fitness .the-actual-content p a.button:visited {
    display: inline-block;
    background-color: rgba(0,83,149,1.0);
    border-radius: 18px;
    padding: 4px 20px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
    letter-spacing: 1px;
    color: rgba(255,255,255,0.9);
    transition: 300ms all linear;
    text-decoration: none;
}
.content.best-life-fitness .the-actual-content p a.button:hover, .content.best-life-fitness .the-actual-content p a.button:active {
    background-color: rgba(0,83,149,0.85);
    color: rgba(255,255,255,1.0);
}
.content.best-life-fitness .the-actual-content p a.button:before, .content.best-life-fitness .the-actual-content p a.button:after {
    display: none;
}
.content.best-life-fitness .the-actual-content a.pdf:link, .content.best-life-fitness .the-actual-content a.pdf:visited {
    padding-left: 24px !important;
    color: #DE4830;
}
.content.best-life-fitness .the-actual-content a.pdf:hover, .content.best-life-fitness .the-actual-content a.pdf:active {
    text-decoration: underline;
    color: #DE4830;
}
.content.best-life-fitness .the-actual-content p a.pdf:before,
.content.best-life-fitness .the-actual-content p a.pdf:after {
    display: none;
}

/*ANCHOR HOVER - VERTICAL FILL FROM MIDDLE */
/*.content.best-life-fitness .the-actual-content a {*/
    /*position: relative;*/
    /*text-decoration: none;*/
    /*z-index: 1;*/
    /*padding: 3px 2px;*/
/*}*/

/*.content.best-life-fitness .the-actual-content a:hover {*/
    /*color: white;*/
/*}*/

/*.content.best-life-fitness .the-actual-content a:before,*/
/*.content.best-life-fitness .the-actual-content a:after {*/
    /*content: '';*/
    /*z-index: -1;*/
    /*height: 0;*/
    /*width: 100%;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*background: #b3308a;*/
    /*transition: 300ms all linear;*/
/*}*/

/*.content.best-life-fitness .the-actual-content a:before {*/
    /*top: 50%;*/
    /*border-bottom-left-radius: 3px;*/
    /*border-bottom-right-radius: 3px;*/
/*}*/

/*.content.best-life-fitness .the-actual-content a:after {*/
    /*bottom: 50%;*/
    /*border-top-left-radius: 3px;*/
    /*border-top-right-radius: 3px;*/
/*}*/

/*.content.best-life-fitness .the-actual-content a:hover:before,*/
/*.content.best-life-fitness .the-actual-content a:hover:after {*/
    /*height: 50%;*/
/*}*/


/*ANCHOR HOVER - HORIZONTAL FILL FROM MIDDLE */
/*.content.best-life-fitness .the-actual-content a {*/
    /*position: relative;*/
    /*text-decoration: none;*/
    /*z-index: 1;*/
    /*padding: 3px 2px;*/
/*}*/

/*.content.best-life-fitness .the-actual-content a:hover {*/
    /*color: white;*/
/*}*/

/*.content.best-life-fitness .the-actual-content a:before,*/
/*.content.best-life-fitness .the-actual-content a:after {*/
    /*content: '';*/
    /*z-index: -1;*/
    /*height: 100%;*/
    /*width: 0;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*background: #b3308a;*/
    /*transition: 300ms all linear;*/
/*}*/

/*.content.best-life-fitness .the-actual-content a:before {*/
    /*right: 50%;*/
    /*border-top-left-radius: 3px;*/
    /*border-bottom-left-radius: 3px;*/
/*}*/

/*.content.best-life-fitness .the-actual-content a:after {*/
    /*left: 50%;*/
    /*border-top-right-radius: 3px;*/
    /*border-bottom-right-radius: 3px;*/
/*}*/

/*.content.best-life-fitness .the-actual-content a:hover:before,*/
/*.content.best-life-fitness .the-actual-content a:hover:after {*/
    /*width: 50%;*/
/*}*/



/* Effect 5: same word slide in */
/*.content.best-life-fitness .the-actual-content a.silent-roll {*/
/*overflow: hidden;*/
/*padding: 0 4px;*/
/*height: 1em;*/
/*}*/

/*.content.best-life-fitness .the-actual-content a.silent-roll span {*/
/*position: relative;*/
/*display: inline-block;*/
/*-webkit-transition: -webkit-transform 0.3s;*/
/*-moz-transition: -moz-transform 0.3s;*/
/*transition: transform 0.3s;*/
/*}*/

/*.content.best-life-fitness .the-actual-content a.silent-roll span::before {*/
/*position: absolute;*/
/*top: 100%;*/
/*content: 'content baby';*/
/*!*content: attr(data-hover);*!*/
/*font-weight: 700;*/
/*-webkit-transform: translate3d(0,0,0);*/
/*-moz-transform: translate3d(0,0,0);*/
/*transform: translate3d(0,0,0);*/
/*}*/

/*.content.best-life-fitness .the-actual-content a.silent-roll:hover span,*/
/*.content.best-life-fitness .the-actual-content a.silent-roll:focus span {*/
/*-webkit-transform: translateY(-100%);*/
/*-moz-transform: translateY(-100%);*/
/*transform: translateY(-100%);*/
/*}*/
/* Effect 5: same word slide in */
.content.best-life-fitness .the-actual-content a.silent-roll {
    overflow: hidden;
    /*padding: 0 4px;*/
    padding: 0;
    height: 100%;

    display: inline-flex;
    text-decoration: none;
}

.content.best-life-fitness .the-actual-content a.silent-roll span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.content.best-life-fitness .the-actual-content a.silent-roll span::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    font-weight: 700;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.content.best-life-fitness .the-actual-content a.silent-roll:hover span,
.content.best-life-fitness .the-actual-content a.silent-roll:focus span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}



/* Effect 2: 3D rolling links, idea from http://hakim.se/thoughts/rolling-links */
.best-life-fitness .tag-cloud a.tag {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700 !important;
    font-size: 13px;
    line-height: 42px;
    text-decoration: none;
    text-transform: uppercase;
    color: #FFF !important;
    transition: 300ms all linear;
    box-shadow: 0 0 5px -2px black;
}
.best-life-fitness .tag-cloud a.tag:hover {
    text-decoration: none;
}

.tag-cloud a {
    line-height: 44px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
}


.tag-cloud a span {
    font-family: 'Open Sans', serif;
    font-size: 13px;
    line-height: 42px;
    color: #FFF;
    text-transform: uppercase;
    padding: 0 15px;
    border-radius: 3px;
    position: relative;
    display: inline-block;
    background: rgba(9, 64, 118, 1);
    text-align: center;

    transition: 300ms all linear;
    -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;
}

.tag-cloud a span::before {
    border-radius: 3px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #28a2ee;
    /*background: #0965a0;*/
    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;
}

.tag-cloud a:hover span,
.tag-cloud a:focus span {
    -webkit-transform: rotateX(90deg) translateY(-22px);
    -moz-transform: rotateX(90deg) translateY(-22px);
    transform: rotateX(90deg) translateY(-22px);
}

.tag-cloud a:hover span::before,
.tag-cloud a:focus span::before {
    background: rgba(20, 85, 143, 1);
}