.tpm-container {
    padding: 2rem 4rem;
    position: relative;
    z-index: 1071;
    background: #fff;
    border-radius: .3rem;
}

@media (max-width: 767.98px) {
    .tpm-container {
        padding: 2rem 3rem;
    }
}

.tpm-single .modal-header {
    height: 0;
    border: 0;
    z-index: 1072;
}

    .tpm-single .modal-header .tabpop-close {
        margin-right: 0 !important;
    }

.tpm-single .tpm-container {
    padding-top: 0;
}

.tpm-single .tpm-section > .row > [class*="col-"]:last-child > :first-child {
    padding-top: 4rem;
}

.tpm-section.hide {
    opacity: 0;
    display: none;
}

.tpm-section.show {
    display: block;
    -webkit-animation: fadePop 0.65s ease;
    animation: fadePop 0.65s ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.tpm-section .tpm-section-body {
    position: relative;
}

.tpm-section:last-of-type .tpm-next {
    display: none;
}

.tpm-section:first-of-type .tpm-prev {
    display: none;
}

@-webkit-keyframes fadePop {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadePop {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.tpm-select {
    visibility: hidden;
    margin-top: 0.5rem;
    margin-left: 1rem;
    border-radius: 0.25rem;
    font-weight: 400;
    cursor: pointer;
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
    font-weight: 400;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 9999;
    position: relative;
}

    .tpm-select + .dropdown-menu {
        z-index: 9999;
        cursor: pointer;
    }

        .tpm-select + .dropdown-menu .dropdown-item.active, .tpm-select + .dropdown-menu .dropdown-item::active {
            border-radius: 0 !important;
        }

            .tpm-select + .dropdown-menu .dropdown-item.active .list-text, .tpm-select + .dropdown-menu .dropdown-item::active .list-text {
                color: #fff !important;
            }

.arrow-nav {
    position: absolute;
    top: 50%;
    cursor: pointer;
    width: 2.5rem;
    height: 5rem;
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
    padding: 1.25rem 0;
    vertical-align: middle;
    border-radius: .25rem;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0.5;
    font-family: "Font Awesome 5 Pro";
    z-index: 9999;
    margin-top: -2.5rem;
}

@media (max-width: 767.98px) {
    .arrow-nav {
        position: fixed;
    }
}

.arrow-nav:hover {
    background: #0069d9;
    opacity: 1;
    text-decoration: none;
    outline: 0;
}

.arrow-nav.tpm-prev {
    left: 0.5rem;
}

    .arrow-nav.tpm-prev:before {
        content: "\f053";
    }

.arrow-nav.tpm-next {
    right: 0.5rem;
}

    .arrow-nav.tpm-next:before {
        content: "\f054";
    }

.tpm-tooltip {
    z-index: 9999 !important;
}

    .tpm-tooltip .tooltip-inner {
        padding: 0.75rem;
        font-size: 1rem;
    }

    .tpm-tooltip .fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
    }

    .tpm-tooltip .fadeInRight {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }

@media (max-width: 1199.98px) {
    .tpm-tooltip {
        display: none;
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(1.25rem, 0, 0);
        transform: translate3d(1.25rem, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(1.25rem, 0, 0);
        transform: translate3d(1.25rem, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1.25rem, 0, 0);
        transform: translate3d(-1.25rem, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1.25rem, 0, 0);
        transform: translate3d(-1.25rem, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.tpm-close {
    margin-right: 0 !important;
    width: 3rem;
    height: 3rem;
    border-radius: 500rem;
    font-size: 1.125rem !important;
}

.tpm-modal {
    padding-right: 0 !important;
}

@media (max-width: 1199.98px) {
    .tpm-modal .modal-dialog .modal-content {
        width: auto;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
}

@media (max-width: 767.98px) {
    .tpm-modal .modal-dialog .modal-content {
        width: auto;
        margin-left: 0;
        margin-right: 0;
    }
}

.tpm-modal .modal-xl {
    max-width: 1140px !important;
}