/*
    Desenvolvido por Artweb Design Digital
    https://www.agenciamaya.com.br/
    jeferson@agenciamaya.com
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700;800&display=swap');

body,h1,h2,h3,p,a,ul,li,select,option,input,textarea,table,th,td,blockquote,hr,button,div{
    margin:0;
    padding:0;
    font-weight: 400;
}

body{
    font-family: 'Montserrat', sans-serif;
    background-color: #F5F7F9;
    overflow-x: hidden;
}

body.pagina-interna{
    padding-top: 127px;
}

a{
    text-decoration: none;
    color: #00203c;
}

a:hover{
    text-decoration:none;
    color: #666666;
}

img{
    border:none;
    max-width:100%;
    border: 0;
    opacity: 1;
}

img.initial,
img.loaded,
img.loading,
img.error,
.fancybox-image{
    opacity: 1;
}

img:not([src]) {
    visibility: hidden;
}

.account img{
    opacity: 1;
}

button{
    border:none;
    cursor:pointer;
    font-family: 'Montserrat', sans-serif;
}

.pr-md-1{padding-right: 10px !important;}
.pl-md-1{padding-left: 10px !important;}

input, input.form-control, textarea.form-control, select.custom-select{
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #333333;
    background-color: transparent;
    margin-bottom: 20px;
    border: 1px solid #D4DDEA;
    font-weight: 300;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
}

input.form-control:focus, textarea.form-control:focus{
    background-color: #F5F5F5;
    color: #000000;
}

input.form-control, select.custom-select{
    height: 60px;
    padding: 10px 28px;
}

textarea.form-control{
    height: 195px;
    padding: 15px 28px;
}

.form-control::-webkit-input-placeholder{color:#333333; opacity:1}
.form-control::-moz-placeholder{color:#333333; opacity:1}
.form-control:-ms-input-placeholder{color:#333333; opacity:1}
.form-control::-ms-input-placeholder{color:#333333; opacity:1}
.form-control::placeholder{color:#333333; opacity:1}

h1, h2{
    font-size: 45px;
    line-height: 40px;
    font-weight: 700;
    color: #014477;
    margin-bottom: 30px;
}

body, p, .topo-paginas h1{
    font-weight: 300;
    font-size: 22px;
    line-height: 30px;
    color: #1A1A1F;
}

p{
    margin-bottom: 20px;
}

.btn{
    line-height: 46px;
    font-size: 16px;
    border: none;
    font-weight: 700;
    padding: 0 30px;
    text-transform: uppercase;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.btn-primary{
    color: #FFFFFF;
    background-color: #FFAC2C;
}

.btn-primary:hover{
    background-color: #014477;
    color: #FFFFFF;
}

.btn-secondary{
    color: #FFFFFF;
    background-color: #014477;
}

.btn-secondary:hover{
    background-color: #FFAC2C;
    color: #FFFFFF;
}

.btn-contact{
    background-color: transparent;
    color: #333333;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #D4DDEA;
    line-height: 58px;
    padding: 0 30px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
}

.btn-contact i{
    margin-left: 8px;
    color: #EA9608;
}

.btn-contact:hover{
    background-color: #D4DDEA;
}

.text-white p{
    color: #FFFFFF;
}

.fa-phone{
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.whats-fixo{
    position: fixed;
    right: 20px;
    bottom: 20px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    line-height: 30px;
    color: #FFFFFF;
    padding: 5px 25px;
    font-size: 14px;
    font-weight: 800;
    background-color: #A4C639;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    text-transform: uppercase;
    z-index: 100;
    -webkit-transition: background 200ms linear;
    -moz-transition: background 200ms linear;
    -ms-transition: background 200ms linear;
    -o-transition: background 200ms linear;
    transition: background 200ms linear;
}

.whats-fixo svg{
    font-size: 18px !important;
    margin-right: 6px;
    float: left;
    height: 31px;
}

.whats-fixo:hover{
    background-color: #00203c;
    color: #FFFFFF;
}

/* header */
.navbar{
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    background-color: transparent;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

.navbar-brand{
    padding: 0;
    margin: 0;
}

.navbar-brand{
    display: none;
}

.navbar-white{
    display: inline-block;
}

.navbar-nav li{
    list-style: none;
    float: left;
}

.nav-item{
    margin-right: 30px;
}

.navbar-nav li.nav-item:last-child{
    margin-right: 0;
}

.navbar-nav li.nav-item a{
    display: block;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
    line-height: 127px;
    white-space: nowrap;
    text-transform: uppercase;
    border-bottom: 3px solid transparent;
}

.navbar-nav li.nav-item:hover>a{
    color: #FF9313;
    border-bottom: 3px solid #FF8001;
}

.dropdown:hover .dropdown-menu{
    display: block;
}

.navbar-expand-md .navbar-nav .dropdown-menu {
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 100%;
    border: none;
    padding: 30px 0;
    width: 460px;
    margin-top: -1px;
}

.navbar-collapse li .dropdown-menu:before{
    display: block;
    content: '';
    position: fixed;
    left: 0;
    top: 131px;
    right: 0;
    background-color: #FFFFFF;
    height: 168px;
    border-bottom: 1px solid #CCDAE4;
}

.navbar-collapse li .dropdown-menu a{
    text-transform: none;
    line-height: 36px;
    margin: 0;
    text-align: left;
    border-bottom: none;
    padding: 0;
    font-size: 16px;
    color: #014477 !important;
    font-weight: 300;
    text-decoration: underline;
}

.navbar-collapse li .dropdown-menu a:hover{
    color: #FF8001 !important;
    background-color: transparent;
}

.navbar-collapse li .dropdown-menu a svg{
    margin-left: 8px;
    color: #FF8001;
}

.abre-busca{
    width: 46px;
    height: 46px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    line-height: 46px;
    color: #FFFFFF;
    font-size: 20px;
    margin-right: 15px;
    background-color: #1C76BA;
    text-align: center;
}

#caixa-search{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    background-color: rgba(0, 0, 0, 0.95);
}

