@font-face { font-family: 'robotobold'; src: url('../fonts/roboto-bold-webfont.eot'); src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-bold-webfont.woff2') format('woff2'), url('../fonts/roboto-bold-webfont.woff') format('woff'), url('../fonts/roboto-bold-webfont.ttf') format('truetype'), url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'robotoitalic'; src: url('../fonts/roboto-italic-webfont.eot'); src: url('../fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-italic-webfont.woff2') format('woff2'), url('../fonts/roboto-italic-webfont.woff') format('woff'), url('../fonts/roboto-italic-webfont.ttf') format('truetype'), url('../fonts/roboto-italic-webfont.svg#robotoitalic') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'robotolight'; src: url('../fonts/roboto-light-webfont.eot'); src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-light-webfont.woff2') format('woff2'), url('../fonts/roboto-light-webfont.woff') format('woff'), url('../fonts/roboto-light-webfont.ttf') format('truetype'), url('../fonts/roboto-light-webfont.svg#robotolight') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'robotoregular'; src: url('../fonts/roboto-regular-webfont.eot'); src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-regular-webfont.woff2') format('woff2'), url('../fonts/roboto-regular-webfont.woff') format('woff'), url('../fonts/roboto-regular-webfont.ttf') format('truetype'), url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg'); font-weight: normal; font-style: normal; }

html { color: #222; font-size: 1em; line-height: 1.4; }
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

/*
 * A better looking default horizontal rule
 */

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio, canvas, iframe, img, svg, video { vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */

fieldset { border: 0; margin: 0; padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */

textarea { resize: vertical; }

input[type="text"], input[type="email"], input[type="password"], textarea { -webkit-appearance: none !important; -ms-appearance: none !important; appearance: none !important; }

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

    body { font-size: 16px; margin: 0; padding: 0; font-family: 'robotoregular'; }

    .clearfix { clear: both; display: block; }
        
    .row { width: 940px !important; float: none; margin: 0 auto; position: relative; }

    .title { font-weight: 400; font-size: 2.71875em; line-height: 120%; color: #000; }

    .subtitle { font-size: 1.875em; color: #000; text-decoration: none; }

    .astile { font-size: 1.25em; line-height: 30px; font-weight: bold; color: #000; }

    .antitle { font-size: 1em; line-height: 30px; font-weight: bold; color: #000; }

    .date { font-size: 0.75em; font-weight: bold; line-height: 30px; color: #000; }

    .titlebox { font-size: 1.125em; font-weight: bold; line-height: 30px; color: #000; }

    .descbox { font-size: 0.875em; font-weight: bold; line-height: 20px; color: #000; }

    .titlemenu { font-size: 1.25em; color: #000; }

    .listauniformes { font-size: 1.5625em; color: #000; line-height: 120%; }

    .titlec { font-size: 2.5em; color: #000; line-height: 40px; font-weight: normal; }

    .p { font-size: 1.5em; color: #000; }

    .bold { font-family: 'robotobold'; }

    .light { font-family: 'robotolight'; }

    .regu { font-family: 'robotoregular'; }

    .cbercario { color: #fdc800; float: left; display: block; }

    .cbercario.titlebox { width: 100%; display: block; }

    .ceducinfantil { color: #0092d1; float: left; display: block; }

    .ceducinfantil.titlebox { width: 100%; display: block; }

    .cfundamental { color: #7abb0b; float: left; display: block; }

    .cfundamental.titlebox { width: 100%; display: block; }

    .ccursos { color: #f2224c; float: left; display: block; }

    nav{width:100%;height:80px;display:block;background:#FFF;line-height:70px;position:relative;border-bottom:1px solid #d5d5d5;}

        nav .menuMobile{ display: none; }
        nav h1{margin:0;float:left;margin-right:55px;}
        nav img{width:265px;height:64px;position:relative;left:8px;}
        nav ul{list-style:none;margin:0;float:left;height:80px;padding:0;margin-left:8px;}
            
            nav ul li {
                float: left;
                position: relative;
            }

            nav ul li:after { content: " "; position: absolute; display: block; bottom: -18px; width: 140px; height: 10px; background: #fdc800; opacity: 0; visibility: hidden; -webkit-transition: .15s all ease-in-out; -ms-transition: .15s all ease-in-out; transition: .15s all ease-in-out; }

            nav ul li.active:after{
                opacity: 1; 
                visibility: visible;
            }
    
            nav ul li:nth-child(1){
                margin-right: 54px;
            }

            nav ul li:nth-child(2){
                margin-right: 94px;
            }

            nav ul li:nth-child(3){
                margin-right: 105px;
            }

                nav ul li a{
                    float: left;
                    font-size: 1em;
                    color: #000000;
                    font-weight: bold;
                    line-height: 100%;
                    margin-top: 46px;
                    text-decoration: none;
                }

        nav .dropdown{
            width: 100%;
            height: 0px;
            top: 80px;
            float: left;
            z-index: 8;
            opacity: 0;
            visibility: hidden;
            position: absolute;
            background: url(../img/bgMenu.jpg);
            -webkit-background-size: cover;
                -ms-background-size: cover;
                    background-size: cover;
            -webkit-transition: .35s all ease-in-out;
                -ms-transition: .35s all ease-in-out;
                    transition: .35s all ease-in-out;
        }

        nav .dropdown .align{
            margin-top: 20px;
        }

        nav .dropdown .align div{
            float: left;
            width: 141px;
            margin-right: 19px;
        }

        nav .dropdown .align div ul{
            margin-left: 0;
        }

        nav .dropdown .align div ul li, nav .dropdown .align div ul li a{
            margin-right: 0;
            width: 100%;
            display: block;
            margin-top: 0;
            position: relative;
        }

        nav .dropdown .align div ul li:after{
            content: " ";
            width: 150px;
            height: 2px;
            display: block;
            background: #eb174f;
            position: absolute;
            bottom: -2px;
            left: -10px;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: .15s all ease-in-out;
                -ms-transition: .15s all ease-in-out;
                    transition: .15s all ease-in-out;
        }

        nav .dropdown .align div ul li:hover:after{
            opacity: 1;
            visibility: visible;
        }

        nav:hover .dropdown{
            height: 510px;
            opacity: 1;
            visibility: visible;
        }

        

    #index .banner{
        width: 100%;
        height: 510px;
        position: relative;
        overflow: hidden;
        background: url(../img/banners/layerfundo.png);
        -webkit-background-size: cover;
            -ms-background-size: cover;
                background-size: cover;
    }
        #index .banner .row{
            padding-top: 88px;
        }

        #index .banner h2{
            margin: 0 0 0 0;
            position: relative;
            z-index: 3;
            line-height: 116%;
            position: relative;
        }

            #index .banner h2 span{
                width: 100%;
                display: block;
                color: #0092d1;
            }

        #index .banner .layer1{
            width: 100%;
            height: 800px;
            position: absolute;
            top: -198px;
            left: 4px;
            z-index: 1;
            background: url(../img/banners/layer1.png);
            background-position: center center;
            background-repeat: no-repeat;
            -webkit-background-size: contain;
                -ms-background-size: contain;
                    background-size: contain;
        }

        #index .banner .layer2{
            width: 100%;
            height: 800px;
            position: absolute;
            top: -196px;
            left: 8px;
            background: url(../img/banners/layer2.png);
            background-position: center center;
            background-repeat: no-repeat;
            -webkit-background-size: contain;
                -ms-background-size: contain;
                    background-size: contain;
        }

        #index .banner .layer3{
            width: 100%;
            height: 800px;
            position: absolute;
            top: -198px;
            left: 7px;
            background: url(../img/banners/layer3.png);
            background-position: center center;
            background-repeat: no-repeat;
            -webkit-background-size: contain;
                -ms-background-size: contain;
                    background-size: contain;
        }
    
        /* Carousel novo André */
            #index .banner h2, #index .banner .seguraOwl{
                display: inline-block;
                vertical-align: top;
            }

            #index .banner .seguraOwl{
                width: 50%;
                position: relative;
                z-index: 2;
                overflow: hidden;
            }

            #index .banner .seguraOwl img{
                width: 100%;
            }

            #index .banner .seguraOwl .owl-nav, #index .banner .seguraOwl .owl-dots{
                display: none;
            }
        /* Carousel novo André */

    .menubanner.row{
        position: relative;
        z-index: 9;
        top: -49px;
    }

    .menubanner ul{
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .menubanner ul li{
        width: 234px;
        height: 69px; 
        float: left;
        background: #FFF;
        border-right: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        text-align: center;
        position: relative;
    }

    .menubanner ul li:last-child{
        border-right: 0;
    }

    .menubanner ul li:before{
        content: " ";
        width: 100%;
        height: 10px;
        display: block;
        background: #000;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: .15s all ease-in-out;
            -ms-transition: .15s all ease-in-out;
                transition: .15s all ease-in-out;
    }

    .menubanner ul li:hover:before{
        height: 12.5px;
    }

        .bercario:before{
            background: #fdc800 !important;
        }

        .educacaoinfantil:before{
            background: #0092d1 !important;
        }

        .fundamental:before{
            background: #7abb0b !important;
        }

        .cursos:before{
            background: #f2224c !important;
        }

        .menubanner ul li.titlemenu a{
            text-decoration: none;
            color: #000;
            width: 100%;
            height: 100%;
            display: block;
            line-height: 82px;
        }

    .noticias{
        width: 100%;
    }

        .noticias span{
            margin-top: -13px;
            float: left;
            width: 100%;
        }

        .noticias h3{
            margin: 0;
            float: left;
            width: 100%;
            margin-top: -9px;
        }

        .noticias ul{
            width: 100%;
            list-style: none;
            margin: 20px 0 0 0;
            padding: 0;
            float: left;
        }

        .noticias ul li{
            width: 300px;
            height: auto;
            float: left;
            margin-right: 20px;
            position: relative;
        }

            .noticias ul li div.img{
                height: 200px;
                background: #fdc800;
                background-position: center center;
                -webkit-transition: .15s all ease-in-out;
                    -ms-transition: .15s all ease-in-out;
                        transition: .15s all ease-in-out;
                -webkit-background-size: cover;
                    -ms-background-size: cover;
                        background-size: cover;
                -webkit-box-sizing: border-box;
                    -ms-box-sizing: border-box;
                        box-sizing: border-box;
            }

            .noticias ul li:hover div.img{
                padding: 10px;
            }

            .noticias ul li a{
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                position: absolute;
            }

            .noticias ul li div{
                width: 100%;
                height: 100%;
                -webkit-background-size: cover;
                    -ms-background-size: cover;
                        background-size: cover;
            }

            .noticias ul li span{
                width: 100%;
                float: left;
            }

            .noticias ul li span.date{
                margin: 11px 0 16px;
            }

            .noticias ul li span.titlebox{
                line-height: 20px;
                margin-bottom: 2px;
            }

            .noticias ul li p{
                float: left;
                margin: 0;
            }

        .noticias ul li:last-child{
            margin-right: 0;
        }


    .morenoticias{
        width: 100%;
        height: 160px;
        margin-top: 114px;
        float: left;
        background: url(../img/maisnoticias.jpg) no-repeat center center;
        -webkit-background-size: cover;
            -ms-background-size: cover;
                background-size: cover;
    }

        .maisnoticias{
            width: 540px;
            height: 70px;
            margin: 45px auto;
            float: none;
        }

        .maisnoticias > span{
            width: 75px;
            height: 70px;
            background: #FFF;
            float: left;
            position: relative;
        }

        .maisnoticias > span img{
            width: 56px;
            height: 52px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -28px;
            margin-top: -26px;
        }

        .morenoticias .row.itens{
            position: relative;
        }

            .morenoticias .row.itens .vermelho{
                width: 89px;
                height: 103px;
                position: absolute;
                top: -210px;
                left: 80px;
            }

            .morenoticias .row.itens .amarelo{
                width: 79px;
                height: 83px;
                position: absolute;
                bottom: -46px;
                right: 24px;
            }
            .morenoticias .row.itens .verde {
                width: 108px;
                height: 133px;
                position: absolute;
                bottom: -18px;
                right: -182px;
            }

            .morenoticias .row.itens .item{
                -webkit-animation: myOrbit 4s linear infinite;
                   -moz-animation: myOrbit 4s linear infinite;
                     -o-animation: myOrbit 4s linear infinite;
                        animation: myOrbit 4s linear infinite;
                -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
                   -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
                     -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
                        transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
            }

            @-webkit-keyframes myOrbit {
                from { -webkit-transform: rotate(0deg) translateX(10px) rotate(0deg); }
                to   { -webkit-transform: rotate(360deg) translateX(10px) rotate(-360deg); }
            }

            @-moz-keyframes myOrbit {
                from { -moz-transform: rotate(0deg) translateX(10px) rotate(0deg); }
                to   { -moz-transform: rotate(360deg) translateX(10px) rotate(-360deg); }
            }

            @-o-keyframes myOrbit {
                from { -o-transform: rotate(0deg) translateX(10px) rotate(0deg); }
                to   { -o-transform: rotate(360deg) translateX(10px) rotate(-360deg); }
            }

            @keyframes myOrbit {
                from { transform: rotate(0deg) translateX(10px) rotate(0deg); }
                to   { transform: rotate(360deg) translateX(10px) rotate(-360deg); }
            }

            .morenoticias .row.itens .item.amarelo{
                -webkit-animation: myOrbitt 4s linear infinite;
                   -moz-animation: myOrbitt 4s linear infinite;
                     -o-animation: myOrbitt 4s linear infinite;
                        animation: myOrbitt 4s linear infinite;
            }


            @-webkit-keyframes myOrbitt {
                from { -webkit-transform: rotate(0deg) translateX(10px) rotate(0deg); }
                to   { -webkit-transform: rotate(-360deg) translateX(10px) rotate(360deg); }
            }

            @-moz-keyframes myOrbitt {
                from { -moz-transform: rotate(0deg) translateX(10px) rotate(0deg); }
                to   { -moz-transform: rotate(-360deg) translateX(10px) rotate(360deg); }
            }

            @-o-keyframes myOrbitt {
                from { -o-transform: rotate(0deg) translateX(10px) rotate(0deg); }
                to   { -o-transform: rotate(-360deg) translateX(10px) rotate(360deg); }
            }

            @keyframes myOrbitt {
                from { transform: rotate(0deg) translateX(10px) rotate(0deg); }
                to   { transform: rotate(-360deg) translateX(10px) rotate(360deg); }
            }

    .matriculasabertas{

    }

        .matriculasabertas .col{
            width: 50%;
            float: left;
            margin: 208px 0 201px;
        }

        .matriculasabertas .col h4, .matriculasabertas .col span{
            margin: 0;
        }

        .matriculasabertas .col h4{
            margin-bottom: 7px;
        }

        .matriculasabertas .col:nth-child(2){
            margin-top: 220px;
            position: relative;
        }
/*
        .matriculasabertas .col:nth-child(2) > img{
            position: absolute;
            top: -212px;
            right: -40px;
            z-index: -1;
        }*/

        .matriculasabertas .col:nth-child(2) > div{
            width: 306px;
            height: 306px;
            border-radius: 100%;
            position: absolute;
            top: -118px;
            z-index: -1;
            left: 82px;
            background: linear-gradient(270deg, #b6e0f0, #d8ebb9, #fabfcb, #feefb5);
            background-size: 800% 800%;
            -webkit-animation: movimentDegrade 11s linear infinite;
               -moz-animation: movimentDegrade 11s linear infinite;
                    animation: movimentDegrade 11s linear infinite;
            -webkit-filter: blur(55px) !important;
               -moz-filter: blur(55px) !important;
                -ms-filter: blur(55px) !important;
                 -o-filter: blur(55px) !important;
                    filter: blur(55px) !important;
        }

    .hoverb{
        background: #FFF;
        -webkit-transition: .25s all ease-in-out;
            -ms-transition: .25s all ease-in-out;
                transition: .25s all ease-in-out;
    }

    .hovera{
        background: #fdc800;
        -webkit-transition: .25s all ease-in-out;
            -ms-transition: .25s all ease-in-out;
                transition: .25s all ease-in-out;
    }

    .hoverb:hover{
        background: #fdc800;
    }

    .hovera:hover{
        border: 0;
        background: #eb174f;
    }

    a.hoverb:hover img, a.hovera:hover img{
        position: relative;
        right: -5px;
    }
    
    a.hovera.top img{
        -webkit-transition: .25s all ease-in-out;
            -ms-transition: .25s all ease-in-out;
                transition: .25s all ease-in-out;
    }

    a.hovera.top:hover img{
        right: inherit;
        margin-top: 15px;
    }

    a.hoverb{
        width: 460px;
        height: 100%;
        font-weight: bold;
        background: #FFF;
        float: left;
        margin-left: 5px;
        line-height: 70px;
        text-decoration: none;
        font-size: 1.25em;
        padding: 0 20px 0 30px;
        -webkit-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
    }

    a.hoverb img{
        width: 30px;
        height: 20px;
        float: right;
        margin-top: 25px;
        position: relative;
        right: 0;
        -webkit-transition: .25s all ease-in-out;
            -ms-transition: .25s all ease-in-out;
                transition: .25s all ease-in-out;
    }

    a.hovera{
        width: 460px;
        height: 100%;
        font-weight: bold;
        background: #fdc800;
        float: left;
        line-height: 70px;
        text-decoration: none;
        font-size: 1.25em;
        padding: 0 20px 0 30px;
        -webkit-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-transition: .25s all ease-in-out;
            -ms-transition: .25s all ease-in-out;
                transition: .25s all ease-in-out;
    }

    a.hovera img{
        width: 30px;
        height: 20px;
        float: right;
        margin-top: 25px;
        position: relative;
        right: 0;
        -webkit-transition: .25s all ease-in-out;
            -ms-transition: .25s all ease-in-out;
                transition: .25s all ease-in-out;
    }

    a.hoverv:hover{
        background: #eb174f;
    }

    .cardapio_agenda{
        width: 100%;
        height: 150px;
        float: left;
    }

        .cardapio_agenda .col{
            width: calc(50% - 0.5px);
            height: 150px;
            float: left;
            border-right: 1px solid #e1e1e1;
            border-top: 1px solid #e1e1e1;
            position: relative;
            -webkit-transition: .25s all ease-in-out;
                -ms-transition: .25s all ease-in-out;
                    transition: .25s all ease-in-out;
        }

        .cardapio_agenda .col:nth-child(2){
            border-right: 0;
        }

        .cardapio_agenda .col div{
            width: 470px;
            float: right;
            margin-top: 36px;

        }

            .cardapio_agenda .col a{
                position: absolute;
                width: 100%;
                height: 100%;
                display: block;
                left: 0;
                top: 0;
            }

            .cardapio_agenda .col:hover{
                background: #e8e8e8;
            }

            .cardapio_agenda .col div span{
                width: 80%;
                float: left;
                margin-left: 11px;
            }

            .cardapio_agenda .col div span:nth-child(3){
                margin-top: -9px;
                margin-left: 9px;
            }

            .cardapio_agenda .col div img{
                width: 57px;
                float: left;
                margin-left: 10px;
            }

            .cardapio_agenda .col:nth-child(2) div{
                width: 540px;
                float: left;
            }

            .cardapio_agenda .col:nth-child(2) div img{
                margin-left: 40px;
            }

    .redesociais{
        width: 100%;
        height: 280px;
        float: left;
        background: url(../img/redessociais.jpg);
        -webkit-background-size: cover;
            -ms-background-size: cover;
                background-size: cover;
    }

        .redesociais .coll{
            width: 300px;
            float: left;
            margin-top: 69px;
            -webkit-box-sizing: border-box;
                -ms-box-sizing: border-box;
                    box-sizing: border-box;
        }

            .redesociais .coll > span{
                width: 100%;
                display: block;
                margin-left: 6px;
            }

            .redesociais .coll > span:nth-child(2){
                margin-top: -10px;
                margin-bottom: 18px;
            }

            .redesociais .coll a{
                width: 100%;
            }

        .redesociais .colr{
            width: calc(100% - 300px);
            float: left;
            padding-left: 27px;
            margin-top: 77px;
            -webkit-box-sizing: border-box;
                -ms-box-sizing: border-box;
                    box-sizing: border-box;
        }

        .redesociais .colr span{
            font-family: 'robotolight';
            line-height: 30px;
        }

        .redesociais .colr a{
            width: 300px;
            margin-left: 0;
            margin-top: 10px;
        }

            .redesociais .colr a span{
                font-family: 'robotoregular';
            }



    footer{
        width: 100%;
        float: left;
        border-top: 1px solid #e0e0e0;
    }

        footer .row{
            margin-top: 68px;
        }

        footer .row > span{
            float: left;
            width: 60%;
        }

        footer .row > span:nth-child(2){
            margin-top: -10px;
        }

        footer a.hovera{
            float: right;
            width: 300px;
        }

        footer a.hovera.footer{
            font-size: 1em;
            position: relative;
            top: -37px;
        }
            footer a.hovera.footer span{
                margin-top: 35px;
                float: left;
                line-height: 120%;
                margin-bottom: 15px;
            }

            footer a.hovera.footer img{
                width: 21px;
                height: 29px;
                margin-top: 20px;
            }

        footer .full{
            width: 100%;
            float: left;
            margin-top: 32px;
            margin-bottom: 50px;
        }

        footer .full div{
            width: 33.3333%;
            float: left;
            padding: 0 8px;
            -webkit-box-sizing: border-box;
                -ms-box-sizing: border-box;
                    box-sizing: border-box;
        }

        footer .full div:nth-child(2){
            padding: 0 12px;
        }

        footer .full div:nth-child(3){
            padding: 0 22px;
        }

        footer .full span{
            width: 100%;
            display: block;
        }

        footer .full span.bold{
            font-weight: bold;
        }

        footer .full span.reg{
            font-weight: normal;
        }

        footer .full span a{
            width: 100%;
            display: block;
            font-size: 1em;
            color: #000;
            text-decoration: none;
        }

        footer .copyright{
            width: 100%;
            height: 120px;
            float: left;
            border-top: 1px solid #e0e0e0;
        }

        footer .copyright .row{
            margin-top: 0;
            height: 100%;
        }

        footer .copyright *{
            font-weight: bold;
            text-decoration: none;
            color: #000;
            line-height: 130px;
        }

        footer .copyright span:first-child{
            margin-left: 7px;
        }

        footer .copyright span:last-child{
            float: right;
            margin-right: -10px;
            width: auto;
            margin-top: 0;
        }

        footer .linefooter{
            width: 100%;
            height: 10px;
            float: left;
            background: linear-gradient(270deg, #b6e0f0, #d8ebb9, #fabfcb, #feefb5);
            background-size: 800% 800%;
            -webkit-animation: movimentDegrade 11s ease infinite;
               -moz-animation: movimentDegrade 11s ease infinite;
                    animation: movimentDegrade 11s ease infinite;
        }

        @-webkit-keyframes movimentDegrade {
            0%{background-position:0% 50%}
            50%{background-position:100% 50%}
            100%{background-position:0% 50%}
        }
        @-moz-keyframes movimentDegrade {
            0%{background-position:0% 50%}
            50%{background-position:100% 50%}
            100%{background-position:0% 50%}
        }
        @keyframes movimentDegrade { 
            0%{background-position:0% 50%}
            50%{background-position:100% 50%}
            100%{background-position:0% 50%}
        }

    #sobre .banner{
        width: 100%;
        height: 300px;
        border-bottom: 1px solid #d5d5d5;
        background: url(../img/bgSobre.jpg);
        background-repeat: repeat-x;
    }

        #sobre .banner .row{
            padding: 66px 6px;
            -webkit-box-sizing: border-box;
                -ms-box-sizing: border-box;
                    box-sizing: border-box;
        }

        #sobre .banner h2{
            margin: 0;
            position: relative;
            top: -10px;
        }

    #sobre .content{
        margin-bottom: 43px;
    }

    #sobre aside{
        width: 290px;
        float: left;
    }

        #sobre aside ul{
            list-style: none;
            padding-left: 0;
            margin: 0;
            position: relative;
        }

        #sobre aside ul:before{
            content: " ";
            width: 290px;
            height: 9px;
            display: block;
            background: url(../img/asideBorder.jpg);
            position: absolute;
            top: -9px;
        }

            #sobre aside ul li{
                width: 290px;
                height: 59px;
                line-height: 62px;
                border-bottom: 1px solid #e0dedd;
                position: relative;
                padding-left: 27px;
                -webkit-box-sizing: border-box;
                    -ms-box-sizing: border-box;
                        box-sizing: border-box;
            }
                #sobre aside ul li:before{
                    content: " ";
                    width: 30px;
                    height: 20px;
                    position: absolute;
                    right: 12px;
                    top: 50%;
                    margin-top: -10px;
                    display: block;
                    opacity: 0;
                    visibility: hidden;
                    background: url(../img/svg/flechad.svg);
                    -webkit-background-size: cover;
                        -ms-background-size: cover;
                            background-size: cover;
                    -webkit-transition: .35s all ease-in-out;
                        -ms-transition: .35s all ease-in-out;
                            transition: .35s all ease-in-out;
                }

                #sobre aside ul li.active:before{
                    opacity: 1;
                    visibility: visible;
                }

            #sobre aside ul li:nth-child(odd){
                background: #f5f5f5;
            }

                #sobre aside ul li a{
                    text-decoration: none;
                    width: 100%;
                    height: 100%;
                    display: block;
                    position: absolute;
                    left: 0;
                    top: 0;
                    padding-left: 27px;
                    -webkit-box-sizing: border-box;
                        -ms-box-sizing: border-box;
                            box-sizing: border-box;
                }

    #sobre .conteudo{
        width: 650px;
        float: left;
        position: relative;
        padding-left: 36px;
        margin-top: -23px;
        -webkit-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
    }
        #sobre .conteudo:before{
            content: " ";
            width: 100%;
            height: 59px;
            display: block;
            border-top: 1px solid #d5d5d5;
            border-left: 1px solid #d5d5d5;
            border-right: 1px solid #d5d5d5;
            background: #FFF;
            z-index: 2;
            position: absolute;
            top: -37px;
            left: 0;
        }
            #sobre .conteudo h3{
                font-weight: normal;
                line-height: 40px;
                margin: 0;
                position: relative;
                z-index: 4;
                margin-bottom: 31px;
            }

            #sobre.cardapio .conteudo ul{
                list-style: none;
                padding: 0;
            }

                #sobre.cardapio .conteudo ul li div{
                    width: 100%;
                    height: 140px;
                    line-height: 140px;
                    padding-left: 50px;
                    -webkit-box-sizing: border-box;
                        -ms-box-sizing: border-box;
                            box-sizing: border-box;
                }

                #sobre.cardapio .conteudo ul li div.bercario{
                    background: #fdc800;
                }

                #sobre.cardapio .conteudo ul li div.educacaoinfantil{
                    background: #0092d1;
                }

                #sobre.cardapio .conteudo ul li div.fundamental1{
                    background: #7abb0b;
                }

                    #sobre.cardapio .conteudo ul li div span{
                        float: left;
                        margin-right: 21px;
                    }

                    #sobre.cardapio .conteudo ul li div img{
                        width: 29px;
                        margin-right: 10px;
                    }

                    #sobre.cardapio .conteudo ul li:nth-child(1) div img:nth-child(3){
                        width: 24px;
                    }

                    #sobre.cardapio .conteudo ul li:nth-child(2) div img:nth-child(1){
                        width: 27px;
                    }

                    #sobre.cardapio .conteudo ul li:nth-child(2) div img:nth-child(2){
                        width: 28px;
                    }

                    #sobre.cardapio .conteudo ul li:nth-child(2) div img:last-child{
                        width: 30px;
                    }

                    #sobre.cardapio .conteudo ul li a{
                        display: block;
                        position: relative;
                        width: 100%;
                        background: #cccccc;
                        border-top: 1px solid #FFF;
                        text-decoration: none;
                        padding: 19px 11px 16px 61px;
                        -webkit-box-sizing: border-box;
                            -ms-box-sizing: border-box;
                                box-sizing: border-box;
                    }

                    #sobre.cardapio .conteudo ul li a.noLink{
                        cursor: default;
                    }

                    #sobre.cardapio .conteudo ul li a span{
                        line-height: 120%;
                    }

                    #sobre.cardapio .conteudo ul li a img{
                        width: 29px;
                        position: absolute;
                        right: 20px;
                        top: 14px;
                    }

    #sobre.depoimentos .conteudo ul{
        padding: 0;
        margin: 0;
        list-style: none;
    }

        #sobre.depoimentos .conteudo ul li{
            margin-bottom: 74px;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
               -moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
                 -o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
                    transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
        }

            #sobre.depoimentos .conteudo ul li.active{
                opacity: 1;
                visibility: visible;
            }

        #sobre.depoimentos .conteudo ul li:last-child{
            margin-bottom: 0;
        }

            #sobre.depoimentos .conteudo ul li .img{
                width: 100px;
                height: 100px;
                float: left;
                margin-right: 22px;
                position: relative;
            }

            #sobre.depoimentos .conteudo ul li .img img{
                width: 100%;
            }

                #sobre.depoimentos .conteudo ul li .img:before{
                    content: " ";
                    display: block;
                    width: 32px;
                    height: 27px;
                    position: absolute;
                    top: 21px;
                    right: -26px;
                    background: url(../img/svg/depoimentos.svg);
                    -webkit-background-size: cover;
                        -ms-background-size: cover;
                            background-size: cover;
                }

            #sobre.depoimentos .conteudo ul li span{
                display: block;
                padding-top: 30px;
                padding-left: 162px;
            }

            #sobre.depoimentos .conteudo ul li span.bold{
                font-weight: bold;
            }

            #sobre.depoimentos .conteudo ul li span:nth-child(3){
                font-family: 'robotolight';
                padding-top: 0;
                font-weight: bold;
            }

            #sobre.depoimentos .conteudo ul li p{
                line-height: 30px;
                margin-top: 40px;
            }

        #sobre.nossahistoria .conteudo p, #sobre.missao_visao .conteudo p, #sobre.professores .conteudo p, #sobre.sistema .conteudo p{
            line-height: 30px;
            margin-bottom: 30px;
        }

        #sobre.nossahistoria .conteudo p:nth-child(2), #sobre.missao_visao .conteudo p:nth-child(2), #sobre.professores .conteudo p:nth-child(2), #sobre.sistema .conteudo p:nth-child(2){
            margin-top: 39px;
        }

        #sobre.proposta .conteudo .bold{
            font-weight: 800;
            padding-top: 15px;
            display: block;
        }

        #sobre.proposta .conteudo p{
            margin-top: 0;
            line-height: 31px;
            margin-bottom: 30px;
            font-weight: normal;
        }

        #sobre.proposta .conteudo ul, #sobre.proposta ul{
            list-style: none;
            padding: 0;
            margin-top: -25px;
            font-weight: normal;
        }
        
        #sobre.sistema .conteudo .imgbutton{
            margin-top: 70px;
            position: relative;
        }

            #sobre.sistema .conteudo .imgbutton > img{
                width: 101%;
                position: relative;
                left: 6px;
                top: -20px;
            }

        #sobre.sistema .conteudo .imgbutton a{
            width: 620px;
            height: 70px;
            position: absolute;
            top: 50%;
            margin-top: -32px;
            left: 0;
        }

        #sobre.uniformes .conteudo span{
            margin-top: 40px;
            display: block;
            font-weight: normal;
        }

            #sobre.uniformes .conteudo span a{
                color: #000 !important;
                text-decoration: none !important;
            }

        #sobre.uniformes .conteudo span strong{
            font-weight: bold;
            display: block;
        }

            #sobre.uniformes .conteudo .lista{
                margin-bottom: 20px;
                float: left;
                display: block;
                width: 100%;
            }

            #sobre.uniformes .conteudo .lista:nth-child(3){
                margin-top: 22px;
            }

                #sobre.uniformes .conteudo .lista ul{
                    list-style: none;
                    padding: 0;
                    margin-top: 0;
                    display: none;
                }

                    #sobre.uniformes .conteudo .lista > span{
                        width: 100%;
                        min-height: 100px;
                        display: block;
                        line-height: 120%;
                        background: #f8f8f8;
                        position: relative;
                        margin-top: 0;
                        padding: 22px 20px;
                        cursor: pointer;
                        -webkit-box-sizing: border-box;
                            -ms-box-sizing: border-box;
                                box-sizing: border-box;
                    }
                        #sobre.uniformes .conteudo .lista span a{
                            display: block;
                            width: 100%;
                            position: absolute;
                            top: 50%;
                            left: 0;
                            line-height: 120%;
                            padding-left: 18px;
                            -webkit-box-sizing: border-box;
                                -ms-box-sizing: border-box;
                                    box-sizing: border-box;
                            -webkit-transform: translateY(-50%);
                                -ms-transform: translateY(-50%);
                                    transform: translateY(-50%);
                        }

                    #sobre.uniformes .conteudo .lista ul li span{
                        width: 50%;
                        height: 60px;
                        border-top: 1px solid #FFF;
                        float: left;
                        margin-top: 0;
                        padding: 12px 20px;
                        -webkit-box-sizing: border-box;
                            -ms-box-sizing: border-box;
                                box-sizing: border-box;
                    }

                        #sobre.uniformes .conteudo .lista > span:after, #sobre.uniformes .conteudo .lista > span:before{
                            content: " ";
                            display: block;
                            background: #000;
                            width: 30px;
                            height: 2px;
                            position: absolute;
                            right: 21px;
                            top: 50%;
                            margin-top: -1px;
                            -webkit-transition: .35s all ease-in-out;
                                -ms-transition: .35s all ease-in-out;
                                    transition: .35s all ease-in-out;
                        }

                        #sobre.uniformes .conteudo .lista > span:after{
                            -webkit-transform: rotate(-90deg);
                                -ms-transform: rotate(-90deg);
                                    transform: rotate(-90deg);
                        }

                        #sobre.uniformes .conteudo .lista.active > span:after{
                            -webkit-transform: rotate(0);
                                -ms-transform: rotate(0);
                                    transform: rotate(0);
                        }
                
                    #sobre.uniformes .conteudo .lista ul li .lineBg:nth-child(odd) > span{
                        background: #cccccc;
                    }

                    #sobre.uniformes .conteudo .lista ul li .lineBg:nth-child(even) > span{
                        background: #dedede;
                    }

    #sobre .matriculasabertas{
        border-bottom: 1px solid #e0e0e0;
        border-top: 1px solid #e0e0e0;
    }

    #matricula .banner, #agenda .banner{
        background: url(../img/bgMatricula.jpg);
        -webkit-background-size: cover;
            -ms-background-size: cover;
                background-size: cover;
    }

        #matricula.matricula .banner, #agenda.matricula .banner{
            width: 100%;
            height: 300px;
            overflow: hidden;
            position: relative;
        }
            #matricula.matricula .banner .row, #agenda.matricula .banner .row{
                padding-top: 97px;
                padding-left: 14px;
                position: relative;
                z-index: 3;
            }

                #matricula.matricula .banner h2, #agenda.matricula .banner h2{
                    margin-top: -11px;
                }

            #matricula.matricula .banner .layer, #agenda.matricula .banner .layer{
                width: 100%;
                height: 600px;
                position: absolute;
                top: -150px;
                background-position: center center !important;
                background-repeat: no-repeat !important;
                -webkit-background-size: contain !important;
                    -ms-background-size: contain !important;
                        background-size: contain !important;
            }

            #matricula.matricula .banner .layer1, #agenda.matricula .banner .layer1{
                z-index: 2;
                background-image: url(../img/matricula/layer1.png);
            }

            #matricula.matricula .banner .layer2, #agenda.matricula .banner .layer2{
                background-image: url(../img/matricula/layer2.png);
            }

            #matricula.matricula .banner .layer3, #agenda.matricula .banner .layer3{
                background-image: url(../img/matricula/layer3.png);
            }

            #matricula.matricula .banner .layer4, #agenda.matricula .banner .layer4{
                background-image: url(../img/matricula/layer4.png);
                height: 300px;
                top: 0;
            }

            #matricula.matricula .banner .layer5, #agenda.matricula .banner .layer5{
                background-image: url(../img/matricula/layer5.png);
                height: 600px;
                top: -131px;
                left: 0px;
            }

        #matricula.matricula .content .col{
            width: 50%;
            float: left;
            height: 510px;
        }

            #matricula.matricula .content .col h3{
                margin: 57px 0 17px 6px;
            }

            #matricula.matricula .content .col p{
                font-family: 'robotolight';
                margin-left: 6px;
                margin-top: 0;
                margin-bottom: 10px;
            }

            #matricula.matricula .content .col#matricula div{
                width: 360px;
                height: 70px;
                /* margin-top: 75px; */
                font-weight: bold;
                float: left;
                margin-left: 5px;
                line-height: 70px;
                text-decoration: none;
                font-size: 1.25em;
                padding: 0 20px 0 30px;
                -webkit-box-sizing: border-box;
                -ms-box-sizing: border-box;
                box-sizing: border-box;
                position: relative;
                cursor: pointer;
            }


            #matricula.matricula .content .col div img{
                width: 29px;
                height: 29px;
                margin-top: 18px;
                float: right;
                position: relative;
                -webkit-transition: .25s all ease-in-out;
                -ms-transition: .25s all ease-in-out;
                transition: .25s all ease-in-out;
            }

            #matricula.matricula .content .col ul li:hover a img{
                margin-top: 15px;
            }


            #matricula.matricula .content .col div ul{
                list-style: none;
                margin: 0;
                padding: 0;
                position: absolute;
                width: 100%;
                left: 0;
                height: 0;
                overflow: hidden;
                opacity: 0;
                visibility: hidden;
                -webkit-transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
                   -moz-transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
                     -o-transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
                        transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
            }

            #matricula.matricula .content .col div:hover ul{
                opacity: 1;
                visibility: visible;
                height: 118px;
            }

            #matricula.matricula .content .col div ul li:nth-child(even) {
                background: #f5f5f5;
            }

            #matricula.matricula .content .col div ul li{
                width: 100%;
                height: 48px;
                line-height: 44px;
                border-bottom: 1px solid #e0dedd;
                position: relative;
                padding-left: 27px;
                -webkit-box-sizing: border-box;
                -ms-box-sizing: border-box;
                box-sizing: border-box;
            }

            #matricula.matricula .content .col div ul li a{
                text-decoration: none;
                color: #000;
                font-size: 0.8em;
                width: 100%;
                display: block;
            }

            #matricula.matricula .content .col div ul li a img{
                float: right;
                margin-right: 20px;
                margin-top: 10px;
            }



            .col form{
                width: 98%;
                /* margin-left: 9px; */
                margin-top: 40px;
            }

                .col form input, .col form a.enviar{
                    width: 100%;
                    height: 70px;
                    background: #e6e6e6;
                    border: 0;
                    color: #000000;
                    font-family: 'robotoregular';
                    margin-bottom: 20px;
                    padding: 0 30px;
                    text-decoration: none;
                    -webkit-box-sizing: border-box;
                        -ms-box-sizing: border-box;
                            box-sizing: border-box;
                    -webkit-transition: .35s all ease-in-out;
                        -ms-transition: .35s all ease-in-out;
                            transition: .35s all ease-in-out;
                }

                .col form input.error{
                    border: 1px solid #eb174f;
                    -webkit-transition: 0.5s all ease-in-out;
                        -ms-transition: 0.5s all ease-in-out;
                            transition: 0.5s all ease-in-out;
                }

                .col form a.enviar{
                    background: #0092d1;
                    text-align: left;
                    display: block;
                    margin-top: 0;
                    line-height: 70px;
                    position: relative;
                    margin-top: 0 !important;
                    width: 100% !important;
                    cursor: pointer;
                }

                .col form a.enviar.active{
                    cursor: default;
                }

                    .col form a.enviar:before{
                        content: " ";
                        width: 0;
                        height: 100%;
                        display: block;
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        background: #7abb0b;
                    }

                        .col form a.enviar.active:before{
                            width: 100%;
                            -webkit-transition: 3s all ease-in-out;
                                -ms-transition: 3s all ease-in-out;
                                    transition: 3s all ease-in-out;
                        }

                        .col form a.enviar.error:before{
                            width: 100%;
                            background: #eb174f;
                            -webkit-transition: 0.5s all ease-in-out;
                                -ms-transition: 0.5s all ease-in-out;
                                    transition: 0.5s all ease-in-out;
                        }

                        .col form a.enviar.success:before{
                            height: 0;
                            -webkit-transition: 0.5s all ease-in-out;
                                -ms-transition: 0.5s all ease-in-out;
                                    transition: 0.5s all ease-in-out;
                                    transition-delay: 3s;
                        }

                    .col form a.enviar:after{
                        display: block;
                        position: absolute;
                        top: 0;
                    }

                        .col form a.enviar:after{
                            content: attr(data-text);
                            display: block;
                            position: absolute;
                            top: 0;
                            height: 0;
                            -webkit-transition: 0.5s all ease-in-out;
                                -ms-transition: 0.5s all ease-in-out;
                                    transition: 0.5s all ease-in-out;
                        }

                    ::-webkit-input-placeholder {
                       color: #000 !important;
                       opacity: 1 !important;
                    }

                    :-moz-placeholder {
                       color: #000 !important;
                       opacity: 1 !important;
                    }

                    ::-moz-placeholder {
                       color: #000 !important;  
                       opacity: 1 !important;
                    }

                    :-ms-input-placeholder {  
                       color: #000 !important;  
                       opacity: 1 !important;
                    }

                #matricula.matricula .content .col form .messageRetorno{
                    opacity: 0;
                    visibility: hidden;
                    -webkit-transition: .35s all ease-in-out;
                        -ms-transition: .35s all ease-in-out;
                            transition: .35s all ease-in-out;
                }

                #matricula.matricula .content .col form .messageRetorno.active{
                    opacity: 1;
                    visibility: visible;
                }

        #matricula.matricula .ensinos{
            width: 100%;
            display: block;
            padding-bottom: 60px;
            border-bottom: 1px solid #e0e0e0;
        }

            #matricula.matricula .ensinos .col{
                width: 50%;
                float: left;
            }

            #matricula.matricula .ensinos .col p.subtitle{
                width: 470px;
                float: right;
                margin-top: 27px;
            }

            #matricula.matricula .ensinos .col .lista{
                background: #e6e6e6;
                width: 100%;
                height: 140px;
            }

            #matricula.matricula .ensinos .col .bercario{
                background: #fdc800;
                width: 100%;
                height: auto;
                float: left;
            }

            #matricula.matricula .ensinos .col .infantil{
                background: #0092d1;
                width: 100%;
                height: auto;
                float: left;
            }

            #matricula.matricula .ensinos .col .fundamental{
                background: #7abb0b;
                width: 100%;
                height: auto;
                float: left;
            }

                #matricula.matricula .ensinos .col .right{
                    width: 470px;
                    float: right;
                }
                    #matricula.matricula .ensinos .col .right .antitle{
                        margin-top: 37px;
                        display: block;
                    }

                    #matricula.matricula .ensinos .col .right h4{
                        margin-top: -9px;
                        margin-bottom: 0;
                    }


                #matricula.matricula .ensinos .col .left{
                    width: 470px;
                    height: 100%;
                    float: left;
                    position: relative;
                }
                    #matricula.matricula .ensinos .col .left span{
                        padding-left: 57px;
                        display: block;
                        position: relative;
                        height: 100%;
                        display: block;
                        line-height: 140px;
                    }
                        #matricula.matricula .ensinos .col .left span a{
                            display: block;
                            position: absolute;
                            width: 100%;
                            height: 100%;
                            left: 0;
                            top: 0;
                        }
                    
                        #matricula.matricula .ensinos .col .left span:after, #matricula.matricula .ensinos .col .left span:before{
                            content: " ";
                            display: block;
                            width: 30px;
                            height: 2px;
                            background: #000;
                            position: absolute;
                            top: 50%;
                            right: 0;
                            -webkit-transition: .35s all ease-in-out;
                                -ms-transition: .35s all ease-in-out;
                                    transition: .35s all ease-in-out;
                        }

                        #matricula.matricula .ensinos .col .left span:after{
                            -webkit-transform: rotate(-90deg);
                                -ms-transform: rotate(-90deg);
                                    transform: rotate(-90deg);
                        }

                        #matricula.matricula .ensinos .col > div .left.active span:after{
                            -webkit-transform: rotate(0);
                                -ms-transform: rotate(0);
                                    transform: rotate(0);
                        }

                    #matricula.matricula .ensinos .col .list{
                        display: block;
                        width: 100%;
                        height: auto;
                        float: left;
                        list-style: none;
                        padding: 0;
                        margin: 0;
                        display: none;
                    }

                    #matricula.matricula .ensinos .col .list li{
                        width: 100%;
                        height: 58px;
                        border-top: 1px solid #FFF;
                        float: left;
                        position: relative;
                        background: #cccccc;
                        font-family: 'robotolight';
                    }
                        #matricula.matricula .ensinos .col .list li .left{
                            padding-left: 30px;
                            padding-top: 13px;
                            -webkit-box-sizing: border-box;
                                -ms-box-sizing: border-box;
                                    box-sizing: border-box;
                        }

                        #matricula.matricula .ensinos .col .list li a{
                            width: 100%;
                            height: 100%;
                            position: absolute;
                            left: 0;
                            top: 0;
                        }

                        #matricula.matricula .ensinos .col .list li p.active:before{
                            content: " ";
                            background: url(../img/svg/download.svg);
                            background-size: 100%;
                            width: 29px;
                            height: 29px;
                            position: absolute;
                            right: 0;
                            top: 50%;
                            margin-top: -14.5px;
                            cursor: pointer;
                        }

                        #matricula.matricula .ensinos .col .list li img{
                            float: left;
                            position: relative;
                        }

                        #matricula.matricula .ensinos .col .bercario .list li:nth-child(1) img{
                            width: 29px;
                            height: 30px;
                        }

                        #matricula.matricula .ensinos .col .bercario .list li:nth-child(2) img{
                            width: 24px;
                            height: 35px;
                        }

                        #matricula.matricula .ensinos .col .infantil .list li:nth-child(1) img{
                            width: 27px;
                            height: 32px;
                        }

                        #matricula.matricula .ensinos .col .infantil .list li:nth-child(2) img{
                            width: 29px;
                            height: 27px;
                            left: -3px;
                            top: 5px;
                        }

                        #matricula.matricula .ensinos .col .infantil .list li:nth-child(3) img{
                            width: 36px;
                            height: 36px;
                            top: -3px;
                            left: -5px;
                        }

                        #matricula.matricula .ensinos .col .list li p{
                            margin: 0;
                            float: left;
                        }

                        #matricula.matricula .ensinos .col .bercario .list li:nth-child(1) p{
                            margin-left: 9px;
                        }

                        #matricula.matricula .ensinos .col .bercario .list li:nth-child(2) p{
                            margin-left: 13px;
                        }

                        #matricula.matricula .ensinos .col .infantil .list li:nth-child(1) p{
                            margin-left: 10px;
                        }

                        #matricula.matricula .ensinos .col .infantil .list li:nth-child(2) p{
                            margin-left: 8px;
                        }

                        #matricula.matricula .ensinos .col .infantil .list li:nth-child(3) p{
                            margin-left: 1px;
                        }

    #agenda.agenda .menubanner.row{
        top: -69px;
        z-index: 5;
    }

        #agenda.agenda .menubanner.row li{
            border-bottom: 0;
        }

    #agenda.agenda .agenda{
        position: relative;
        top: -69px;
    }

        #agenda.agenda .agenda ul{
            width: 100%;
            list-style: none;
            margin: 0;
            padding: 0;
        }

            #agenda.agenda .agenda ul li{
                background: #eeeeee;
                width: 100%;
                padding: 24px 0;
                border-bottom: 1px solid #FFF;
                height: auto;
                float: left;
            }

            #agenda.agenda .agenda ul li.active{
                background: #f8f8f8;
            }

            #agenda.agenda .agenda ul li.download.active{
                padding-bottom: 0;
            }

                #agenda.agenda .agenda ul li span.title{
                    margin-bottom: 0;
                    position: relative;
                    display: block;
                    width: 100%;
                    cursor: pointer;
                }

                #agenda.agenda .agenda ul li > span.open{
                    width: 100%;
                    display: block;
                    position: relative;
                }
                
                #agenda.agenda .agenda ul li span.open:after, #agenda.agenda .agenda ul li span.open:before{
                    content: " ";
                    display: block;
                    background: #000;
                    width: 30px;
                    height: 2px;
                    position: absolute;
                    right: 21px;
                    top: 24px;
                    -webkit-transition: .35s all ease-in-out;
                        -ms-transition: .35s all ease-in-out;
                            transition: .35s all ease-in-out;
                }

                #agenda.agenda .agenda ul li span.open:after{
                    -webkit-transform: rotate(-90deg);
                        -ms-transform: rotate(-90deg);
                            transform: rotate(-90deg);
                }

                #agenda.agenda .agenda ul li.active span.open:after{
                    -webkit-transform: rotate(0);
                        -ms-transform: rotate(0);
                            transform: rotate(0);
                }

                #agenda.agenda .agenda ul li div.slide{
                    margin-top: 22px;
                    display: none;
                }

                #agenda.agenda .agenda ul li div.slide, #agenda.agenda .agenda ul li div.slide ul{
                    float: left;
                    width: 100%;
                }

                #agenda.agenda .agenda ul li div.slide ul li{
                    position: relative;
                    background: none;
                    padding: 0;
                    min-height: 59px;
                    background: #cccccc;
                    opacity: 0.5;
                    -webkit-transition: .15s all ease-in-out;
                        -ms-transition: .15s all ease-in-out;
                            transition: .15s all ease-in-out;
                }

                    #agenda.agenda .agenda ul li div.slide ul li.active{
                        opacity: 1;
                    }

                    #agenda.agenda .agenda ul li div.slide ul li .row{
                        min-height: 59px;
                    }

                        #agenda.agenda .agenda ul li div.slide ul li .dia{
                            width: 158px;
                            float: left;
                            position: absolute;
                            top: 50%;
                            padding: 0 0 0 6px;
                            -webkit-transform: translateY(-50%);
                                -ms-transform: translateY(-50%);
                                    transform: translateY(-50%);
                            -webkit-box-sizing: border-box;
                                -ms-box-sizing: border-box;
                                    box-sizing: border-box;
                        }

                        #agenda.agenda .agenda ul li div.slide ul li .title{
                            cursor: initial;
                            width: calc(100% - 158px);
                            left: 168px;
                            position: absolute;
                            float: left;
                            top: 50%;
                            -webkit-transform: translateY(-50%);
                                -ms-transform: translateY(-50%);
                                    transform: translateY(-50%);
                        }

                        #agenda.agenda .agenda ul li div.slide ul li .types{
                            display: block;
                            position: absolute;
                            right: -10px;
                        }

                        #agenda.agenda .agenda ul li div.slide ul li .type{
                            width: 10px;
                            height: 59px;
                            float: left;
                            display: block;
                        }

                        #agenda.agenda .agenda ul li div.slide ul li .type.bercario{
                            background: #fdc800;
                        }

                        #agenda.agenda .agenda ul li div.slide ul li .type.educacaoinfantil{
                            background: #0092d1;
                        }

                        #agenda.agenda .agenda ul li div.slide ul li .type.fundamental1{
                            background: #7abb0b;
                        }

                        #agenda.agenda .agenda ul li div.slide ul li .type.cursos{
                            background: #f2224c;
                        }

        #agenda.agenda .agenda ul li div.slide span.bold{
            font-family: 'robotobold';
            font-weight: bold;
            margin-top: 40px;
            float: left;
            width: 100%;
        }

        #agenda.agenda .agenda ul li div.slide p{
            font-family: 'robotoregular';
            line-height: 30px;
            font-weight: bold;
            display: block;
            float: left;
            margin-top: 0;
        }

    #agenda.agenda.multimidia .agenda{
        margin-top: 0;
        position: static;
    }

        #agenda.agenda.multimidia .agenda ul li.go span.open:after, #agenda.agenda.multimidia .agenda ul li.go span.open:before{
            content: " ";
            width: 29px;
            height: 20px;
            top: 50%;
            margin-top: -10px;
            display: block;
            background: url(../img/svg/flechad.svg);
            -webkit-background-size: cover;
                -ms-background-size: cover;
                    background-size: cover;
        }

        #agenda.agenda.multimidia .agenda ul li.go span.open:after{
            content: "";
            background: none;
        }

        #agenda.agenda.multimidia .agenda ul li span.title a{
            position: absolute;
            width: 100%;
            height: 100%;
            display: block;
            left: 0;
            top: 0;
        }
            #agenda.agenda.multimidia .agenda ul li div.slide ul li .dia{
                padding-left: 0;
                float: none; 
                position: static; 
                line-height: 59px;
                top: 0;
                padding: 0; 
                -webkit-transform: translateY(0); 
                -ms-transform: translateY(0);
                transform: translateY(0); 
            }

            #agenda.agenda.multimidia .agenda ul li .slide img{
                width: 30px;
                height: 34px;
                position: absolute;
                right: 20px;
                top: 50%;
                margin-top: -17px;
            }

            #agenda.agenda.multimidia .agenda ul li .slide .carregar_mais{
                width: 100%;
                height: 60px;
                display: block;
                background: #fdc800;
                text-decoration: none;
                text-align: center;
                line-height: 60px;
                float: left;
            }

    #fotos.fotos .banner, #blog.fotos .banner{
        width: 100%;
        height: 300px;
        background: url(../img/bgMatricula.jpg);
        -webkit-background-size: cover;
            -ms-background-size: cover;
                background-size: cover;
    }

        #fotos.fotos .banner .row, #blog.fotos .banner .row{
            padding-top: 97px;
            padding-left: 7px;
            -webkit-box-sizing: border-box;
                -ms-box-sizing: border-box;
                    box-sizing: border-box;
        }

            #fotos.fotos .banner .row h2, #blog.fotos .banner .row h2{
                margin: -10px 0 0 0;
            }

    #fotos.fotos .fotos .full, #blog.fotos .fotos .full{
        display: block;
        height: 79px;
        background: #eeeeee;
        border-top: 1px solid #FFF;
    }

        #fotos.fotos .fotos span, #blog.fotos .fotos span{
            display: block;
            line-height: 79px;
        }

            #fotos.fotos .fotos span a, #blog.fotos .fotos span a{
                display: block;
                text-decoration: none;
                color: #000;
            }

            #fotos.fotos .fotos span img, #blog.fotos .fotos span img{
                width: 36px;
                height: 20px;
                float: left;
                position: relative;
                margin: 28px 11px 0 8px;
            }

                #fotos.fotos .fotos span span, #blog.fotos .fotos span span{
                    float: left;
                }

    #fotos.fotos .fotos .titulo, #blog.fotos .fotos .titulo{
        width: 100%;
        height: 99px;
        border-bottom: 1px solid #eeeeee;
        padding-top: 14px;
        -webkit-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
    }

        #fotos.fotos .fotos .titulo .filter span, #blog.fotos .fotos .titulo .filter span{
            height: 100%;
            float: left;
            width: 50% !important;
            margin: -4px 5px 0 5px;
        }

        #fotos.fotos .fotos .titulo .filter select, .col form select, #blog.fotos .fotos .titulo .filter select{
            border: 0;
            width: 460px;
            height: 70px;
            display: block;
            padding: 0 0 0 27px;
            background: url(../img/svg/arrowDown.svg) #e6e6e6;
            background-size: 21px 11px;
            background-repeat: no-repeat;
            background-position: calc( 100% - 20px ) 32px;
            -webkit-box-sizing: border-box;
                -ms-box-sizing: border-box;
                    box-sizing: border-box;
            -webkit-appearance: none !important;
               -moz-appearance: none !important;
                -ms-appearance: none !important;
                    appearance: none !important;
        }

        select::-ms-expand {
            display: none;
        }

        #blog .view-article{
            display: none;
        }

    #fotos.fotos .fotos .galeria .row, #blog.fotos .fotos .galeria .row{
        padding-top: 30px;
    }

    #fotos.fotos .fotos .galeria .col, #blog.fotos .fotos .galeria .col{
        width: 460px;
        float: left;
        margin-right: 20px;
        position: relative;
        margin-bottom: 56px;
    }

    #fotos.fotos .fotos .galeria .col:nth-child(2n), #blog.fotos .fotos .galeria .col:nth-child(2n){
        margin-right: 0;
    }

        #fotos.fotos .fotos .galeria .col a, #blog.fotos .fotos .galeria .col a{
            width: 100%;
            height: 100%;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
        }

        #fotos.fotos .fotos .galeria .col .imgbg, #blog.fotos .fotos .galeria .col .imgbg{
            background: #fdc800;
            width: 100%;
            height: 300px;
            padding: 0;
            -webkit-transition: .15s all ease-in-out;
                -ms-transition: .15s all ease-in-out;
                    transition: .15s all ease-in-out;
            -webkit-box-sizing: border-box;
                -ms-box-sizing: border-box;
                    box-sizing: border-box;
        }
        
        #fotos.fotos .fotos .galeria .col:hover .imgbg, #blog.fotos .fotos .galeria .col:hover .imgbg{
            padding: 10px;
        }

            #fotos.fotos .fotos .galeria .col .imgbg .img, #blog.fotos .fotos .galeria .col .imgbg .img{
                width: 100%;
                height: 100%;
                display: block;
                background: url(../img/imgBlog.jpg);
                -webkit-background-size: cover;
                    -ms-background-size: cover;
                        background-size: cover;
                        background-position: center center;
            }

        #fotos.fotos .fotos .galeria .col *, #blog.fotos .fotos .galeria .col *{
            line-height: 120%;
        }

        #fotos.fotos .fotos .galeria .col span, #blog.fotos .fotos .galeria .col span{
            margin-top: 17px;
            display: block;
        }

        #fotos.fotos .fotos .galeria .col span.titlebox, #blog.fotos .fotos .galeria .col span.titlebox{
            margin-top: 11px;
            margin-bottom: 4px;
            display: block;
        }

        #fotos.fotos .fotos .galeria .col p, #blog.fotos .fotos .galeria .col p{
            margin: 0;
            line-height: 140%;
        }

    #fotos.fotos .fotos .galeria .navigate, #blog.fotos .fotos .galeria .navigate{
        width: 240px;
        margin: 10px auto 50px;
    }

        #fotos.fotos .fotos .galeria .navigate a, #blog.fotos .fotos .galeria .navigate a{
            width: 70px;
            height: 70px;
            display: block;
            background: #fdc800;
            float: left;
            position: relative;
            -webkit-transition: .15s all ease-in-out;
                -ms-transition: .15s all ease-in-out;
                    transition: .15s all ease-in-out;
        }

            #fotos.fotos .fotos .galeria .navigate a:hover, #blog.fotos .fotos .galeria .navigate a:hover{
                background: #eb174f;
            }

            #fotos.fotos .fotos .galeria .navigate a:hover:nth-child(1) img, #blog.fotos .fotos .galeria .navigate a:hover:nth-child(1) img{
                left: 45%;
            }

            #fotos.fotos .fotos .galeria .navigate a:hover:nth-child(3) img, #blog.fotos .fotos .galeria .navigate a:hover:nth-child(3) img{
                left: 55%;
            }

            #fotos.fotos .fotos .galeria .navigate a img, #blog.fotos .fotos .galeria .navigate a img{
                width: 29px;
                height: 21px;
                position: absolute;
                top: 50%;
                left: 50%;
                margin-top: -10.5px;
                margin-left: -14.5px;
                -webkit-transition: .15s all ease-in-out;
                    -ms-transition: .15s all ease-in-out;
                        transition: .15s all ease-in-out;
            }

        #fotos.fotos .fotos .galeria .navigate span, #blog.fotos .fotos .galeria .navigate span{
            font-family: 'robotobold';
            float: left;
            margin: 0 20px;
            line-height: 70px;
        }

        .sidebar-widget, .search{ display: none; }

    #fotos.interna .galeria *{
        line-height: 120% !important;
    }

        #fotos.interna .galeria span.titlebox{
            margin: 7px 0 6px;
        }

        #fotos.interna .galeria p{
            margin: 0;
            line-height: 170% !important;
            margin-bottom: 20px;
        }

        #fotos.interna .galeria .block{
            margin-bottom: 20px;
        }

            #fotos.interna .galeria .block a{
                width: 460px;
                height: 300px;
                margin-right: 20px;
                margin-bottom: 20px;
                float: left;
                background-position: center;
                background-repeat: no-repeat;
                -webkit-background-size: cover;
                    -ms-background-size: cover;
                        background-size: cover;
            }

            #fotos.interna .galeria .block a:nth-child(2n){
                margin-right: 0 ;
            }

    #contato .banner{
        width: 100%;
        height: 300px;
        overflow: hidden;
        display: block;
        position: relative;
        background: url(../img/bgMatricula.jpg);
        -webkit-background-size: cover;
            -ms-background-size: cover;
                background-size: cover;
    }
        #contato .banner .row{
            padding-top: 96px;
            z-index: 5;
        }
            #contato .banner .row h2{
                margin: -9px 0 0;
            }

        #contato .banner .layer{
            position: absolute;
            top: -200px;
            left: 10px;
            width: 100%;
            height: 700px;
            background-position: center center !important;
            background-repeat: no-repeat !important;
            -webkit-background-size: contain !important;
                -ms-background-size: contain !important;
                    background-size: contain !important;
        }

            #contato .banner .layer.layer1{
                background-image: url(../img/contato/layer1.png);
                z-index: 1;
            }

            #contato .banner .layer.layer2{
                background-image: url(../img/contato/layer2.png);
                z-index: 2;
            }

            #contato .banner .layer.layer3{
                background-image: url(../img/contato/layer3.png);
                z-index: 3;
            }

            #contato .banner .layer.layer4{
                background-image: url(../img/contato/layer4.png);
                z-index: 4;
            }

    #contato .horario_atendimento{
        width: 100%;
        display: block;
        float: left;
        padding-bottom: 128px;
        border-bottom: 1px solid #e0e0e0;
    }

        #contato .horario_atendimento h3{
            margin-top: 84px;
        }

        #contato .horario_atendimento .col{
            float: left;
            width: 33.33333%;
        }

            #contato .horario_atendimento .col span{
                display: block;
                font-family: 'robotoregular';
            }
                #contato .horario_atendimento .col span a{
                    color: #000;
                    text-decoration: none;
                }

            #contato .horario_atendimento .col span:nth-child(1){
                font-family: 'robotobold';
            }

    #contato .faleConosco{
        width: 100%;
        display: block;
        float: left;
        border-bottom: 1px solid #e0e0e0;
        background: #f8f8f8;
    }

        #contato .faleConosco .row{
            margin-top: 37px;
        }

            #contato .faleConosco .row .col{
                width: 50%;
                float: left;
            }

                #contato .faleConosco h4{
                    margin: -8px 0 0;
                }

                #contato .faleConosco p{
                    font-family: 'robotolight';
                    margin-top: 17px;
                    line-height: 137%;
                }

            #contato .faleConosco form, #contato .trabalheConosco form{
                margin-top: 0;
                margin-bottom: 20px;
            }

                #contato .faleConosco form select{
                    margin-bottom: 20px;
                }

                    .col form textarea{
                        width: 460px;
                        min-height: 210px;
                        border: 0;
                        resize: vertical;
                        background: #e6e6e6;
                        margin-bottom: 15px;
                        padding: 20px 30px;
                        -webkit-box-sizing: border-box;
                            -ms-box-sizing: border-box;
                                box-sizing: border-box;
                    }

    #contato .trabalheConosco{
        width: 100%;
        display: block;
        float: left;
        border-bottom: 1px solid #e0e0e0;
    }

        #contato .trabalheConosco .row{
            margin-top: 37px;
        }

            #contato .trabalheConosco .row .col{
                width: 50%;
                float: left;
            }

                #contato .trabalheConosco .row .col h4{
                    margin: -8px 0 0;
                }

                #contato .trabalheConosco .row .col p{
                    font-family: 'robotolight';
                    margin-top: 17px;
                    line-height: 137%;
                }

                #contato .trabalheConosco .row .col form div.files{
                    width: 100%;
                    height: 70px;
                    display: block;
                    background: red;
                    margin-top: 30px;
                    margin-bottom: 30px;
                    position: relative;
                }

                    #contato .trabalheConosco .row .col form div.files span{
                        width: 100%;
                        height: 70px;
                        display: block;
                        background: #e6e6e6;
                        position: absolute;
                        z-index: 11;
                        cursor: pointer;
                    }

                    #contato .trabalheConosco .row .col form div.files span:before{
                        /* content: "Anexar currículo"; */
                        content: attr(data-text);
                        position: absolute;
                        display: block;
                        width: 100%;
                        height: 100%;
                        line-height: 70px;
                        background: #e6e6e6;
                        outline: none;
                        white-space: nowrap;
                        -webkit-user-select: none;
                        padding: 0 30px;
                        -webkit-box-sizing: border-box;
                            -ms-box-sizing: border-box;
                                box-sizing: border-box;
                    }


                    #contato .trabalheConosco .row .col form input[type="file"]{
                        position: relative;
                        padding: 0;
                        cursor: pointer;
                    }

                    #contato .trabalheConosco .row .col form div.files span::after{
                        content: " ";
                        width: 28px;
                        height: 26px;
                        display: block;
                        z-index: 9;
                        position: absolute;
                        top: 23px;
                        right: 20px;
                        background: url(../img/svg/maisnoticias.svg);
                        -webkit-background-size: cover;
                            -ms-background-size: cover;
                                background-size: cover;
                    }

    #contato .googleMaps{
        width: 100%;
        height: 410px;
        float: left;
        display: block;
        text-align: center;
        background: url(../img/bgGoogleMaps.jpg);
        -webkit-background-size: cover;
            -ms-background-size: cover;
                background-size: cover;
    }

        #contato .googleMaps h5{
            display: block;
            width: 100%;
            text-align: center;
            line-height: 60px;
            font-family: 'robotoregular';
            margin-top: 90px;
            margin-bottom: 43px;
        }

            #contato .googleMaps h5 a{
                color: #ec174f;
                text-decoration: none;
                display: inline-block;
                width: auto;
            }

        #contato .googleMaps a{
            width: 360px;
            height: 70px;
            display: block;
            margin : 0 auto;
            float: none;
            text-align: left;
        }

    #blog .fotos .share{
        width: 100%;
        height: 80px;
        border-bottom: 1px solid #efefef;
        display: block;
    }

        #blog .fotos .share span.date{
            float: left;
        }

        #blog .fotos .share .compartilhar{
            width: auto;
            float: right;
        }

            #blog .fotos .share .compartilhar span{
                float: left;
                text-transform: uppercase;
                font-family: 'robotoregular';
            }

            #blog .fotos .share .compartilhar a{
                width: 45px;
                height: 45px;
                display: block;
                float: left;
                margin-top: 17px;
            }

            #blog .fotos .share .compartilhar a:hover{
                opacity: 0.8;
            }

            #blog .fotos .share .compartilhar a:nth-child(2){
                margin-left: 20px;
                margin-right: 10px;
            }

                #blog .fotos .share .compartilhar a img{
                    width: 100%;
                }

        #blog.fotos.single .fotos .galeria .row{
            padding-top: 20px;
        }

            #blog.fotos.single .fotos .galeria .row span{
                line-height: 120%;
                margin-bottom: 12px;
            }

            #blog.fotos.single .fotos .galeria .row p{
                margin: 0 0 25px;
                line-height: 147%;
            }

    #bercario aside, #educacaoinfantil aside, #cursos aside, #fundamental aside{
        width: 100%;
        height: 58px;
        display: block;
        float: left;
        border-bottom: 1px solid #d5d5d5;
    }
        #bercario aside ul, #educacaoinfantil aside ul, #cursos aside ul, #fundamental aside ul{
            padding: 0;
            float: none;
        }

            #bercario aside ul li, #educacaoinfantil aside ul li, #cursos aside ul li, #fundamental aside ul li{
                width: 234px;
                height: 100%;
                display: block;
                border-right: 1px solid #e5e5e5;
                text-align: center;
                line-height: 58px;
                float: left;
                position: relative;
            }

            #bercario aside ul li:before, #educacaoinfantil aside ul li:before, #cursos aside ul li:before, #fundamental aside ul li:before{
                content: " ";
                width: 235px;
                height: 10px;
                display: block;
                position: absolute;
                bottom: 0;
                opacity: 0;
                visibility: hidden;
            }

            #bercario aside ul li.active:before, #educacaoinfantil aside ul li.active:before, #cursos aside ul li.active:before, #fundamental aside ul li.active:before{
                opacity: 1;
                visibility: visible;
            }

            #bercario aside ul li:last-child, #educacaoinfantil aside ul li:last-child, #cursos aside ul li:last-child, #fundamental aside ul li:last-child{
                border-right: 0;
            }

                #bercario aside ul li a, #educacaoinfantil aside ul li a, #cursos aside ul li a, #fundamental aside ul li a{
                    width: 100%;
                    height: 58px;
                    position: absolute;
                    left: 0;
                    top: 0;
                    display: block;
                }
    
    #bercario .turmas .col, #educacaoinfantil .turmas .col, #cursos .turmas .col, #fundamental .turmas .col{
        width: 50%;
        min-height: 500px;
        padding: 0 10px 10px 0;
        border-right: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1 !important;
        float: left;
        position: relative;
        -webkit-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
    }

    #bercario .turmas .col:nth-child(2n), #educacaoinfantil .turmas .col:nth-child(2n), #cursos .turmas .col:nth-child(2n), #fundamental .turmas .col:nth-child(2n){
        padding: 0 0 10px 10px;
        border: 0;
    }

        #bercario .turmas .col > div, #educacaoinfantil .turmas .col > div, #cursos .turmas .col > div, #fundamental .turmas .col > div{
            width: 460px;
            min-height: 500px;
            position: relative;
        }

        #bercario .turmas .col > div.right, #educacaoinfantil .turmas .col > div.right, #cursos .turmas .col > div.right, #fundamental .turmas .col > div.right{ float: right; }

        #bercario .turmas .col > div.left, #educacaoinfantil .turmas .col > div.left, #cursos .turmas .col > div.left, #fundamental .turmas .col > div.left{ float: left; }

        #bercario .turmas .col div.text, #educacaoinfantil .turmas .col div.text, #cursos .turmas .col div.text, #fundamental .turmas .col div.text{ width: 295px; }

        #bercario .turmas .col div.text, #bercario .turmas .col div span, #educacaoinfantil .turmas .col div.text, #educacaoinfantil .turmas .col div span, #cursos .turmas .col div.text, #cursos .turmas .col div span, #fundamental .turmas .col div.text, #fundamental .turmas .col div span{ float: left; }



        #educacaoinfantil .turmas .col div > span:nth-child(5){
            padding-top: 0;
        }

        #bercario .turmas .col:nth-child(1n) div > span:nth-child(1), #educacaoinfantil .turmas .col:nth-child(1n) div > span:nth-child(1), #cursos .turmas .col:nth-child(1n) div > span:nth-child(1), #fundamental .turmas .col:nth-child(1n) div > span:nth-child(1){padding-top: 30px; }

        #bercario .turmas .col:nth-child(2n) div > span:nth-child(1), #educacaoinfantil .turmas .col:nth-child(2n) div > span:nth-child(1), #cursos .turmas .col:nth-child(2n) div > span:nth-child(1), #fundamental .turmas .col:nth-child(2n) div > span:nth-child(1){ padding-left: 28px; padding-top: 30px; }
        #bercario .turmas .col:nth-child(2n) div > span:nth-child(3), #educacaoinfantil .turmas .col:nth-child(2n) div > span:nth-child(3), #cursos .turmas .col:nth-child(2n) div > span:nth-child(3), #fundamental .turmas .col:nth-child(2n) div > span:nth-child(3){ padding-top: 30px; }
        #bercario .turmas .col:nth-child(2n) div > span:nth-child(5), #educacaoinfantil .turmas .col:nth-child(2n) div > span:nth-child(5), #cursos .turmas .col:nth-child(2n) div > span:nth-child(5), #fundamental .turmas .col:nth-child(2n) div > span:nth-child(5){ margin-left: 27px; margin-top: -3px; padding-top: 0; }

        #bercario .turmas.fundamental  div span.antitle, #educacaoinfantil .turmas.fundamental  div span.antitle, #cursos .turmas.fundamental  div span.antitle, #fundamental .turmas.fundamental  div span.antitle{ padding-top: 30px; }

        #bercario .turmas .col div span.border, #educacaoinfantil .turmas .col div span.border, #cursos .turmas .col div span.border, #fundamental .turmas .col div span.border{
            width: 8px;
            height: 2px;
            float: left;
            background: #fdd63f;
            margin: 46px 5px 0;
            padding: 0;
        }
        span.descricao-p{ line-height: 120%; margin-top: 2% !important; display: block; }

        #bercario .turmas .col div span.border{
            background: #fdc800 !important;
        }

        #educacaoinfantil .turmas .col div span.border{
            background: #0092d1 !important;
        }

        #cursos .turmas .col div span.border{
            background: #f2224c !important;
        }

        #fundamental .turmas .col div span.border{
            background: #7abb0b !important;
        }

        #bercario .turmas .col div span.border.bercario, #educacaoinfantil .turmas .col div span.border.bercario, #cursos .turmas .col div span.border.bercario, #fundamental .turmas .col div span.border.bercario{
            background: #fdd63f;
        }

        #bercario .turmas .col div span.border.educacaoinfantil, #educacaoinfantil .turmas .col div span.border.educacaoinfantil, #cursos .turmas .col div span.border.educacaoinfantil, #fundamental .turmas .col div span.border.educacaoinfantil{
            background: #0092d1;
        }

        #bercario .turmas .col div span.border.fundamental, #educacaoinfantil .turmas .col div span.border.fundamental, #cursos .turmas .col div span.border.fundamental, #fundamental .turmas .col div span.border.fundamental{
            background: #7abb0b;
        }

        #bercario .turmas .col div span.border.cursos, #educacaoinfantil .turmas .col div span.border.cursos, #cursos .turmas .col div span.border.cursos, #fundamental .turmas .col div span.border.cursos{
            background: #f2224c;
        }

        #bercario .turmas .col div h2, #educacaoinfantil .turmas .col div h2, #cursos .turmas .col div h2, #fundamental .turmas .col div h2{
            float: left;
            margin: 0;
            width: 100%;
            display: block;
        }

        #bercario .turmas .col:nth-child(2n) div h2, #educacaoinfantil .turmas .col:nth-child(2n) div h2, #cursos .turmas .col:nth-child(2n) div h2, #fundamental .turmas .col:nth-child(2n) div h2{
            float: left;
            margin: 0;
            margin-left: 27px;
        }

        #bercario .turmas .col div img, #educacaoinfantil .turmas .col div img, #cursos .turmas .col div img, #fundamental .turmas .col div img{
            float: right;
        }

        #bercario .turmas .col div > img, #educacaoinfantil .turmas .col div > img, #cursos .turmas .col div > img, #fundamental .turmas .col div > img{
            float: right;
            width: 61px;
            height: 66px;
            position: relative;
            top: 52px;
            right: 45px;
        }

        #bercario .turmas .col:nth-child(2n) div > img, #educacaoinfantil .turmas .col:nth-child(2n) div > img, #cursos .turmas .col:nth-child(2n) div > img, #fundamental .turmas .col:nth-child(2n) div > img{
            width: 51px;
            height: 80px;
            position: relative;
            top: 45px;
            right: 60px;
        }

        #bercario .turmas .col div p, #educacaoinfantil .turmas .col div p, #cursos .turmas .col div p, #fundamental .turmas .col div p{
            font-family: 'robotolight';
            display: block;
            float: left;
            margin-top: 38px;
            line-height: 30px;
        }

        #bercario .turmas .col:nth-child(2n) div p, #educacaoinfantil .turmas .col:nth-child(2n) div p, #cursos .turmas .col:nth-child(2n) div p, #fundamental .turmas .col:nth-child(2n) div p{
            margin-left: 18px;
        }

        #bercario .turmas .col div a, #educacaoinfantil .turmas .col div a, #cursos .turmas .col div a, #fundamental .turmas .col div a{
            width: 100%;
            height: 70px;
            margin-left: 0;
            position: absolute;
            bottom: 0;
            left: 0;
        }

        #bercario .turmas .col div a img, #educacaoinfantil .turmas .col div a img, #cursos .turmas .col div a img, #fundamental .turmas .col div a img{
            width: 29px;
            height: 28px;
            margin-top: 20px;
        }

        #bercario .turmas .col div a:hover img, #educacaoinfantil .turmas .col div a:hover img, #cursos .turmas .col div a:hover img, #fundamental .turmas .col div a:hover img{
            position: static;
            right: 0;
        }

    #bercario.interna, #educacaoinfantil.interna, #cursos.interna, #fundamental.interna{

    }

        #bercario.interna .content, #educacaoinfantil.interna .content, #cursos.interna .content, #fundamental.interna .content{
            padding-bottom: 56px;
        }

            #bercario.interna .col, #educacaoinfantil.interna .col, #cursos.interna .col, #fundamental.interna .col{
                float: left;
            }

            #bercario.interna .col *, #educacaoinfantil.interna .col *, #cursos.interna .col *, #fundamental.interna .col *{
                display: block;
            }

            #bercario.interna .col img, #educacaoinfantil.interna .col img, #cursos.interna .col img, #fundamental.interna .col img{
                width: 100%;
            }

            #bercario.interna .col.mid, #educacaoinfantil.interna .col.mid, #cursos.interna .col.mid, #fundamental.interna .col.mid{
                width: 290px;
                height: auto;
                float: left;
                margin-right: 30px;
                padding-top: 39px;
            }

                #bercario.interna .col.mid .separate, #educacaoinfantil.interna .col.mid .separate, #cursos.interna .col.mid .separate, #fundamental.interna .col.mid .separate{
                    width: 100%;
                    height: 10px;
                    background: #fdc800;
                    display: block;
                    margin: 20px 0;
                }

                #bercario.interna .col.mid .separate.bercario, #educacaoinfantil.interna .col.mid .separate.bercario, #cursos.interna .col.mid .separate.bercario, #fundamental.interna .col.mid .separate.bercario{
                    background: #fdc800 !important;    
                }

                #bercario.interna .col.mid .separate.educinfantil, #educacaoinfantil.interna .col.mid .separate.educinfantil, #cursos.interna .col.mid .separate.educinfantil, #fundamental.interna .col.mid .separate.educinfantil{
                    background: #0092d1 !important;    
                }
                
                #bercario.interna .col.mid .separate.fundamental, #educacaoinfantil.interna .col.mid .separate.fundamental, #cursos.interna .col.mid .separate.fundamental, #fundamental.interna .col.mid .separate.fundamental{
                    background: #7abb0b !important;    
                }

                #bercario.interna .col.mid .separate.cursos, #educacaoinfantil.interna .col.mid .separate.cursos, #cursos.interna .col.mid .separate.cursos, #fundamental.interna .col.mid .separate.cursos{
                    background: #f2224c !important;
                }


                #bercario.interna .col.mid span, #educacaoinfantil.interna .col.mid span, #cursos.interna .col.mid span, #fundamental.interna .col.mid span{
                    font-family: 'robotoregular';
                    line-height: 30px;
                    float: left;
                }

                    #bercario.interna .col.mid span.fl, #educacaoinfantil.interna .col.mid span.fl, #cursos.interna .col.mid span.fl, #fundamental.interna .col.mid span.fl{
                        float: left;
                    }

                    
                    #bercario.interna .col.mid span.fl.border, #educacaoinfantil.interna .col.mid span.fl.border, #cursos.interna .col.mid span.fl.border, #fundamental.interna .col.mid span.fl.border{
                        width: 8px;
                        height: 2px;
                        float: left;
                        background: #fdd63f;
                        margin: 15px 5px 0;
                        padding: 0;
                    }

                    #bercario.interna .col.mid span.fl.bercario.border, #educacaoinfantil.interna .col.mid span.fl.bercario.border, #cursos.interna .col.mid span.fl.bercario.border, #fundamental.interna .col.mid span.fl.bercario.border{
                        background: #fdc800 !important;    
                    }

                    #bercario.interna .col.mid span.fl.educinfantil.border, #educacaoinfantil.interna .col.mid span.fl.educinfantil.border, #cursos.interna .col.mid span.fl.educinfantil.border, #fundamental.interna .col.mid span.fl.educinfantil.border{
                        background: #0092d1 !important;    
                    }
                    
                    #bercario.interna .col.mid span.fl.fundamental.border, #educacaoinfantil.interna .col.mid span.fl.fundamental.border, #cursos.interna .col.mid span.fl.fundamental.border, #fundamental.interna .col.mid span.fl.fundamental.border{
                        background: #7abb0b !important;    
                    }

                    #bercario.interna .col.mid span.fl.cursos.border, #educacaoinfantil.interna .col.mid span.fl.cursos.border, #cursos.interna .col.mid span.fl.cursos.border, #fundamental.interna .col.mid span.fl.cursos.border{
                        background: #f2224c !important;
                    }

                #bercario.interna .col.mid span.antitle .bold, #educacaoinfantil.interna .col.mid span.antitle .bold, #cursos.interna .col.mid span.antitle .bold, #fundamental.interna .col.mid span.antitle .bold{
                    font-family: 'robotobold';
                }

                #bercario.interna .col.mid span.title, #educacaoinfantil.interna .col.mid span.title, #cursos.interna .col.mid span.title, #fundamental.interna .col.mid span.title{
                    margin: 10px 0;
                    display: block;
                    width: 100%;
                    float: left;
                }

                #bercario.interna .col img.bercario1, #educacaoinfantil.interna .col img.bercario1, #cursos.interna .col img.bercario1, #fundamental.interna .col img.bercario1{
                    width: 63px;
                    height: 66px;
                }

                #bercario.interna .col img.bercario2, #educacaoinfantil.interna .col img.bercario2, #cursos.interna .col img.bercario2, #fundamental.interna .col img.bercario2{
                    width: 53px;
                    height: 82px;
                }

            #bercario.interna .col:nth-child(2n), #educacaoinfantil.interna .col:nth-child(2n), #cursos.interna .col:nth-child(2n), #fundamental.interna .col:nth-child(2n){
                padding-top: 62px;
                width: 620px;
            }

                #bercario.interna .col:nth-child(2n) p, #educacaoinfantil.interna .col:nth-child(2n) p, #cursos.interna .col:nth-child(2n) p, #fundamental.interna .col:nth-child(2n) p{
                    line-height: 30px;
                    margin-bottom: 30px;
                }

                #bercario.interna .col:nth-child(2n) span, #educacaoinfantil.interna .col:nth-child(2n) span, #cursos.interna .col:nth-child(2n) span, #fundamental.interna .col:nth-child(2n) span{
                    line-height: 20px;
                    margin-right: 5px;
                }

                #fundamental.interna .col:nth-child(2n) span.titlebox{
                    width: 100%;
                    margin: 28px 0 23px;
                }

                #bercario.interna .col:nth-child(2n) span:last-child, #educacaoinfantil.interna .col:nth-child(2n) span:last-child, #cursos.interna .col:nth-child(2n) span:last-child, #fundamental.interna .col:nth-child(2n) span:last-child{
                    margin-top: 22px;
                }

            #bercario .turmas.fundamental .col div p, #educacaoinfantil .turmas.fundamental .col div p, #cursos .turmas.fundamental .col div p, #fundamental .turmas.fundamental .col div p{
                margin-top: 65px;
                margin-bottom: 77px;
            }

        #bercario .turmas.fundamental .col.finish, #educacaoinfantil .turmas .col.finish, #cursos .turmas .col.finish, #fundamental .turmas .col.finish{
            background: url(../img/bgFinish.jpg);
            -webkit-background-size: cover;
                -ms-background-size: cover;
                    background-size: cover;
        }

            #bercario .turmas.fundamental .col.finish img.pin, #educacaoinfantil .turmas .col.finish img.pin, #cursos .turmas .col.finish img.pin, #fundamental .turmas .col.finish img.pin{
                width: 227px;
                height: auto;
                position: relative;
                top: -23px;
                left: -141px;
                z-index: 10;
            }

            #bercario .turmas.fundamental .col.finish h4, #educacaoinfantil .turmas .col.finish h4, #cursos .turmas .col.finish h4, #fundamental .turmas .col.finish h4{
                margin: 56px 0 0 26px;
            }

            #bercario .turmas.fundamental .col.finish span.light.astile, #educacaoinfantil .turmas .col.finish span.light.astile, #cursos .turmas .col.finish span.light.astile, #fundamental .turmas .col.finish span.light.astile{
                margin: 5px 0 0 26px;
                padding: 0;
            }

            #bercario .turmas.fundamental .col.finish a, #educacaoinfantil .turmas .col.finish a, #cursos .turmas .col.finish a, #fundamental .turmas .col.finish a{
                top: 50%;
                margin-top: -35px;
            }
    
    #bercario.educacaoinfantil .col:nth-child(2n), #educacaoinfantil.educacaoinfantil .col:nth-child(2n), #cursos.educacaoinfantil .col:nth-child(2n), #fundamental.educacaoinfantil .col:nth-child(2n){

    }

        #bercario.interna.educacaoinfantil .content, #educacaoinfantil.interna.educacaoinfantil .content, #cursos.interna.educacaoinfantil .content, #fundamental.interna.educacaoinfantil .content{
            padding-bottom: 73px;
        }
    
        #bercario.educacaoinfantil .col:nth-child(2n) p, #educacaoinfantil.educacaoinfantil .col:nth-child(2n) p, #cursos.educacaoinfantil .col:nth-child(2n) p, #fundamental.educacaoinfantil .col:nth-child(2n) p{
            margin-bottom: 38px;
        }

        #bercario.educacaoinfantil .col:nth-child(2n) .colun, #educacaoinfantil.educacaoinfantil .col:nth-child(2n) .colun, #cursos.educacaoinfantil .col:nth-child(2n) .colun, #fundamental.educacaoinfantil .col:nth-child(2n) .colun{
            width: 53%;
            float: left;
            margin-top: 0 !important;
        }

        #bercario.educacaoinfantil .col:nth-child(2n) .colun.colunm, #educacaoinfantil.educacaoinfantil .col:nth-child(2n) .colun.colunm, #cursos.educacaoinfantil .col:nth-child(2n) .colun.colunm, #fundamental.educacaoinfantil .col:nth-child(2n) .colun.colunm{
            width: 47%;
        }

        #bercario.educacaoinfantil .col:nth-child(2n) span.cfundamental, #educacaoinfantil.educacaoinfantil .col:nth-child(2n) span.ceducinfantil, #cursos.educacaoinfantil .col:nth-child(2n) span.cfundamental, #fundamental.educacaoinfantil .col:nth-child(2n) span.ceducinfantil{
            margin: 28px 0 23px;
            display: block;
            width: 100%;
            float: left;
        }

        #bercario.educacaoinfantil .col:nth-child(2n) .light span.cfundamental, #educacaoinfantil.educacaoinfantil .col:nth-child(2n) .light span.ceducinfantil, #cursos.educacaoinfantil .col:nth-child(2n) .light span.cfundamental, #fundamental.educacaoinfantil .col:nth-child(2n) .light span.ceducinfantil{
            float: left;
            width: auto;
            margin: 0 5px 0 0;
        }

            #bercario.educacaoinfantil .col:nth-child(2n) .light.matd, #educacaoinfantil.educacaoinfantil .col:nth-child(2n) .light.matd, #cursos.educacaoinfantil .col:nth-child(2n) .light.matd, #fundamental.educacaoinfantil .col:nth-child(2n) .light.matd{
                margin-top: 21px !important;
            }

            #bercario.educacaoinfantil .col:nth-child(2n) .light .lookc, #educacaoinfantil.educacaoinfantil .col:nth-child(2n) .light .lookc, #cursos.educacaoinfantil .col:nth-child(2n) .light .lookc, #fundamental.educacaoinfantil .col:nth-child(2n) .light .lookc{
                margin-top: 0;
                color: #777777;
            }

            #bercario.educacaoinfantil .col:nth-child(2n) .light .bold, #educacaoinfantil.educacaoinfantil .col:nth-child(2n) .light .bold, #cursos.educacaoinfantil .col:nth-child(2n) .light .bold, #fundamental.educacaoinfantil .col:nth-child(2n) .light .bold{
                font-size: 1.1428571428571428em;
            }

            #bercario.educacaoinfantil .col:nth-child(2n) .descbox.regular, #educacaoinfantil.educacaoinfantil .col:nth-child(2n) .descbox.regular, #cursos.educacaoinfantil .col:nth-child(2n) .descbox.regular, #fundamental.educacaoinfantil .col:nth-child(2n) .descbox.regular{
                line-height: 25px;
                margin-top: 21px;
                margin-bottom: 18px;
            }

            #bercario.educacaoinfantil .col:nth-child(2n) .button, #educacaoinfantil.educacaoinfantil .col:nth-child(2n) .button, #cursos.educacaoinfantil .col:nth-child(2n) .button, #fundamental.educacaoinfantil .col:nth-child(2n) .button{
                width: 100%;
                height: 70px;
                border-bottom: 1px solid #FFF;
                background: #7abb0b;
                text-decoration: none;
                color: #FFF;
                position: relative;
                font-weight: normal;
                padding: 20px 14px 0px 20px;
                -webkit-box-sizing: border-box;
                    -ms-box-sizing: border-box;
                        box-sizing: border-box;
            }

            #educacaoinfantil.educacaoinfantil .col:nth-child(2n) .button{
                background: #0092d1;
            }

            #bercario.educacaoinfantil .col:nth-child(2n) .button.c2 {
                background: #95c93c;
            }

            #educacaoinfantil.educacaoinfantil .col:nth-child(2n) .button.c2{
                background: #33a8da;
            }

            #fundamental.educacaoinfantil .col:nth-child(2n) .button.c2{
                background: #95c93c;
            }

            #bercario.educacaoinfantil .col:nth-child(2n) .button.c3 {
                background: #afd66d;
            }

            #educacaoinfantil.educacaoinfantil .col:nth-child(2n) .button.c3{
                background: #66bee3;
            }

            #fundamental.educacaoinfantil .col:nth-child(2n) .button.c3{
                background: #afd66d;
            }

            #bercario.educacaoinfantil .col:nth-child(2n) .button:before, #educacaoinfantil.educacaoinfantil .col:nth-child(2n) .button:before, #cursos.educacaoinfantil .col:nth-child(2n) .button:before, #fundamental.educacaoinfantil .col:nth-child(2n) .button:before{
                content: "Sistema UNO de Ensino";
                display: block;
                font-size: 1em;
                color: #000;
                position: absolute;
                right: 14px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
            }

    #educacaoinfantil .turmas .col div > span{
        padding-top: 30px;
    }

        #educacaoinfantil.educacaoinfantil .col:nth-child(2n) > img.educacaoinfantil{
            width: 78px;
            height: 81px;
        }

        #cursos .turmas.cursos .button{ position: absolute; bottom: 0; width: 100%; }

            #cursos .turmas.cursos .col div.text{ width: 100%; }

            #cursos .turmas.cursos .col div h2{ padding-top: 58px; }

            #cursos .turmas.cursos .col div a{ position: static; }

            #cursos .turmas.cursos .col div a:last-child{ margin-top: 10px; }

            #cursos .turmas.cursos .col div a.hoverb{
                border: 1px solid #e1e1e1;
            }

            #cursos .turmas .col:nth-child(2n) div > span, #cursos .turmas .col:nth-child(2n) div p{ margin-left: 27px; }

    #cursos.interno.manga .row{
        padding-bottom: 60px;
        min-height: 4390px;
    }
    
        #cursos.interno.manga .galeria{
        
        }

            #cursos.interno.manga .galeria h2{ margin: 69px 0 0; float: left; width: 100%; }

            #cursos.interno.manga .galeria span{ display: block; }

            #cursos.interno.manga .galeria span.border{
                margin-bottom: 0;
                background: #f2224c;
                width: 300px;
                height: 10px;
                float: left;
                margin-top: 19px;
            }

            #cursos.interno.manga .galeria span.border.right{
                float: right;
                width: 620px;
                -webkit-background-size: cover;
                    -ms-background-size: cover;
                        background-size: cover;
            }

            #cursos.interno.manga .galeria p{ float: left; width: 180px; }

            #cursos.interno.manga .galeria .imagens{ width: 100%; display: block; float: left; position: relative; }

                #cursos.interno.manga .galeria .imagens .box{ display: block; background: #000; float: left; border: 3px solid #f2224c; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

                #cursos.interno.manga .galeria .imagens .box.quadH{ width: 620px; height: 620px; }

                #cursos.interno.manga .galeria .imagens .box.quadD{ width: 490px; height: 490px; }

                #cursos.interno.manga .galeria .imagens .box.quadD2{ width: 450px; height: 470px; }

                #cursos.interno.manga .galeria .imagens .box.quadD3{ width: 470px; height: 470px; }

                #cursos.interno.manga .galeria .imagens .box.retD{ width: 940px; height: 470px; }

                #cursos.interno.manga .galeria .imagens .box.retH{ width: 620px; height: 930px; }

                #cursos.interno.manga .galeria .imagens .box.vermelho{ background: #f2224c; }
                #cursos.interno.manga .galeria .imagens .box.azul{ background: #0079b0; }
                #cursos.interno.manga .galeria .imagens .box.verde{ background: #7ab141; }
                #cursos.interno.manga .galeria .imagens .box.amarelo{ background: #fdc80b; }

                #cursos.interno.manga .galeria .imagens .box:nth-child(1){ position: absolute; top: -87px; right: 0; z-index: 0; }
                
                #cursos.interno.manga .galeria .imagens .box:nth-child(2){ position: absolute; top: 363px; left: 0; z-index: 1; }
                
                #cursos.interno.manga .galeria .imagens .box:nth-child(3){ position: absolute; top: 573px; right: 0; z-index: 2; }
                
                #cursos.interno.manga .galeria .imagens .box:nth-child(4){ position: absolute; top: 1002px; left: 0; z-index: 3; }
                
                #cursos.interno.manga .galeria .imagens .box:nth-child(5){ position: absolute; top: 1973px; right: 0; z-index: 4; }
                
                #cursos.interno.manga .galeria .imagens .box:nth-child(6){ position: absolute; top: 2483px; left: 0; z-index: 5; }
                
                #cursos.interno.manga .galeria .imagens .box:nth-child(7){ position: absolute; top: 2483px; right: 0; z-index: 6; }
                
                #cursos.interno.manga .galeria .imagens .box:nth-child(8){ position: absolute; top: 2993px; right: 0; z-index: 7; }

                #cursos.interno.manga .galeria .imagens .box:nth-child(9){ position: absolute; top: 3572px; left: 0; z-index: 8; }
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (max-width: 1600px) {
    .morenoticias .row.itens .item.verde{
        display: none;
    }

    .cardapio_agenda .col:nth-child(2) div{
        width: 500px;
    }

    .cardapio_agenda .col div span{
        width: 70%;
    }
}

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

    .astile{
        font-size: 1em;
    }
        .astile br{
            display: none;
        }

    a.hoverb, a.hovera{
        font-size: 1em;
    }

    nav img{
        top: 2px;
    }

    nav .dropdown .align div ul li, nav .dropdown .align div ul li a{
        line-height: 120%;
    }

    nav .dropdown .align div ul li{
        padding-bottom: 20px;
    }

        nav .dropdown .align div ul li:after{
            top: 25px;
        }

        nav .dropdown .align div{
            margin-right: 32px;
        }

        nav .dropdown .align div:nth-child(3){
            margin-right: 21px;
        }

        nav .dropdown .align div:last-child{
            margin-right: 0;
        }


    .matriculasabertas .col:nth-child(2) > div{
        background: url(../img/fndHorario.png);
            background-size: 100%;
            -webkit-animation: none;
            -moz-animation: none;
            animation: none;
            -webkit-filter: blur(20px) !important;
            -moz-filter: blur(20px) !important;
            -ms-filter: blur(20px) !important;
            -o-filter: blur(20px) !important;
            filter: blur(20px) !important;
    }
    
    #index .banner .layer1, #index .banner .layer2, #index .banner .layer3{
        -webkit-background-size: cover;
            -ms-background-size: cover;
                background-size: cover;
    }

    .noticias ul li span.titlebox, #fotos.fotos .fotos .galeria .col span.titlebox, #blog.fotos .fotos .galeria .col span.titlebox{
        line-height: 140% !important;
    }

    .noticias ul li p, #fotos.fotos .fotos .galeria .col p, #blog.fotos .fotos .galeria .col p{
        line-height: 170% !important;
    }

    #sobre.uniformes .conteudo span a{
        color: #000;
        text-decoration: none;
    }


    select, input, textarea{
        border-radius: 0;
    }

    #contato .banner .layer, #matricula.matricula .banner .layer, #agenda.matricula .banner .layer{
        -webkit-background-size: cover !important;
            -ms-background-size: cover !important;
                background-size: cover !important;
    }

    #matricula.matricula .banner .layer1, #agenda.matricula .banner .layer1{
        background-position: -290px -80px !important;
    }

    #matricula.matricula .banner .layer2, #agenda.matricula .banner .layer2 {
        background-position: -60px -110px !important;
    }

    #matricula.matricula .banner .layer3, #agenda.matricula .banner .layer3 {
        background-position: 10px 0 !important;
    }

    #blog .fotos .share .compartilhar{
        width: auto;
    }
    
    #sobre.cardapio .conteudo ul li a img{
        right: 20px;
    }
    #contato .googleMaps{
        background: #fbbfc3;
    }

    #contato .googleMaps h5{
        margin-top: 75px;
    }

    footer .copyright span:first-child{
        margin-left: 0;
    }

    footer .copyright span:last-child{
        margin-right: 0;
    }

    footer a.hovera{
        width: 378px;
    }
}
@media only screen and (max-width: 1023px) {
    .row{
        width: 90% !important;
    }

        nav .dropdown .align div:nth-child(1){
            margin-right: 19px;
        }

        nav .dropdown .align div{
            margin-right: 19px;
        }

    nav{
        height: 100px;
    }

    nav.active{
        position: fixed;
        z-index: 99;
    }

    nav .dropdown{
        position: fixed;
    }


    nav ul li:after{
        width: 0;
        height: 1px;
        background: #FFF;
        -webkit-transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
           -moz-transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
             -o-transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
                transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220); /* easeInQuart */
    }

    nav ul li.active:after{
        width: 250%;
    }



    nav .menuMobile{
        display: block;
        position: relative;
    }

        nav .menuMobile:after{
            content: " Menu ";
            font-size: 1.903125em;
            font-family: 'robotolight';
            color: #777777;
            position: absolute;
            left: 78px;
            top: 14px;
        }

        nav .menuMobile span{
            position: relative;
        }

            nav .menuMobile span.first{  display: block; }

            nav .menuMobile span{
                content: " ";
                width: 60px;
                height: 8px;
                display: block;
                background: #000;
                position: absolute;
                -webkit-transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
                   -moz-transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
                     -o-transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
                        transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220); /* easeInQuart */
            }

            nav .menuMobile span.first{
                background: #fdc80b;
                z-index: 1;
            }

            nav .menuMobile span.seco{
                background: #0079b0;
                z-index: 2;
                top: 11px;
            }

            nav .menuMobile span.terc{
                background: #7ab141;
                z-index: 3;
                top: 22px;
            }

            nav .menuMobile span.quad{
                background: #eb174f;
                z-index: 4;
                top: 33px;
            }

        nav .menuMobile img{
            position: absolute;
        }

            nav .menuMobile .hamburguer{
                width: 60px;
                height: 40px;
                display: block;
                position: relative;
                float: left;
                margin-top: 30px;
                left: 0;
                -webkit-transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
                   -moz-transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
                     -o-transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
                        transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220); /* easeInQuart */
            }

                nav .menuMobile img:nth-child(2){
                    width: 60px;
                    left: -125px;
                    top: 0;
                    transition-delay: 1000s;
                    -webkit-transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
                       -moz-transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
                         -o-transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
                            transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220); /* easeInQuart */
                }

                nav .menuMobile img:nth-child(3){
                    width: 303px;
                    left: calc( 100% - 300px );
                    top: 17px;
                    -webkit-transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
                       -moz-transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
                         -o-transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
                            transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220); /* easeInQuart */
                }

                nav .menuMobile.active .hamburguer{
                    left: -125px;
                }

                nav .menuMobile.active img:nth-child(2){
                    left: 0;
                    top: 17px;
                }

                nav .menuMobile.active img:nth-child(3){
                    left: 77px;
                }

                nav .menuMobile.active:after{
                    opacity: 0;
                    visibility: hidden;
                    transition-delay: 0.4s;
                }

    nav .desk{ width: 100%; display: block; height: 100%;  }

    nav:hover .dropdown{
        display: none;
    }

        nav.active .dropdown{
            height: calc( 100vh - 125px );
            top: 100px;
            opacity: 1;
            visibility: visible;
            background: #eb174f; 
            display: block;
            overflow: hidden;
        }

            nav.active .dropdown .bg1, nav.active .dropdown .bg2{
                content: " ";
                display: block;
                position: absolute;
            }

            nav.active .dropdown .bg1{
                width: 244px;
                height: 290px;
                left: -110px !important;
                top: 450px !important;
                background: url(../img/bgMenuM1.png);
                position: absolute !important;
            }

            nav.active .dropdown .bg2{
                width: 236px;
                height: 330px;
                left: inherit !important;
                right: -110px !important;
                top: 240px !important;
                background: url(../img/bgMenuM2.png);
                position: absolute !important;
                -webkit-background-size: cover;
                -ms-background-size: cover;
                background-size: cover;
            }


            nav.active .dropdown .borderBottomNav{
                position: absolute;
                bottom: 0;
                width: 100%;
                display: block;
                height: 10px;
                background: url(../img/borderBottomNav.jpg) repeat-x;
                -webkit-background-size: cover;
                    -ms-background-size: cover;
                        background-size: cover;
            }


    nav ul{
        display: none;
        width: 200px;
        position: relative;
        z-index: 10;
        height: auto;
        margin-top: 240px;
        left: -5%;
        opacity: 0;
    }

        nav.active ul{
            display: block;
            opacity: 1;
            visibility: visible;
        }


    nav .dropdown .align div ul{
        opacity: 0;
        visibility: hidden;
    }

    nav ul{
        width: 250px;
    }

        nav .dropdown .align div{
            position: absolute;
            margin-right: 0;
        }

        nav .dropdown .align div ul{
            height: 0;
            overflow: hidden;
            -webkit-transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
               -moz-transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
                 -o-transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
                    transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220); /* easeInQuart */
        }

        nav .dropdown .align div ul{
            left: 0;
        }

            nav .dropdown .align div ul.active{
                opacity: 1;
                visibility: visible;
                margin-top: 0;
                height: 100%;
            }

            nav ul li{
                margin-right: 0 !important;
                line-height: 120%;
                width: 100%;
                display: block;
                margin-bottom: 30px;
            }

                nav.active ul li a{
                    font-size: 1.125em;
                    color: #FFF !important;
                    margin-top: 0;
                }

                    nav.active ul li a{
                        font-size: 1.125em;
                        color: #fdc80b !important;
                        margin-top: 0;
                    }

                    nav.active ul li.active a{
                        font-size: 1.125em;
                        color: #FFF !important;
                        margin-top: 0;
                    }



                nav .desk h1{
                    display: none;
                }

                    .menubanner.row{
                        z-index: 1;
                    }

                    nav .dropdown .align div ul li, nav .dropdown .align div ul li a{
                        margin-bottom: 8px;
                    }

    nav.active .dropdown .align{
        position: relative;
        left: 0;
        top: 0;
        width: 250px;
        left: 58%;
    }

        nav .dropdown .align div{
            width: 100%;
        }

    
    .menubanner ul li{
        width: calc( 25% - 1px );
        font-size: 1em;
        height: 59px;
    }

        .menubanner ul li.titlemenu a{
            line-height: 69px;
        }

    #index .banner .layer1, #index .banner .layer2, #index .banner .layer3, #index .banner .layer4{
        left: 0;
        -webkit-background-size: cover;
            -ms-background-size: cover;
                background-size: cover;
    }

        .noticias ul li{
            width: calc(50% - 10px);
        }

        .noticias ul li:nth-child(2){
            margin-right: 0;
        }

        .noticias ul li:last-child{
            display: none;
        }

        .morenoticias{
            background: #fdc800;
        }

        .matriculasabertas .col{
            width: 67%;
            margin-bottom: 0;
            margin: 118px auto 0;
            float: none;
        }

        .matriculasabertas .col:nth-child(2){
            margin-top: 40px;
            margin-bottom: 140px;
        }

        .morenoticias .row.itens .vermelho{
            left: 0;
        }

        .morenoticias .row.itens .amarelo{
            right: 0;
        }

        .cardapio_agenda .col div, .cardapio_agenda .col:nth-child(2) div{
            width: 68%;
            float: none;
            margin: 0 auto;
            height: 50%;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
        }

        .cardapio_agenda .col:nth-child(2) div{
            width: 60%;
        }

            .cardapio_agenda .col:nth-child(2) div img{
                margin-left: 0;
            }

            #sobre.cardapio .conteudo ul li a img{
                right: 22px;
            }

        #agenda.agenda .menubanner.row{
            width: 100% !important;
        }

        .redesociais .coll{
            width: 100%;
            margin-top: 49px;
        }

            .redesociais .coll > span{
                float: left;
                display: block;
                width: 50%;
            }

            .redesociais .coll a{
                width: 300px;
                position: relative;
                top: 90px;
            }

        .redesociais .colr{
            margin-top: -20px;
            padding-left: 0;
            margin-left: 6px;
            width: 100%;
        }


            .redesociais .coll a{
                width: 377px;
                position: absolute;
                top: 128px;
                margin-left: 0;
                right: 1px;
                display: block;
                height: 70px;
            }

            .redesociais .colr span{
                font-size: 1.125em;
                width: 47%;
                float: left;
            }

            .redesociais .colr a{
                height: 70px;
                margin-left: 26px;
            }

                .redesociais .colr a span{
                    width: 77%;
                    position: relative;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                            transform: translateY(-50%);
                }

                .redesociais .colr span br{
                    display: none;
                }

                .fb_iframe_widget_fluid{
                    display: none !important;
                }

                #sobre.sistema .conteudo .imgbutton > img{
                    width: 90%;
                    left: 0;
                }

    footer .full div{
        width: 50%;
        padding: 0 !important;
    }

    footer .full div:nth-child(2){
        float: right;
    }

    footer .full div:nth-child(2) span:nth-child(3){
        margin-top: 30px;
    }

    footer .full div:nth-child(3){
        width: 49%;
    }

    #sobre aside{
        display: none;
    }

    #sobre .conteudo{
        width: 100%;
        padding-left: 0;
    }

        #sobre .conteudo h3{
            width: calc( 100% - 36px );
            margin: 0 auto 31px;
        }

        #sobre.sistema .conteudo .imgbutton{
            text-align: center;
        }

            #sobre.sistema .conteudo .imgbutton a{
                left: 50%;
                margin-left: -310px;
                text-align: left;
            }

    #matricula.matricula .content .col{
        width: 100%;
        height: auto;
    }

        #matricula.matricula .content .col h3{
            margin-left: 0;
        }

        #matricula.matricula .content .col p{
            margin-left: 0;
        }

            #matricula.matricula .content .col p br{
                display: none;
            }

        #matricula.matricula .content .col a{
            margin-top: 0;
            margin-left: 0;
        }

    #matricula.matricula .ensinos .col{
        width: 100%;
    }

        #matricula.matricula .ensinos .col .right{
            width: 90%;
            float: none;
            margin: 0 auto;
        }

        #matricula.matricula .ensinos .col .lista{
            margin-top: 30px;
        }

        #matricula.matricula .ensinos .col .right .antitle{
            float: left;
            width: 100%;
            margin-top: 27px;
        }

        #matricula.matricula .ensinos .col p.subtitle{
            width: 90%;
            float: none;
            margin: 27px auto;
        }
        
            #matricula.matricula .ensinos .col p.subtitle br{
                display: none;
            }


        #matricula.matricula .ensinos .col .left{
            width: 93%;
        }

            #matricula.matricula .ensinos .col .left ul li div{
                width: 100%;
            }

            .col form{
                margin-left: 0;
                width: 100%;
            }

    #contato .faleConosco .row .col, #contato .trabalheConosco .row .col{
        width: 70%;
        float: none;
        margin: 0 auto;
    }

        #contato .faleConosco .row .col form{
            margin: 0;
        }

        .col form input{
            border-radius: 0;
        }

        .col form input, .col form a.enviar{
            width: 100% !important;
        }

        #contato .trabalheConosco .row .col form div.files{
            width: 100%;
        }

        .col form select, .col form textarea{
            width: 100%;
        }

    #blog.fotos .fotos .titulo .filter select{
        width: calc( 48% + 3px );
        background-position: 94% 32px;
    }

    #blog.fotos .fotos .galeria .col{
        width: calc(50% - 10px);
    }

        #blog.fotos .fotos .galeria .col .imgbg, .noticias ul li div.img{
            height: 220px;
        }

        #blog.fotos.single .fotos .galeria .row p, #blog.fotos.single .fotos .galeria .row p img{
            width: 100%;
        }

    #bercario aside ul li, #educacaoinfantil aside ul li, #cursos aside ul li, #fundamental aside ul li{
        width: calc( 25% - 1px );
        font-size: 1em;
    }

        #bercario aside ul li:before, #educacaoinfantil aside ul li:before, #cursos aside ul li:before, #fundamental aside ul li:before{
            width: 100%;
        }

    #bercario .turmas .col, #educacaoinfantil .turmas .col, #cursos .turmas .col, #fundamental .turmas .col{
        padding: 0 0 2.5% 0;
    }

    #bercario .turmas .col:nth-child(2n), #educacaoinfantil .turmas .col:nth-child(2n), #cursos .turmas .col:nth-child(2n), #fundamental .turmas .col:nth-child(2n){
        padding-bottom: 2.5%;
    }

    #bercario .turmas .col:nth-child(2n), #educacaoinfantil .turmas .col:nth-child(2n), #cursos .turmas .col:nth-child(2n), #fundamental .turmas .col:nth-child(2n){
        padding-left: 0;
    }

        #bercario .turmas .col > div, #educacaoinfantil .turmas .col > div, #cursos .turmas .col > div, #fundamental .turmas .col > div{
            width: 90%;
            float: none !important;
            margin: 0 auto;
        }
            #bercario .turmas .col div.text, #educacaoinfantil .turmas .col div.text,  #fundamental .turmas .col div.text,  #cursos .turmas .col div.text{
                width: 235px;
            }

                #bercario .turmas .col div h2{
                    font-size: 2em;
                }

                #bercario .turmas .col div p, #educacaoinfantil .turmas .col div p, #cursos .turmas .col div p, #fundamental .turmas .col div p{
                    font-size: 1em;
                }

                    #bercario .turmas .col div p br, #educacaoinfantil .turmas .col div p br, #cursos .turmas .col div p br, #fundamental .turmas .col div p br{
                        display: none !important;
                    }

                #bercario .turmas .col div > img, #educacaoinfantil .turmas .col div > img, #cursos .turmas .col div > img, #fundamental .turmas .col div > img, #bercario .turmas .col:nth-child(2n) div > img, #educacaoinfantil .turmas .col:nth-child(2n) div > img, #cursos .turmas .col:nth-child(2n) div > img, #fundamental .turmas .col:nth-child(2n) div > img{
                    right: 0;
                }

                #bercario .turmas .col:nth-child(2n) div > span:nth-child(1), #educacaoinfantil .turmas .col:nth-child(2n) div > span:nth-child(1), #cursos .turmas .col:nth-child(2n) div > span:nth-child(1), #fundamental .turmas .col:nth-child(2n) div > span:nth-child(1){
                    padding-left: 0 ;
                }

                #bercario .turmas .col:nth-child(2n) div h2, #educacaoinfantil .turmas .col:nth-child(2n) div h2, #cursos .turmas .col:nth-child(2n) div h2, #fundamental .turmas .col:nth-child(2n) div h2, #bercario .turmas .col:nth-child(2n) div > span:nth-child(5), #educacaoinfantil .turmas .col:nth-child(2n) div > span:nth-child(5), #cursos .turmas .col:nth-child(2n) div > span:nth-child(5), #fundamental .turmas .col:nth-child(2n) div > span:nth-child(5), #bercario .turmas .col:nth-child(2n) div p, #educacaoinfantil .turmas .col:nth-child(2n) div p, #cursos .turmas .col:nth-child(2n) div p, #fundamental .turmas .col:nth-child(2n) div p{
                    margin-left: 0;
                }

                #bercario.interna .col:nth-child(2n), #educacaoinfantil.interna .col:nth-child(2n), #cursos.interna .col:nth-child(2n), #fundamental.interna .col:nth-child(2n){
                    padding-top: 32px;
                }

            #bercario.interna .col:nth-child(2n), #educacaoinfantil.interna .col:nth-child(2n), #cursos.interna .col:nth-child(2n), #fundamental.interna .col:nth-child(2n){
                width: 100%;
                margin: 0 auto;
            }

            #bercario.educacaoinfantil .col:nth-child(2n) p br, #educacaoinfantil.educacaoinfantil .col:nth-child(2n) p br, #cursos.educacaoinfantil .col:nth-child(2n) p br, #fundamental.educacaoinfantil .col:nth-child(2n) p br{
                display: none;
            }

        #cursos .turmas.cursos .col div a.hoverb, #cursos .turmas.cursos .col div a{
            font-size: 1em;
            padding: 0 15px;
        }

        #cursos .turmas .col:nth-child(2n) div > span, #cursos .turmas .col:nth-child(2n) div p{
            margin-left: 0;
            line-height: 120%;
        }

        #cursos.interno.manga .galeria span.border.right{
            display: none;
        }

        #cursos.interno.manga .galeria p{
            display: block;
            width: 100%;
        }

            #cursos.interno.manga .galeria p br{
                display: none;
            }

        #cursos.interno.manga .galeria .imagens .box{
            position: relative !important;
            top: initial !important;
            right: initial !important;
            left: initial !important;
            bottom: initial !important;
            float: none;
            margin: 0 auto 40px;
            background-size: cover !important;
            background-position: center center !important;
            height: 500px !important;
        }

        #cursos.interno.manga .galeria .imagens .box.vermelho{
            width: 100%;
        }

        #bercario .turmas.fundamental .col.finish img.pin, #educacaoinfantil .turmas .col.finish img.pin, #cursos .turmas .col.finish img.pin, #fundamental .turmas .col.finish img.pin{
            width: 207px;
            top: 79px;
        }

        #bercario .turmas.fundamental .col.finish h4, #educacaoinfantil .turmas .col.finish h4, #cursos .turmas .col.finish h4, #fundamental .turmas .col.finish h4{
            margin-top: 0;
        }

        #bercario .turmas.fundamental .col.finish a, #educacaoinfantil .turmas .col.finish a, #cursos .turmas .col.finish a, #fundamental .turmas .col.finish a{
            top: 60%;
        }

        #bercario .turmas.fundamental .col.finish h4, #educacaoinfantil .turmas .col.finish h4, #cursos .turmas .col.finish h4, #fundamental .turmas .col.finish h4, #bercario .turmas.fundamental .col.finish span, #educacaoinfantil .turmas .col.finish span, #cursos .turmas .col.finish span, #fundamental .turmas .col.finish span{
            position: relative;
            top: 50px;
        }

        #bercario .turmas.fundamental .col.finish a span, #educacaoinfantil .turmas .col.finish a span, #cursos .turmas .col.finish a span, #fundamental .turmas .col.finish a span{
            top: 0;
        }

        #bercario .turmas.fundamental .col div p, #educacaoinfantil .turmas.fundamental .col div p, #cursos .turmas.fundamental .col div p, #fundamental .turmas.fundamental .col div p{
            margin-top: 15px;
        }

        #bercario .turmas .col div p, #educacaoinfantil .turmas .col div p, #cursos .turmas .col div p, #fundamental .turmas .col div p{
            margin-top: 18px;
        }


        #cursos .turmas .col{
            min-height: 470px;
        }

            #cursos .turmas.cursos .col div h2{
                padding-top: 18px;
                line-height: 100%;
                margin-bottom: 10px;
            }

            #cursos .turmas .col > div{
                min-height: 450px;

            }


        .col form a.enviar{
            margin-bottom: 70px;
        }

        #sobre.uniformes .conteudo span {
            width: 95%;
            margin: 40px auto 0;
        }

        
        .redesociais .coll > span{
            margin-left: 0;
        }

        .redesociais .colr{
            margin-left: 0;
        }
}

