/**************************************************************************************/

@media (max-width: 1024px) {

    /*.wrapper {
        margin-top: 208px;
    }*/

    .container {
        width: 750px;
        padding-left: 0;
        padding-right: 0;
    }

    body p {
        line-height: 1.2em !important;
        font-size: 3em !important;
        font-weight: normal !important;
        font-family: 'Open Sans', Arial, sans-serif;
        color: #333333;
    }


    body h2 {
        font-size: 5em !important;
        line-height: 1.2em !important;
        margin-top: 1em !important;
    }

    body #perfil_afesbj h3,
    body #sobre_o_relatorio h3,
    body #compromissos h3,
    body #perfil_afesbj h3,
    body #ensino_bomjesus h3,
    body #ensino_fae h3,
    body #institucional_afesbj h3,
    body #social_afesbj h3,
    body #avalie h3 {
        font-size: 4em !important;
        padding-bottom: .6em;
        line-height: 1.2em !important;
    }

    #compromissos h3.ouro,
    #compromissos .fundo.ouro h3.ouro {
        font-size: 3em !important;
    }

    #social_afesbj .box-dashed.roxo h2 {
        color: #6a3c6f;
        font-size: 3em !important;
        font-weight: 500;
        text-align: center;
        background-color: #e8e7b6;
        padding: 0px 20px 10px 20px;
        margin-top: -64px !important;
        margin-left: 0;
        width: 100%;
        text-transform: none;
    }


    nav.cmn-tile-nav ul {
        margin-top: 5em;
    }

    .modaal-wrapper .nav > li > a {
        font-size: 32px;
        letter-spacing: 0px;
        color: #ffffff;
        line-height: 40px;
    }

    .modaal-wrapper .nav > li > a span {
        font-size: 34px;
        letter-spacing: 0px;
        color: #ffffff;
        line-height: 40px;
        font-weight: bold;
    }


    nav.cmn-tile-nav li:nth-child(odd) {
        width: 50%;
        margin-right: 4%;
        margin-bottom: 4%;
    }

    nav.cmn-tile-nav li:nth-child(even) {
        width: 46%;
        margin-right: 0;
        margin-bottom: 4%;
    }

    nav.cmn-tile-nav a {
        text-align: center;
        padding: 60px 20px;
        height: 300px;
    }


    .modaal-close:before, .modaal-close:after {
        display: block;
        content: " ";
        position: absolute;
        top: 15px !important;
        left: 65px !important;
        width: 10px !important;
        height: 80px !important;
        border-radius: 4px;
        background: #fff;
        -webkit-transition: background 0.2s ease-in-out;
        -moz-transition: background 0.2s ease-in-out;
        -ms-transition: background 0.2s ease-in-out;
        -o-transition: background 0.2s ease-in-out;
        transition: background 0.2s ease-in-out;
    }

    .modaal-close {
        right: 8% !important;
    }
    

    nav.cmn-tile-nav .icones {
        zoom: 2;
    }

    nav.cmn-tile-nav .icones.icones-02 {
        background-position: -202px -11px;
    }


    /************ BOX MOBILE ********/
    .box-mob {
        border: 0px solid;
        padding: 30px;
        margin-top: 50px;
    }

    .box-mob h2 {
        font-size: 3em !important;
        text-align: center !important;
        text-transform: none !important;
        padding: 20px !important;
        line-height: 1.2em !important;
    }
    /*****/

    #sobre_o_relatorio .box-mob {
        border-color: #423c96;
    }

    #sobre_o_relatorio .box-mob h2 {
        color: #423c96;
    }

    .box-mob ul li {
        line-height: 1.2em;
        font-size: 3em;
    }

    /**/
    #compromissos .box-mob {
        border-color: #be8615;
    }

    #compromissos .box-mob h2 {
        color: #be8615;
    }


    /**/
    #ensino_afesbj .box-mob {
        border-color: #5b8466;
    }

    #ensino_afesbj .box-mob h2 {
        color: #5b8466;
    }

    /**/
    #ensino_fae .box-mob {
        border-color: #ead967;
    }

    #ensino_fae .box-mob h2 {
        color: #ead967;
    }

    /**/
    #institucional_afesbj .box-mob {
        border-color: #983b0f;
    }

    #institucional_afesbj .box-mob h2 {
        color: #983b0f;
    }

    /**/
    #social_afesbj .box-mob {
        border-color: #634766;
    }

    #social_afesbj .box-mob h2 {
        color: #634766;
    }

    /**/
    #perfil_afesbj .box-mob {
        border-color: #3477ac;
    }

    #perfil_afesbj .box-mob h2 {
        color: #3477ac;
    }

    /***************SLIDERS*******************/

    #slides .slidesjs-control {
        margin: 0 auto;
        text-align: center;
        width: 80% !important;
        height: 870px !important;
        top: 3em;
        z-index: 998;
    }

    #compromissos #slides a:link, #compromissos #slides a:visited {
        background-color: #e4aa31;
        padding: 10px 15px;
        font-weight: normal;
        position: absolute;
        z-index: 999;
    }

    #compromissos #slides .slidesjs-previous {
        position: absolute;
        left: 0%;
        top: 35%;
    }

    #compromissos #slides .slidesjs-next {
        position: absolute;
        right: 0%;
        top: 35%;
    }

    .icon-chevron-left.icon-large:before {
        vertical-align: -10%;
        font-size: 8em;
        padding-top: 14px;
        content: "<"
    }

    .icon-chevron-right.icon-large:before {
        vertical-align: -10%;
        font-size: 8em;
        padding-top: 14px;
        content: ">"
    }

    /*****************/

    #perfil_afesbj #slides .slidesjs-control {
        margin: 0 auto;
        text-align: center;
        width: 100% !important;
        min-height: 1055px !important;
        overflow: hidden;
        margin-top: 15px;
    }

    #perfil_afesbj #slides .slidesjs-previous {
        position: absolute;
        left: 30%;
        top: 90%;
    }

    #perfil_afesbj #slides .slidesjs-next {
        position: absolute;
        right: 30%;
        top: 90%;
    }

    #ensino_fae #slides .slide span,
    #perfil_afesbj #slides .slide span {
        font-size: 4em;
        padding-bottom: .5em;
    }
    

    #ensino_fae #slides .slidesjs-control {
        width: 565px !important;
        min-height: 2300px !important;
    }

    /***********************************/

    .circle-dashed {
        width: 600px;
        height: 600px;
        background-color: #fff;
        border-radius: 100%;
        display: block;
        margin: 0 auto;
        margin-bottom: 3em;
        margin-top: 3em;
    }

    .circle-dashed .circle {
        width: 540px;
        height: 540px;
        border-radius: 100%;
        display: block;
        position: absolute;
        margin-left: 23px;
        margin-top: 23px;
    }


    .circle-dashed .circle h5 {
        color: #fff !important;
        font-family: "Roboto", "Open Sans" !important;
        font-size: 3.5em !important;
        font-weight: 500 !important;
        text-align: center !important;
        padding: 5px !important;
        margin-top: 3em !important;
    }

    .circle-dashed .circle h6 {
        color: #fff !important;
        font-family: "Roboto", "Open Sans" !important;
        font-size: 3em !important;
        font-weight: 500 !important;
        text-align: center !important;
        padding: 5px !important;
        text-transform: none !important;
    }

    .circle-dashed .circle span.icone img {
        text-align: center;
        padding: 10px 0;
        width: initial !important;
        display: block;
        margin: 0 auto;
        zoom: 3;
    }


    /****/
    #sobre_o_relatorio .circle-dashed {
        border: 7px dashed #423c96;
    }
    #sobre_o_relatorio .circle-dashed .circle {
        background-color: #423c96;
    }
    /****/
    #compromissos .circle-dashed {
        border: 7px dashed #be8715;
    }
    #compromissos .circle-dashed .circle {
        background-color: #be8715;
    }
    /****/
    #perfil_afesbj .circle-dashed {
        border: 7px dashed #456383;
    }
    #perfil_afesbj .circle-dashed .circle {
        background-color: #456383;
    }
    /****/
    #ensino_bomjesus .circle-dashed {
        border: 7px dashed #21715f;
    }
    #ensino_bomjesus .circle-dashed .circle {
        background-color: #21715f;
    }
    /****/
    #ensino_fae .circle-dashed {
        border: 7px dashed #ddc100;
    }
    #ensino_fae .circle-dashed .circle {
        background-color: #ddc100;
    }
    /****/
    #institucional_afesbj .circle-dashed {
        border: 7px dashed #a03903;
    }
    #institucional_afesbj .circle-dashed .circle {
        background-color: #a03903;
    }
    /****/
    #social_afesbj .circle-dashed {
        border: 7px dashed #6a3c6f;
    }
    #social_afesbj .circle-dashed .circle {
        background-color: #6a3c6f;
    }
    /****/


    #perfil_afesbj img.initial {
        width: 100% !important;
    }

}


