Your IP : 18.217.104.36

Current Path : /home/ncdcgo/public_html/wp-content/plugins/Ultimate_VC_Addons/assets/css/
Upload File :
Current File : /home/ncdcgo/public_html/wp-content/plugins/Ultimate_VC_Addons/assets/css/info-banner.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
}