body {

    font-family: "Montserrat", sans-serif;

    overflow-x: hidden;

}

.evento-destaque {

    width: 100%;

    display: flex;

    align-items: end;

}

.evento-destaque img {

    width: 100%;

    border-radius: 20px;

    object-fit: cover;

}

.bloco-evento-destaque {

    background: rgb(255, 255, 255);

    background: linear-gradient(

        0deg,

        rgba(255, 255, 255, 1) 0%,

        rgba(255, 255, 255, 0.9) 45%,

        rgba(255, 255, 255, 0.6) 75%,

        rgba(255, 255, 255, 0) 100%

    );

    width: 100%;

    padding: 30px 0 0;

}

.bloco-evento-destaque h2 {

    color: #204a7e;

    font-weight: 700;

}

.bloco-evento-destaque p {

    color: #101010;

    margin-top: 0;

    font-size: 18px;

    font-weight: 500;

}

.evento-destaque a {

    text-decoration: none;

}

.profile p:first-child {

    margin-bottom: 0;

}

.divisao {

    height: 50px;

    width: 100%;

}

.colc-e {

    display: flex;

    align-items: center;

    justify-content: center;

}

.colc-e button {

    border: none;

    background: none;

    font-size: 30px;

    color: #214a7e;

    margin-top: -15px;

}

.colc-e button:hover {

    color: #fff;

    cursor: pointer;

}

.colc-e label {

    border: none;

    background: none;

    font-size: 30px;

    color: #214a7e;

    margin: 0 auto;

}

.colc-f button {

    float: right;

    width: 100px;

    height: 35px;

    background: #dda039;

    color: #fff;

    font-weight: 700;

    font-size: 17px;

    border: none;

    border-radius: 20px;

    text-transform: uppercase;

}

.colc-f button:hover {

    background: #fff;

    color: #dda039;

    cursor: pointer;

}

.navegacao {

    width: 100%;

    background: #88b8d8;

    color: #214a7e;

}

.imgheader {

    display: flex;

    align-items: center;

    justify-content: center;

}

.logoheader {

    width: 100%;

}

.contatosheader {

    margin-top: 20px;

    text-align: right;

    font-size: 14px;

    font-weight: 500;

}

.contatosheader a {

    color: #204a7e;

}

.contatosheader a:hover {

    color: #fff;

    text-decoration: none;

}

.contatosheader i {

    margin-right: 10px;

}

.contatosheader span {

    margin-right: 10px;

}

.separador {

    margin-top: -5px;

    margin-bottom: -5px;

    opacity: 0.5;

}

.menuheader {

    text-align: right;

    margin-top: 20px;

}

.menuheader a {

    margin-right: 0;

    text-transform: uppercase;

    font-weight: 700;

    font-size: 16px;

    padding: 10px;

    color: #204a7e;

}

.menuheader a:hover {

    background: #204a7e;

    color: #fff;

    text-decoration: none;

}

.menuheader i {

    font-size: 20px;

}