.close-search{
    font-size: 32px;
    cursor: pointer;
    position: fixed;
    top: 20px;
    right: 20px;
    color: #FFFFFF;
}

#search{
    left: 0;
    width: 100%;
    position: absolute;
    padding: 10px 0;
    top: 50%;
    margin-top: -30px;
}

#search .container{
    position: relative;
}

#search input{
    width: 100%;
    color: #FFFFFF;
    box-sizing: border-box;
    height: 60px;
    padding: 0 40px;
    font-size: 20px;
    font-weight: 700;
}

#search input::-webkit-input-placeholder{
    color: #FFFFFF;
    opacity: 1
}

#search input::-moz-placeholder{
    color: #FFFFFF;
    opacity: 1
}

#search input:-ms-input-placeholder{
    color: #FFFFFF;
    opacity: 1
}

#search input::-ms-input-placeholder{
    color: #FFFFFF;
    opacity: 1
}

#search input::placeholder{
    color: #FFFFFF;
    opacity: 1
}

#search button{
    position: absolute;
    right: 40px;
    top: 10px;
    font-size: 20px;
    color: #0099CC;
    background-color: transparent;
    line-height: 40px;
    height: 40px;
}

.navbar-fixed, .pagina-interna .navbar{
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCDAE4;
}

.navbar-fixed .navbar-nav li.nav-item a, .pagina-interna .navbar-nav li.nav-item a, .navbar-fixed .telefone-topo a, .pagina-interna .telefone-topo a{
    color: #014477;
}

.navbar-fixed .navbar-nav li.nav-item a:hover, .pagina-interna .navbar-nav li.nav-item a:hover, .navbar-fixed .telefone-topo a:hover, .pagina-interna .telefone-topo a:hover{
    color: #FF8001;
}

