.noticias_titulo h2 {
    font-family: "Montserrat Bold";
    color: #333333;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-top: 70px;
    font-size: 55px;
}

.cinza_fundo {
    background-color: #f2f2f2;
}

.ultimos_eventos {
    padding-top: 75px;
    padding-bottom: 120px;
}

.icon_eventos i {
    padding-top: 27px;
    float: right;
    color: #333333;
}

.titulo_evento3 {
    font-family: "Montserrat Black";
    color: #333333;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-top: 39px;
    font-size: 18px;
    line-height: 1.85;
    height: 190px;
}

.cinza2_fundo {
    padding: 35px;
    border-color: #f2f2f2;
    background-color: white;
    border-style: solid;
    border-width: 1px;
    padding-bottom: 56px;
}

.cinza2_fundo:hover {
    background-color: #3a2cf2;
}

.cinza2_fundo p {
    font-family: "PT Sans Italic";
    font-size: 16px;
    margin-top: 30px;
}

.cinza2_fundo i {
    display: inline-grid;
    color: #333333;
    font-size: 26px;
}

.cinza2_fundo p{
    color:#333333;
}

.cinza2_fundo:hover p, .cinza2_fundo:hover i, .cinza2_fundo:hover .titulo_evento3 {
    color: #fff;
}




/* ATENÇÃO O ACTIVO DEVE ESTAR ASSIM!!!!!!!!!!!!!!!!!
.eventos_caixa_mes:active {
    background-color: #4A74F2;
    border: 2px solid #4A74F2;
}*/



/*
    CSS PARA OS FILTROS
*/

#noticiasContainer{
    margin-top: 100px;
}

.filterwrapper{
    position: relative;
    padding-top: 55px;
    width: 100%;
}

.visual-divider{
    border-bottom: 1px solid #ccc;
}

.visual-divider.selectFilter{
    border-bottom: 0;
}

.visual-divider.selectFilter.show{
    border-bottom: 1px solid #ccc;
}

.filterHeader{
    position: relative;
}

.filterTitle{
    font-family: "Montserrat SemiBold";
    padding-left: 15px;
    color: #ccc;
    text-transform: none;
    letter-spacing: 0.19px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
}

.filter_tab{
    position: absolute;
    right: 0;
    top: 0;
}

.filter_tab a{
    margin-left: 10px;
    border-bottom: 4px solid transparent;
    -webkit-transition: border .3s ease-in-out;
    transition: border .3s ease-in-out;
    padding-bottom: 16px;
    text-transform: uppercase;
    font-family: "Montserrat Bold";
    letter-spacing: 0.15px;
    color: #333333;
}

.filter_tab a.active{
    border-bottom: 4px solid #4A74F2;
    -webkit-transition: border .3s ease-in-out;
    transition: border .3s ease-in-out;
}

.filterData{
    height: 0;
    -webkit-transition: height .5s cubic-bezier(0.7,0,.3,1);
    transition: height .5s cubic-bezier(0.7,0,.3,1);
    overflow: hidden;
}


.filterData.active{
    -webkit-transition: height .5s cubic-bezier(0.7,0,.3,1);
    transition: height .5s cubic-bezier(0.7,0,.3,1);
    overflow: hidden;
    height: 440px;
}

.filterData.active.faculdades, .filterData.active.faculdades .cfilter{
    -webkit-transition: height .5s cubic-bezier(0.7,0,.3,1);
    transition: height .5s cubic-bezier(0.7,0,.3,1);
    height: 220px;
}

.filterData.active.selected{
    -webkit-transition: height .5s cubic-bezier(0.7,0,.3,1);
    transition: height .5s cubic-bezier(0.7,0,.3,1);
    overflow: hidden;
    height: 138px;
}

.filterData > .row, .filterData .cfilter > .row {
    margin-left: 0;
    margin-right: 0;
    overflow-y: hidden;
}

.filterData .columns{
    padding-left: 0;
    padding-right: 0;
}