@media only screen and (min-width: 1921px) {
    /* footer{
        position: absolute;
        bottom: 0;
    } */
}
@media only screen and (max-width: 768px) {
    .matriculasabertas{
        padding-bottom: 100px;
    }

        .matriculasabertas .col:nth-child(2) > div{
            width: 400px;
            height: 400px;
            top: -180px;
            left: 30px;
        }

    #bercario .turmas .col div p, #educacaoinfantil .turmas .col div p, #cursos .turmas .col div p, #fundamental .turmas .col div p{
        margin-top: 8px;
    }

    #bercario .turmas .col div a.mbt span, #educacaoinfantil .turmas .col div a.mbt span, #cursos .turmas .col div a.mbt span, #fundamental .turmas .col div a.mbt span{
        width: 80%;
        line-height: 120%;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }

    #cursos .turmas div > span, #cursos .turmas div p{
        line-height: 170% !important;
    }

        #cursos .turmas .col > div{
            min-height: 500px;
        }

    footer .copyright *{
        line-height: 120%;
        width: auto !important;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }

        footer .copyright span:first-child {
            margin-left: 5%;
        }

        footer .copyright span:last-child {
            margin-right: 5%;
        }

        footer .row > span.title, footer .row > span.antitle{
            width: 60%;
        }

        footer .row > span{
            width: auto;
        }

    #matricula.matricula .content .col{
        width: 67%;
        margin: 40px auto;
        float: none;
    }

        #matricula.matricula .content .col#matricula{
            margin-bottom: 150px;
        }

    footer a.hovera, .redesociais .coll a{
        width: 342px;
    }

    #matricula.matricula .content .col a{
        width: 100%;
    }

}

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

    nav .dropdown .align div{
        width: 55%;
        margin-right: 0;
        left: 80%;
    }

    nav ul {
        width: 150px;
        margin-top: 130px;
        left: -15%;
    }

    nav ul li:after{
        width: 0;
    }

    nav ul li.active:after{
        width: 200%;
    }


    nav .dropdown .align div ul.active{
        left: 0;
    }

    nav .dropdown .align div ul li, nav .dropdown .align div ul li a{
        margin-bottom: 8px;
        line-height: 120%;
    }

    nav.active .dropdown{
        height: calc( 100vh - 100px);
    }

    nav.active .dropdown .align{
        left: 0;
    }

    nav .dropdown .align div ul li a{
        font-size: 0.8em;
    }

    nav.active .dropdown:after{
        bottom: 30%;
    }

    nav.active .dropdown:before{
        bottom: 30px;
    }


    nav.active .dropdown .bg1{
        width: 244px;
        height: 290px;
        left: -110px !important;
        top: 60px !important;
        background: url(../img/bgMenuM1.png);
    }

    nav.active .dropdown .bg2{
        width: 236px;
        height: 330px;
        left: inherit !important;
        right: -110px !important;
        top: 130px !important;
        background: url(../img/bgMenuM2.png);
        -webkit-background-size: cover;
        -ms-background-size: cover;
        background-size: cover;
    }   

    .title{
        font-size: 2em;
    }

        .title br{
            display: none;
        }

    .antitle{
        font-size: 0.75em;
    }

    .subtitle{
        font-size: 1.3em;
        line-height: 140% !important;
    }

        .subtitle br{
            display: none;
        }

    .titlemenu{
        font-size: 1em;
    }

    .astile {
        font-size: 1em;
        line-height: 30px;
        font-weight: bold;
        color: #000;
    }

    .listauniformes{
        font-size: 1.25em;
    }

    a.hoverb, a.hovera{
        width: 90%;
        float: none;
        margin: 0 auto;
        display: block;
        height: 70px;
        font-size: 1em;
    }

    nav .menuMobile:after{
        font-size: 1em;
        top: 16px;
    }

    nav .menuMobile img:nth-child(3) {
        width: 163px;
        left: calc( 100% - 160px );
        top: 20px;
        -webkit-transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220);
           -moz-transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220);
             -o-transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220);
                transition: all 400ms cubic-bezier(0.895, 0.030, 0.685, 0.220);
    }

    #index .banner{
        height: 550px;
    }

        #index .banner .row{
            padding-top: 60px;
        }

        #index .banner .seguraOwl{
            width: 100%;
            margin-top: 20px;
        }

    .menubanner ul{
        margin-bottom: 20px;
    }

        .menubanner ul li{
            width: calc( 50% - 1px );
            border-bottom: 1px solid #e5e5e5 !important;
        }
            .menubanner ul li:nth-child(2){
                border-right: 0;
            }

    .matriculasabertas .col:nth-child(2) > div{
        width: 100%;
        left: 45% !important;
        width: 70%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }

    .noticias ul li{
        width: 100%;
        margin-bottom: 30px;
    }

        .maisnoticias{
            width: 100%;
        }

            .maisnoticias > span{
                display: none;
            }

            .noticias ul li span{
                line-height: 140% !important;
            }

            .noticias ul li p{
                margin-top: 5px;
                line-height: 170% !important;
            }

    #blog.fotos .fotos .galeria .col .imgbg, .noticias ul li div.img{
        height: 360px;
    }

    .matriculasabertas .col{
        width: 100%;
    }

        .matriculasabertas .col:nth-child(2) a.hovera{
            width: 100%;
        }

        .matriculasabertas .col:nth-child(2) > div{
            left: 0;
            top: -160px;
            height: 350px;
        }

        .matriculasabertas{
            padding-bottom: 0;
        }

    
    .cardapio_agenda{
        height: auto;
    }

        .cardapio_agenda .col{
            width: 100%;
        }

            .cardapio_agenda .col div img{
                width: 30px;
            }

            .cardapio_agenda .col div, .cardapio_agenda .col:nth-child(2) div{
                width: 90%;
            }

            .cardapio_agenda .col div span{
                width: 100%;
                display: block;
                margin-left: 0 !important;
            }

            .cardapio_agenda .col div, .cardapio_agenda .col:nth-child(2) div{
                top: 40%;
            }


    
    .redesociais{
        height: auto;
        padding-bottom: 30px;
    }

        .redesociais .coll{
            margin-top: 30px;            
        }

        .redesociais .colr{
            width: 100%;
        }

            .redesociais .coll a{
                float: left;
                top: 140px;
                width: 100%;
                position: relative;
            }

            .redesociais .coll > span:nth-child(2){
                margin-bottom: 0;
            }

            .redesociais .colr span {
                position: relative;
                top: 20px;
                width: 100%;
            }

            .redesociais .colr a {
                margin-left: 0;
                margin-top: 100px;
            }

            .redesociais .coll > span{
                width: 100%;
            }


    footer .row{
        margin-top: 28px;
    }

        footer .row > span{
            width: 100%;
            display: block;
            
        }


        footer .full{
            margin-bottom: 110px;
            margin-top: 10px;
        }

            footer .full div{
                width: 100%;
                margin-bottom: 10px;
            }

        footer a.hovera.footer{
            top: inherit !important;
            position: absolute;
            bottom: 30px;
            width: 100%;
        }

        footer .copyright{
            height: 50px;
        }

            footer .copyright *{
                line-height: 120%;
            }

            footer .copyright span:first-child{
                margin-left: 0;
            }

            footer .copyright span:last-child{
                margin-right: 0;
            }

            footer .copyright span{
                font-size: 0.7em;
            }

            footer .copyright span:first-child{
                left: 5%;
            }

            footer .copyright span:last-child{
                right: 5%;
            }

                footer .copyright span:first-child, footer .copyright span:last-child{
                    line-height: 120%;
                    width: auto;
                    margin-top: 0;
                }

                footer .full div:nth-child(2) span:nth-child(3){
                    margin-top: 5px;
                }

    #blog.fotos .fotos .galeria .col{
        width: 100%;
    }

        #fotos.fotos .banner .row, #blog.fotos .banner .row{
            padding-top: 57px;
        }

        #blog .fotos .share .compartilhar{
            width: auto;
        }

        #blog.fotos.single .fotos .galeria .row p{
            margin-bottom: 15px;
        }

        #blog.fotos .fotos .galeria .col span.titlebox{
            line-height: 140% !important;
        }

         #blog.fotos .fotos .galeria .col p{
            line-height: 170% !important;
         }

        #blog.fotos .fotos .galeria .col p{
            margin-top: 5px;
        }


        #blog.fotos .fotos .titulo{
            height: auto;
            padding-bottom: 30px;
        }

            #blog.fotos .fotos .titulo .filter span{
                width: 100% !important;
            }

            #blog.fotos .fotos .titulo .filter select{
                width: 100%;
            }

        #sobre.cardapio .conteudo ul li a, #sobre.cardapio .conteudo ul li div{
            padding-left: 20px;
        }

        #sobre.cardapio .conteudo ul li a img{
            width: 24px;
            top: 20px;
            right: 20px;
        }

        #sobre.depoimentos .conteudo ul li span{
            padding-left: 152px;
        }

        #sobre.sistema .conteudo .imgbutton, #sobre.sistema .conteudo .imgbutton img, #sobre.sistema .conteudo .imgbutton a{
            width: 100%;
        }


        #sobre.sistema .conteudo .imgbutton > img{
            width: 90%;
            left: 0;
            top: 0;
        }


        #sobre.sistema .conteudo .imgbutton a{
            left: 0;
            margin-left: 0;
            padding: 0 15px;
            line-height: 0;
        }

            #sobre.sistema .conteudo .imgbutton a img{
                width: 30px;
                margin-top: -32px;
            }

            #sobre.sistema .conteudo .imgbutton a span{
                line-height: 140%;
                margin-top: 13px;
                display: block;
                padding-right: 30px;
            }

            #sobre.uniformes .conteudo span a{
                color: #000;
                text-decoration: none;
            }

            #sobre.depoimentos .conteudo ul li p{
                margin-top: 30px;
            }
    
    #matricula.matricula .content .col a{
        width: 100%;
    }

    .col form input, .col form a.enviar{
        width: 100% !important;
    }

    .col form{
        width: 100%;
    }

    #matricula.matricula .banner .layer, #agenda.matricula .banner .layer{
        background-position: -140px 0 !important;
        -webkit-background-size: cover !important;
            -ms-background-size: cover !important;
                background-size: cover !important;
    }

        #agenda.agenda .agenda ul li div.slide ul li .dia{
            width: 78px;
        }

        #agenda.agenda .agenda ul li div.slide ul li .title{
            width: calc(100% - 68px);
            left: 58px;
        }

        #agenda.agenda .agenda ul li div.slide p{
            line-height: 170%;
        }

        #agenda.agenda .agenda ul li div.slide ul li .listauniformes{
            font-size: 1em;
        }

        #agenda.agenda .agenda ul li{
            padding: 21px 0 24px;
        }

        #fotos.fotos .fotos .titulo .filter select, .col form select, #blog.fotos .fotos .titulo .filter select, .col form textarea{
            width: 100%;
            background-position: calc(100% - 20px) 32px;
            border-radius: 0;
        }

        #contato .banner .layer{
            left: 0;
            -webkit-background-size: cover !important;
                -ms-background-size: cover !important;
                    background-size: cover !important;
        }

        #contato .horario_atendimento h3{
            margin-top: 54px;
            margin-bottom: 30px;
        }

        #contato .horario_atendimento .col{
            width: 100%;
            margin-bottom: 20px;
        }

        #contato .horario_atendimento{
            padding-bottom: 38px;
        }

        #contato .faleConosco .row .col, #contato .trabalheConosco .row .col{
            width: 100%;
        }

        #contato .googleMaps h5{
            line-height: 120%;
            margin-bottom: 0;
            margin-top: 80px;
        }

        #contato .googleMaps a{
            width: 90%;
        }


        #bercario aside ul li, #educacaoinfantil aside ul li, #cursos aside ul li, #fundamental aside ul li{
            width: calc( 50% - 1px );
        }

        #bercario .turmas .col, #educacaoinfantil .turmas .col, #cursos .turmas .col, #fundamental .turmas .col{
            width: 100%;
            padding-bottom: 5%;
        }

        #bercario aside, #educacaoinfantil aside, #cursos aside, #fundamental aside{
            height: 115px;
        }

        #bercario aside ul li, #educacaoinfantil aside ul li, #cursos aside ul li, #fundamental aside ul li{
            border-bottom: 1px solid #e5e5e5;
        }

        #bercario aside ul li:last-child, #educacaoinfantil aside ul li:last-child, #cursos aside ul li:last-child, #fundamental aside ul li:last-child{
            border-right: 1px solid #e5e5e5;
        }

        #bercario aside ul li:nth-child(3), #educacaoinfantil aside ul li:nth-child(3), #cursos aside ul li:nth-child(3), #fundamental aside ul li:nth-child(3), #bercario aside ul li:nth-child(4), #educacaoinfantil aside ul li:nth-child(4), #cursos aside ul li:nth-child(4), #fundamental aside ul li:nth-child(4){
            border-bottom: 0;
        }

        #bercario aside ul li:nth-child(2), #educacaoinfantil aside ul li:nth-child(2), #cursos aside ul li:nth-child(2), #fundamental aside ul li:nth-child(2), #bercario aside ul li:nth-child(4), #educacaoinfantil aside ul li:nth-child(4), #cursos aside ul li:nth-child(4), #fundamental aside ul li:nth-child(4){
            border-right: 0;
        }

        #bercario .turmas .col:nth-child(2n) div > span:nth-child(3), #educacaoinfantil .turmas .col:nth-child(2n) div > span:nth-child(3), #cursos .turmas .col:nth-child(2n) div > span:nth-child(3), #fundamental .turmas .col:nth-child(2n) div > span:nth-child(3){
            padding-top: 31px;
        }

        #bercario.interna .col:nth-child(2n) p, #educacaoinfantil.interna .col:nth-child(2n) p, #cursos.interna .col:nth-child(2n) p, #fundamental.interna .col:nth-child(2n) p{
            font-size: 1em;
        }

        #bercario .turmas .col div span.border, #educacaoinfantil .turmas .col div span.border, #cursos .turmas .col div span.border, #fundamental .turmas .col div span.border{
            margin-top: 44px;
        }

        #bercario .turmas.fundamental .col.finish img.pin, #educacaoinfantil .turmas .col.finish img.pin, #cursos .turmas .col.finish img.pin, #fundamental .turmas .col.finish img.pin{
            top: 144px;
        }

        #bercario .turmas.fundamental .col.finish h4, #educacaoinfantil .turmas .col.finish h4, #cursos .turmas .col.finish h4, #fundamental .turmas .col.finish h4, #bercario .turmas.fundamental .col.finish span, #educacaoinfantil .turmas .col.finish span, #cursos .turmas .col.finish span, #fundamental .turmas .col.finish span{
            top: 140px;
        }

        #bercario .turmas.fundamental .col.finish h4, #educacaoinfantil .turmas .col.finish h4, #cursos .turmas .col.finish h4, #fundamental .turmas .col.finish h4{
            margin-left: 0;
        }

        #bercario .turmas.fundamental .col.finish span.light.astile, #educacaoinfantil .turmas .col.finish span.light.astile, #cursos .turmas .col.finish span.light.astile, #fundamental .turmas .col.finish span.light.astile{
            margin-left: 0;
        }

        #bercario.interna .col img, #educacaoinfantil.interna .col img, #cursos.interna .col img, #fundamental.interna .col img{
            width: 100%;
        }

        #bercario.educacaoinfantil .col:nth-child(2n) .descbox.regular, #educacaoinfantil.educacaoinfantil .col:nth-child(2n) .descbox.regular, #cursos.educacaoinfantil .col:nth-child(2n) .descbox.regular, #fundamental.educacaoinfantil .col:nth-child(2n) .descbox.regular{
            line-height: 170% !important;
        }

        #bercario.educacaoinfantil .col:nth-child(2n) .button, #educacaoinfantil.educacaoinfantil .col:nth-child(2n) .button, #cursos.educacaoinfantil .col:nth-child(2n) .button, #fundamental.educacaoinfantil .col:nth-child(2n) .button{
            font-size: 0.95em;
        }

        #bercario.educacaoinfantil .col:nth-child(2n) .colun.colunm, #educacaoinfantil.educacaoinfantil .col:nth-child(2n) .colun.colunm, #cursos.educacaoinfantil .col:nth-child(2n) .colun.colunm, #fundamental.educacaoinfantil .col:nth-child(2n) .colun.colunm{
            width: 100%;
        }

        #bercario.educacaoinfantil .col:nth-child(2n) .colun, #educacaoinfantil.educacaoinfantil .col:nth-child(2n) .colun, #cursos.educacaoinfantil .col:nth-child(2n) .colun, #fundamental.educacaoinfantil .col:nth-child(2n) .colun{
            width: 100%;
        }

        #bercario .turmas .col div a.mbt span, #educacaoinfantil .turmas .col div a.mbt span, #cursos .turmas .col div a.mbt span, #fundamental .turmas .col div a.mbt span{
            width: 80%;
            line-height: 120%;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
        }

        #bercario aside ul, #educacaoinfantil aside ul, #cursos aside ul, #fundamental aside ul{
            width: 100% !important;
        }

        #cursos.interno.manga .galeria .imagens .box{
            width: 100% !important;
        }

        #cursos.interno.manga .galeria .imagens .box{
            margin: 0 auto 20px;
        }

        #matricula.matricula .content .col#matricula{
            margin-bottom: 0;
        }

        #matricula.matricula .content .col{
            width: 100%;
        }
        
    #sobre.uniformes .conteudo span{
        width: 90%;
    }

        #sobre .conteudo p.titlemenu.light{
            line-height: 170%;
        }

    #matricula.matricula .banner .row, #agenda.matricula .banner .row{
        padding-left: 0;
    }

    #matricula.matricula .ensinos .col .list li p.active:before{
        width: 25px;
        height: 25px;
        margin-top: -12.5px;
    }

    #bercario.interna .col.mid span.title, #educacaoinfantil.interna .col.mid span.title, #cursos.interna .col.mid span.title, #fundamental.interna .col.mid span.title{
        margin: 0;
    }

    #bercario.interna .col.mid .separate, #educacaoinfantil.interna .col.mid .separate, #cursos.interna .col.mid .separate, #fundamental.interna .col.mid .separate{
        margin: 10px 0;
    }

    #agenda.agenda .agenda ul li span.open:after, #agenda.agenda .agenda ul li span.open:before{
        top: 20px;
    }
    
    #sobre.nossahistoria .conteudo p, #sobre.missao_visao .conteudo p, #sobre.professores .conteudo p, #sobre.sistema .conteudo p{
        margin-bottom: 0px;
    }

    #sobre.proposta .conteudo p{
        margin-bottom: 20px;
    }

    #sobre.proposta .conteudo ul{
        margin-top: -10px;
    }

    #matricula.matricula .content .col#matricula div{
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }

    #matricula.matricula .content .col div ul li{
        background: #f5f5f5;
    }
}