@media (max-width: 1024px) {

    .menu {
        background: url(../img/bg-menu-mob.jpg);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        /*position: fixed;*/
        top: 0;
        width: 100%;
        z-index: 999;
    }

    .menu h1 {
        color: #fff;
        font-family: 'Roboto',sans-serif, serif;
        text-transform: uppercase;
        font-size: 2.5em;
        margin-left: -5%;
        padding: .5em;
        letter-spacing: 5px;
        line-height: 1.3em;
    }

    .burguer {
        padding: 15px !important;
        background: #824e1b;
        border: none !important;
        border-radius: 4px;
        color: #fff;
        font-family: 'Lato',sans-serif, serif;
        font-size: 1em;
        letter-spacing: 1px;
        text-transform: uppercase;
        cursor: pointer;
        display: block;
        position: absolute;
        top: 36px;
        right: 30px;
    }

    .burguer .icon-burguer {
        display: block;
        width: 70px;
        height: 15px;
        border-radius: 10px;
        margin: 10px;
        background: #fff;
    }

}

/*
@media (max-width: 568px) and (min-width: 1px) {
    .menu {
        background: url(../img/bg-menu-mob.jpg);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        height: 210px;
        top: 0;
        width: 100%;
        z-index: 999;
    }

    

    .burguer {
        margin: 45px 30px !important;
        padding: 15px !important;
        background: #824e1b;
        border: none !important;
        border-radius: 4px;
        color: #fff;
        font-family: 'Lato',sans-serif, serif;
        font-size: 1em;
        letter-spacing: 1px;
        text-transform: uppercase;
        cursor: pointer;
        display: inline-block;
        float: right;
        position: absolute;
    }

    .burguer .icon-burguer {
        display: block;
        width: 70px;
        height: 15px;
        border-radius: 10px;
        margin: 10px;
        background: #fff;
    }
}
*/


@media (max-width: 1025px) {
    .hidden-tab {
        display: none !important;
    }

    .visible-tab {
        display: block !important;
    }
}