.trx_addons_hover
{
    position: relative;
    overflow: hidden;
}.trx_addons_hover img
{
    position: relative;
    display: block;
    width: 100 % ;
    height: auto;
}.trx_addons_hover_mask
{
    position: absolute;
    z - index: 10;
    overflow: hidden;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    filter: alpha(opacity = 0);
    opacity: 0;
    background - color: rgba(239, 167, 88, 0.8); - webkit - transition: all 0.3s 0.1s ease - out; - moz - transition: all 0.3s 0.1s ease - out; - ms - transition: all 0.3s 0.1s ease - out;
    transition: all 0.3s 0.1s ease - out;
}.trx_addons_hover: hover.trx_addons_hover_mask
{
    -webkit - transition: all 0.4s ease - out; - moz - transition: all 0.4s ease - out; - ms - transition: all 0.4s ease - out;
    transition: all 0.4s ease - out;
}.trx_addons_hover_content
{
    position: absolute;
    z - index: 11;
    left: 0;
    top: 50 % ;
    width: 100 % ;
    padding: 20px;
    text - align: center; - webkit - transform: translateY(-50 % ); - moz - transform: translateY(-50 % ); - ms - transform: translateY(-50 % );
    transform: translateY(-50 % ); - webkit - box - sizing: border - box; - moz - box - sizing: border - box;
    box - sizing: border - box;
}.trx_addons_hover_content.trx_addons_hover_title
{
    color: #fff;
    margin: 0;
    position: relative;
    filter: alpha(opacity = 0);
    opacity: 0; - webkit - transition: all 0.2s linear; - moz - transition: all 0.2s linear; - ms - transition: all 0.2s linear;
    transition: all 0.2s linear;
}.trx_addons_hover: hover.trx_addons_hover_title
{
    -webkit - transition: all 0.2s 0.1s linear; - moz - transition: all 0.2s 0.1s linear; - ms - transition: all 0.2s 0.1s linear;
    transition: all 0.2s 0.1s linear;
}.trx_addons_hover_content.trx_addons_hover_title > a
{
    color: #fff;
}.trx_addons_hover_content.trx_addons_hover_title > a: hover
{
    color: #fff;
    text - shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}.trx_addons_hover_content.trx_addons_hover_text
{
    font - style: italic;
    line - height: 1.3em;
    position: relative;
    color: #fff;
    padding: 0.2em 0;
    filter: alpha(opacity = 0);
    opacity: 0; - webkit - transition: all 0.3s ease - out; - moz - transition: all 0.3s ease - out; - ms - transition: all 0.3s ease - out;
    transition: all 0.3s ease - out;
}.trx_addons_hover_content.trx_addons_hover_info
{
    color: #fff;
    padding: 0.2em 0;
    filter: alpha(opacity = 0);
    opacity: 0; - webkit - transition: all 0.3s ease - out; - moz - transition: all 0.3s ease - out; - ms - transition: all 0.3s ease - out;
    transition: all 0.3s ease - out;
}.trx_addons_hover: hover.trx_addons_hover_text,
.trx_addons_hover: hover.trx_addons_hover_info
{
    -webkit - transition: all 0.3s 0.1s ease - out; - moz - transition: all 0.3s 0.1s ease - out; - ms - transition: all 0.3s 0.1s ease - out;
    transition: all 0.3s 0.1s ease - out;
}.trx_addons_hover_content.trx_addons_hover_link,
.trx_addons_hover_content.trx_addons_hover_links a
{
    display: inline - block;
    text - decoration: none;
    font - size: 0.7692em;
    font - weight: bold;
    line - height: 1.5em;
    padding: 0.4em 0.8em;
    margin - top: 1em;
    background - color: rgba(0, 0, 0, 0.6);
    color: #fff!important;
    text - transform: uppercase;
    filter: alpha(opacity = 0);
    opacity: 0; - webkit - transition: all 0.3s ease - out; - moz - transition: all 0.3s ease - out; - ms - transition: all 0.3s ease - out;
    transition: all 0.3s ease - out;
}.trx_addons_hover_content.trx_addons_hover_links a + a
{
    margin - left: 1em;
}.trx_addons_hover: hover.trx_addons_hover_link,
.trx_addons_hover: hover.trx_addons_hover_links a
{
    -webkit - transition: all 0.3s 0.1s ease - out; - moz - transition: all 0.3s 0.1s ease - out; - ms - transition: all 0.3s 0.1s ease - out;
    transition: all 0.3s 0.1s ease - out;
}.trx_addons_hover_link: hover,
.trx_addons_hover_links a: hover
{
    color: #fff!important;
    background - color: #000;}.trx_addons_hover_content .trx_addons_hover_icon{display:inline-block;text-decoration:none;width:3em;height:3em;line-height:3em;text-align:center;background-color:rgba(0,0,0,0.6);color:# fff!important;
    border - radius: 50 % ;
    margin - top: 1em;
    filter: alpha(opacity = 0);
    opacity: 0; - webkit - transition: all 0.2s linear; - moz - transition: all 0.2s linear; - ms - transition: all 0.2s linear;
    transition: all 0.2s linear;
}.trx_addons_hover: hover.trx_addons_hover_icon
{
    -webkit - transition: all 0.2s 0.2s linear; - moz - transition: all 0.2s 0.2s linear; - ms - transition: all 0.2s 0.2s linear;
    transition: all 0.2s 0.2s linear;
}.trx_addons_hover_content.trx_addons_hover_icon + .trx_addons_hover_icon
{
    margin - left: 0.5em;
}.trx_addons_hover_content.trx_addons_hover_icon: hover
{
    color: #fff!important;
    background - color: #000;}.trx_addons_hover_content .trx_addons_hover_icon_link:before{content:'\e86a';font-family:'trx_addons_icons';}.trx_addons_hover_content .trx_addons_hover_icon_zoom:before{content:'\e898';font-family:'trx_addons_icons';}.trx_addons_hover_style_info img{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;}.trx_addons_hover_style_info .trx_addons_hover_title{-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px);}.trx_addons_hover_style_info .trx_addons_hover_text{-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px);}.trx_addons_hover_style_info .trx_addons_hover_link{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}.trx_addons_hover_style_info .trx_addons_hover_info{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}.trx_addons_hover_style_info:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}.trx_addons_hover_style_info:hover .trx_addons_hover_mask{filter:alpha(opacity= 100);
opacity: 1;
}.trx_addons_hover_style_info: hover.trx_addons_hover_title,
.trx_addons_hover_style_info: hover.trx_addons_hover_text,
.trx_addons_hover_style_info: hover.trx_addons_hover_link,
.trx_addons_hover_style_info: hover.trx_addons_hover_info
{
    filter: alpha(opacity = 100);
    opacity: 1; - webkit - transform: translateY(0px); - moz - transform: translateY(0px); - ms - transform: translateY(0px);
    transform: translateY(0px);
}.trx_addons_hover_style_links.trx_addons_hover_mask
{
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}.trx_addons_hover_style_links.trx_addons_hover_title
{
    -webkit - transform: translateY(-75px); - moz - transform: translateY(-75px); - ms - transform: translateY(-75px);
    transform: translateY(-75px);
}.trx_addons_hover_style_links.trx_addons_hover_text
{
    -webkit - transform: translateY(-50px); - moz - transform: translateY(-50px); - ms - transform: translateY(-50px);
    transform: translateY(-50px);
}.trx_addons_hover_style_links.trx_addons_hover_link
{
    -webkit - transform: translate(-20px, 20px); - moz - transform: translate(-20px, 20px); - ms - transform: translate(-20px, 20px);
    transform: translate(-20px, 20px);
}.trx_addons_hover_style_links.trx_addons_hover_link2
{
    -webkit - transform: translate(20px, 20px); - moz - transform: translate(20px, 20px); - ms - transform: translate(20px, 20px);
    transform: translate(20px, 20px);
}.trx_addons_hover_style_links: hover.trx_addons_hover_mask
{
    filter: alpha(opacity = 100);
    opacity: 1;
}.trx_addons_hover_style_links: hover.trx_addons_hover_title,
.trx_addons_hover_style_links: hover.trx_addons_hover_text,
.trx_addons_hover_style_links: hover.trx_addons_hover_link,
.trx_addons_hover_style_links: hover.trx_addons_hover_link2
{
    filter: alpha(opacity = 100);
    opacity: 1; - webkit - transform: translate(0px, 0px); - moz - transform: translate(0px, 0px); - ms - transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}.trx_addons_hover_style_plain img
{
    -webkit - transition: all 0.2s linear; - moz - transition: all 0.2s linear; - ms - transition: all 0.2s linear;
    transition: all 0.2s linear;
}.trx_addons_hover_style_plain.trx_addons_hover_title
{
    -webkit - transform: translateY(-50px); - moz - transform: translateY(-50px); - ms - transform: translateY(-50px);
    transform: translateY(-50px);
}.trx_addons_hover_style_plain.trx_addons_hover_text
{
    color: #8b8b8b;padding:1em 0;-webkit-transform:scale(0.8,0.8);-moz-transform:scale(0.8,0.8);-ms-transform:scale(0.8,0.8);transform:scale(0.8,0.8);}.trx_addons_hover_style_plain .trx_addons_hover_link{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}.trx_addons_hover_style_plain:hover img{filter:alpha(opacity= 0);
opacity: 0; - webkit - transform: scale(0.8); - moz - transform: scale(0.8); - ms - transform: scale(0.8);
transform: scale(0.8); - webkit - transition: all 0.2s 0.1s linear; - moz - transition: all 0.2s 0.1s linear; - ms - transition: all 0.2s 0.1s linear;
transition: all 0.2s 0.1s linear;
}.trx_addons_hover_style_plain: hover.trx_addons_hover_title,
.trx_addons_hover_style_plain: hover.trx_addons_hover_link
{
    filter: alpha(opacity = 100);
    opacity: 1; - webkit - transform: translateY(0px); - moz - transform: translateY(0px); - ms - transform: translateY(0px);
    transform: translateY(0px);
}.trx_addons_hover_style_plain: hover.trx_addons_hover_text
{
    filter: alpha(opacity = 100);
    opacity: 1; - webkit - transform: scale(1, 1); - moz - transform: scale(1, 1); - ms - transform: scale(1, 1);
    transform: scale(1, 1);
}.trx_addons_hover_style_wide.trx_addons_hover_mask
{
    padding: 300px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; - webkit - transform: translate(250px, 250px) rotate(45deg); - moz - transform: translate(250px, 250px) rotate(45deg); - ms - transform: translate(250px, 250px) rotate(45deg);
    transform: translate(250px, 250px) rotate(45deg);
}.trx_addons_hover_style_wide.trx_addons_hover_content.trx_addons_hover_title
{
    -webkit - transform: translate(50px, 50px); - moz - transform: translate(50px, 50px); - ms - transform: translate(50px, 50px);
    transform: translate(50px, 50px);
    background - color: transparent;
    margin: 0;
}.trx_addons_hover_style_wide.trx_addons_hover_icon
{
    -webkit - transform: translateX(30px) scale(0.3, 0.3); - moz - transform: translateX(30px) scale(0.3, 0.3); - ms - transform: translateX(30px) scale(0.3, 0.3);
    transform: translateX(30px) scale(0.3, 0.3);
}.trx_addons_hover_style_wide.trx_addons_hover_icon_zoom
{
    -webkit - transform: translateX(-30px) scale(0.3, 0.3); - moz - transform: translateX(-30px) scale(0.3, 0.3); - ms - transform: translateX(-30px) scale(0.3, 0.3);
    transform: translateX(-30px) scale(0.3, 0.3);
}.trx_addons_hover_style_wide: hover.trx_addons_hover_mask
{
    filter: alpha(opacity = 100);
    opacity: 1; - webkit - transform: translate(-100px, -100px) rotate(45deg); - moz - transform: translate(-100px, -100px) rotate(45deg); - ms - transform: translate(-100px, -100px) rotate(45deg);
    transform: translate(-100px, -100px) rotate(45deg);
}.trx_addons_hover_style_wide: hover.trx_addons_hover_title
{
    filter: alpha(opacity = 100);
    opacity: 1; - webkit - transform: translate(0px, 0px); - moz - transform: translate(0px, 0px); - ms - transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}.trx_addons_hover_style_wide: hover.trx_addons_hover_icon
{
    filter: alpha(opacity = 100);
    opacity: 1; - webkit - transform: translateX(0px) scale(1, 1); - moz - transform: translateX(0px) scale(1, 1); - ms - transform: translateX(0px) scale(1, 1);
    transform: translateX(0px) scale(1, 1);
}.trx_addons_hover_style_zoomin.trx_addons_hover_mask
{
    -webkit - transform: scale(0.1, 0.1); - moz - transform: scale(0.1, 0.1); - ms - transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
}.trx_addons_hover_style_zoomin.trx_addons_hover_content.trx_addons_hover_title
{
    -webkit - transform: translateY(30px) scale(0.1, 0.1); - moz - transform: translateY(30px) scale(0.1, 0.1); - ms - transform: translateY(30px) scale(0.1, 0.1);
    transform: translateY(30px) scale(0.1, 0.1);
    background - color: transparent;
    margin: 0;
}.trx_addons_hover_style_zoomin.trx_addons_hover_icon
{
    -webkit - transform: translate(-30px, -30px) scale(0.1, 0.1); - moz - transform: translate(-30px, -30px) scale(0.1, 0.1); - ms - transform: translate(-30px, -30px) scale(0.1, 0.1);
    transform: translate(-30px, -30px) scale(0.1, 0.1);
}.trx_addons_hover_style_zoomin.trx_addons_hover_icon_link
{
    -webkit - transform: translate(30px, -30px) scale(0.1, 0.1); - moz - transform: translate(30px, -30px) scale(0.1, 0.1); - ms - transform: translate(30px, -30px) scale(0.1, 0.1);
    transform: translate(30px, -30px) scale(0.1, 0.1);
}.trx_addons_hover_style_zoomin: hover.trx_addons_hover_mask
{
    filter: alpha(opacity = 100);
    opacity: 1; - webkit - transform: scale(1, 1); - moz - transform: scale(1, 1); - ms - transform: scale(1, 1);
    transform: scale(1, 1);
}.trx_addons_hover_style_zoomin: hover.trx_addons_hover_title
{
    filter: alpha(opacity = 100);
    opacity: 1; - webkit - transform: translate(0px, 0px) scale(1, 1); - moz - transform: translate(0px, 0px) scale(1, 1); - ms - transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
}.trx_addons_hover_style_zoomin: hover.trx_addons_hover_icon
{
    filter: alpha(opacity = 100);
    opacity: 1; - webkit - transform: translate(0px, 0px) scale(1, 1); - moz - transform: translate(0px, 0px) scale(1, 1); - ms - transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
}@keyframes zoomin
{
    0 % {
        filter: alpha(opacity = 0);
        opacity: 0;
        transform: scale(.1); - ms - transform: scale(.1); - moz - transform: scale(.1); - webkit - transform: scale(.1);
    }
    100 % {
        filter: alpha(opacity = 100);
        opacity: 1;
        transform: scale(1); - ms - transform: scale(1); - moz - transform: scale(1); - webkit - transform: scale(1);
    }
}@ - webkit - keyframes zoomin
{
    0 % {
        filter: alpha(opacity = 0);
        opacity: 0;
        transform: scale(.1); - ms - transform: scale(.1); - moz - transform: scale(.1); - webkit - transform: scale(.1);
    }
    100 % {
        filter: alpha(opacity = 100);
        opacity: 1;
        transform: scale(1); - ms - transform: scale(1); - moz - transform: scale(1); - webkit - transform: scale(1);
    }
}@keyframes zoomout
{
    0 % {
        transform: scale(1); - ms - transform: scale(1); - moz - transform: scale(1); - webkit - transform: scale(1);
    }
    100 % {
        transform: scale(.1); - ms - transform: scale(.1); - moz - transform: scale(.1); - webkit - transform: scale(.1);
    }
}@ - webkit - keyframes zoomout
{
    0 % {
        transform: scale(1); - ms - transform: scale(1); - moz - transform: scale(1); - webkit - transform: scale(1);
    }
    100 % {
        transform: scale(.1); - ms - transform: scale(.1); - moz - transform: scale(.1); - webkit - transform: scale(.1);
    }
}@keyframes flash
{
    0 % {
        filter: alpha(opacity = 100);
        opacity: 1;
    }
    100 % {
        transform: scale(1.15); - ms - transform: scale(1.15); - moz - transform: scale(1.15); - webkit - transform: scale(1.15);
        filter: alpha(opacity = 0);
        opacity: 0;
    }
}@ - webkit - keyframes flash
{
    0 % {
        filter: alpha(opacity = 100);
        opacity: 1;
    }
    100 % {
        transform: scale(1.15); - ms - transform: scale(1.15); - moz - transform: scale(1.15); - webkit - transform: scale(1.15);
        filter: alpha(opacity = 0);
        opacity: 0;
    }
}@keyframes jump
{
    0 % {
        -webkit - transform: translateY(0); - moz - transform: translateY(0); - ms - transform: translateY(0);
        transform: translateY(0);
    }
    50 % {
        -webkit - transform: translateY(-10px); - moz - transform: translateY(-10px); - ms - transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100 % {
        -webkit - transform: translateY(0); - moz - transform: translateY(0); - ms - transform: translateY(0);
        transform: translateY(0);
    }
}@ - webkit - keyframes jump
{
    0 % {
        -webkit - transform: translateY(0); - moz - transform: translateY(0); - ms - transform: translateY(0);
        transform: translateY(0);
    }
    50 % {
        -webkit - transform: translateY(-10px); - moz - transform: translateY(-10px); - ms - transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100 % {
        -webkit - transform: translateY(0); - moz - transform: translateY(0); - ms - transform: translateY(0);
        transform: translateY(0);
    }
}@keyframes squat
{
    0 % {
        -webkit - transform: translateY(0); - moz - transform: translateY(0); - ms - transform: translateY(0);
        transform: translateY(0);
    }
    50 % {
        -webkit - transform: translateY(10px); - moz - transform: translateY(10px); - ms - transform: translateY(10px);
        transform: translateY(10px);
    }
    100 % {
        -webkit - transform: translateY(0); - moz - transform: translateY(0); - ms - transform: translateY(0);
        transform: translateY(0);
    }
}@ - webkit - keyframes squat
{
    0 % {
        -webkit - transform: translateY(0); - moz - transform: translateY(0); - ms - transform: translateY(0);
        transform: translateY(0);
    }
    50 % {
        -webkit - transform: translateY(10px); - moz - transform: translateY(10px); - ms - transform: translateY(10px);
        transform: translateY(10px);
    }
    100 % {
        -webkit - transform: translateY(0); - moz - transform: translateY(0); - ms - transform: translateY(0);
        transform: translateY(0);
    }
}