.menusuperior {

    margin: 30px 0;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.itemMenu {

    background: none;

    color: #204a7e;

    font-family: "Montserrat", sans-serif;

    font-weight: 600;

    font-size: 16px;

    text-transform: uppercase;

    text-align: center;

    width: 100%;

    position: relative;

    letter-spacing: 0;

    padding: 10px 0 20px;

}

.itemMenu:hover {

    color: #fff;

    background: #204a7e;

    cursor: pointer;

}

.link-menu {

    color: #204a7e;

}

.itemMenu:hover .link-menu {

    color: #fff;

    text-decoration: none;

}

.menuhover {

    width: 100%;

    background: #204a7e;

    text-align: center;

    font-family: "Montserra", sans-serif;

    font-size: 12px;

    position: absolute;

    z-index: 3;

    left: 0;

    padding: 5px;

    text-align: center;

}

.menulink {

    display: block;

    color: #fff;

    text-transform: none;

}

.menulink:hover {

    color: #dda039;

    text-decoration: none;

}

.menulink:last-child {

    border-bottom: none;

}

.itemMenu .menuhover {

    display: none;

}

.itemMenu:hover .menuhover {

    display: block;

}

.check-pesquisa {

    display: none;

    position: relative;

}

.dropdown label:hover {

    color: #fff;

    cursor: pointer;

}

.dropdown-pesquisa {

    display: none;

    position: absolute;

    align-items: center;

    justify-content: center;

    background: #214a7e;

    width: 300px;

    margin-left: -124px;

    margin-top: 10px;

    padding: 20px 10px 0;

    z-index: 10;

}

.dropdown-pesquisa input {

    display: inline-block;

    width: 230px;

}

.dropdown-pesquisa button {

    color: #dda039;

    display: inline;

}

.dropdown-pesquisa button:hover {

    color: #fff;

}

.check-pesquisa:checked + .dropdown-pesquisa {

    display: block;

}

.banner {

    width: 100%;

    object-fit: cover;

    -webkit-overflow-scrolling: touch;

}

.banner img {

    width: 100%;

    object-fit: cover;

    -webkit-overflow-scrolling: touch;

}

.programacao {

    width: 100%;

    margin: 30px 0;

}

.programacao h1 {

    text-align: center;

    font-weight: 700;

    color: #214a7e;

    font-size: 45px;

    letter-spacing: -2px;

    margin: 20px 0;

}

.boxprogramacoes {

    background: #fff;

    width: 100%;

    height: 100%;

    border-radius: 20px;

    padding: 30px;

}

.boxprogramacoes span {

    font-size: 14px;

    font-weight: 600;

}

.boxprogramacoes h4 {

    font-size: 20px;

    font-weight: 700;

    color: #214a7e;

}

.boxprogramacoes a {

    color: #dda039;

    font-weight: 600;

    text-decoration: none;

    font-size: 18px;

}

.boxprogramacoes a:hover {

    color: #ffb437;

}

.boxprogramacoes .data {

    font-style: italic;

    margin-bottom: 0;

}

.boxprogramacoes ul {

    margin: 20px 0 0;

}

.boxprogramacoes li {

    margin: 0 0 15px;

}

.boxprogramacoes li::marker {

    color: #dda039;

}

.boxprogramacoes .botaofim {

    margin: 30px 0 10px;

}

.textoprog {

    margin-left: 10px;

}

.arquivos-calendario {

    display: flex;

    justify-content: space-evenly;

    align-items: center;

}

.calendario {

    display: flex;

    align-items: center;

}

.calendario i {

    color: #dda039;

    font-size: 45px;

}

.carousel-indicators {

    bottom: -85px;

}

.carousel-indicators li {

    background: #d2d2d2;

    width: 15px;

    height: 1px;

    border-radius: 50%;

    margin-right: 8px;

}

.carousel-indicators .active {

    background: #88b8d8;

}

.segmentacao {

    background: #204a7e;

    width: 100%;

    margin-top: 70px;

}

.segmentacao a {

    color: #fff;

}

.segmentacao a:hover {

    text-decoration: none;

}

.fundamental1,

.fundamental2,

.ensinomd {

    background-size: cover;

    text-align: left;

    color: #fff;

    padding: 46px 10px;

}

.fundamental1 p,

.fundamental2 p,

.ensinomd p {

    font-size: 13px;

    width: 90%;

    padding: 0 15px;

}

.fundamental1 h3,

.fundamental2 h3,

.ensinomd h3 {

    font-size: 41px;

    font-weight: 700;

    padding: 0 15px;

}

.fundamental1 {

    background: url("assets/imgs/fund1.png") no-repeat center;

}

.fundamental1:hover {

    background: url("assets/imgs/fund1hover.png") no-repeat center;

}

.fundamental2 {

    background: url("assets/imgs/fund2.png") no-repeat center;

}

.fundamental2:hover {

    background: url("assets/imgs/fund2hover.png") no-repeat center;

}

.ensinomd {

    background: url("assets/imgs/ensinomd.png") no-repeat center;

}

.ensinomd:hover {

    background: url("assets/imgs/ensinomdhover.png") no-repeat center;

}

.box-eventos {

    margin-bottom: 20px;

}

.eventos h1 {

    text-align: center;

    color: #88b8d8;

    font-weight: 700;

    font-size: 45px;

    letter-spacing: -2px;

    margin: 50px 0;

}

.event-img-top {

    width: 100%;

    aspect-ratio: 4 / 3;

    height: auto;

    border-radius: 20px;

    object-fit: cover;

}

.eventcard {

    border: 1px solid transparent;

    height: 100%;

}

.eventcard:hover {

    border: 1px solid #d2d2d2;

    border-radius: 20px;

    text-decoration: none;

}

.event-body {

    margin: 30px;

    color: #252525;

}

.eventcard:hover .event-body{

     color: #363636;

}

/*.eventcard a {*/

/*    color: #252525;*/

/*}*/

/*.eventcard a:hover {*/

/*    color: #363636;*/

/*    text-decoration: none;*/

/*}*/

.event-body h5 {

    font-size: 24px;

    font-weight: 700;

}

.event-body p {

    font-size: 18px;

    font-weight: 400;

    text-align: justify;

}

.bloco-eventos {

    margin-bottom: 10px;

}

.circle1 {

    width: 296px;

    height: 296px;

    background: #dda039;

    border-radius: 50%;

    position: absolute;

    right: 0;

}

.botaofim {

    text-align: center;

    margin: 20px 0;

}

.botaofim button {

    background: #dda039;

    color: #fff;

    border: none;

    border-radius: 30px;

    width: 210px;

    height: 56px;

    cursor: pointer;

}

.botaofim button:hover {

    background: #fff;

    color: #dda039;

}

.circle2 {

    width: 852px;

    height: 852px;

    background: #193760;

    border-radius: 50%;

    position: absolute;

    left: -400px;

}

.dotted1 {

    border-bottom: 15px dotted #dda039;

    width: 200px;

    margin-left: 550px;

    margin-top: 20px;

}

.playground {

    margin-left: -300px;

    margin-top: 270px;

}

.educacional {

    margin-top: 240px;

    text-align: justify;

}

.estrutura,

.projetopedagogico,

.extraclasse {

    border: 1px solid transparent;

    margin-bottom: 30px;

    padding: 20px;

}

.estrutura:hover::before {

    content: "";

    width: 17%;

    height: 1px;

    background: #dedede;

    position: absolute;

    left: -59px;

    top: 80px;

}

.projetopedagogico:hover::before {

    content: "";

    width: 17%;

    height: 1px;

    background: #dedede;

    position: absolute;

    left: -59px;

    top: 60px;

}

.extraclasse:hover::before {

    content: "";

    width: 17%;

    height: 1px;

    background: #dedede;

    position: absolute;

    left: -59px;

    top: 60px;

}

.estrutura:hover,

.projetopedagogico:hover,

.extraclasse:hover {

    border: 1px solid #d2d2d2;

    border-radius: 20px;

    position: relative;

}

.estrutura:hover h1,

.projetopedagogico:hover h1,

.extraclasse:hover h1 {

    color: #dda039;

}

.estrutura h1,

.projetopedagogico h1,

.extraclasse h1 {

    font-weight: 700;

    color: #88b8d8;

}

.circle3 {

    width: 852px;

    height: 852px;

    background: #88b8d8;

    border-radius: 50%;

    position: absolute;

    right: -760px;

    margin-top: 100px;

}

.pontos {

    margin-top: 550px;

}

.dotted2 {

    border-bottom: 15px dotted #dda039;

    width: 200px;

    margin-bottom: 30px;

}

.conosco {

    margin-top: 50px;

}

.estude {

    margin-top: 90px;

    margin-left: -50px;

    text-align: justify;

    padding: 20px;

    height: 820px;

}

.estudetexto {

    margin: 60px 60px 0;

}

.estude h1 {

    font-size: 83px;

    font-weight: 700;

    color: #88b8d8;

}

.estude p {

    font-size: 30px;

    font-weight: 500;

    color: #666666;

}

.circle4 {

    background: #f2f2f2;

    width: 696px;

    height: 696px;

    border-radius: 50%;

    position: absolute;

}

.circle5 {

    background: #3f7fcc;

    width: 600px;

    height: 600px;

    border-radius: 50%;

    position: absolute;

    right: -230px;

    margin-top: 10px;

}

.fotoscriancas {

    right: -570px;

    top: -570px;

}

.foto1 {

    margin-left: 50px;

}

.foto2 {

    position: absolute;

    margin-left: 510px;

    margin-top: -65px;

    width: 110%;

}

.foto3 {

    margin-left: 205px;

    margin-top: 25px;

}

.foto4 {

    position: absolute;

    margin-left: 510px;

    margin-top: 25px;

}

.dotted3 {

    border-bottom: 15px dotted #dda039;

    width: 200px;

    margin-bottom: 10px;

}

.ponto2 {

    margin-left: 450px;

    margin-top: 560px;

}

.siga {

    margin-top: 70px;

}

.siga h1 {

    color: #88b8d8;

    font-size: 45px;

    font-weight: 700;

}

.siga h4 {

    font-size: 28px;

    font-weight: 700;

    margin-bottom: 30px;

    color: #88b8d8;

}

.siga i {

    color: #dda039 !important;

}

.tracoazul {

    width: 117px;

    height: 14px;

    background: #214a7e;

    border-radius: 10px;

    margin-top: 40px;

}

.blocoinsta,

.blocolinkedin {

    background: center no-repeat url('../img/instagram-bg.jpg');

    font-family: Arial, Helvetica, sans-serif;

    padding: 20px 20px 10px 20px;

    width: 368px;

    height: 130px;

}

.blocolinkedin {

    background: center no-repeat url('../img/linkedin-bg.jpg');

}

.blocoinsta span,

.blocolinkedin span{

    color: #fff;

}

.blocoinsta p,

.blocolinkedin p {

    font-weight: 700;

    font-size: 20px;

    margin-bottom: -15px;

}

.blocoinsta small,

.blocolinkedin small {

    font-size: 10px;

    color: #898989;

}

.blocoinsta span,

.blocolinkedin span{

    font-size: 17px;

    font-weight: 500;

}

.blocoinsta button,

.blocolinkedin button {

    width: 264px;

    height: 37px;

    border-radius: 10px;

    border: none;

    background: #fff;

    color: #212529;

    font-size: 14px;

    position: relative;

    text-align: left;

    padding: 0 0 0 20px;

}

.blocoinsta button:hover,

.blocolinkedin button:hover {

    cursor: pointer;

}



/*.siga {*/

/*    margin-top: 70px;*/

/*}*/

/*.siga h1 {*/

/*    color: #88b8d8;*/

/*    font-size: 45px;*/

/*    font-weight: 700;*/

/*}*/

/*.siga h4 {*/

/*    font-size: 28px;*/

/*    font-weight: 700;*/

/*    margin-bottom: 30px;*/

/*    color: #88b8d8;*/

/*}*/

/*.siga i {*/

/*    color: #dda039 !important;*/

/*}*/

/*.tracoazul {*/

/*    width: 117px;*/

/*    height: 14px;*/

/*    background: #214a7e;*/

/*    border-radius: 10px;*/

/*    margin-top: 40px;*/

/*}*/

/*.blocoinsta {*/

/*    background: #fff;*/

/*    font-family: Arial, Helvetica, sans-serif;*/

/*    padding: 20px 20px 10px 20px;*/

/*    width: 368px;*/

/*    height: 130px;*/

/*}*/

/*.blocoinsta p {*/

/*    font-weight: 700;*/

/*    font-size: 20px;*/

/*    margin-bottom: -15px;*/

/*}*/

/*.blocoinsta small {*/

/*    font-size: 10px;*/

/*    color: #898989;*/

/*}*/

/*.blocoinsta span {*/

/*    font-size: 17px;*/

/*    font-weight: 500;*/

/*}*/

/*.blocoinsta button {*/

/*    width: 264px;*/

/*    height: 37px;*/

/*    border-radius: 10px;*/

/*    border: none;*/

/*    background: #d6249f;*/

/*    background: linear-gradient(*/

/*        45deg,*/

/*        #ffc153 0%,*/

/*        #ff5130 5%,*/

/*        #ff0065 45%,*/

/*        #e20191 60%,*/

/*        #4532ed 90%*/

/*    );*/

/*    color: #fff;*/

/*    font-size: 14px;*/

/*    position: relative;*/

/*    text-align: left;*/

/*    padding: 0 0 0 20px;*/

/*}*/

/*.blocoinsta button:hover {*/

/*    cursor: pointer;*/

/*    text-shadow: 0 0 3px #000;*/

/*}*/

.bordaimg {

    border: 1px solid #d2d2d2;

    border-radius: 50%;

    margin: 0 10px;

}

.linha2 {

    margin-left: 50px;

}

.linha2 i {

    color: #212529 !important;

    font-size: 20px;

    margin-left: 5px;

    position: absolute;

}

.circle6 {

    background: #dda039;

    width: 443px;

    height: 443px;

    border-radius: 50%;

    position: absolute;

    margin-left: -365px;

    margin-top: -125px;

}

.parceiros {

    width: 100%;

    border-top-left-radius: 60px;

    border-top-right-radius: 60px;

    background: url("../img/backparceiros.png") #214a7e no-repeat center;

    background-size: cover;

    margin-top: 50px;

    padding-bottom: 50px;

}

.parceiros h1 {

    text-align: center;

    margin: 30px 0;

    padding-top: 50px;

    color: #88b8d8;

    font-weight: 700;

    font-size: 45px;

}

.linhaparc:last-child {

    text-align: center;

}

.institucionais {

    margin: 0 auto;

    height: 100%;

    width: 100%;

    background: #fff;

    padding: 50px 0;

}

.institucionais a {

    border: 1px solid transparent;

    border-radius: 20px;

    padding: 20px;

    transition: 0.2s ease;

}

.institucionais a:hover {

    border: 1px solid #bebebe;

    border-radius: 20px;

    padding: 20px;

}

.mosteiro {

    display: flex;

    justify-content: flex-end;

    align-items: center;

    margin-right: -45px;

    margin-left: 80px;

}

.faculdade {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    margin-left: -45px;

}

.livraria {

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0 0;

}

.footer {

    background: #88b8d8;

    width: 100%;

    height: auto;

}

.boxfooter {

    padding: 50px 20px;

}

.navfooter {

    text-align: right;

}

.navfooter a {

    margin: 10px;

    color: #204a7e;

    font-weight: 700;

    text-transform: uppercase;

    font-size: 17px;

}

.navfooter a:hover {

    text-decoration: none;

    color: #182f53;

}

.endereco,

.contatos,

.dto {

    height: 80px;

    top: 35px;

    font-size: 15px;

    font-weight: 600;

    color: #204a7e;

}

.endereco,

.contatos {

    border-right: 2px solid #204a7e;

}

.contatos {

    text-align: center;

}

.contatos a {

    color: #204a7e;

}

.contatos a:hover {

    color: #fff;

}

.infosgerais .fa-facebook-f {

    margin-left: 15px;

}

.infosgerais .fa-instagram {

    margin: 0 5px;

}

.dto {

    text-align: right;

}

.dtologo {

    margin-left: 10px;

}

.dtologo:hover {

    filter: hue-rotate(193deg) saturate(50%) brightness(270%);

}

.dtologo img {

    vertical-align: top;

}

@media only screen and (min-width: 1141px) {

    .hidden-bg {

        display: none;

    }

    body {

        overflow-x: hidden;

    }

}

@media only screen and (max-device-width: 1140px) {

    img {

        max-width: 100%;

    }

    body {

        overflow-x: hidden;

    }

    .container {

        margin: 0 auto;

    }

    .hidden-sm {

        display: none;

    }

    .imgheader {

        display: flex;

        align-items: center;

        justify-content: center;

    }

    .logoheader {

        width: 60%;

    }

    .contatosheader {

        float: right;

        margin-top: 7px;

    }

    .contatosheader p {

        margin-bottom: 3px;

        margin-top: -3px;

    }

    .contatosheader .fa-facebook-f {

        margin-left: 10px;

    }

    .contatosheader i {

        margin-right: 5px;

    }

    .botaoheader {

        margin-left: 71%;

    }

    .botaoheader button {

        width: 100px;

        height: 35px;

        background: #dda039;

        color: #fff;

        font-weight: 700;

        font-size: 17px;

        border: none;

        border-radius: 20px;

        text-transform: uppercase;

    }

    .botaoheader button:hover {

        background: #fff;

        color: #dda039;

        cursor: pointer;

    }

    .card {

        border: none;

        border-radius: none;

    }

    .card-header {

        background: #88b8d8;

        border-radius: none;

        border: none;

        text-align: center;

        padding: 0px 20px;

    }

    .card-header a {

        color: #fff;

    }

    .card-body {

        background: #204a7e;

        text-align: center;

    }

    .card button {

        text-transform: uppercase;

        color: #fff;

        font-family: "Montserrat", sans-serif;

        font-weight: 700;

    }

    .card button:hover {

        text-decoration: none;

        color: #f2f2f2;

    }

    .menulink {

        display: block;

        padding: 10px 0;

        color: #fff;

        text-transform: none;

    }

    .menulink:hover {

        color: #182f53;

        text-decoration: none;

    }

    .menulink:last-child {

        border-bottom: none;

    }

    .banner {

        height: auto;

    }

    .banner p {

        color: #fff;

        text-align: center;

        padding: 10px;

        line-height: 10px;

    }

    .bannerbox {

        padding: 0;

    }

    .bannerboxtop {

        background: rgba(33, 74, 127, 0.9);

        width: 85%;

        height: 100%;

        margin: 0 auto;

        padding: 10px 0;

    }

    .bannerboxbottom {

        background: rgba(33, 74, 127, 0.9);

        width: 100%;

        height: 100%;

        margin-top: -15px;

    }

    .bannercomum {

        font-size: 40px;

    }

    .banneramarela {

        color: #dda039 !important;

        font-size: 55px;

    }

    .banneramarela,

    .bannerbold {

        font-weight: 700;

        text-transform: uppercase;

    }

    .bannerbold {

        font-size: 32px;

    }

    .programacao h1 {

        font-size: 42px;

    }

    .blocoprog {

        margin: 30px 0;

    }

    .segmentacao {

        background: #204a7e;

        width: 100%;

        margin-top: 70px;

    }

    .fundamental1,

    .fundamental2,

    .ensinomd {

        padding: 20px;

        background-size: cover;

        text-align: left;

        color: #fff;

        padding: 46px 10px;

    }

    .fundamental1 {

        background: url("assets/imgs/fund1.png") no-repeat center;

    }

    .fundamental2 {

        background: url("assets/imgs/fund2.png") no-repeat center;

    }

    .ensinomd {

        background: url("assets/imgs/ensinomd.png") no-repeat center;

    }

    .segmentacao h3 {

        font-size: 42px;

        font-weight: 700;

    }

    .segmentacao p {

        font-size: 13px;

    }

    .segmentacao a {

        color: #fff;

    }

    .circle1 {

        display: none;

    }

    .eventcard {

        margin: 10px 0;

        border: 1px solid #d2d2d2;

        border-radius: 20px;

    }

    .circle2 {

        display: none;

    }

    .dotted1 {

        width: 150px;

        margin-left: 385px;

        margin-top: 10px;

    }

    .educacional {

        margin-top: 85px;

        text-align: justify;

    }

    .estrutura,

    .projetopedagogico,

    .extraclasse {

        background: rgba(255, 255, 255, 0.8);

        border-radius: 20px;

    }

    .estrutura:hover::before,

    .projetopedagogico:hover::before,

    .extraclasse:hover::before {

        display: none;

    }

    .circle3 {

        width: 582px;

        height: 582px;

        right: -445px;

        margin-top: 170px;

        display: none;

    }

    .dotted2 {

        border-bottom: 15px dotted #dda039;

        width: 200px;

        margin-bottom: 17px;

        margin-top: -60px;

    }

    .conosco {

        margin-top: 10px;

    }

    .estude {

        background: url("assets/imgs/circle4.png") no-repeat;

        background-position: top;

        margin-top: 40px;

        margin-left: 0;

    }

    .estude h1 {

        font-size: 65px;

        text-align: left;

        margin-top: 15px;

    }

    .estude p {

        font-size: 24px;

        font-weight: 500;

        color: #666666;

    }

    .estudetexto {

        margin: 0px 0px 0;

    }

    .circle4 {

        display: none;

    }

    .circle5 {

        width: 300px;

        height: 300px;

        right: 40px;

        margin-top: 605px;

    }

    .ponto2 {

        margin-left: 155px;

        margin-top: 425px;

        position: absolute;

    }

    .fotoscriancas {

        margin-top: 175px;

        width: 100%;

    }

    .fotoscriancas .row {

        margin-top: 20px;

    }

    .fotoscriancas .col-6:last-child {

        margin-left: -10px;

    }

    .siga {

        margin-top: 130px;

    }

    .siga h1 {

        margin-left: 75px;

    }

    .tracoazul {

        margin-top: 25px;

        margin-left: 75px;

        margin-bottom: 25px;

    }

    .circle6 {

        width: 243px;

        height: 243px;

        margin-left: -165px;

        margin-top: -35px;

    }

    .blocoinsta {

        width: 100%;

        margin-bottom: 50px;

    }

    .facebookbox {

        width: 100%;

    }

    .siga h4 {

        margin-bottom: 15px;

    }

    .parceiros {

        height: 100%;

    }

    .linhaparc {

        height: 100%;

    }

    .linhaparc img {

        margin: 10px 0;

    }

    .institucionais img {

        margin-bottom: 20px;

    }

    .mosteiro {

        justify-content: center;

        margin-right: 0;

        margin-left: 0;

    }

    .faculdade {

        justify-content: center;

        margin-left: 0;

    }

    .livraria {

        margin: 30px 0;

    }

    .infosgerais {

        text-align: center;

    }

    .endereco,

    .contatos {

        border-right: none;

    }

    .navfooter {

        text-align: center;

    }

    .navfooter a {

        display: block;

    }

    .dto {

        text-align: center;

    }

}

/*FAQ*/

.faixa-titulo:before {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    background: url("../img/imgtopo.png"), #fff;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    width: 100%;

    height: 472px;

    opacity: 0.3;

    z-index: -1;

}

.caixa-titulo:before {

    content: "";

    width: 100%;

    height: 1px;

    background: rgba(190, 190, 190);

    position: absolute;

    left: -100%;

    margin-top: 25px;

}

.caixa-titulo {

    width: max-content;

    height: 100%;

    border: 1.5px solid rgba(190, 190, 190);

    border-radius: 20px;

    padding: 23px;

    margin-top: 5%;

    position: relative;

    word-break: break-all;

    word-wrap: break-word;

}

.faixa-titulo h1 {

    color: #214a7f;

    font-weight: 700;

    font-size: 45px;

}

.bloco-perguntas {

    margin-top: 100px;

}

.categoria-pergunta {

    margin-top: 60px;

    color: #214a7e;

}

.categoria-pergunta h2 {

    font-weight: 700;

}

.categoria-pergunta i {

    color: #dda039;

}

.pergunta {

    margin-top: 20px;

    margin-left: 38px;

}

.pergunta h3 {

    color: #214a7e;

    font-size: 24px;

}

.pergunta h3:hover {

    color: #dda039;

    cursor: pointer;

}

.pergunta p {

    margin-left: 15px;

    width: 80%;

    text-align: justify;

}

.trigger-input {

    display: none;

}

.trigger-input + .pergunta i {

    transition: transform 0.5s ease;

    font-size: 20px;

    margin-left: 10px;

    transform: rotate(0deg);

}

.trigger-input:checked + .pergunta i {

    transform: rotate(90deg);

    color: #dda039;

}

/*EVENTOS*/

.bloco-eventos {

    margin-top: 48px;

}

.linha-eventos {

    margin-bottom: 64px;

}

.linha-eventos h5 {

    color: #214a7f;

    font-weight: 600;

    font-size: 23px;

    margin: 15px 0;

}

.linha-eventos small {

    color: #214a7f;

    font-weight: 600;

    font-size: 13px;

}

.linha-eventos p {

    color: #000;

    font-size: 18px;

    font-weight: 500;

    margin-bottom: 0;

}

.linha-eventos p::after {

    content: " ...";

}

.link-continue {

    color: #dda039 !important;

    text-decoration: underline;

}

.link-continue:hover {

    color: #ffc153 !important;

    text-decoration: underline !important;

}

.linhaPaginacao {

    color: #000;

    font-size: 19px;

    margin-top: 50px;

    font-weight: 700;

}

.page-link {

    background: none;

    border: none;

    color: #000;

    padding: 5px;

}

.linhaPaginacao span {

    padding-top: 5px;

}

.page-link:hover {

    background: none;

    border: none;

    color: #363636;

}

.page-item.active .page-link {

    background: none;

    text-decoration: underline;

    color: #000;

    cursor: auto;

}

.page-item.disabled .page-link {

    display: none;

}

/*EVENTO-NOTÍCIA INTERNA*/

.conteudo-posts {

    width: 1006px;

    margin: 0 auto;

}

.conteudo-posts h1 {

    color: #214a7e;

    font-size: 39px;

    font-weight: 700;

    margin: 57px 0 28px;

}

.conteudo-posts img {

    width: 1006px;

    height: auto;

}

.data {

    font-size: 14px;

    color: #214a7e;

    font-weight: 600;

    margin-bottom: 42px;

}

.bloco-galeria {

    border: 1px solid #bebebe;

    margin-top: 6px;

    padding: 7px 9px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.bloco-galeria .col-2:first-child {

    margin-left: 0;

}

.bloco-galeria .col-2 {

    margin-left: -9px;

}

.bloco-galeria .col-2:last-child {

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0 auto;

    font-size: 18px;

    width: 100%;

    padding: 0;

    color: #878787;

}

.bloco-galeria .col-2:last-child i {

    margin-left: 20px;

}

.bloco-galeria a {

    color: #878787;

    text-decoration: underline;

}

.bloco-galeria img {

    width: 100%;

}

.paragrafos {

    margin-top: 66px;

    color: #000;

    font-weight: 500;

    text-align: justify;

}

.paragrafos img {

    margin: 30px 0 42px;

}

.faixaNavegacao {

    width: 1006px;

    margin: 0 auto;

}

.voltarPost button,

.seguirPost button {

    color: #214a7e;

    background: none;

    width: 250px;

    border: none;

    margin-top: 30px;

    position: relative;

}

.voltarPost button:hover,

.seguirPost button:hover {

    color: #275694;

    cursor: pointer;

}

.voltarPost button {

    justify-content: left;

    text-align: left;

}

.botaoVoltar,

.botaoSeguir {

    display: inline-block;

    top: 10px;

    position: absolute;

    color: #dda039;

}

.voltarPost button:hover .botaoVoltar,

.seguirPost button:hover .botaoSeguir {

    color: #ffc153;

}

.botaoVoltar {

    margin-left: -15px;

}

.fraseVoltar,

.fraseSeguir {

    display: inline-block;

}

.fraseVoltar small,

.fraseSeguir small {

    font-size: 15px;

}

.fraseVoltar p,

.fraseSeguir p {

    font-weight: 700;

    font-size: 19px;

    line-height: 17px;

}

.seguirPost button {

    justify-content: right;

    text-align: right;

    float: right;

}

.botaoSeguir {

    margin-left: 5px;

}

.faixaBotao {

    margin: 0 auto;

    width: 1006px;

}

.faixaBotao button {

    color: #fff;

    background: #dda039;

    border: none;

    border-radius: 30px;

    width: 170px;

    height: 45px;

    font-size: 18px;

    margin-top: 20px;

    text-transform: uppercase;

}

.faixaBotao button:hover {

    color: #dda039;

    background: #fff;

    cursor: pointer;

}

/*PASTORAL*/

.caixa-pastoral,

.principios {

    font-size: 18px;

    margin-top: 50px;

    text-align: justify;

}

.caixa-pastoral {

    margin-bottom: 50px;

}

.caixa-pastoral .faixaBotao {

    width: 100%;

}

.regra-sb {

    background: #88b8d8;

    width: 100%;

    padding: 50px 0 30px;

    color: #193760;

    font-weight: 500;

    font-size: 18px;

}

.regra-sb h2,

.principios h2 {

    font-weight: 700;

    font-size: 36px;

    color: #193760;

    margin-bottom: 20px;

}

.regra-sb small {

    font-weight: 500;

    font-size: 14px;

}

.botao-regra {

    text-align: center;

}

.regra-sb button {

    display: block;

    width: 100%;

    height: 56px;

    border-radius: 20px;

    border: none;

    background: #dda039;

    color: #fff;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 30px;

}

.regra-sb button:hover {

    background: #fff;

    color: #dda039;

    cursor: pointer;

}

.regra-sb a {

    color: #275694;

    font-weight: 700;

}

.regra-sb a:hover {

    text-decoration: none;

    color: #182f53;

}

.principios .faixaBotao {

    width: 100%;

}

.bloco-estrutura {

    margin: 50px 0;

}

.bloco-estrutura ul {

    margin-left: 40px;

}

.bloco-estrutura li::marker {

    color: #dda039;

    font-size: 20px;

}

.bloco-estrutura h2 {

    color: #214a7e;

    font-size: 24px;

    font-weight: 700;

}

.bloco-estrutura h2 i {

    color: #dda039;

}

.bloco-estrutura p {

    width: 90%;

    margin-left: 28px;

}

/*ESTRUTURA*/

.bloco-texto {

    margin-top: 50px;

    font-size: 18px;

    font-weight: 500;

}

.complexo-escolar {

    margin: 30px 0 0;

}

.caixa-estrutura {

    width: 90%;

    height: 230px;

    text-align: center;

    margin: 30px 0;

    border: 1px solid transparent;

    padding: 45px 30px 30px;

    border-radius: 20px;

}

.caixa-estrutura:hover {

    border: 1px solid #bebebe;

}

.complexo-escolar a {

    color: #214a7f;

}

.complexo-escolar a:hover {

    color: #275694;

    text-decoration: none;

}

.complexo-escolar a:hover img {

    filter: brightness(110%);

}

.caixa-estrutura h3 {

    font-size: 24px;

    margin-top: 15px;

    font-weight: 700;

    color: #214a7f;

}

.complexo-escolar .faixaBotao {

    width: 100%;

}

/*BIBLIOTECA*/

.bloco-texto p {

    text-align: justify;

}

.bloco-texto .faixaBotao {

    width: 100%;

}

.foto-estrutura {

    max-width: 100%;

    border-radius: 20px;

}

/*RESTAURANTE*/

.cardapio {

    text-align: center;

}

.cardapio img {

    border: 1px solid #dedede;

    border-radius: 25px;

    width: 100%;

}

.cardapio button {

    width: 100%;

    margin: 20px 0 0;

    border: none;

    color: #fff;

    background: #dda039;

    border-radius: 20px;

    height: 50px;

    text-transform: uppercase;

    font-size: 16px;

}

.cardapio button:hover {

    color: #dda039;

    background: #fff;

    cursor: pointer;

}

/*ESTUDE CONOSCO*/

.proc-admissao {

    background: url("assets/imgs/bgadmissao.png") no-repeat center;

    background-size: cover;

    padding: 95px 0;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 50px 0;

}

.proc-admissao h3 {

    font-size: 46px;

    color: #fff;

    font-weight: 700;

}

.proc-admissao button {

    height: 88px;

    width: 100%;

    color: #fff;

    background: #dda039;

    border: none;

    border-radius: 5px;

    font-size: 28px;

    font-weight: 700;

}

.proc-admissao button:hover {

    color: #dda039;

    background: #fff;

    cursor: pointer;

}

.mensalidade,

.horarios {

    border-radius: 20px;

    border: 1px solid #bebebe;

    height: 100%;

    padding: 74px 30px 30px;

    font-size: 22px;

    color: #000;

}

.mensalidade h3,

.horarios h3 {

    font-size: 42px;

    font-weight: 700;

    color: #214a7f;

}

.mensalidade .titulo,

.horarios .titulo {

    font-weight: 700;

}

.mensalidade .titulo {

    margin-top: 74px;

}

.primeiro-titulo {

    margin-top: 50px !important;

}

.mensalidade span {

    border-bottom: 1px solid;

}

.mensalidade .titulo i,

.horarios .titulo i {

    color: #dda039;

}

.contato-estude {

    margin-top: 100px;

}

.foto-form {

    margin-top: -70px;

    margin-left: -330px;

}

.contato-estude h3 {

    font-size: 42px;

    font-weight: 700;

    color: #214a7f;

    margin-bottom: 71px;

}

.contato-estude label {

    display: block;

    font-size: 18px;

    font-weight: 500;

}

.form-control {

    margin-bottom: 20px;

}

.campo-form {

    height: 50px;

}

.contato-estude button {

    float: right;

    background: #dda039;

    color: #fff;

    height: 56px;

    width: 210px;

    font-size: 20px;

    border: none;

    border-radius: 50px;

}

.contato-estude button:hover {

    background: #fff;

    color: #dda039;

    cursor: pointer;

}

/*FALE CONOSCO*/

.map {

    filter: grayscale(1);

    transition: 0.3s ease;

    margin-bottom: -42px;

}

.map:hover {

    filter: none;

}

.contato-social a {

    font-size: 30px;

    margin: 0 10px;

    color: #214a7e;

}

.contato-social a:hover {

    color: #dda039;

    text-decoration: none;

}

.formulario-contato input {

    height: 56px;

}

.formulario-contato {

    color: #214a7e;

    font-weight: 600;

    font-size: 18px;

    margin: 50px 0;

}

.formulario-contato p {

    font-size: 22px;

    text-align: center;

    line-height: 16px;

}

.formulario-contato button {

    float: right;

    background: #dda039;

    color: #fff;

    border: none;

    border-radius: 30px;

    font-size: 20px;

    width: 210px;

    height: 56px;

}

.formulario-contato button:hover {

    background: #fff;

    color: #dda039;

    cursor: pointer;

}

.pin {

    font-size: 80px;

    text-align: center;

    color: #dda039;

    margin-top: 50px;

}

.asteristico {

    color: darkred;

}

/*TRABALHE CONOSCO*/

.form-text {

    margin-top: -15px;

    margin-bottom: 20px;

}

/*HISTORIA*/

.caixa-tempo {

    border: 1px solid #bebebe;

    padding: 50px;

    width: 1006px;

    margin: 0 auto;

    margin-top: 70px;

}

.wrap-tempo {

    display: none;

}

.box-historia {

    display: none;

    color: #6b6b6b;

    font-size: 24px;

    text-align: justify;

    position: relative;

}

.box-historia h3 {

    color: #dda039;

    font-weight: 700;

    font-size: 28px;

    margin: 40px 0;

}

.etiqueta-foto {

    font-size: 14px;

    color: #fff;

    background: #2a548e;

    padding: 20px;

    width: 243px;

    text-align: left;

    display: inline-block;

    margin-top: 30px;

    margin-left: 0;

    position: absolute;

}

.foto-historia {

    max-width: 565px;

    max-height: 344px;

}

.wrap-tempo:checked + .box-historia {

    display: block;

}

.wrap-tempo:checked + .linha-tempo {

    color: #dda039;

}

.linha-tempo {

    width: 100%;

    display: flex;

    justify-content: center;

    margin-top: 80px;

    margin-bottom: 80px;

}

.segmento-tempo {

    width: 801px;

    height: 1px;

    background: #bebebe;

    padding: 0;

}

.bastao {

    height: 30px;

    width: 1px;

    background: #bebebe;

    display: inline-block;

    margin-right: 196px;

    position: relative;

    margin-top: -15px;

}

.bastao:last-child {

    margin-right: 0;

    position: absolute;

}

.ponto-tempo {

    position: absolute;

    width: 42px;

    height: 42px;

    background: #dda039;

    border-radius: 50%;

    left: -21px;

    top: -40px;

    box-sizing: border-box;

    border: 5px solid #fff;

    box-shadow: 0px 0px 10px #bebebe;

}

.wrap-tempo:checked + .ponto-tempo {

    border: 5px solid #dda039;

}

.capa1 {

    background: url("assets/imgs/2001.png") no-repeat center;

    background-size: cover;

}

.capa2 {

    background: url("assets/imgs/1970.png") no-repeat center;

    background-size: cover;

}

.capa3 {

    background: url("assets/imgs/1930.png") no-repeat center;

    background-size: cover;

}

.capa4 {

    background: url("assets/imgs/1900.png") no-repeat center;

    background-size: cover;

}

.capa5 {

    background: url("assets/imgs/1858.png") no-repeat center;

    background-size: cover;

}

.ano {

    display: inline-block;

    position: absolute;

    width: 120px;

    left: -48px;

    top: 25px;

    color: #707070;

    font-size: 18px;

    font-weight: 700;

}

.checked-label {

    width: 42px;

    height: 42px;

    border-radius: 50%;

}

.checked-label:hover {

    cursor: pointer;

}

.sobre-colegio {

    background: #2a548e;

    width: 100%;

    margin-top: 98px;

    margin-bottom: -50px;

    padding: 100px 0;

}

.sobre-colegio h3 {

    font-size: 41px;

    color: #88b8d8;

    font-weight: 700;

    margin-bottom: 62px;

}

.sobre-colegio p {

    color: #f0f0f0;

    font-size: 18px;

    text-align: justify;

    margin-bottom: 40px;

}

/*O COLÉGIO*/

.faixa-corpo {

    margin-top: 70px;

}

.faixa-corpo p {

    font-size: 18px;

    text-align: justify;

    margin-bottom: 40px;

}

.info-colegio {

    background: #214a7e;

    padding: 100px 0;

    margin-top: 50px;

    margin-bottom: -50px;

}

.info-colegio h2 {

    color: #88b8d8;

    font-size: 41px;

    font-weight: 700;

}

.etiqueta-foto-colegio {

    background: #88b8d8;

    color: #214a7e !important;

    font-size: 14px;

    padding: 20px;

    width: 243px;

    text-align: left;

    display: inline-block;

    margin-top: 30px;

    margin-left: 0;

    position: absolute;

}

.info-colegio .box-historia p {

    color: #f0f0f0;

}

.info-colegio .ano {

    color: #f0f0f0;

}

.foto-sobre {

    margin-top: -135px;

}

/*PESQUISA*/

.post {

    margin: 40px 0;

    font-size: 16px;

}

.post h3 {

    font-size: 24px;

    font-weight: 700;

}

.post i {

    color: #dda039;

}

.post p {

    margin-left: 28px;

}

.post a {

    text-transform: capitalize;

    color: #182f53;

}

.post a:hover {

    text-decoration: none;

    color: #204a7e;

}

.leia-mais {

    color: #dda039 !important;

}

.leia-mais:hover {

    color: #ffc153 !important;

}

.trabalhe {

    margin-bottom: 10px;

}

.trabalhe a {

    color: #204a7e;

    font-weight: 700;

    font-size: 17px;

}

.trabalhe a:hover {

    text-decoration: none;

    color: #182f53;

}

/*GALERIA*/

#gallery-1 {

    margin: 0 auto;

}

#gallery-1 .gallery-item {

    float: left;

    margin-top: 10px;

    text-align: center;

    width: 33%;

}