@media only screen and (max-width: 600px) {
    nav .dropdown .align div ul li, nav .dropdown .align div ul li a{
        margin-bottom: 0;
    }


    .redesociais .colr a{
        width: 100%;
        padding: 0 20px 0 20px;
    }

    .redesociais .colr a span{
        width: 87%;
    }

    #blog.fotos .fotos .galeria .col .imgbg, .noticias ul li div.img{
        height: 220px;
    }

    .redesociais .colr a{
        margin-top: 130px;
    }
}

@media only screen and (max-width: 390px) {
    .matriculasabertas .col:nth-child(2) > div{
        width: 100%;
    }
/* 
    nav ul li.active:after{
        width: 180%;
    } */
}

@media only screen and (max-width: 359px) {
    .title{
        font-size: 1.8em;
    }

        .title br{
            display: none;
        }

    .antitle{
        font-size: 0.75em;
    }

    .subtitle{
        font-size: 1.2em;
        line-height: 140% !important;
    }

        .subtitle br{
            display: none;
        }

    .titlemenu{
        font-size: 0.85em;
    }

    .astile {
        font-size: 0.85em;
        line-height: 30px;
        font-weight: bold;
        color: #000;
    }

    .listauniformes{
        font-size: 1.15em;
    }

    a.hoverb, a.hovera{
        width: 90%;
        float: none;
        margin: 0 auto;
        display: block;
        height: 70px;
        font-size: 0.9em !important;
    }


    nav .menuMobile:after{
        left: 68px;
    }

    #index .banner .row{
        padding-top: 70px;
    }

    footer .copyright span{
        font-size: 0.6em;
    }

    footer a.hovera{
        width: 100%;
    }
    
    nav ul{margin-left: 0;}

    nav .dropdown .align div{
        left: 60%;
    }

    nav ul li.active:after{
        width: 190%;
    }

    nav.active .dropdown{
        height: 100vh;
    }

    .redesociais{
        /* height: 370px; */
    }

    .redesociais .coll a{
        top: 180px;
    }

    #sobre.uniformes .conteudo .lista > span{
        padding: 15px 60px 0 20px;
    }

    #sobre.sistema .conteudo .imgbutton a span{
        margin-top: 15px;
    }

}

