ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / letacommog / lavenue / wp-content / plugins / Ultimate_VC_Addons / assets / css

.ultb3-box {
    width: 100%;
    display: block;
    position: relative;
    background: #f2f2f2;
    overflow: hidden
}
img.ultb3-img {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: none;
    width: auto !important;
    float: none;
    margin: 0 auto;
    display: block;
    position: absolute;
    z-index: 1;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear
}
.ultb3-box-overlay {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}
.ultb3-info {
    padding: 25px;
    position: relative;
    z-index: 5
}
.ultb3-info.ib3-info-center {
    text-align: center
}
.ultb3-info.ib3-info-right {
    text-align: right
}
img.ultb3-img.ultb3-img-top-center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}
img.ultb3-img.ultb3-img-top-right {
    left: auto;
    right: 0
}
img.ultb3-img.ultb3-img-center-left {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
img.ultb3-img.ultb3-img-center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
img.ultb3-img.ultb3-img-center-right {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: 0
}
img.ultb3-img.ultb3-img-bottom-left,
img.ultb3-img.ultb3-img-bottom-center,
img.ultb3-img.ultb3-img-bottom-right {
    top: auto;
    bottom: 0
}
img.ultb3-img.ultb3-img-bottom-center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}
img.ultb3-img.ultb3-img-bottom-right {
    right: 0;
    left: auto
}
.ultb3-box .ultb3-title {
    font-size: 40px;
    color: #252525;
    line-height: 1.35em;
    margin-bottom: 5px
}
.ultb3-desc {
    font-size: 20px;
    line-height: 1.5em;
    margin-bottom: 10px
}
a.ultb3-btn {
    display: inline-block;
    color: #0483d9;
    text-align: center;
    font-size: 20px;
    padding: 15px 25px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border: 2px solid #0483d9;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s
}
a.ultb3-btn i {
    position: absolute;
    left: auto;
    right: 25px;
    top: 50%;
    opacity: 0;
    width: auto;
    height: auto;
    font-size: inherit !important;
    -webkit-transition: all .25s;
    transition: all .25s;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}
