@import "style.css";

.bkg-turmas {
    background: url(/wp-content/uploads/2017/08/bkg-lines5.jpg) no-repeat center top;
    background-size: 100%
}

.btn-whatsapp {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 100;
    color: white;
    background-color: #4dc247;
    box-shadow: 2px 2px 6px rgb(0 0 0 / 40%);
    border-radius: 50%;
}

#div_fixa {
    position: fixed;
    right: 25px;
    bottom: 150px;
    display: block;
    z-index: 9999999;
    float: right;

    animation: pulse 2s infinite;
    transition: transform 0.3s ease;
}

#div_fixa:hover{
    animation: none;
}

#div_fixa a{
    color: #fff;

    cursor: pointer;
    padding: 15px;
    background-color: #f36f21;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    gap: 10px;
}

#div_fixa a:hover{
    color: #ffcb08;
    transition: .2s;
}

#curso_valor{
    position: sticky; 
    top: 0px;
}


@keyframes pulse {
    0% {
      transform: scale(1);
    }
    50% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(1);
    }
}

#imagem_whats2 {
    position: fixed;
    right: 0;
    bottom: 0;
    display: block;
    cursor: pointer;
    z-index: 9999999;
    float: right;
    display: none
}

@media only screen and (max-width: 999px) and (min-width: 100px) {
    #imagem_whats {
        display: none
    }

    #imagem_whats2 {
        display: block
    }
}


@media only screen and (max-width: 600px) and (min-width: 479px) {

    .cada-turma {
        width:100%!important;

    }
    .turma-infos h2 {
        color: #fff;
        font-size: 15px !important;
        margin-bottom: 15px  !important;
    }
    .turma-img {height:auto !important }
    .conteudo-turma .qode-accordion-holder .qode-title-holder{font-size:14px !important;}
}


@media only screen and (max-width: 1165px) and (min-width: 601px) {

    .cada-turma {
        width:46%!important;

    }
    .turma-infos h2 {
        color: #fff;
        font-size: 16px !important;
        margin-bottom: 20px !important;
    }
}
.cada-turma {
    width: 31%;
    height: 500px;
    float: left;
    margin: 1% 10px;
    overflow: hidden;
    position: relative;
    display: none
}

.turma-img {
    position: absolute;
    z-index: 10;
    width: 100%;

}

.turma-img img {
    width: 100%
}

.turma-infos {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 380px;
    background: rgba(87, 79, 70, .9);
    padding: 30px;
    box-sizing: border-box
}

.cada-turma:hover .turma-infos {
    z-index: 12
}

.turma-infos .turma-desc {
    height: 270px;
}

.turma-infos h2 {
    color: #fff;
    font-size: 28px;
    margin-bottom: 40px
}

.turma-infos p {
    color: #fff;
    margin: 0
}

.turma-infos a {
    margin-top: 20px
}

.turma-infos a:hover {
    background-color: #ffcb08;
    border-color: #ffcb08;
    color: #574f46
}

h3.unidade-selecionada {
    margin-top: 30px
}

#single-turma {
    padding-top: 10px;
    margin-bottom: 80px
}

.turma-breadcrumb {
    display: table;
    border-top: 3px solid #ffcb08;
    padding: 5px
}

.turma-breadcrumb h1 {
    font-size: 18px;
    font-weight: 400;
    color: #f36f21
}

a.btn-voltar-turmas {
    display: block;
    text-align: right;
    margin: 5px 15px 0 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    right: 0
}

.conteudo-turma {
    margin-top: 40px
}

.conteudo-turma .turma-img {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px
}

.conteudo-turma .turma-img-aulao {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px
}

.conteudo-turma h2,
.conteudo-turma h2 p {
    text-align: center;
    text-transform: none;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0
}

.conteudo-turma .infos-rapidas {
    margin: 30px 0
}

.conteudo-turma .infos-rapidas::after {
    content: "";
    display: block;
    clear: both
}