#gallery-1 img {

    border: none !important;

}

#gallery-1 .gallery-caption {

    margin-left: 0;

}

/*

.conteudo-galeria img {

    width: 355px;

    height: 245px;

    object-fit: cover;

    margin: 0;

    margin-top: -12px;

}

*/

.conteudo-galeria h1 {

    font-size: 39px;

    font-weight: 700;

    color: #214a7e;

    margin-top: 57px;

}

.conteudo-galeria input {

    background: none;

    border: none;

    color: #252525;

    font-size: 19px;

    font-weight: 700;

    text-decoration: none;

}

.conteudo-galeria input:hover {

    color: #000000;

    cursor: pointer;

}

.conteudo-galeria .paragrafos {

    margin-top: 20px;

}



@media only screen and (max-device-width: 1140px) {

    .faixaBotao {

        margin: 0 auto;

        width: 100%;

    }

    .caixa-tempo {

        width: 100%;

        padding: 50px 20px;

        margin-top: 0;

        border: none;

    }

    .foto-historia {

        width: 100%;

    }

    .info-colegio {

        padding: 60px 0;

    }

    .etiqueta-foto-colegio {

        position: relative;

        margin-top: 0;

        width: 100%;

    }

    .etiqueta-foto {

        position: relative;

        margin-top: 0;

        width: 100%;

    }

    .box-historia p {

        font-size: 16px;

    }

    .segmento-tempo {

        width: 1px;

        height: 801px;

        background: #bebebe;

        padding: 0;

    }

    .ano {

        display: inline-block;

        position: absolute;

        width: 42px;

        left: -21px;

        top: 10px;

        color: #707070;

        font-size: 18px;

        font-weight: 700;

        text-align: center;

        line-height: 15px;

    }

    .bastao {

        background: transparent;

        margin-bottom: 160px;

        margin-top: 0;

    }

    .ponto-tempo {

        position: relative;

        width: 42px;

        height: 42px;

        border-radius: 50%;

        left: -21px;

        top: -40px;

        box-sizing: border-box;

        border: 5px solid #fff;

        box-shadow: 0px 0px 10px #bebebe;

    }

    .foto-sobre {

        margin-top: 0;

    }

    .sobre-colegio {

        padding: 60px 0;

        margin-top: 20px;

    }

    .faixa-corpo {

        margin-top: 50px;

    }

    .foto-form {

        margin-left: 0;

        margin-bottom: 30px;

        margin-top: -50px;

    }

    .boxes {

        margin-bottom: 30px;

    }

    .proc-admissao button {

        height: auto;

    }

    .conteudo-posts {

        width: 100%;

        margin: 0 auto;

    }

    .faixaNavegacao {

        width: 100%;

    }

    .dropdown button {

        color: #dda039;

        display: inline;

        border: none;

        background: none;

    }

    .dropdown button:hover {

        color: #fff;

    }

    .dropdown input {

        display: inline-block;

        width: 230px;

    }

    .conteudo-posts {

        width: 100%;

        margin: 0 auto;

    }

    .conteudo-posts img {

        width: 100%;

        height: auto;

    }

}