.filterData a{
    font-family: "PT Sans";
    color: #333333;
    margin-top:50px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-flex;
    background-image: linear-gradient(transparent 0,transparent 90%,#4A74F2 80%,#4A74F2 100%);
    background-position: bottom;
    background-size: 100% 100%;
    transition: color 250ms cubic-bezier(.55,0,.1,1),
    fill 250ms cubic-bezier(.55,0,.1,1),
    background-color 250ms cubic-bezier(.55,0,.1,1),
    background-size 250ms cubic-bezier(.55,0,.1,1),
    border-color 250ms cubic-bezier(.55,0,.1,1),
    opacity 250ms cubic-bezier(.55,0,.1,1),
    visibility 250ms cubic-bezier(.55,0,.1,1);
}

.filterData a:hover{
    background-size: 1000% 1000%;
    transition: color 250ms cubic-bezier(.55,0,.1,1),
    fill 250ms cubic-bezier(.55,0,.1,1),
    background-color 250ms cubic-bezier(.55,0,.1,1),
    background-size 250ms cubic-bezier(.55,0,.1,1),
    border-color 250ms cubic-bezier(.55,0,.1,1),
    opacity 250ms cubic-bezier(.55,0,.1,1),
    visibility 250ms cubic-bezier(.55,0,.1,1);
}

.filterData.active a.active{
    background: #4A74F2;
}

.filterData a i{
    display: none;
    margin-left: 8px;
}

.filterData.active a.active i{
    display: inline-block;
}


.filterData .columns.hide{
    display: none;
}

.filtersHide{
    display: none;
}

.cfilter{
    height: 440px;
}




/*fim novos css filtros*/

/*CALENDARIOS*/

/*newcalendar*/
.tabs-panel.is-active{
    display: block !important;
}

.row.calendarRow{
    width: 100%;
    position: relative;
    /*-webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;*/
    margin-top: 0px;
}

.calendarRow.hasmonth{
    height:220px;
    /*-webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;*/
}


.calendarMonth{
    /*-webkit-transform: translateX(0%);
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;*/
}
/*
.calendarMonth.hiddenLeft{
    -webkit-transform: translateX(-100%);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.calendarMonth.hiddenRight{
    -webkit-transform: translateX(100%);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}


.calendarMonth.previousMonth{
    position: absolute;
    transform: translate(-100%,0%);
    opacity: 1;
}

.calendarMonth.previousMonth.hiddenRight{
    transform: translate(0,0);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}


.calendarMonth.nextMonth{
    transform: translate(310%,-100%);
    opacity: 1;
}

.calendarMonth.nextMonth.hiddenLeft{
    transform: translate(200%,-100%);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
*/
.calendarHeader{
    text-align: center;
    letter-spacing: 0.5px;
    color: rgb(167, 165, 165);
    padding-top: 50px;
    font-family: "Montserrat";
    font-size: 16px;
    letter-spacing: 0px;
    color: rgb(167, 165, 165);
    /*    text-transform: uppercase;*/
}

.quadrados {
    height: 21px;
    width: 21px;
    background-color: #555;
    display: inline-block;
    margin-top: 10px;
    padding-top: 10px;
}

.calendarHeader:hover, .calendarMonth:hover{
    cursor: pointer;
}

.calendarBody{
    border-top: 0;
    padding-right: 35px;
    padding-left: 35px;
    padding-top: 18px;
}

.legenda_calendario p {
    font-family: 'Montserrat';
    display: inline-block;
    font-size: 15px;
    padding-left: 10px;
    vertical-align: super;
    margin-right: 45px;
    color: #404040c4;
}

.legenda_calendario2 p {
    font-family: 'Montserrat';
    display: inline-block;
    font-size: 15px;
    padding-left: 10px;
    vertical-align: super;
    margin-right: 45px;
    color: #404040c4;
}

.legenda_calendario .calendar_box:nth-of-type(1) .quadrados {
    background-color: #88cced;
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
}

.legenda_calendario .calendar_box:nth-of-type(2) .quadrados {
    background-color: #8E63CE;
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
}

.legenda_calendario .calendar_box:nth-of-type(3) .quadrados {
    background-color: rgb(63, 81, 181);
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
}

.legenda_calendario .calendar_box:nth-of-type(4) .quadrados {
    background-color: #7084E7;
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
}

.legenda_calendario2 .calendar_box:nth-of-type(1) .quadrados {
    background-color: #DE664E ;
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
}

/*.legenda_calendario .calendar_box:nth-of-type(6) .quadrados {
    background-color: #00a699;
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
}*/

.legenda_calendario2 .calendar_box:nth-of-type(2) .quadrados {
    background-color: #F0A12C;
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
}

.legenda_calendario2 .calendar_box:nth-of-type(3) .quadrados {
    background-color: #EECF35;
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
}





.calendarBody .day{
    font-family: "Montserrat Bold";
    width: 14.2857%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #404040;
    font-size: 14.5px;
}

.calendarBody .numberday{
    width: 14.2857%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 7px;
    color: black;
    font-size: 13px;
    position: relative;
    font-family: "PT Sans";
}

.calendarBody .numberday.active span{
    display: block;
    position: relative;
    color: white;
}

.calendarBody .numberday i{
    display: none;
}

.calendarBody .numberday.active i{
    position: absolute;
    display: block;
    color: #3a2cf2;
    font-size: 27px;
}

.calendarBody .numbers{
    margin-top: 20px;
    margin-bottom: 20px;
}

.calendarPadding{
    padding: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
/*
.chev{
    position: absolute;
    color: #3a2cf2;
    top: 50%;
    opacity: 0;
    font-size: 42px;
    -webkit-transition: opacity 0.2s cubic-bezier(0.7,0,.3,1);
    transition: opacity 0.2s cubic-bezier(0.7,0,.3,1);
    cursor: pointer;
}

.chev.disabel{
    color:#ccc;
}

.filterData.active .chev{
    -webkit-transition: opacity 1s cubic-bezier(0.7,0,.3,1);
    transition: opacity 1s cubic-bezier(0.7,0,.3,1);
    opacity: 1;
}

.chev.r{
    right: -100px;
}

.chev.l{
    left:-100px;;
}

.filterData.active.selected .chev{
    -webkit-transition: opacity 0s cubic-bezier(0.7,0,.3,1);
    transition: opacity 0s cubic-bezier(0.7,0,.3,1);
    opacity: 0;
}*/

/*.selectedMonth{
    display: none;
}

.selectedMonth.show{
    display: block;
}*/

.selectedMonth a{
    font-family: "PT Sans";
    color: #333333;
    margin-top: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
    background: #4A74F2;
    display: inline-block;
}

.selectedMonth a i{
    display: inline-block;
}

/*FIM CALENDÁRIOS*/


/*Paginacao*/
.numeros_pag_noticia {
    display: inline-flex;
}

.numeros_noticias {
    display: flex;
    margin: 0 auto;
}


.numero_paginas_noticias {
    padding-top: 10px;
    background: transparent;
    /* border: 2px solid;*/
    color: #666; /*#4287ff;*/
    font-family: "Montserrat Bold";
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 18px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 120px;
    letter-spacing: 0.6px;
    border-bottom: 3px solid transparent;
    transition: border .2s ease-out;
}

.numero_paginas_noticias:hover {
    color: #404040;
    cursor: pointer;
    transition: border .2s ease-out;
    border-bottom: 3px solid rgba(66,135,255,1);
}

.numero_paginas_noticias.ellipsis:hover{
    color: #404040;
    cursor: default;
    transition: border .0s ease-out;
    border-bottom: 3px solid transparent;
}

.numero_paginas_noticias.active{
    padding-top: 10px;
    border-bottom: 3px solid #4287ff;
    color: #404040;
    font-family: "Montserrat Bold";
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 18px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 120px;
    letter-spacing: 0.6px;
}

.row.faculdadesFilter{
    padding-left: 16px;
}

.numberday span{
    display: block;
    width: 25px;
    height: 25px;
    /*    border-radius: 50%;*/
    color: black;
    text-align: center;
    vertical-align: center;
    line-height: 25px;
}

.numberday.color span{
    background-color: #ede2ca;
    color: white;
}

.numberday span.domingo{
    background-color:/* rgba(126, 125, 125, 0.73) !important;*/ #7E7D7DBA !important;
    color: white;
}

.title{
    margin-top: 40px;
    text-align: center;
    color: rgb(87,88,89);
    font-size: 36px;
    font-family: "Montserrat Bold";
    margin-bottom: 20px;
    padding-top: 70px;
}

.titlelarge{
    font-size: 3rem;
}

#calendarTabs{
    border: 0;
}

#calendarTabs li a{
    background-color: transparent;
    text-transform: uppercase;
    font-family: "Montserrat Bold";
    font-size: 15px;
    padding-top: 0;
    letter-spacing: 0.15px;
    color: rgb(87,88,89);
}

