.conjo-infobox{
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    position: relative;
}

.conjo-infobox:before,
.conjo-infobox:after{
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
}

.conjo-infobox:after{
    opacity: 0;
}

.conjo-infobox:hover:after{
    opacity: 1;
}

.conjo-infobox .infobox-content-wrapper {
    position: relative;
    z-index: 2;
}

.conjo-infobox-content-align-center{
    text-align: center;
}

.conjo-infobox-content-align-right{
    text-align: right;
}

/*--- Creative Styles ---*/
.conjo-infobox-creative .infobox-icon .infobox-circle{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.conjo-infobox-creative:hover .infobox-icon .infobox-circle{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.conjo-infobox-creative:hover .infobox-icon .infobox-circle svg{
    animation: conjo-rotate-icon 3s;
    -webkit-animation: conjo-rotate-icon 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.conjo-infobox-creative .infobox-icon .infobox-circle svg .cls-1,
.conjo-infobox-creative .infobox-icon .infobox-circle svg .cls-2{
    stroke-miterlimit:10;
    stroke-width:2px;
    fill:#f3f6fa;
}

.conjo-infobox-creative .infobox-icon .infobox-circle svg .cls-1{
    stroke:#1179ea;
}

.conjo-infobox-creative .infobox-icon .infobox-circle svg .cls-2{
    stroke:#f3f6fa;
}

.js-tilt{
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: perspective(300px);
    -webkit-transform: perspective(300px);
}

.js-tilt .infobox-content-wrapper{
    transform: translateZ(20px);
    -webkit-transform: translateZ(20px);
}

/*--- Modern Styles ---*/
.conjo-infobox.conjo-infobox-modern .infobox-content-wrapper{
    /*overflow: hidden;*/
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.conjo-infobox-modern-icon{
    position: absolute;
    z-index: -1;
    right: 0px;
    bottom: 0px;
    opacity: .5;
    max-width: 150px;
    max-height: 150px;
    min-width: 120px;
    min-height: 120px;
    transform-origin: bottom;
    transition: transform .6s cubic-bezier(0,.15,.3,1);
    -webkit-transition: transform .6s cubic-bezier(0,.15,.3,1);
}

.conjo-infobox-modern-icon img{
    opacity: .2
}

.conjo-infobox.conjo-infobox-modern:hover .conjo-infobox-modern-icon{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.conjo-infobox-modern-icon i{
    font-size: 130px;
    color: #e8ecf3;
}

/*--- Overlay Styles ---*/
.conjo-infobox.conjo-infobox-overlay .infobox-icon{
    position: relative;
    z-index: 2;
}

.conjo-infobox-overlay-content{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
    padding: 8%;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/*--- Image/Icon On Top ---*/
.conjo-infobox .infobox-icon {
    height: auto;
    text-align: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 2rem;
    transition: all .75s cubic-bezier(0,.15,.3,1);
    -webkit-transition: all .75s cubic-bezier(0,.15,.3,1);
}

.conjo-infobox .infobox-icon .infobox-icon-wrap {
    display: -webkit-box;
    display: flex;
    transition: all .6s cubic-bezier(0,.15,.3,1);
    -webkit-transition: all .6s cubic-bezier(0,.15,.3,1);
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
}

.conjo-infobox .infobox-icon .infobox-icon-wrap:before,
.conjo-infobox .infobox-icon .infobox-icon-wrap:after{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    content: "";
    transition: all .6s cubic-bezier(0,.15,.3,1);
    -webkit-transition: all .6s cubic-bezier(0,.15,.3,1);
}

.conjo-infobox .infobox-icon .infobox-icon-wrap:after{
    opacity: 0;
}

.conjo-infobox:hover .infobox-icon .infobox-icon-wrap:after{
    opacity: 1;
}

.conjo-infobox:hover .infobox-icon .infobox-icon-wrap:before{
    opacity: 0;
}

/* Scale Large */
.conjo-infobox:hover .infobox-icon.animate-scale-lg .infobox-icon-wrap:after{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition-delay: .15s;
    -webkit-transition-delay: .15s;
}

.conjo-infobox:hover .infobox-icon.animate-scale-lg .infobox-icon-wrap:before{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

/* Scale Small */
.conjo-infobox:hover .infobox-icon.animate-scale-sm .infobox-icon-wrap:after{
    transform: scale(.8);
    -webkit-transform: scale(.8);
}

.conjo-infobox:hover .infobox-icon.animate-scale-sm .infobox-icon-wrap:before{
    transform: scale(.5);
    -webkit-transform: scale(.5);
}

/* Scale Fade */
.conjo-infobox .infobox-icon.animate-scale-fade .infobox-icon-wrap:after{
    transition-delay: .15s;
    -webkit-transition-delay: .15s;
    transform: scale(.8);
    -webkit-transform: scale(.8);
}

.conjo-infobox:hover .infobox-icon.animate-scale-fade .infobox-icon-wrap:after{
    transform: scale(1);
    -webkit-transform: scale(1);
}

.conjo-infobox:hover .infobox-icon.animate-scale-fade .infobox-icon-wrap:before{
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
}

.infobox-icon.conjo-infobox-icon-width:not(.infobox-icon-type-img) .infobox-icon-wrap{
    width: 90px;
    height: 90px;
}

.conjo-infobox .infobox-icon .infobox-icon-wrap i {
    transition: all .75s cubic-bezier(0,.15,.3,1);
    -webkit-transition: all .75s cubic-bezier(0,.15,.3,1);
    position: relative;
    z-index: 2;
}

.conjo-infobox .infobox-icon-type-img.animate-img .infobox-icon-wrap{
    overflow: hidden;
}
.conjo-infobox .infobox-icon-type-img.animate-img .infobox-icon-wrap img{
    transition: all .75s cubic-bezier(0,.15,.3,1);
    -webkit-transition: all .75s cubic-bezier(0,.15,.3,1);
}

.conjo-infobox:hover .infobox-icon-type-img.animate-img .infobox-icon-wrap img{
    transform: scale(1.15);
    -webkit-transform: scale(1.2);
}

.conjo-infobox:hover .infobox-icon-type-img.animate-img .infobox-icon-wrap {
    transform: scale(.95);
    -webkit-transform: scale(.95);
}

.conjo-infobox .infobox-button{
    margin-top: 1.5rem;
    position: relative;
    z-index: 3;
}

.conjo-infobox .infobox-button.conjo-infobox-button-hover{
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
}

.conjo-infobox:hover .infobox-button.conjo-infobox-button-hover{
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}

.conjo-infobox.conjo-infobox-has-button-hover .infobox-icon,
.conjo-infobox.conjo-infobox-has-button-hover .infobox-content{
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
}

.conjo-infobox.conjo-infobox-has-button-hover .infobox-content{
    transition-delay: .15s;
    -webkit-transition-delay: .15s;
}

.conjo-infobox.conjo-infobox-has-button-hover .infobox-button{
    transition-delay: .25s;
    -webkit-transition-delay: .25s;
}

.conjo-infobox.conjo-infobox-has-button-hover:hover .infobox-icon,
.conjo-infobox.conjo-infobox-has-button-hover:hover .infobox-content{
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
}

/*--- For Content Alignment ---*/
.conjo-infobox-content-align-left .conjo-infobox .infobox-icon,
.conjo-infobox-content-align-left .conjo-infobox .infobox-content,
.conjo-infobox-content-align-left .conjo-infobox .infobox-button {
    text-align: left;
}

.conjo-infobox-content-align-right .conjo-infobox .infobox-icon,
.conjo-infobox-content-align-right .conjo-infobox .infobox-content,
.conjo-infobox-content-align-right .conjo-infobox .infobox-button {
    text-align: right;
}

.conjo-infobox-content-align-center .conjo-infobox .infobox-icon,
.conjo-infobox-content-align-center .conjo-infobox .infobox-content,
.conjo-infobox-content-align-center .conjo-infobox .infobox-button {
    text-align: center;
}

/*--- Infobox Button ---*/
.conjo-infobox .infobox-button a.conjo-infobox-button {
    display: inline-block;
    padding: 5px 10px;
    -webkit-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

/*--- For icon bg shape alignment ---*/
.conjo-infobox-content-align-left.conjo-infobox-icon-bg-shape-square .infobox-icon,
.conjo-infobox-content-align-left.conjo-infobox-icon-bg-shape-radius .infobox-icon,
.conjo-infobox-content-align-left.conjo-infobox-icon-bg-shape-circle .infobox-icon {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.conjo-infobox-content-align-center.conjo-infobox-icon-bg-shape-square .infobox-icon,
.conjo-infobox-content-align-center.conjo-infobox-icon-bg-shape-radius .infobox-icon,
.conjo-infobox-content-align-center.conjo-infobox-icon-bg-shape-circle .infobox-icon {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.conjo-infobox-content-align-right.conjo-infobox-icon-bg-shape-square .infobox-icon,
.conjo-infobox-content-align-right.conjo-infobox-icon-bg-shape-radius .infobox-icon,
.conjo-infobox-content-align-right.conjo-infobox-icon-bg-shape-circle .infobox-icon {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

/*--- Image/Icon On Left ---*/
.conjo-infobox.icon-on-left .infobox-content-wrapper {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.conjo-infobox.icon-on-right .infobox-icon-wrap,
.conjo-infobox.icon-on-left .infobox-icon-wrap {
    -webkit-box-pack: center;
    justify-content: center;
    display: -webkit-box !important;
    display: flex !important;
    -webkit-box-align: center;
    align-items: center;
}

.conjo-infobox.icon-on-left .infobox-icon .infobox-icon-wrap {
    background: none;
    border: 0px;
    text-align: left;
    height: auto;
    display: block;
}

.conjo-infobox .infobox-content p {
    margin: 0;
}

.conjo-infobox.icon-on-left .infobox-icon .infobox-icon-wrap i {
    margin-top: 0px;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.conjo-infobox.icon-on-left .infobox-content {
    padding-left: 20px;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
}

.conjo-infobox.icon-on-left .infobox-content .title {
    margin: 0 0 10px 0;
}

/*--- Image/Icon On Right ---*/
.conjo-infobox.icon-on-right .infobox-content-wrapper {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
}

.conjo-infobox.icon-on-right .infobox-icon .infobox-icon-wrap {
    background: none;
    border: 0px;
    text-align: right;
    width: auto;
    height: auto;
    display: block;
}

.conjo-infobox.icon-on-right .infobox-icon .infobox-icon-wrap i {
    margin-top: 0px;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.conjo-infobox.icon-on-right .infobox-content {
    padding-right: 20px;
    text-align: right;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    box-sizing: border-box;
}

.conjo-infobox.icon-on-right .infobox-content .title {
    margin: 0 0 10px 0;
}

/*--- Imgae Circle On Top ---*/
.conjo-infobox .infobox-icon img {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.conjo-infobox-hover-img-shape-square:hover .conjo-infobox .infobox-icon img {
    border-radius: 0;
}

.conjo-infobox-shape-circle .conjo-infobox .infobox-icon img,
.conjo-infobox-hover-img-shape-circle:hover .conjo-infobox .infobox-icon img {
    border-radius: 50%;
}

.conjo-infobox-shape-radius .conjo-infobox .infobox-icon img,
.conjo-infobox-hover-img-shape-radius:hover .conjo-infobox .infobox-icon img {
    border-radius: 15px;
}

.conjo-btn-icon-wrap{
    display: inline-block;
    line-height: 1;
}

.conjo-infobox:hover .conjo-btn-icon-wrap.conjo-anim-icon i{
    animation-name: btnIconAnim;
    animation-duration: 1.2s;
    animation-timing-function: linear;
    animation-delay: .1s;
    display: inline-block;
}

.conjo-infobox:hover .conjo-btn-icon-wrap.conjo-anim-icon.infinite i{
    animation-iteration-count: infinite;
    animation-delay: 0s;
}

@media (max-width: 767.8px) {
    .conjo-infobox{
        display: block !important;
    }
    .conjo-infobox .infobox-icon{
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .conjo-infobox .infobox-content{
        text-align: center;
        /*padding: 0 !important;*/
    }
}

@keyframes conjo-rotate-icon {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}
@-webkit-keyframes conjo-rotate-icon {0% {-webkit-transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);}}