.navbar-fixed .navbar-brand, .pagina-interna .navbar-brand{
    display: inline-block;
}

.navbar-fixed .navbar-white{
    display: none;
}


/* Home */
.espaco{
    height: 140px;
}

.espaco-medio{
    height: 100px;
}

.espaco-menor{
    height: 80px;
}

hr{
    border: none;
    background-image: url(../img/traco-home.png);
    background-color: transparent;
    height: 1px;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    margin: 0;
}

.bg-home{
    padding-top: 210px;
    padding-bottom: 190px;
    position: relative;
    background-color: #025FA6;
}

.bg-home:after{
    background-image: url(../img/detalhes-banner.png);
    height: 124px;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.bg-home:before{
    display: block;
    content: '';
    height: 700px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.tp-bannertimer{
    height: 10px;
}

.alinha-ensino{
    display: grid;
    grid-template-columns: repeat(5,1fr);
}

.ensino-individual{
    margin-bottom: 20px;
    position: relative;
}

.bg-ensino-individual{
    background-color: #014477;
    background-image: url(../img/logo-escola-mario-quintana.png);
    display: block;
    height: 340px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.titulo-ensino{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    color: #FFFFFF;
    background-color: #FF8001;
    padding: 10px 15px;
}

.ensino-individual h3{
    font-size: 14px;
    line-height: 24px;
    font-weight: 800;
    text-transform: uppercase;
}

.ensino-individual:hover{
    z-index: 10;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
    margin-bottom: -20px;
}

.ensino-individual:hover .bg-ensino-individual{
    height: 380px;
}

.hover-ensino{
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #014477;
    color: #FFFFFF;
    padding: 20px 25px;
}

.hover-ensino h3{
    color: #FF8001;
    margin-bottom: 10px;
}

.hover-ensino .btn-primary{
    background-color: #ff8001;
    font-size: 12px;
    font-weight: 600;
    line-height: 26px;
    padding: 0 10px;
    display: inline-block;
    vertical-align: top;
    margin: 0;
}

.ensino-individual:hover .hover-ensino{
    display: block;
}

.flip-card {
    width: 100%;
    height: 200px;
    perspective: 1000px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.link-individual{
    display: block;
    background-color: #FF8001;
    color: #FFFFFF;
    padding-top: 20px;
    text-align: center;
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-card-front{
    width: 100%;
    height: 100%;
}

.flip-card-back{
    left: -20px;
    top: -20px;
    right: -20px;
    bottom: -20px;
    transform: rotateY(180deg);
    background-color: #014477;
}

.mb-30{
    margin-bottom: 30px;
}

.link-individual span{
    display: block;
    height: 100px;
    line-height: 100px;
    margin-bottom: 15px;
}

.link-individual h3{
    margin: 0 20px;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    color: #FFFFFF;
    font-weight: 800;
    text-transform: uppercase;
}

.link-individual p{
    font-size: 14px;
    line-height: 22px;
    margin: 0 10px;
    color: #FFFFFF;
    text-align: center;
}

.link-individual-interna{
    height: 200px;
    position: relative;
}

.link-individual-interna h3{
    position: absolute;
    left: 50px;
    top: 50%;
    right: 50px;
    text-align: center;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.link-individual-interna:hover{
    background-color: #014477;
}

.menu-eventos{
    padding-top: 50px;
    padding-bottom: 50px;
}

.evento-individual{
    margin-bottom: 50px;
}

.evento-individual p{
    margin: 0;
    font-size: 14px;
    line-height: 22px;
}

.evento-individual p svg{
    color: #333333;
    margin-right: 5px;
}

.imagem-evento-individual{
    position: relative;
    display: block;
    height: 230px;
    margin-bottom: 10px;
}

.imagem-evento-individual:before{
    height: 50%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    display: block;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(1,68,119,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(1,68,119,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(1,68,119,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#014477',GradientType=0 ); /* IE6-9 */
    z-index: 1;
}

.imagem-evento-individual img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.imagem-evento-individual h3{
    z-index: 2;
    position: absolute;
    left: -10px;
    bottom: 20px;
    background-position: center right;
    height: 38px;
    line-height: 38px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    padding-right: 45px;
    padding-left: 25px;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 400;
    background-color: #FF8001;
}

/* Páginas */
.topo-paginas{
    position: relative;
    padding: 80px 0;
    background-image: url(../img/topo-paginas.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.topo-paginas h2{
    position: relative;
    z-index: 10;
    color: #FFFFFF;
    margin-bottom: 0;
    line-height: 40px;
}

.imagem-principal-paginas{
    max-width: 40%;
    float: right;
    margin: 0 0 60px 40px;
}

.texto-simples, .texto-simples p{
    font-size: 14px;
    line-height: 26px;
    color: #333333;
}

.texto-simples strong{
    font-weight: 700;
}

.texto-simples img{
    height: auto !important;
}

.texto-simples ul li{
    list-style: inside;
}

.mb-20{
    margin-bottom: 20px;
}

.beneficio-individual{
    text-align: center;
    margin-bottom: 30px;
}

.beneficio-individual img{
    display: block;
    max-width: 86px;
    margin: 0 auto 25px;
}

.beneficio-individual h3{
    font-size: 18px;
    line-height: 26px;
    color: #323232;
    margin-bottom: 10px;
    font-weight: 800;
}

.alinha-capas-botoes{
    padding-left: 65px;
    padding-right: 65px;
}

.botao-capa-individual{
    min-height: 340px;
    padding: 90px 20px 0 40px;
    display: block;
    border-bottom: 8px solid #FAA41A;
    background-color: #007AC5;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: background 200ms linear;
    -moz-transition: background 200ms linear;
    -ms-transition: background 200ms linear;
    -o-transition: background 200ms linear;
    transition: background 200ms linear;
}

.botao-laranja{
    background-color: #FAA41A;
    border-bottom-color: #007AC5;
}

.botao-capa-individual:hover, .botao-laranja:hover{
    background-color: #323232;
    border-bottom-color: #666666;
}

.topo-botao{
    display: block;
    margin-bottom: 30px;
}

.botao-capa-individual img{
    float: left;
    margin-right: 15px;
}

.botao-capa-individual h3{
    font-size: 34px;
    font-weight: 800;
    line-height: 36px;
}

.topo-botao:after{
    display: block;
    content: '';
    clear: both;
}

/* footer */
footer{
    padding-top: 80px;
    padding-bottom: 80px;
}

.logo-rodape{
    display: block;
    margin: 0 auto;
}

footer h3{
    color: #014477;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
}

footer a, footer p{
    font-size: 14px;
    line-height: 30px;
    display: block;
    color: #252525;
}

footer a.text-underline{
    font-weight: 600;
    color: #014477;
    text-decoration: underline;
}

.caixa-redes-sociais a{
    display: block;
    white-space: nowrap;
    color: #1A1A1F;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 15px;
}

.caixa-redes-sociais svg{
    color: #014477;
    font-size: 14px;
    margin-right: 10px;
    width: 15px;
    height: 20px;
    margin-right: 8px;
    float: left;
}

.rodape-baixo{
    padding: 30px 0 10px;
    border-top: 1px solid #C9CBCD;
}

.rodape-baixo p{
    line-height: 20px;
    font-size: 14px;
    color: #1A1A1F;
}

.maya{
    text-align: left;
    overflow: hidden;
    position: relative;
    z-index: 10;
    background: url(../img/criacao-sites-maya.png) no-repeat center top;
    display: block;
    margin: 20px auto 0;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    outline:none;
}

/* Contato */
.g-recaptcha{
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
}

/* Produtos */
h3.titulo-formulario{
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    color: #FF8001;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.formulario-direita{
    padding-left: 55px;
}

.formulario-direita input, .formulario-direita select{
    margin-bottom: 10px;
}

/* Formulário */
.modal-content{
    padding: 50px 120px 75px;
    position: relative;
}

.modal-dialog{
    max-width: 730px;
}

.modal-content .close{
    right: -40px;
    top: -20px;
    position: absolute;
    margin: 0;
    color: #FFF;
    opacity: 1;
    font-size: 32px;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 32px;
    border: 1px solid #FFF;
    border-radius: 50%;
}

.modal-content strong{
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}

.modal-content h3{
    font-size: 30px;
    font-weight: 700;
    color: #FF8001;
    margin-bottom: 30px;
}

.form-inline .custom-control{
    display: inline-block;
    margin: 0 10px;
    padding-left: 40px;
}

.custom-radio label{
    color: #333333;
    line-height: 28px;
    font-size: 14px;
    font-weight: 300;
}

.custom-control-label::before{
    top: 0;
    width: 28px;
    height: 28px;
    background-color: #FFF;
    border: 1px solid #CECECE;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before{
    background-color: #FFF;
    border-color: #535353;
}

.custom-control-label::after{
    width: 16px;
    height: 16px;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #535353;
    background-image: none;
    border-radius: 50%;
    left: 6px;
    top: 6px;
}

/* Direção */
.container-direcao{
    max-width: 1490px;
    margin-left: auto;
    margin-right: auto;
}

.direcao-individual{
    text-align: center;
    margin-bottom: 40px;
}

.direcao-individual img{
    margin-bottom: 20px;
}

.direcao-individual h3{
    font-size: 14px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 5px;
}

/* Mapa do Site */
.abre-mapa-site{
    position: relative;
    width: 100%;
    background-color: #FF8001;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 60px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.abre-mapa-site span{
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    border: 1px solid #014477;
    background-color: #FFFFFF;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    display: block;
    text-align: center;
    font-size: 9px;
    color: #014477;
    line-height: 18px;
}

.mapa-do-site{
    padding-bottom: 30px;
    display: none;
    border-bottom: 2px solid #FF8001;
}

.mapa-do-site h3{
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    color: #FF8001;
    margin-bottom: 10px;
    margin-top: 30px;
    text-transform: uppercase;
}

.mapa-do-site a{
    display: block;
    text-transform: none;
    line-height: 36px;
    margin: 0;
    text-align: left;
    border-bottom: none;
    padding: 0;
    font-size: 16px;
    color: #014477 !important;
    font-weight: 300;
    text-decoration: underline;
}

.mapa-do-site a:hover{
    color: #FF8001 !important;
    background-color: transparent;
}

.mapa-do-site a svg{
    margin-left: 8px;
    color: #FF8001;
}

/* Animações */
.anime{
    opacity: 0.00;
    filter: alpha(opacity =0);
    -webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    -ms-transition: all 1000ms linear;
    -o-transition: all 1000ms linear;
    transition: all 1000ms linear;
    -moz-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}

.animacaoAtiva{
    opacity: 1;
    filter: alpha(opacity =100);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

/* Queries */
@media(max-height: 700px) {
    .topo-paginas + div>.espaco-menor, .topo-paginas + .espaco-menor{height: 30px;}
}

@media(max-width: 1199px) {
    .navbar-nav li.nav-item a{line-height: 80px;}
    .btn{font-size: 12px; line-height: 38px; padding: 0 20px;}
    .abre-busca{width: 38px; height: 38px; line-height: 38px; font-size: 16px; margin-right: 5px;}
    .nav-item{margin-right: 20px;}
    .navbar-nav li.nav-item a{font-size: 14px;}
    .navbar-brand img{max-height: 60px;}
    .navbar-collapse li .dropdown-menu:before{top: 83px; height: 160px;}
    .navbar-collapse li .dropdown-menu a{line-height: 40px;}
    .navbar-expand-md .navbar-nav .dropdown-menu{padding: 20px 0;}
    .bg-home{padding-top: 130px; padding-bottom: 100px;}
    .espaco-medio{height: 60px;}
    .espaco{height: 80px;}
    h1, h2{font-size: 30px; margin-bottom: 20px;}
    body, p, .topo-paginas h1{font-size: 18px;}
    .ensino-individual h3{font-size: 12px; font-weight: 700;}
    .bg-ensino-individual{height: 280px;}
    .hover-ensino{padding: 15px;}
    .ensino-individual:hover .bg-ensino-individual{height: 300px;}
    .ensino-individual:hover{margin-left: -10px; margin-right: -10px; margin-top: -10px; margin-bottom: -10px;}
    .link-individual h3{font-size: 16px;}
    .imagem-evento-individual h3{font-size: 14px; padding-left: 20px; padding-right: 30px;}
    .mapa-do-site a{font-size: 14px;}
    footer{padding-top: 50px; padding-bottom: 50px;}
    .caixa-redes-sociais a{display: block; overflow: hidden; width: 15px; margin-bottom: 5px;}
    .caixa-redes-sociais svg{margin-right: 10px;}
    .modal-content{padding: 50px 60px 75px;}
    .modal-dialog{max-width: 600px;}
    body.pagina-interna{padding-top: 84px;}
    .topo-paginas{padding: 40px 0;}
    .topo-paginas + div > .espaco-menor, .topo-paginas + .espaco-menor{height: 20px;}
    .link-individual-interna h3{left: 0; right: 0;}
    .link-individual-interna{height: 180px;}
    .menu-eventos{padding-top: 30px; padding-bottom: 20px;}
    input.form-control, select.custom-select{height: 50px;}
}

@media(max-width: 991px) {
    .navbar-nav li.nav-item a{font-size: 12px; font-weight: 400; text-transform: none;}
    .nav-item{margin-right: 15px;}
    .navbar-brand img{height: 50px;}
    .abre-busca{width: 32px; height: 32px; line-height: 32px; font-size: 14px; margin-right: 2px;}
    .btn{font-size: 11px; line-height: 32px; padding: 0 15px;}
    .navbar-nav li.nav-item a{line-height: 70px;}
    .navbar-collapse li .dropdown-menu::before {top: 73px; height: 130px;}
    .navbar-expand-md .navbar-nav .dropdown-menu{padding: 10px 0;}
    .navbar-collapse li .dropdown-menu a{line-height: 34px;}
    #search input{height: 50px; padding: 0 25px; font-size: 14px;}
    #search button{top: 5px;}
    .bg-home{padding-top: 100px; padding-bottom: 50px;}
    h1, h2{font-size: 22px; margin-bottom: 10px;}
    body, p, .topo-paginas h1{font-size: 16px; line-height: 24px;}
    .espaco{height: 50px;}
    .espaco-medio{height: 40px;}
    .espaco-menor{height: 30px;}
    .alinha-ensino{grid-template-columns: repeat(4,1fr);}
    .alinha-ensino .ensino-individual:last-child{display: none;}
    .link-individual span{height: 60px; line-height: 60px; margin-bottom: 10px;}
    .link-individual span img{max-height: 58px;}
    .link-individual h3{font-size: 14px; margin: 0 10px;}
    .flip-card{height: 160px;}
    .link-individual p{font-size: 13px; line-height: 20px;}
    .imagem-evento-individual{height: 160px;}
    .imagem-evento-individual h3{bottom: 10px; font-size: 12px; padding-left: 15px; padding-right: 25px;}
    .abre-mapa-site{line-height: 50px; font-size: 14px;}
    footer{padding-top: 40px; padding-bottom: 40px;}
    footer h3{font-size: 14px; margin-bottom: 0;}
    footer a, footer p{font-size: 12px; line-height: 20px;}
    .whats-fixo{right: 10px; bottom: 10px; font-size: 12px; padding: 5px 20px;}
    .mapa-do-site h3{font-size: 12px; margin-top: 20px;}
    .mapa-do-site a{line-height: 20px; margin-bottom: 10px;}
    .mapa-do-site a svg{display: none;}
    body.pagina-interna{padding-top: 74px;}
    .topo-paginas{padding: 30px 0;}
    .link-individual-interna{height: 150px;}
    .formulario-direita{padding-left: 15px;}
    h3.titulo-formulario{font-size: 14px;}
}

@media(max-width: 767px){
    body{padding-top: 70px;}
    p{margin-bottom: 10px;}
    .navbar{background-color: #FFFFFF; border-bottom: 1px solid #CCDAE4;}
    .navbar-nav li.nav-item a:hover{color: #FF8001;}
    .navbar-light .navbar-brand{display: inline-block; padding: 10px 0 10px 15px;}
    .navbar-light .navbar-white{display: none;}
    .abre-busca{display: none;}
    .navbar-right{position: absolute;}
    .navbar-toggler{margin-right: 15px;}
    .navbar-right .btn{position: fixed; right: 20px; top: 20px;}
    .navbar-nav{padding-top: 10px; padding-bottom: 10px;}
    .navbar-nav li{margin: 0;}
    .navbar-nav li.nav-item a{line-height: 30px; border: none; color: #014477; padding: 0 15px;}
    .navbar-nav li.nav-item:hover > a{border: none;}
    .navbar-collapse li .dropdown-menu:before{display: none;}
    .navbar-expand-md .navbar-nav .dropdown-menu{padding: 0 10px; position: relative; display: block; width: auto;}
    .bg-home{padding-top: 20px; padding-bottom: 20px;}
    .espaco-medio{height: 30px;}
    h1, h2{font-size: 18px; margin-bottom: 10px; line-height: 28px;}
    body, p, .topo-paginas h1{font-size: 14px; line-height: 22px;}
    .alinha-ensino{grid-template-columns: repeat(2,1fr); padding-left: 15px; padding-right: 15px;}
    .espaco{height: 30px;}
    .evento-individual{margin-bottom: 30px;}
    .logo-rodape{display: none;}
    footer{padding-top: 20px; padding-bottom: 10px;}
    footer .col-md-4{margin-bottom: 20px;}
    .caixa-redes-sociais a{display: inline-block; vertical-align: top; width: auto; margin-right: 20px;}
    .caixa-redes-sociais svg{margin-right: 5px;}
    .rodape-baixo{padding: 0 0 70px; border: none;}
    .rodape-baixo p{display: none;}
    .whats-fixo{right: 10px; bottom: 10px; font-size: 11px; padding: 0 20px; line-height: 32px; font-weight: 600;}
    .whats-fixo svg{font-size: 14px !important; height: 32px;}
    .modal-content{padding: 30px;}
    .modal-content strong{font-size: 14px;}
    .modal-content h3{font-size: 24px; margin-bottom: 20px;}
    .form-inline .custom-control{padding-left: 30px;}
    .custom-control-label::before{width: 22px; height: 22px;}
    .custom-control-label::after{width: 14px; height: 14px;}
    .custom-radio label{line-height: 22px; font-size: 12px;}
    .custom-radio .custom-control-input:checked ~ .custom-control-label::after {left: 4px; top: 4px;}
    .modal-content .close{right: 0; top: -40px; font-size: 22px; width: 26px; height: 26px; line-height: 24px;}
    input.form-control, select.custom-select{height: 46px; padding: 10px 20px;}
    textarea.form-control{height: 150px; padding: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
    input, input.form-control, textarea.form-control, select.custom-select{font-size: 14px; margin-bottom: 10px;}
    .close-search{font-size: 22px; top: 15px; right: 15px;}
    .topo-paginas{padding: 20px 0;}
    body.pagina-interna{padding-top: 71px;}
    .topo-paginas + div > .espaco-menor, .topo-paginas + .espaco-menor{height: 30px;}
    .imagem-principal-paginas{max-width: 100%; float: none; margin: 0 auto 20px; display: block;}
    .mapa-contato iframe{height: 280px;}
}