#calendarTabs li.is-active a{
    opacity: 1;
    border-bottom: 3px solid #6eb7ec;
}

.horarioslist{
    padding-bottom: 150px;
}

.horarioslist .caixas_item{
    text-align: center;
}

.horarioslist .caixas_item a{
    border: 1px solid #e6e6e6;
    color: #bfbfbf;
    display: block;
    margin-bottom: 20px;

}

.horarioslist .caixas_item i{
    font-size: 50px;
    display: block;
    margin-bottom: 10px;
    margin-top: 25px;
}

.horarioslist .caixas_item span{
    display: block;
    text-transform: none;
    font-family: "Montserrat";
    font-size: 16px;
    letter-spacing: 0px;
    color: rgb(167, 165, 165);
}

.searchhorario{
    padding-top: 65px;
    margin-bottom: 0px;
}

.searchhorario .bck .columns{
    margin: 0;
    padding: 0;
    position: relative;
}

.searchhorario .bck{
    background-color: #88cced;
    margin-left: 0%;
    margin-right: 0%;
    padding-top: 25px;
    height: 250px;
}

.searchhorario .bck p{
    font-size: 22px;
    font-family: "Montserrat";
}

.searchhorario .bck .call{
    text-transform: uppercase;
    font-family: "Montserrat Bold";
    font-size: 14.5px;
    letter-spacing: 1px;

}

