.pre-footer {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background: #f2f2f2
}

.tps_pearlSizing_flex {
	display: flex;
	align-items: center;
	height: 100%;
}

.tps_pearlSizes {
	height: 100%;
	display: flex;
	align-items: center;
}

@media (max-width: 767px) {
    .pre-footer {
        height: auto
    }
}

.pre-footer .layout {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

@media (max-width: 767px) {
    .pre-footer .layout {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.pre-footer .image {
    position: absolute;
    width: 40%;
    height: 100%;
    top: 0;
    left: 0
}

@media (max-width: 767px) {
    .pre-footer .image {
        position: relative;
        width: 100%;
        height: 12.5rem
    }
}

.pre-footer .image .background {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.pre-footer .tps_shared_containerThin {
    height: auto
}

@media (max-width: 767px) {
    .pre-footer .tps_shared_containerThin {
        height: 100%
    }
}

.pre-footer .content {
    width: 60%;
    margin-right: 0;
    margin-left: auto;
    padding-bottom: 1rem
}

@media (max-width: 767px) {
    .pre-footer .content {
        width: 100%;
        height: 100%;
        padding-bottom: 1rem
    }
}

.pre-footer .content p {
    font-size: 0.75rem
}

.pre-footer .content p a {
    font-size: 0.75rem;
    color: #62564a;
    border-color: #62564a;
    text-decoration: underline
}

@media (max-width: 565px) {
    .pre-footer .content p {
        font-size: 1rem
    }
    .pre-footer .content p a {
        font-size: 1rem
    }
}

.pre-footer .content .cta {
    margin-bottom: 1rem
}

.pre-footer .content .cta .btn {
    border-color: #62564a;
    color: #62564a
}

.pre-footer .content .cta .btn:hover {
    color: #fff
}

.image-container {
    margin-top: 10px
}

.image-container .option-popup {
    width: auto
}

@media (max-width: 565px) {
    .image-container img {
        width: 90%
    }
}

.image-container .zoom-image img {
    width: 590px
}
