﻿.page-faq .accordion {
    list-style: none;
    padding: 20px;
}

.page-faq li.text-bold {
    line-height: 23px;
    cursor: pointer;
}

    .page-faq li.text-bold:before {
        content: "+";
        padding-right: 10px;
        padding-right: 10px;
        margin-left: -34px;
        vertical-align: middle;
        font-size: 35px;
        font-weight: 400;
    }

.page-faq li[aria-expanded="true"]:before {
    content: "-";
    margin-left: -25px;
}

.page-faq .nav-pills {
    padding: 20px;
}

.page-faq .nav-pills .nav-link {
    border-radius: 0;
    display: flex;
    justify-content: left;
    align-items: center;
    min-height: 95px;
    margin-bottom: 25px;
    padding: 0 25px;
    font-size: 18px;
    font-weight: bold;
    background-color: #A4E1F4;
    color: black;
    text-transform: uppercase;
}

.page-faq .nav-pills .nav-link:hover {
    color: black;
}

.page-faq .nav-pills .nav-link.active {
    background-color: #6cf;
    color: white;
}

.page-faq .nav-pills .nav-link[aria-expanded="true"] {
    background-color: #6cf;
    color: white;
}

.up-collapse {
    display: none;
}

.page-faq .nav-pills .nav-link[aria-expanded="true"] .up-collapse {
    display: block;
}

.down-collapse {
    display: block;
}

.page-faq .nav-pills .nav-link[aria-expanded="true"] .down-collapse {
    display: none;
}

.page-faq .carousel-item {
    transition: none;
    transition: none;
    transition: none;
}

@media (min-width: 768px) {

    /* show 3 items */
    .page-faq .carousel-inner .active,
    .page-faq .carousel-inner .active + .carousel-item,
    .page-faq .carousel-inner .active + .carousel-item + .carousel-item,
    .page-faq .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }

    .page-faq .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .page-faq .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .page-faq .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    .page-faq .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }

    .page-faq .carousel-inner .carousel-item-next,
    .page-faq .carousel-inner .carousel-item-prev {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    .page-faq .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    .page-faq .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .page-faq .carousel-item-next.carousel-item-left + .carousel-item,
    .page-faq .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .page-faq .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    .page-faq .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    .page-faq .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    .page-faq .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .page-faq .carousel-item-prev.carousel-item-right + .carousel-item,
    .page-faq .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .page-faq .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    .page-faq .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

    .page-faq .carousel-item {
        transition: -webkit-transform 0.5s ease;
        transition: transform 0.5s ease;
        transition: transform 0.5s ease, -webkit-transform 0.5s ease;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
    }

    #tvKumon .panel-thumbnail > a > span {
        min-height: 40px;
    }
}

/* Bootstrap Lightbox using Modal */

#profile-grid {
    overflow: auto;
    white-space: normal;
}

#profile-grid .profile {
    padding-bottom: 40px;
}

#profile-grid .panel {
    padding: 0
}

#profile-grid .panel-body {
    padding: 15px
}

#profile-grid .profile-name {
    font-weight: bold;
}

#profile-grid .thumbnail {
    margin-bottom: 6px;
}

#profile-grid .panel-thumbnail {
    overflow: hidden;
}

#profile-grid .img-rounded {
    border-radius: 4px 4px 0 0;
}

.page-faq .carousel-control-prev-icon,
.slide-depoimentos .carousel-control-prev-icon {
    background-image: url("../img/faq/carousel_left.png");
    width: 26px;
    height: 45px;
}

.page-faq .carousel-control-next-icon,
.slide-depoimentos .carousel-control-next-icon {
    background-image: url("../img/faq/carousel_right.png");
    width: 26px;
    height: 45px;
}

.page-faq .carousel,
.carousel.slide-depoimentos {
    padding: 0 60px;
}

.page-faq .carousel-control-next,
.slide-depoimentos .carousel-control-next {
    /*right: -10%;*/
    width: 60px;
}

.page-faq .carousel-control-prev,
.slide-depoimentos .carousel-control-prev {
    /*left: -10%;*/
    width: 60px;
}

.page-faq .talk-link {
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 65px;
    margin: 12px 0;
    padding: 25px 0;
    font-weight: bold;
    text-transform: none;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 21px;
}

.first {
    background-color: #2cabe0;
    color: #0095ce;
}

.second {
    background-color: #03435b;
    color: white;
}

.third {
    background-color: #0095ce;
    color: #18b8f4;
}

.page-faq .left {
    float: left;
}

.page-faq .right {
    float: left;
}

@media (max-width: 576px) {
    .page-faq .left {
        width: 100%;
    }

    .page-faq .right {
        width: 100%;
    }

    .page-faq .talk-link {
        width: 100%;
        margin: 0 0 20px;
    }
}

.page-faq .form-radio {
    width: 20px !important;
}

.black-500 {
    color: black;
    font-weight: 500;
}

.ver-video-button {
    font-weight: 500;
    color: white;
    font-size: 15px;
    background-color: #03435b;
    display: inline-block;
    padding: 6px 12px;
    text-decoration: underline;
}

.ver-video-button:hover {
    color: white;
}

.ver-video-button img {
    margin-left: 10px;
}