.searchhorario .bck .call, .searchhorario .bck p{
    letter-spacing: 0px;
    color: white;
    padding-top: 10px;
    padding-right: 18px;
    line-height: 28px;
    text-shadow: black;
    font-size: 18px;
    margin-top: 20px;




}



.calendarMonth {
    padding-right: 0px!important;
    padding-left: 0px!important;
}

.calendario_banner h1 {
    padding-bottom: 120px;
    text-align: center;
    font-size: 60px;
    color: #3f4244;
    padding-top: 110px;
    font-family: 'Montserrat SemiBold';
}

.breadcrumb_azul {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 90;
    padding-top: 15px;
}

.cinza_fundo4 {
    background-color: #f2f2f2;
}

.tabs-content {
    border: hidden;
    background: transparent;
}

.tabs {
    background: transparent;
}

.tabs-panel {
    padding-top: 0px;
}

.linha_separador {
    border-bottom: 1px solid #ccc;
    padding-top: 75px;
    margin-right: 0px;
    margin-left: 0px;
}

.linha_separador2 {
    border-bottom: 1px solid #ccc;
    padding-top: 75px;
    margin-right: 0px;
    margin-left: 0px;
}


.linha_subtitulos {
    height: 4px;
    display: block;
    width: 140px;
    background: #00a0d2;
    margin: 0 auto;
}

.caixas_item {
    padding-right: 10px!important;
    padding-left: 10px!important;
}

.horarioslist {
    padding-top: 75px;
}

.nome_calendarios {
    text-transform: uppercase;
    font-family: "Montserrat Bold";
    font-size: 16px;
    display: block;
    margin-bottom: 20px;
    margin-left: 5%;
    margin-right: 5%;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 15px;
}

.numberday.has-tip{
    border-bottom: 0;
    cursor: pointer;
}

.filter_tab {
    position: absolute;
    right: 0;
    top:0;
    display: none;
}

.filterHeader {
    position: relative;
    display: none;
}

.tooltip {
    font-family: "Montserrat Bold";
}

.searchhorario img {
    position: absolute;
    width: 95%;
    padding-top: 10px;
    padding-left: 10px;
}