.conteudo-turma .infos-rapidas h3 {
    color: #574f46;
    margin-bottom: 20px;
    font-weight: 600;
    padding-bottom: 5px
}

.conteudo-turma .infos-rapidas p {
    margin: 0;
    font-size: 14px;
    line-height: 18px
}

.conteudo-turma .infos-rapidas .infos-rapidas-first {
    float: left;
    width: 33.3333%;
    height: 180px;
    overflow: hidden;
    padding: 20px;
    box-sizing: border-box;
    background: #d2d2d2;
    border-top: 7px solid #ffa43b;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease
}

.conteudo-turma .infos-rapidas .infos-rapidas-first:hover {
    -webkit-box-shadow: inset 0 180px #ffa43b;
    -moz-box-shadow: inset 0 180px #ffa43b;
    box-shadow: inset 0 180px #ffa43b
}

.conteudo-turma .infos-rapidas .infos-rapidas-first h3 {
    color: #ffa43b;
    border-bottom: 1px solid #ffa43b
}

.conteudo-turma .infos-rapidas .infos-rapidas-first:hover h3 {
    color: #574f46
}

.conteudo-turma .infos-rapidas .infos-rapidas-center {
    float: left;
    width: 33.3333%;
    height: 180px;
    overflow: hidden;
    padding: 20px;
    box-sizing: border-box;
    background: #d2d2d2;
    border-top: 7px solid #f58d15;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease
}

.conteudo-turma .infos-rapidas .infos-rapidas-center:hover {
    -webkit-box-shadow: inset 0 180px #f58d15;
    -moz-box-shadow: inset 0 180px #f58d15;
    box-shadow: inset 0 180px #f58d15
}

.conteudo-turma .infos-rapidas .infos-rapidas-center h3 {
    color: #f58d15;
    border-bottom: 1px solid #f58d15
}

.conteudo-turma .infos-rapidas .infos-rapidas-center:hover h3 {
    color: #574f46
}

.conteudo-turma .infos-rapidas .infos-rapidas-last {
    float: left;
    width: 33.3333%;
    height: 180px;
    overflow: hidden;
    padding: 20px;
    box-sizing: border-box;
    background: #d2d2d2;
    border-top: 7px solid #f36f21;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease
}

.conteudo-turma .infos-rapidas .infos-rapidas-last:hover {
    -webkit-box-shadow: inset 0 180px #f36f21;
    -moz-box-shadow: inset 0 180px #f36f21;
    box-shadow: inset 0 180px #f36f21
}

.conteudo-turma .infos-rapidas .infos-rapidas-last h3 {
    color: #f36f21;
    border-bottom: 1px solid #f36f21
}

.conteudo-turma .infos-rapidas .infos-rapidas-last:hover h3 {
    color: #574f46;
}

.conteudo-turma .qode-accordion-holder .qode-title-holder {
    text-transform: uppercase;
    font-weight: 600;
    background: #e2e2e2
}

.faqpergunta {
    color: #363435 !important;
    text-transform: none !important;
}

.laranja {
    color: #f47435;
}

.conteudo-turma .qode-accordion-holder .qode-title-holder.ui-state-active,
.conteudo-turma .qode-accordion-holder .qode-title-holder.ui-state-hover {
    background: #ffcb08;
    color: #574f46
}

.conteudo-turma .qode-accordion-content-inner {
    padding-bottom: 20px
}

.btn-fazer-matricula {
    display: table;
    width: 100%;
    margin-top: 40px
}

.btn-fazer-matricula a {
    width: 100%;
    white-space: pre-wrap;
    box-sizing: border-box;
    text-align-last: center;
    font-size: 16px;
    margin: 0;
    padding: 20px 20px 20px 20px;
    background-position: 50px 15px
}

.btn-fazer-matricula a:hover {
    background-position: 50px -39px
}

