/**
 * CSS for both Frontend+Backend.
 */
/*Style 6*/
.tpgb-infobox.info-box-style-6 {
    padding-top: 30px;
    padding-bottom: 30px
}

.tpgb-infobox.info-box-style-6 .info-box-inner {
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important
}

.tpgb-infobox.info-box-style-6 .info-box-all,
.style-6.service-title {
    transition: all 0.8s cubic-bezier(.19, 1, .22, 1);
}

.tpgb-infobox.info-box-style-6:hover .service-title {
    position: relative;
    transform: translateY(0);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1);
}

.tpgb-infobox.info-box-style-6 .service-title {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    text-align: center;
    display: block;
    width: 100%;
    transition: all 1s;
    margin-bottom: 0;
}

.tpgb-infobox.info-box-style-6 .info-box-title-hide {
    opacity: 0;
    margin-bottom: 0;
	text-align: center;
}

.tpgb-infobox.info-box-style-6 .service-desc {
    opacity: 0;
    transform: translate3d(0, -50%, 0);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1);
}

.tpgb-infobox.info-box-style-6 .info-box-icon-img {
    opacity: 0;
    backface-visibility: hidden;
    transition: transform 1s cubic-bezier(.19, 1, .22, 1);
}

.tpgb-infobox.info-box-style-6:hover .service-desc {
    opacity: 1;
    transform: translate3d(0, 10px, 0);
    transition: all 0.8s cubic-bezier(.19, 1, .22, 1);
}

.tpgb-infobox.info-box-style-6:hover .info-box-icon-img {
    opacity: 1;
    transform: translate3d(0, -10px, 0);
    transition: all 0.8s cubic-bezier(.19, 1, .22, 1);
}

.tpgb-infobox.info-box-style-6 {
    overflow: visible;
    box-shadow: none!important;
    transition: all .35s
}

.tpgb-infobox.info-box-style-6 .info-box-full.color {
    background: inherit;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate3d(0, 0, 0);
    transition: transform .35s;
    width: 100%;
    z-index: 1
}

.info-box-style-6:hover .info-box-title-hide {
    display: none
}

.tpgb-infobox.info-box-style-6:hover .info-box-full.color {
    transform: scaleX(1.14625) translate3d(0, 0, 0)
}

.tpgb-infobox.info-box-style-6:hover .info-box-all {
    position: relative;
    z-index: 6
}

.tpgb-infobox.info-box-style-6 .info-box-all {
    position: relative;
    z-index: 5
}

.tpgb-infobox.info-box-style-6:hover {
    z-index: 7
}
.tpgb-infobox .info-box-carousel .splide__list .splide__slide{
    margin-bottom: 10px;
}
/*Style 6*/