@media only screen and (max-width: 339px) {
    .title{
        font-size: 1.7em;
    }

        .title br{
            display: none;
        }

    .antitle{
        font-size: 0.75em;
    }

    .subtitle{
        font-size: 1.1em;
        line-height: 140% !important;
    }

        .subtitle br{
            display: none;
        }

    .titlemenu{
        font-size: 0.85em;
    }

    .astile {
        font-size: 0.75em;
        line-height: 30px;
        font-weight: bold;
        color: #000;
    }

    .listauniformes{
        font-size: 1.05em;
    }

    .titlebox{
        font-size: 1.025em;
    }

    .descbox{
        font-size: 0.775em;
    }

    .redesociais .colr span{
        font-size: 1.025em;
    }

    nav.active ul li a, nav.active ul li.active a{
        font-size: 1em;
    }

    nav .dropdown .align div ul li, nav .dropdown .align div ul li a{
        margin-bottom: -3px;
    }

    #sobre.depoimentos .conteudo ul li span{
        padding-left: 142px;
    }

    #blog .fotos .share .compartilhar a:nth-child(2){
        margin-left: 12px;
    }

    .redesociais{
        /* height: 310px; */
    }

    .redesociais .coll a{
        top: 140px;
    }

    #sobre.proposta .conteudo p{
        line-height: 170%;
    }

    .menubanner ul li{
        font-size: 0.9em;
    }
    
    .matriculasabertas .col:nth-child(2) > div{
        height: 300px;
    }

    body{
        overflow-x: hidden;
    }

    footer .copyright span:first-child{
        width: 75% !important;
    }

    #blog.fotos .fotos .galeria .col .imgbg, .noticias ul li div.img{
        height: 190px;
    }

    #sobre.cardapio .conteudo ul li a span{
        width: 87%;
        display: block;
    }

    #agenda.agenda .agenda ul li div.slide ul li .title{
        width: calc(100% - 98px);
    }

    #bercario .turmas .col div.text, #educacaoinfantil .turmas .col div.text, #fundamental .turmas .col div.text, #cursos .turmas .col div.text{
        width: 215px;
    }

    #cursos.interno.manga .galeria span.border{
        width: 100%;
    }

    #bercario.educacaoinfantil .col:nth-child(2n) .button, #educacaoinfantil.educacaoinfantil .col:nth-child(2n) .button, #cursos.educacaoinfantil .col:nth-child(2n) .button, #fundamental.educacaoinfantil .col:nth-child(2n) .button{
        font-size: 0.8em;
        padding: 20px 14px 0px 14px;
    }

    footer .copyright a.antitile span{
        position: static;
    }

    footer .copyright span a{
        position: static;
        top: 0;
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
    }

    #cursos .turmas .col > div{
        min-height: 440px;
    }

    #cursos .turmas .col:nth-child(2), #cursos .turmas .col:nth-child(2) > div{
        min-height: 390px;
    }

    #cursos .turmas .col:nth-child(3), #cursos .turmas .col:nth-child(3) > div{
        min-height: 340px;
    }
    
    #cursos .turmas .col:nth-child(2n){
        padding-bottom: 20px;
    }
}

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}