.btn-valorcurso {

    width: 100%;
    white-space: pre-wrap;
    box-sizing: border-box;
    text-align-last: center;
    font-size: 20px;
    margin: 0;
    padding: 20px 20px 20px 50px;
    background-position: 50px 15px;
    color: #FFF;
    background-position: 15px 10px;
    background: #363435;
}

.bg-laranja {
    background: #f47435;
    padding: 15px;
}

.btn-valormaterial {

    width: 100%;
    white-space: pre-wrap;
    box-sizing: border-box;
    text-align-last: center;
    font-size: 20px;
    margin: 0;
    padding: 20px 20px 20px 20px;
    background-position: 50px 15px;
    color: #363435;
    background-position: 15px 10px;
    background: #f47435;
}


.btn-valormaterial {

    width: 100%;
    white-space: pre-wrap;
    box-sizing: border-box;
    text-align-last: center;
    font-size: 20px;
    margin: 0;
    padding: 20px 20px 20px 20px;
    background-position: 50px 15px;
    color: #FFF;
    background-position: 15px 10px;
    background: #363435;
}




.turmas-duvida {
    display: table;
    width: 100%;
    margin-top: 20px;
    padding: 40px;
    box-sizing: border-box;
    background: #574f46;
    color: #fff
}

.turmas-duvida h2 {
    color: #fff;
    font-size: 24px
}

.turmas-duvida p {
    color: #fff;
    margin: 0 0 20px
}

.btn-fazer-matricula.scroll {
    margin-top: 110px
}

.hidden-desktop {
    display: none
}

.bkg-matricula {
    background: url(../layout/assets/img/bkg-lines7.jpg) no-repeat left bottom;
    background-size: 100%
}

/*----- product tab menu start -----*/
.product-tab-menu {
    margin-top: -6px;
    margin-bottom: 35px;
}

.product-tab-menu ul li {
    margin-right: 35px;
}

@media only screen and (max-width: 479.98px) {
    .product-tab-menu ul li {
        margin-right: 15px;
    }
    .cada-turma {
        width: 100%;
    }
    .turma-infos h2 {
        color: #fff;
        font-size: 14px;
        margin-bottom: 15px;
    }
}

.product-tab-menu ul li:last-child {
    margin-right: 0;
}

.product-tab-menu ul li a {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    color: #000;
    text-transform: uppercase;
}

.product-tab-menu ul li a:hover,
.product-tab-menu ul li a.active {
    color: #222222;
}