.searchhorario .ms-Icon--ChevronRight:before {
    content: '\E76C';
    font-size: 11px;
    font-weight: 900;
}

.breadcrumb_azul li a {
    color: #6eb7ec;
}



.breadcrumbs li a {
    color: #a7a5a5;
}

.breadcrumbs {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    white-space: nowrap;
}

.searchhorario .bck .call {
    text-transform: uppercase;
    font-family: "Montserrat Bold";
    font-size: 15px;
    letter-spacing: 0.5px !important;
}

.bck i {
    display: none;
}



#calendario-escolar-2018-2019 {
    background-color: #fefefe;
    border: 1px solid #e7e6e6;
    border-top: 0px;
    margin-bottom: 30px;
}

.calendario_letivo h2 {
    color: #3f4244;
    font-size: 15px;
    font-family: "Montserrat";
    background-color: rgb(191 191 191 / 30%);
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
}

.calendario_letivo  .columns {
    padding-right: 0px!important;
    padding-left: 0px!important;
    margin-bottom: 0px!important;
}

.tabs-content {
    border: 1px solid #e6e6e6 !important;
}

.legenda_calendario {
    padding-bottom: 0px;
    padding-left: 45px;
    padding-right: 45px;
}

.legenda_calendario2 {
    padding-bottom: 50px;
    padding-left: 45px;
    padding-right: 45px;
}







/*Media query a ser aplicada em 13"*/

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

    .calendario_banner h1 {
        font-size: 55px;
    }

    .calendarBody {
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 10px;
    }

    .calendarBody .numberday {
        font-size: 12px;
    }

    .calendarHeader {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .linha_separador {
        padding-top: 20px;
    }

    .calendarHeader {
        padding-right: 18px;
        padding-top: 30px;
    }

    .bck p {
        line-height: 1.4;
    }

    .searchhorario .bck {
        height: 200px;
        padding-top: 25px;

    }

    .calendario_letivo {
        margin-top: -60px;
    }

    .searchhorario .bck p {
        font-size: 19px;
        padding-right: 35px;
    }

    .horarioslist .caixas_item i {
        margin-top: 20px;
    }

    .nome_calendarios {
        margin-bottom: 0px;
        padding-bottom: 15px;
    }

    .horarioslist {
        padding-bottom: 90px;
    }

    .searchhorario .bck .call, .searchhorario .bck p {
        padding-top: 0px;
        margin-top: 0px;
    }

}


/*Media query a ser aplicada em "IPAD"*/

@media (min-width : 768px)
and (max-width : 1024px){

    .breadcrumbs li {
        font-size: 14px;
    }

    .calendario_banner h1 {
        font-size: 40px;
        padding-right: 10%;
        padding-left: 10%;
        padding-top: 140px;
    }

    .numberday span {
        width: 35px;
        height: 35px;
    }

    .calendarBody .numberday {
        font-size: 15px;
        margin-bottom: 3px;
    }

    .numberday span {
        line-height: 32px;
    }

    .calendarBody .numbers {
        margin-bottom: 32px;
        margin-top: 5px;
    }

    .calendarBody {
        padding-top: 5px;
    }

    .calendarHeader {
        font-size: 15px;
    }

    .searchhorario img {
        max-width: 80%;
    }

    .searchhorario .columns {
        margin-bottom: 15px;
    }

    .searchhorario .bck {
        height: 180px;
        padding-top: 20px;
    }

    .linha_separador2 {
        padding-top: 60px;
    }

    .horarioslist .caixas_item i {
        margin-top: 15px;
    }

    .linha_separador {
        padding-top: 0px;
    }

    .horarioslist {
        padding-top: 63px;
    }

    .searchhorario {
        padding-top: 60px;
    }

    .linha_separador2 {
        padding-top: 48px;
    }

    .horarioslist .caixas_item a {
        margin-bottom: 10px;
    }

    .caixas_item {
        padding-right: 5px!important;
        padding-left: 5px!important;
    }

    .horarioslist {
        padding-right: 10px;
        padding-left: 10px;
    }

    .nome_calendarios {
        margin-left: 0px;
        margin-right: 0px;
    }

    .horarioslist .caixas_item span {
        font-size: 15px;
        line-height: 1.35;
    }

    .horarioslist .caixas_item i {
        font-size: 40px;
    }

    .horarioslist .caixas_item i {
        margin-bottom: 0px;
    }



}