a.ultb3-btn:hover i {
    right: 20px;
    opacity: 1
}
a.ultb3-btn:hover {
    padding-right: 45px
}
a.ultb3-btn:hover,
a.ultb3-btn:focus,
a.ultb3-btn:active,
a.ultb3-btn:visited {
    text-decoration: none;
    color: inherit;
    outline: 0
}
.ultb3-hover-1 .ultb3-img.ultb3-img-top-left,
.ultb3-hover-1 .ultb3-img.ultb3-img-top-center,
.ultb3-hover-1 .ultb3-img.ultb3-img-top-right {
    top: -50px
}
.ultb3-hover-1:hover .ultb3-img.ultb3-img-top-left,
.ultb3-hover-1:hover .ultb3-img.ultb3-img-top-center,
.ultb3-hover-1:hover .ultb3-img.ultb3-img-top-right {
    top: 0
}
.ultb3-hover-1 .ultb3-img.ultb3-img-center-left {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.ultb3-hover-1:hover .ultb3-img.ultb3-img-center-left {
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%)
}
.ultb3-hover-1 .ultb3-img.ultb3-img-center {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.ultb3-hover-1:hover .ultb3-img.ultb3-img-center {
    -webkit-transform: translate(-50%, -25%);
    -ms-transform: translate(-50%, -25%);
    transform: translate(-50%, -25%)
}
.ultb3-hover-1 .ultb3-img.ultb3-img-center-right {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.ultb3-hover-1:hover .ultb3-img.ultb3-img-center-right {
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%)
}
.ultb3-hover-1 .ultb3-img.ultb3-img-bottom-left,
.ultb3-hover-1 .ultb3-img.ultb3-img-bottom-center,
.ultb3-hover-1 .ultb3-img.ultb3-img-bottom-right {
    bottom: 0
}
.ultb3-hover-1:hover .ultb3-img.ultb3-img-bottom-left,
.ultb3-hover-1:hover .ultb3-img.ultb3-img-bottom-center,
.ultb3-hover-1:hover .ultb3-img.ultb3-img-bottom-right {
    bottom: -50px
}
.ultb3-hover-2 .ultb3-img.ultb3-img-top-left,
.ultb3-hover-2 .ultb3-img.ultb3-img-top-center,
.ultb3-hover-2 .ultb3-img.ultb3-img-top-right {
    top: 0
}
.ultb3-hover-2:hover .ultb3-img.ultb3-img-top-left,
.ultb3-hover-2:hover .ultb3-img.ultb3-img-top-center,
.ultb3-hover-2:hover .ultb3-img.ultb3-img-top-right {
    top: -50px
}
.ultb3-hover-2 .ultb3-img.ultb3-img-center-left {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.ultb3-hover-2:hover .ultb3-img.ultb3-img-center-left {
    -webkit-transform: translateY(-75%);
    -ms-transform: translateY(-75%);
    transform: translateY(-75%)
}
.ultb3-hover-2 .ultb3-img.ultb3-img-center {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.ultb3-hover-2:hover .ultb3-img.ultb3-img-center {
    -webkit-transform: translate(-50%, -75%);
    -ms-transform: translate(-50%, -75%);
    transform: translate(-50%, -75%)
}
.ultb3-hover-2 .ultb3-img.ultb3-img-center-right {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.ultb3-hover-2:hover .ultb3-img.ultb3-img-center-right {
    -webkit-transform: translateY(-75%);
    -ms-transform: translateY(-75%);
    transform: translateY(-75%)
}
.ultb3-hover-2 .ultb3-img.ultb3-img-bottom-left,
.ultb3-hover-2 .ultb3-img.ultb3-img-bottom-center,
.ultb3-hover-2 .ultb3-img.ultb3-img-bottom-right {
    bottom: -50px
}
.ultb3-hover-2:hover .ultb3-img.ultb3-img-bottom-left,
.ultb3-hover-2:hover .ultb3-img.ultb3-img-bottom-center,
.ultb3-hover-2:hover .ultb3-img.ultb3-img-bottom-right {
    bottom: 0
}
.ultb3-hover-3 .ultb3-img.ultb3-img-top-left,
.ultb3-hover-3 .ultb3-img.ultb3-img-center-left {
    left: 0
}
.ultb3-hover-3:hover .ultb3-img.ultb3-img-top-left,
.ultb3-hover-3:hover .ultb3-img.ultb3-img-center-left {
    left: -50px
}
.ultb3-hover-3 .ultb3-img.ultb3-img-top-center {
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%)
}
.ultb3-hover-3:hover .ultb3-img.ultb3-img-top-center {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}
.ultb3-hover-3 .ultb3-img.ultb3-img-top-right,
.ultb3-hover-3 .ultb3-img.ultb3-img-bottom-right {
    right: -50px
}
.ultb3-hover-3:hover .ultb3-img.ultb3-img-top-right,
.ultb3-hover-3:hover .ultb3-img.ultb3-img-bottom-right {
    right: 0
}
.ultb3-hover-3 .ultb3-img.ultb3-img-center {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.ultb3-hover-3:hover .ultb3-img.ultb3-img-center {
    -webkit-transform: translate(-75%, -50%);
    -ms-transform: translate(-75%, -50%);
    transform: translate(-75%, -50%)
}
.ultb3-hover-3 .ultb3-img.ultb3-img-center-right {
    -webkit-transform: translate(25%, -50%);
    -ms-transform: translate(25%, -50%);
    transform: translate(25%, -50%)
}
.ultb3-hover-3:hover .ultb3-img.ultb3-img-center-right {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}
.ultb3-hover-3 .ultb3-img.ultb3-img-bottom-left {
    left: 0
}
.ultb3-hover-3:hover .ultb3-img.ultb3-img-bottom-left {
    left: -50px
}
.ultb3-hover-3 .ultb3-img.ultb3-img-bottom-center {
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}
.ultb3-hover-3:hover .ultb3-img.ultb3-img-bottom-center {
    -webkit-transform: translate(-75%);
    -ms-transform: translate(-75%);
    transform: translate(-75%)
}
.ultb3-hover-4 .ultb3-img.ultb3-img-top-left,
.ultb3-hover-4 .ultb3-img.ultb3-img-center-left {
    left: -50px
}
.ultb3-hover-4:hover .ultb3-img.ultb3-img-top-left,
.ultb3-hover-4:hover .ultb3-img.ultb3-img-center-left {
    left: 0
}
.ultb3-hover-4 .ultb3-img.ultb3-img-top-center {
    -webkit-transform: translateX(-75%);
    -ms-transform: translateX(-75%);
    transform: translateX(-75%)
}
.ultb3-hover-4:hover .ultb3-img.ultb3-img-top-center {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}
.ultb3-hover-4 .ultb3-img.ultb3-img-top-right,
.ultb3-hover-4 .ultb3-img.ultb3-img-bottom-right {
    right: 0
}
.ultb3-hover-4:hover .ultb3-img.ultb3-img-top-right,
.ultb3-hover-4:hover .ultb3-img.ultb3-img-bottom-right {
    right: -50px
}
.ultb3-hover-4 .ultb3-img.ultb3-img-center {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.ultb3-hover-4:hover .ultb3-img.ultb3-img-center {
    -webkit-transform: translate(-25%, -50%);
    -ms-transform: translate(-25%, -50%);
    transform: translate(-25%, -50%)
}
.ultb3-hover-4 .ultb3-img.ultb3-img-center-right {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}
.ultb3-hover-4:hover .ultb3-img.ultb3-img-center-right {
    -webkit-transform: translate(25%, -50%);
    -ms-transform: translate(25%, -50%);
    transform: translate(25%, -50%)
}
.ultb3-hover-4 .ultb3-img.ultb3-img-bottom-left {
    left: -50px
}
.ultb3-hover-4:hover .ultb3-img.ultb3-img-bottom-left {
    left: 0
}
.ultb3-hover-4 .ultb3-img.ultb3-img-bottom-center {
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}
.ultb3-hover-4:hover .ultb3-img.ultb3-img-bottom-center {
    transform: translate(-25%);
    -webkit-transform: translate(-25%);
    -moz-transform: translate(-25%);
    -ms-transform: translate(-25%);
    -o-transform: translate(-25%)
}
.ultb3-hover-5 .ultb3-img.ultb3-img-top-left{
    left: 0;
} 
 .ultb3-hover-5 .ultb3-img.ultb3-img-top-right{
    right: 0;
} 
.ultb3-hover-5 .ultb3-img.ultb3-img-top-left,
 .ultb3-hover-5 .ultb3-img.ultb3-img-top-right{
    top: 0;
}
.ultb3-hover-5:hover .ultb3-img.ultb3-img-top-left,
.ultb3-hover-5:hover .ultb3-img.ultb3-img-top-right {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
.ultb3-hover-5 .ultb3-img.ultb3-img-top-center {
    top: 0;
    left: 50%;
}
.ultb3-hover-5:hover .ultb3-img.ultb3-img-top-center {
    top: -50px;
    -webkit-transform: translateX(-50%) scale(1.1);
    -ms-transform: translateX(-50%) scale(1.1);
    transform: translateX(-50%) scale(1.1);
}
.ultb3-hover-5 .ultb3-img.ultb3-img-center-left {
    left: 0;
    top: 50%;
}
.ultb3-hover-5:hover .ultb3-img.ultb3-img-center-left {
    left: -50px;
    -webkit-transform: translateY(-50%) scale(1.1);
    -ms-transform: translateY(-50%) scale(1.1);
    transform: translateY(-50%) scale(1.1);
}
.ultb3-hover-5 .ultb3-img.ultb3-img-center-right {
    right: 0;
    top: 50%;
}
.ultb3-hover-5:hover .ultb3-img.ultb3-img-center-right {
    right: -50px;
    -webkit-transform: translateY(-50%) scale(1.1);
    -ms-transform: translateY(-50%) scale(1.1);
    transform: translateY(-50%) scale(1.1);
}
.ultb3-hover-5 .ultb3-img.ultb3-img-center {
    top: 50%;
    left: 50%;
}
.ultb3-hover-5:hover .ultb3-img.ultb3-img-center {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    -ms-transform: translate(-50%, -50%) scale(1.2);
    transform: translate(-50%, -50%) scale(1.2);
}
.ultb3-hover-5 .ultb3-img.ultb3-img-bottom-left{
    left: 0;
}
 .ultb3-hover-5 .ultb3-img.ultb3-img-bottom-right{
    right: 0;
}
.ultb3-hover-5 .ultb3-img.ultb3-img-bottom-left,
 .ultb3-hover-5 .ultb3-img.ultb3-img-bottom-right{
    bottom:0;
}
.ultb3-hover-5:hover .ultb3-img.ultb3-img-bottom-left,
.ultb3-hover-5:hover .ultb3-img.ultb3-img-bottom-right {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
.ultb3-hover-5 .ultb3-img.ultb3-img-bottom-center {
    bottom: 0;
    left: 50%;
}
.ultb3-hover-5:hover .ultb3-img.ultb3-img-bottom-center {
    bottom: -50px;
    -webkit-transform: translateX(-50%) scale(1.1);
    -ms-transform: translateX(-50%) scale(1.1);
    transform: translateX(-50%) scale(1.1);
}
.ultb3-hover-6 .ultb3-img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}
.ultb3-hover-6:hover .ultb3-img {
    -webkit-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
    opacity: 0
}

[+] ..
[-] info-box.css [edit]
[-] info-circle-rtl.css [edit]
[-] vc-fronteditor.css [edit]
[-] stats-counter-rtl.css [edit]
[-] range-slider.css [edit]
[-] tabs-accordion.css [edit]
[-] fancytext.css [edit]
[-] info-banner.css [edit]
[-] flip-box-rtl.css [edit]
[-] timeline.css [edit]
[-] advacne_carosal_front.css [edit]
[-] dual-button-rtl.css [edit]
[-] style.css [edit]
[-] slick.css [edit]
[-] style-rtl.css [edit]
[-] content-box-rtl.css [edit]
[-] slick-rtl.css [edit]
[-] tooltip.css [edit]
[-] sub-tab-rtl.css [edit]
[-] creative-link-rtl.css [edit]
[-] timeline-rtl.css [edit]
[-] range-slider-rtl.css [edit]
[-] info-box-rtl.css [edit]
[-] flip-box.css [edit]
[-] image-separator-rtl.css [edit]
[-] interactive-styles-rtl.css [edit]
[-] sub-tab.css [edit]
[-] countdown.css [edit]
[-] tabs-accordion-rtl.css [edit]
[-] hotspot.css [edit]
[-] sticky-section.css [edit]
[-] advanced-buttons.css [edit]
[-] dual-button.css [edit]
[-] teams.css [edit]
[-] video_module.css [edit]
[-] video-banner.css [edit]
[-] creative-link.css [edit]
[-] image-separator.css [edit]
[-] sticky-section-rtl.css [edit]
[-] tabs.css [edit]
[-] icons-rtl.css [edit]
[-] animate-rtl.css [edit]
[-] index.php [edit]
[-] advanced-buttons-rtl.css [edit]
[-] background-style.css [edit]
[-] swatchbook.css [edit]
[-] tooltip-rtl.css [edit]
[-] countdown-rtl.css [edit]
[-] highlight-box.css [edit]
[+] fonts
[-] tabs-rtl.css [edit]
[-] ihover-rtl.css [edit]
[-] video_module-rtl.css [edit]
[-] pricing-rtl.css [edit]
[-] advacne_carosal_front-rtl.css [edit]
[-] content-box.css [edit]
[-] background-style-rtl.css [edit]
[-] video-banner-rtl.css [edit]
[-] headings-rtl.css [edit]
[-] icons.css [edit]
[-] fancytext-rtl.css [edit]
[-] ajax-loader.gif [edit]
[-] interactive-styles.css [edit]
[-] pricing.css [edit]
[-] hotspot-tooltipster.css [edit]
[-] teams-rtl.css [edit]
[-] expandable-section-rtl.css [edit]
[-] hotspot-rtl.css [edit]
[-] ib2-style-rtl.css [edit]
[-] info-banner-rtl.css [edit]
[-] stats-counter.css [edit]
[-] highlight-box-rtl.css [edit]
[-] vc-fronteditor-rtl.css [edit]
[-] modal-rtl.css [edit]
[-] headings.css [edit]
[-] modal.css [edit]
[-] ib2-style.css [edit]
[-] animate.css [edit]
[-] ihover.css [edit]
[-] info-circle.css [edit]
[-] expandable-section.css [edit]
[-] hotspot-tooltipster-rtl.css [edit]
[-] swatchbook-rtl.css [edit]