.tab-content .tab-pane.show.active .product-item {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

/*----- product tab menu start -----*/
.product-tab-menu {
    margin-top: -6px;
    margin-bottom: 35px;
}

.product-tab-menu ul li {
    margin-right: 35px;
}

@media only screen and (max-width: 479.98px) {
    .product-tab-menu ul li {
        margin-right: 15px;
    }
    .cada-turma {
        width: 100% !important;
    }
}

.product-tab-menu ul li:last-child {
    margin-right: 0;
}

.product-tab-menu ul li a {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    color: #000;
    text-transform: uppercase;
}

.product-tab-menu ul li a:hover,
.product-tab-menu ul li a.active {
    color: #222222;
}

.tab-content .tab-pane.show.active .product-item {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

/*----- product tab menu start -----*/
.product-tab-menu {
    margin-top: -6px;
    margin-bottom: 35px;
}

.product-tab-menu ul li {
    margin-right: 35px;
}

@media only screen and (max-width: 479.98px) {
    .product-tab-menu ul li {
        margin-right: 15px;
    }
    .cada-turma {
        width: 100% !important;
    }
}

.product-tab-menu ul li:last-child {
    margin-right: 0;
}

.product-tab-menu ul li a {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    color: #000;
    text-transform: uppercase;
}

.product-tab-menu ul li a:hover,
.product-tab-menu ul li a.active {
    color: #222222;
}

.tab-content .tab-pane.show.active .product-item {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}


.select-cidades,
.select-turmas {
    -webkit-appearance: none;
    border: 1px solid #dadada;
    padding: 20px 80px 20px 20px;
    min-width: 516px;
    display: block;
    border-radius: 0;
    font-size: 22px;
    color: #574f46;
    margin: 30px auto 0;
    background: #e2e2e2 url(/wp-content/uploads/2017/08/seta-select.png) no-repeat 455px center
}

.select-cidades:focus,
.select-turmas:focus {
    outline: none
}

.form-turmas {
    display: none
}

.form-turmas h2 {
    font-size: 16px;
    font-weight: 400;
    display: inline-table
}

.form-turmas h2 span {
    color: #f36f21
}

#wpcf7-f343-o1 .your-cidade,
#wpcf7-f343-o1 .your-turma,
#wpcf7-f507-o1 .your-cidade,
#wpcf7-f507-o1 .your-turma,
#wpcf7-f509-o2 .your-cidade,
#wpcf7-f509-o2 .your-turma {
    display: none
}

.optionTurma,
.optionPagamento {
    display: none
}

.wpcf7-form-control-wrap.destinatarios {
    display: none
}

a.btn-avancar {
    display: table;
    margin: 30px auto 0;
    background: #ffcb08;
    color: #574f46;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 1px;
    padding: 16px 30px 12px
}

a.btn-avancar:hover {
    background: #574f46;
    color: #ffcb08
}

a.escolha-outra {
    float: right;
    background-color: #dedede;
    border-color: #dedede;
    color: #574f46
}

a.escolha-outra:hover {
    background-color: #574f46;
    border-color: #574f46;
    color: #fff
}

#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-nasc,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-nat,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-cpf,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-rg,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-cid,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-estado,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-fone,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-cel,
#wpcf7-f507-o1 .wpcf7-form-control-wrap.your-bairro,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-num,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-complemento,
#wpcf7-f507-o1 .wpcf7-form-control-wrap.your-cel {
    width: 49%;
    display: inline-table
}

#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-nasc,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-rg,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-cid,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-num,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-fone,
#wpcf7-f507-o1 .wpcf7-form-control-wrap.your-fone {
    margin-right: 2%
}

#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-cep {
    width: 32%;
    display: inline-table
}


#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-cpf input,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-rg input,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-nasc input,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-nat input,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-num input,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-complemento input,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-cep input,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-fone input,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-cel input,
#wpcf7-f507-o1 .wpcf7-form-control-wrap.your-fone input,
#wpcf7-f507-o1 .wpcf7-form-control-wrap.your-comp input {
    margin: 0
}

#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-nasc,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-nat,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-complemento {
    margin-bottom: 10px
}

#wpcf7-f507-o1 .wpcf7-form-control-wrap.your-cep input,
#wpcf7-f343-o1 .wpcf7-form-control-wrap.your-name input,
#wpcf7-f343-o1 textarea {
    margin-top: 0
}

#wpcf7-f343-o1 .wpcf7-form-control.wpcf7-submit,
#wpcf7-f507-o1 .wpcf7-form-control.wpcf7-submit {
    float: right
}

.cf7_custom_style_1 input.wpcf7-form-control.wpcf7-submit:hover,
.cf7_custom_style_1 input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover {
    color: #363435;
    background-color: #ffde21;
    border-color: #ffde21;
}


#wpcf7-f343-o1 .wpcf7-form-control.wpcf7-submit[disabled],
#wpcf7-f507-o1 .wpcf7-form-control.wpcf7-submit[disabled] {
    color: #eee;
    background-color: #f47435;
    border: none;

}

#erro_cadastro {
    color: #FFF;
    text-align: left;
    background: #F44336;
    padding: 5px
}

.msgRetorno {
    color: #363435;
    text-align: center;
    text-align: left;
}

.msgRetorno h1 {
    font-size: 15px;
    font-weight: 400;
    color: #f36f21;
}