/*Novo CSS da migração para o Laravel*/

/* Geral */

.btn-azul {

    color: #204a7e;

    background: #88B8D8;

    border: none;

}



.btn-azul:hover {

    color: #fff;

    background: #204a7e;

}



/* Entrar */

.entrar {

    margin-top: 40px;

}



/* Nova galeria*/

.galeria.owl-carousel img {

    width: 100%;

    aspect-ratio: 3 / 2;

    object-fit: cover;

    margin: 0;

    margin-top: -12px;

}



.prev-galeria {

    width: 100%;

    overflow-x: auto;

    flex-direction: row;

}



.prev-galeria img {

    width: 125px;

    object-fit: cover;

    aspect-ratio: 1 / 1;

    border-radius: 4px;

    margin: 20px 15px 20px 0;

}



.seta-esq, .seta-dir {

    top: 50%;

    transform: translateY(-50%);

    left: -20px;

    z-index: 10;

    cursor: pointer;

    position: absolute;

}



.seta-dir {

    left: auto;

    right: -20px;

}



.galeria-nav {

    position: relative;

}



.galeria-nav #prevItem {

    position: absolute;

    top: 50%;

    left: -20px;

    z-index: 1000;

}

.galeria-nav #nextItem {

    position: absolute;

    top: 50%;

    right: -20px;

    z-index: 1000;

}



/*Correções na responsividade*/

@media (max-width: 1199.98px) {



}



@media (max-width: 991.98px) {

    .circle1 {

        display: none;

    }



    .institucionais .row {

        justify-content: center;

    }



    .institucionais .mosteiro, .institucionais .livraria, .institucionais .faculdade {

        justify-content: center;

        margin-left: 0px;

        margin-right: 0px;

    }



    .endereco, .contatos {

        border-right: none;

    }

}



@media (max-width: 767.98px) {

    .contatosheader {

        float: none;

    }

    .prev-galeria img {

        width: 90px;

        margin: 15px 10px 15px 0;

    }

    .seta-esq, .seta-dir {

        left: -10px;

    }

    

    .seta-dir {

        right: -10px;

    }

    

    .galeria-nav #prevItem {

        left: -10px;

    }

    

    .galeria-nav #nextItem {

        right: -10px;

    }

}



@media (max-width: 575.98px) {



}

.owl-carousel .owl-item img{
    object-fit: contain;
}