@media (max-width: 1200px) {
    .searchhorario .bck {
        height: 235px;
    }

    .searchhorario .bck p {
        font-size: 17px;
    }


    .horarioslist .caixas_item span.nome_calendarios {
        margin-right: 5px;
    }

}


/*Media query a ser aplicada em "IPHONE"*/

@media (max-width: 767px) {

    .breadcrumbs {
        display: none;
    }

    .calendario_banner h1 {
        font-size: 25px;
        padding-top: 50px;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 15px;
    }

    .wrap {
        padding-left: 5%;
        padding-right: 5%;
    }

    .row .numbers {
        margin-right: 0px;
        margin-left: 0px;
    }

    .numberday span {
        width: 30px;
        height: 30px;
    }

    .calendarBody .numberday {
        margin-bottom: 0px;
    }

    .calendarBody {
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 5px;
    }

    .calendarBody .numbers {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .linha_separador, .linha_separador2 {
        display: none;
    }

    .searchhorario {
        padding-top: 30px;
    }

    .searchhorario .columns {
        margin-bottom: 15px;
    }

    .searchhorario .bck {
        height: 120px;
        padding-top: 8px;
    }

    .searchhorario .bck p {
        font-size: 16px;
        padding-right: 15px;
        line-height: 1.3;
        letter-spacing: 0px;
    }

    .searchhorario .bck .call {
        font-size: 12px;
    }

    .searchhorario img  {
        max-width: 95%;
    }

    .searchhorario .bck p {
        display: none;
    }

    .searchhorario .bck .call {
        display: block;
        font-size: 16px;
        padding-top: 27px;
    }

    .searchhorario {
        padding-top: 10px;
    }

    .horarioslist {
        padding-top: 0px;
        padding-bottom: 60px;
    }

    .horarioslist .caixas_item i {
        font-size: 34px;
        display: block;
        margin-bottom: 0px;
        margin-top: 15px !important;
    }

    .nome_calendarios {
        margin-bottom: 5px;
        padding-bottom: 20px;
    }

    .horarioslist .caixas_item a {
        margin-bottom: 17px;
    }





}

.calendario_letivo{
    position: relative;
    margin-top: -40px;
}

.calendarboxselector{
    position: absolute;
    right: 8px;
    top: 8px;
    bottom: 8px;
    width: 40px;
    background: #3862ed;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 21px;
    padding-top: 3px;
    border-radius: 5px;
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
}

.calendarboxselector:hover {
    background: #3156d1;
    cursor: pointer;
}

.optionsList{
    color: #404040c4;
    font-size: 15px;
    font-family: "Montserrat";
    background-color: rgba(191,191,191,.3);
    text-align: center;
    padding: 16px 0;
    margin-bottom: 0;
}

.optionsList:hover{
    cursor: pointer;
    background-color: rgba(191,191,191,.7);
}


.horarioslist .caixas_item a{
    display: flex;
    padding: 15px 12px;
    border-radius: 10px;
    padding-left: 0px;
    padding-right: 0px;
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
}

.horarioslist .caixas_item a:hover {
    box-shadow: rgb(50 50 93 / 46%) 0px 2px 5px -1px, rgb(0 0 0 / 43%) 0px 1px 3px -1px;
}

.horarioslist .caixas_item span.nome_calendarios{
    text-transform: none;
    font-family: "Montserrat";
    font-size: 15px;
    letter-spacing: 0;
    color: #404040c4;
    margin: 0;
    padding: 0 0 0 0px;
    text-align: left;
    margin-left: -15px;
    margin-right: 15px;
    padding-top: 5px;
}

.horarioslist .caixas_item i{
    padding: 0;
    margin: 0;
}

.iconcalendario{
    height: auto;
    margin-left: 15px;
    margin-top: 5px;
}

a.calendarioButton{
    background-color: #3862ed;
    color: white;
    padding: 15px 25px;
    font-family: Montserrat;
    font-size: 15px;
    display: inline-block;
    border-radius: 6px;
    border-radius: 6px;
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
}

a.calendarioButton:hover{
    color: white;
    background-color: #3156d1;
}

a.previouslink{
    display: block;
    font-family: "PT Sans";
    color: white;
    margin-top: 15px;
}

@media (max-width: 1200px) {

    .horarioslist .caixas_item span.nome_calendarios {
        margin-right: 5px;
        padding-right: 0px;
        margin-left: 0px;
        font-size: 14px;
    }

    .iconcalendario {
        margin-top: 10px;
    }

    .searchhorario .bck p {
        font-size: 16px;
        line-height: 23px;
    }

    a.calendarioButton {
        font-size: 15px;
        padding: 12px 22px;
    }

    .searchhorario img {
        padding-top: 0px;
    }

    .searchhorario .bck {
        height: 190px;
    }

    .searchhorario {
        padding-top: 30px;
    }

    .linha_separador {
        padding-top: 30px;
    }

    .linha_separador2 {
        padding-top: 30px;
    }

    .horarioslist {
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .calendarBody .numbers {
        margin-left: 0px;
    }

    .calendarBody .row {
        margin-left: 0px;
    }

    .calendarHeader {
        padding-right: 0px;
        padding-left: 0px;
        padding-top: 20px;
        font-size: 14px;
    }

    .calendario_letivo h2 {
        font-size: 15px;
    }

    .calendario_banner h1 {
        font-size: 40px;
    }

    .calendario_letivo h2 {
        padding-top: 10px;
        padding-bottom: 10px;

    }

    .legenda_calendario p {
        font-size: 12px;
        margin-right: 10px;
    }

    .legenda_calendario2 p {
        font-size: 12px;
        margin-right: 10px;
    }

    .horarioslist .caixas_item span.nome_calendarios {
        font-size: 13px;
    }

}





@media (max-width: 767px) {

    .calendario_banner h1 {
        font-size: 20px;
        padding-top: 40px;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 0px;
    }

    .wrap {
        padding-top: 60px;
    }

    .calendario_letivo h2 {
        padding-top: 14px;
        padding-bottom: 14px;
        font-size: 14px;
        text-align: left;
        padding-left: 25px;
    }

    .calendarboxselector {
        font-size: 16px;
    }

    .searchhorario .bck p {
        display: block;

    }




    .horarioslist {
        padding-top: 10px;
    }

    .horarioslist .caixas_item span.nome_calendarios {
        font-size: 13px;
        padding-left: 20px;
        padding-right: 0px;
    }

    .optionsList {
        text-align: left;
        display: flex;
        font-size: 14px;
        padding-left: 25px;
    }

    .calendarBody .numbers {
        margin-bottom: 10px;
    }

    .calendar_box {
        display: block;
        width: 100%;
    }

    .legenda_calendario {
        padding-left: 30px;
        padding-right: 30px;
    }

    .legenda_calendario p {
        margin-bottom: 5px;
    }

    .wrap {
        padding-right: 10px;
        padding-left: 10px;
    }

    .calendario_letivo h2 {
        background: #6eb7ec;
        color: white;
        font-size: 14px;
        font-family: 'Montserrat';
    }

    .calendar_boxselector {
        right: 4px;
        top: 4px;
        bottom: 4px;
        width: 30px;
    }

    .tabs-panel {
        padding-right: 8px;
        padding-left: 8px;
    }

    .calendarBody .day {
        font-size: 10px;
    }

    .numberday span {
        width: 20px;
        height: 20px;
        font-size: 10px;
    }

    .calendarBody {
        padding-top: 0px;
    }

    .calendarHeader span {
        font-size: 12px;
    }
    .calendarRow {
        padding-top: 10px;
    }

    .calendarHeader {
        padding-top: 10px;
    }

    .quadrados {
        height: 15px;
        width: 15px;
    }

    .bck .columns:first-of-type {
        display: none;
    }

    .bck a {
        width: 100%;
        text-align: center;
    }

    .searchhorario .bck p {
        display: none;
    }

    .searchhorario .bck {
        height: auto;
        background-color: white;
    }

    .searchhorario .columns {
        margin-bottom: 5px;
    }

    .searchhorario {
        padding-top: 15px;
    }

    .horarioslist .caixas_item a {
        display: none;
    }

    .calendarboxselector {
        right: 5px;
        top: 5px;
        bottom: 5px;
    }

    a.calendarioButton {
        font-size: 14px;
    }


}


@media (max-width: 1470px) {

    .legenda_calendario p {
        margin-right: 20px;
    }

    .legenda_calendario {
        padding-left: 39px;
        padding-right: 19px;
    }

    .legenda_calendario2 p {
        margin-right: 20px;
    }


    .legenda_calendario2 {
        padding-left: 39px;
        padding-right: 19px;

    }


}

@media (max-width: 1439px) {

    .legenda_calendario {
        padding-left: 45px;
        padding-right: 19px;
    }

    .legenda_calendario2 {
        padding-left: 45px;
        padding-right: 19px;
    }

    .tabs-panel.is-active {
        display: block !important;
        margin-left: 25px;
    }

}

@media (max-width: 1312px) {

    .legenda_calendario p {
        font-size: 12px;
    }

    .legenda_calendario2 p {
        font-size: 12px;
    }

    .searchhorario .bck p {
        font-size: 16px;
        padding-right: 35px;
        line-height: 23px;
    }

    a.calendarioButton {
        font-size: 12px;
    }

    .iconcalendario {
        height: 80%;
    }






}

@media (max-width: 1120px) {

    .legenda_calendario2 {
        padding-left: 62px;
        padding-right: 400px;
    }

    .legenda_calendario {
        padding-right: 400px;
        padding-left: 62px;
    }

}

@media (max-width: 1102px) {
    .legenda_calendario {
        padding-right: 46%;
        padding-left: 62px;
    }

    .legenda_calendario p {
        margin-right: 10px;
    }
}


@media (max-width: 1070px) {
    .legenda_calendario {
        padding-right: 46%;
    }

    .legenda_calendario p {
        margin-right: 4px;
    }

    .legenda_calendario2 p {
        margin-right: 4px;
    }
}

@media (max-width: 1040px) {

    .legenda_calendario {
        padding-right: 45%;

    }

}


    @media (max-width: 1020px) {

        .legenda_calendario {
            padding-right: 44%;
        }

        .calendarBody {
            padding-right: 65px;
            padding-left: 22px;
            padding-top: 19px;
        }

        .calendarBody .numberday {
            font-size: 13px;
        }

        .searchhorario img {
            max-width: 60%;
            margin-left: 35px;
        }

        .searchhorario .bck p {
            margin-top: 20px;
        }

        .calendario_banner h1 {
            padding-top: 80px;
            padding-bottom: 70px;
        }

        .calendario_letivo h2 {
            font-size: 14px;
        }

        .tabs-panel.is-active {
            margin-top: 35px;
        }

        .ms-Icon {
            font-size: 14px;
        }

        .calendarboxselector {
            width: 30px;
            text-align: center;
        }

        .horarioslist .caixas_item span.nome_calendarios {
            padding-left: 25px;
            text-align: center;
        }

        .optionsList {
            font-size: 14px;
        }

    }



@media (max-width: 1010px) {

    .calendar_box {
        display: block;
        width: 100%;
    }

}



    @media (max-width: 767px) {

        .calendario_banner h1 {
            padding-top: 30px;
            padding-bottom: 0px;
        }

        .tabs-panel.is-active {
            margin-left: 0px;
        }

        .calendarBody {
            padding-right: 15px;
            padding-left: 12px;
        }

        .tabs-panel.is-active {
            margin-top: 0px;
        }

        .calendarBody {
            padding-top: 8px;
        }

        .calendarHeader {
            color: rgb(111 109 109);
        }

        .legenda_calendario {
            padding-right: 0px;
            padding-left: 23px;
        }

        .legenda_calendario2 {
            padding-right: 0px;
            padding-left: 23px;
            padding-bottom: 25px;
        }

        .legenda_calendario2 p {
            margin-bottom: 0px;
        }

    }