.btn-md {
    color: #fff;
    border-color: #f47435;
    background-color: #f47435;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-width: 0;
    height: 39px;
    line-height: 36px;
    padding: 0 23px;
    font-size: 13px;
    float: left
}

.hidden-desktop p {
    font-size: 18px;
    line-height: 24px;
    text-align: left
}

#myModal .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;

}

#bntMatricular[disabled] {
    color: #574f46 !important;
    border: 2px solid #f96;
    cursor: not-allowed;

    #myModal .modal-content {
        background: #EEE !important;
    }

    @media(max-width:1300px) {

        .cada-turma,
        .turma-infos {
            height: 350px
        }

        .turma-infos .turma-desc {
            height: 250px
        }

        .turma-infos h2 {
            margin-bottom: 20px
        }
    }

    @media(max-width:1200px) {

        .cada-turma,
        .turma-infos {
            height: 303px
        }

        .turma-infos .turma-desc {
            height: 203px
        }

        .turma-infos h2 {
            margin-bottom: 10px
        }

        .turma-infos br {
            display: none
        }
    }

    @media(max-width:1000px) {
        .cada-turma {
            width: 47%
        }

        .cada-turma,
        .turma-infos {
            height: 375px
        }

        .turma-infos .turma-desc {
            height: 275px
        }

        .turma-infos h2 {
            margin-bottom: 40px
        }

        .turma-infos br {
            display: block
        }

        .form-turmas h2 {
            display: block;
            margin-left: 0 !important
        }
    }

    @media(max-width:767px) {
        .cada-turma {
            width: 46%
        }

        .cada-turma,
        .turma-infos {
            height: 290px
        }

        .turma-infos .turma-desc {
            height: 190px
        }

        .turma-infos h2 {
            margin-bottom: 10px;
            line-height: 28px
        }

        .turma-infos br {
            display: none
        }

        #wpcf7-f343-o1 textarea,
        #wpcf7-f507-o1 textarea {
            margin-top: 10px
        }

        a.escolha-outra {
            position: absolute;
            top: -90px;
            right: 0
        }

        .bkg-turmas {
            background-size: 200%;
            background-position: right top
        }

        .hidden-mobile {
            display: none
        }

        .hidden-desktop {
            display: block
        }
    }

    @media(max-width:600px) {
        .cada-turma {
            width: 100% !important;
            margin: 20px 0;
            float: none
        }

        .cada-turma,
        .turma-infos {
            height: auto
        }

        .turma-img,
        .turma-infos {
            position: relative
        }

        .turma-infos {
            background: 0 0;
            padding: 25px
        }

        .turma-infos .turma-desc {
            height: auto;
            border-bottom: 1px solid #574f46;
            padding-bottom: 20px
        }

        .turma-infos h2 {
            margin-bottom: 20px;
            line-height: 28px;
            color: #574f46
        }

        .turma-infos p {
            color: #574f46
        }

        .turma-infos br {
            display: block
        }

        .select-cidades,
        .select-turmas {
            min-width: 100%;
            width: 100%;
            box-sizing: border-box;
            background-position: 96% center;
            font-size: 16px
        }

        #wpcf7-f343-o1 .wpcf7-form-control-wrap,
        #wpcf7-f507-o1 .wpcf7-form-control-wrap {
            width: 100% !important;
            margin: 0 !important
        }

        #wpcf7-f343-o1 .wpcf7-form-control-wrap input,
        #wpcf7-f507-o1 .wpcf7-form-control-wrap input {
            margin: 0 0 10px !important
        }
    }

    @media(max-width:450px) {
        .turma-infos {
            background: 0 0;
            padding: 20px
        }
        .cada-turma {
            width: 100%;
        }

        .select-cidades,
        .select-turmas {
            background-position: 97% center;
            background-size: 25px;
            padding: 15px 30px 15px 10px;
            font-size: 15px
        }

        h3.unidade-selecionada {
            font-size: 20px
        }
    }
    @media(max-width:500px) {
        .cada-turma {
            width: 100%;
        }

            }