/*! HTML5 Boilerplate v5.0.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

@import url(https://fonts.googleapis.com/css?family=Montserrat:100,100italic,300,300italic,400,400italic,600,600italic);

@import url('https://fonts.googleapis.com/icon?family=Material+Icons');


html {
    color: #222;
    font-size: 10pt;
    line-height: 1.4;
}

body {
    margin: 0;
    background: #fff;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-direction: column;

    min-height: 100vh;
}

/*
 * 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;
}

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

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

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


/* COMPONENTES GERAIS *************************/
/*border-style: solid; border-color: green;*/

header, footer, .container-geral, .conteudo {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
     flex-direction: column;
}

.container-geral {
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    
    color: #5a524d;
    font-weight: 100;
}


/* MENU RESPONSIVO ***************************/
.navBar {
  background-color:rgba(0, 0, 0, 0.7);
  position: fixed;
  min-width: 100%;
  z-index: 10;
  border-bottom: 1px solid #484848;
}

.logo {
  display: inline-block;
  color: #fd984e;
  font-weight: 600;
  font-size: 15pt;
  padding: 15px 0 15px 10px;
}

.wrapper {
  margin: 0 auto;
  /*max-width: 960px;*/
  padding: 0 2%;
}

nav ul {
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  margin: 0;
  /*width: 50%;*/
}

nav ul a {
    color: #9ea39f;
    text-decoration: none;
    transition: all .3s ease;
    font-weight: 600;
    font-size: 8.5pt;
}
nav ul a:focus {
    color: #fff;
    text-decoration: none;
}
nav ul a:hover {
  color: #fff;
  text-decoration: none;
}
nav li {
  display: inline-block;
  padding-right: 15px;
}
nav #menu-toggle {
  display: none;
}
nav .label-toggle {
  display: none;
}

.menu-mobile {display: none;}
.menu-desktop {display: block; font-size: 15pt;}

nav .wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  nav nav ul a {
    color: #fd984e;
    font-size: 12pt;
  }
  nav ul {
    /*background-color:rgba(0, 0, 0, 0.5);*/
    display: block;
    height: 0;
    list-style-type: none;
    opacity: 0;
    text-align: center;
    transition: all 0.5s ease;
    width: 100%;
    visibility: hidden;
    padding:0;
  }
  nav li {
    border-bottom: 2px solid #717171;
    display: block;
    font-size: 1.5em;
    padding: 1.4em 0;
  }
  nav #menu-toggle:checked ~ ul {
    opacity: 1;
    height: 100vh;
    visibility: visible;
  }
  nav .label-toggle {
    background: linear-gradient(to bottom, #848484 0%, #848484 20%, transparent 20%, transparent 40%, #848484 40%, #848484 60%, transparent 60%, transparent 80%, #848484 80%, #848484 100%);
    cursor: pointer;
    display: block;
    float: right;
    height: 35px;
    margin-top: 1em;
    margin-right: 10px;
    width: 35px;
  }

  .menu-mobile {display: block;}
  .menu-desktop {display: none;}

  nav .wrapper {
    display: block;
    background-color:rgba(0, 0, 0, 0.8);
    /*padding:0;*/
  }
}

/* CABEÇALHO *********************************/

/*header {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
     flex-direction: column;
}*/

header, footer {
    width: 100%;
}

input, textarea {
    width: 100%;
    /*width: 95%;*/
    color: #5a524d;
    margin-bottom: 27px;
    padding: 10px;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    
    border-style: solid;
    border-width: 1px;
    
    border-color: #5a524d;

    resize: none;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

textarea {
    height: 245px;
    resize: none;
}

/* cor do placeholder */
input::-webkit-input-placeholder, 
textarea::-webkit-input-placeholder { 
    color: white;
}
input:-moz-placeholder, 
textarea:-moz-placeholder { 
    color: white;
}
input::-moz-placeholder, 
textarea::-moz-placeholder { 
    color: white;
}
input:-ms-input-placeholder, 
textarea:-ms-input-placeholder { 
    color: white;
}

input[type="text"]:focus, textarea:focus  {
    background: none;
    border-color: #adbbe7;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px #adbbe7, 0 0 8px #adbbe7;
    -moz-box-shadow: inset 0 1px 1px #adbbe7, 0 0 8px #adbbe7;
    box-shadow: inset 0 1px 1px #adbbe7, 0 0 8px #adbbe7;
}

/* carrossel topo */

.carousel.slide {overflow-y: hidden;}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
  margin: auto;
}

.titulo {
    top: 55%;
    left: 60%;
    max-width: 430px;
    text-align: left;
}

.word1, .word2, .word3, .word4, .word5, .word6 {width: 370px !important; }
.tlt {font-weight: 600;}
.tlt > span {visibility:hidden !important;}

.titulo p { font-size: 32pt; }

@media only screen and (max-width: 950px) {
    .tlt-menor {
        font-size: 22pt !important;
    }
}

.retranca {
    /* bottom: 20px; */
    top: 15%;
    left: 15%;
    max-width: 420px;
    text-align: left;
}

.retranca p {
    font-size: 24pt; 
    quotes: "“" "”" "‘" "’";
}

.retranca p:before, .retranca p:after {
    font-size: 38pt;
    position: absolute;
    margin-top:-12px;
    font-family: "Times New Roman", Georgia, Serif;
}

.retranca p:before {
    content: open-quote;
    margin-left: -30px;
}
.retranca p:after {
    content: close-quote;
}

.center-position {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}

.area-crop {
    max-height: 830px;
    width: 100%;
    overflow: hidden;
    background-color: black;
}

.imagem-slider {
    height: 100%;
    width: auto;
    opacity: 0.60;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}

.so-mobile {display: none;}

/* PARALLAX ***************************/

.bgParallax {
    color:#FFF;
    margin: 0 auto;
    width: 100%;
    position: relative;
    background-position: 50% 0;
    background-repeat: repeat;
    background-attachment: fixed;

    -webkit-box-shadow: inset 0px -100px 109px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px -100px 109px -9px rgba(0,0,0,0.75);
    box-shadow: inset 0px -100px 109px -9px rgba(0,0,0,0.75);
}


/* CONTEÚDO ****************************/
.box-titulo {
    width: 100%;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;

    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.conteudo {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.box-titulo {
    color: white;
    font-size: 18pt;
    padding: 80px 20px;
    text-align: center;
    font-weight: 300;
}

.conteudo-blocado {
    /*background-color: #f9f5f5;
    border:1px solid #c5c4c4;*/
    margin: 0 auto;
    width: 960px;
    padding: 10px;
    margin: 0 auto;
    min-height: 50px;

    /*justify-content: flex-start | flex-end | center | space-between | space-around;*/

    -webkit-justify-content: space-around;
    justify-content: space-around;
}


.bloco1-2 { width: 50%; }
.bloco1-3 { width: 33.33%;}

.bloco1-2.foto {
    height: 370px;
    background-repeat: no-repeat;
    background-position: center;
}

.bloco1-2.foto.foto-professor-1 { background-image: url("../img/foto-professor1.jpg");}
.bloco1-2.foto.foto-professor-2 { background-image: url("../img/foto-professor2.jpg");}
.bloco1-2.foto.foto-professor-3 { background-image: url("../img/foto-professor3.jpg");}

.bloco1-2.foto.foto-educador-1 { background-image: url("../img/foto-educador1.jpg");}
.bloco1-2.foto.foto-educador-2 { background-image: url("../img/foto-educador2.jpg");}
.bloco1-2.foto.foto-educador-3 { background-image: url("../img/foto-educador3.jpg");}
.bloco1-2.foto.foto-educador-4 { background-image: url("../img/foto-educador4.jpg");}
.bloco1-2.foto.foto-educador-5 { background-image: url("../img/foto-educador5.jpg");}


.texto {
    font-size: 9pt;
    font-weight: 300;
    line-height: 2;
}

.texto.caixa {
    padding: 20px;
}

 .texto.coluna { 
    padding: 0 10px;
    margin: 20px 0 40px 0;
}

.conteudo-expandido {width: 100%;}
.livros { 
    background: linear-gradient(rgba(0,0,0,.75), rgba(0,0,0,.75)), url("../img/fundolivros.jpg");
    padding: 50px;
    background-color: #666; 
}
.contato { 
    background: linear-gradient(rgba(0,0,0,.75), rgba(0,0,0,.75)), url("../img/fundocontato.jpg");
    padding: 50px;
    background-color: #666; 
}

.conteudo-escondido {
    width: 100%;
    padding: 0px;

    max-height: 0;
    overflow: auto;

    /* Transições */
    -webkit-transition: max-height 0.8s ease;
    -moz-transition: max-height 0.8s ease;
    transition: max-height 0.8s ease;
}


.conteudo-escondido.aberto {
    max-height: 2000px;

    -webkit-transition: max-height 0.8s ease;
    -moz-transition: max-height 0.8s ease;
    transition: max-height 0.8s ease;
}


.bloco-grid-fix {
    -webkit-box-flex: 0!important;
    -webkit-flex: none!important;
    -ms-flex: none!important;
    flex: none!important;
}

.imagem-livros {
    width: 145px !important;
    margin: 0 auto 10px auto;
}

.legenda-livros {
    text-align: center;
    width: 200px;
}

.bt-palestra, .bt-livro {
    border: 1px solid #adbbe7;
    color: #adbbe7;
    text-decoration: none;
    text-align: center;
}

.bt-palestra {
    padding: 10px;
    font-weight: 300;
    max-width: 280px;
}

.bt-palestra:hover, .bt-livro:hover {
    background-color: #adbbe7;
    color: #fff;
    text-decoration: none;
    cursor: pointer; cursor: hand;
}

.bt-livro {
    padding: 5px 10px;
    text-decoration: none;
    font-weight: 600;
}

.bt-livro:visited {
    color: #adbbe7;
}

.canais {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    /*-webkit-flex-direction: row;
    flex-direction: row;*/

    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;

    margin-top: -20px;
}

.bloco-canais {
    width:100%; 
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between; 
    justify-content: space-between;
}

@media only screen and (max-width: 870px) {
    .bloco-canais {
        width: 282px;
        -ms-justify-content: center;
        -webkit-justify-content: center; 
        justify-content: center;
        
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .container-canal.espaco-mobile {
        margin-top: 8px;
    }
}

.no-under, .no-under:hover {text-decoration: none;}

.bloco-banner-canal {
    width: 282px;
    height: 80px;
}

.container-canal {position: relative;}
.container-canal, .banner-canal {
    width: 282px;
    height: 80px; 
    overflow: hidden;
}
.banner-canal > img {
    position: absolute;
    transition: transform 0.3s;
}

.banner-canal:hover > img {
    transform: translate(0, -80px);
}

.tipo-canal{
    width: 282px;
    height: 80px;
    position: absolute;
    z-index: 100;

    -webkit-box-shadow: inset 0px 12px 36px -1px rgba(0,0,0,0.56);
    -moz-box-shadow: inset 0px 12px 36px -1px rgba(0,0,0,0.56);
    box-shadow: inset 0px 12px 36px -1px rgba(0,0,0,0.56);
}

.banner-canal > .tipo-canal.face {
    -webkit-box-shadow:inset 0px 0px 0px 5px #213c7d;
    -moz-box-shadow:inset 0px 0px 0px 5px #213c7d;
    box-shadow:inset 0px 0px 0px 5px #213c7d;
}
.banner-canal > .youtube {
    -webkit-box-shadow:inset 0px 0px 0px 5px #991d22;
    -moz-box-shadow:inset 0px 0px 0px 5px #991d22;
    box-shadow:inset 0px 0px 0px 5px #991d22;
}
.banner-canal > .insta {
    -webkit-box-shadow:inset 0px 0px 0px 5px #94109e;
    -moz-box-shadow:inset 0px 0px 0px 5px #94109e;
    box-shadow:inset 0px 0px 0px 5px #94109e;
}

.logo-canais {
    width: 100%; 
    height: 50px;
    background-repeat:no-repeat;
    background-size:50px 50px;
    background-position-x: 2px;
    background-color: white;
    padding: 7px 55px 0 70px;
    font-size: 15pt;
    font-weight: 600;
    text-align: center;
    line-height: 1;
}

a > .logo-canais.face { color: #a8bcf0; background-image: url('../img/logo-face-normal.jpg');}
a:hover > .logo-canais.face { color: #3f61bb; background-image: url('../img/logo-face-over.jpg');}
a > .logo-canais.youtube { color: #ee7b7a; background-image: url('../img/logo-utube-normal.jpg');}
a:hover > .logo-canais.youtube {color: #ce2120; background-image: url('../img/logo-utube-over.jpg');}
a > .logo-canais.insta { color: #e0b078; background-image: url('../img/logo-insta-normal.jpg');}
a:hover > .logo-canais.insta { color: #fea235; background-image: url('../img/logo-insta-over.jpg');}

/* carrossel interno */
.owl-nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.menu-carrossel-interno {
    font-size: 15pt;
}


.menu-carrossel-interno.esquerdo {
    left: -35px;
}
.menu-carrossel-interno.direito {
    right: -35px;
}

.item-video .video_player {
    border: 2px solid black;
}

.item-video p {
    color: #90876b;
    font-size: 9pt;
    font-weight: 600;
    max-width: 370px;
    margin-top: 10px;
}

.container-palestra {
    max-width: 305px;
    height: 215px;
    background-color: #fff;

    -webkit-justify-content: flex-end;
    justify-content: flex-end;

    -webkit-align-content: space-between;
    align-content: space-between;
}

.container-palestra:hover{
    -webkit-box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.49);
    -moz-box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.49);
    box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.49);
}

.cabecalho-palestra {
    font-weight: 300;
    color: #fff;
    font-size: 8pt;
    padding: 2px 15px;
}

.curso-a {  background-color: #e07e7e; }
.curso-b {  background-color: #7ee0c3; }
.curso-c {  background-color: #b193d0; }

.conteudo-palestra {
    padding: 15px 20px;
}

.conteudo-palestra h4 {
    margin: 0 0 10px 0;
    font-weight: 600;
    font-size: 12pt;
}

.conteudo-palestra p {
    font-style: italic;
    font-weight: 400;
    font-size: 9pt;
    line-height: 1.4;
}

.bt-palestra.interno {
    padding: 2px 10px;
    margin: 0 20px 15px 0;
    float: right;
    font-size: 9pt;
}

.bloco-fones { 
    color: white;
    width: 40%; 
    padding-right: 15px;
    font-size: 15pt;
    font-weight: 300;
}

.bloco-fones div, .bloco-fones a {
    font-size: 12pt;
    color: white;
}

.bloco-fones div {
    font-weight: 200;
}

.bloco-fones a {
    text-decoration: none;
    font-weight: 300;
}

.bloco-fones a:hover { text-decoration: underline; }

.bloco-form { 
    color:white;
    width: 60%; 
}

.bloco-form .campos, .bloco-form .texto {
    border: 1px solid white;
    border-radius: 0;
    padding: 15px;
    font-size: 9pt;
    font-weight: 200;
    color: white;
    background:none;
}

/* 
.bt-enviar
.bloco-form .campos { }
.bloco-form .texto { } */

.bt-enviar {
    margin-top: -10px;
    color: black;
    font-weight: 600;
    font-size: 9pt;
    padding: 5px 10px;
    background-color: rgba(255,255,255,0.3);
    text-align: center;
}

.bt-enviar:hover {
    background-color: rgba(255,255,255,1); 
    ursor: pointer; cursor: hand;
}

/* RODAPÉ ******************************/

.infos-assinatura {
    -webkit-align-items: center;
    align-items: center;
}

footer {
    background-color: #000;
    font-size: 9pt;
    text-align: center;
    color: #fff;   
    padding: 20px;
}


/* modal content */
.modaal-container {
    max-width: 700px;
}

.modaal-content-container {
    padding: 0;
}


.modaal-content-container .cabecalho-palestra {
    padding: 20px;
    font-size: 12pt;
    font-weight: 400;
}

.modaal-content-container .conteudo-palestra {
    padding-bottom: 20px;
}

.container-arquivos {
    height: 65px;
    border: 1px solid #89c2c3;
    padding: 8px;
    background-color: #fff;
    color: #598b8c;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.container-arquivos p {
    font-size: 9pt;
    font-weight: 500;
    width:350px;
}

.container-arquivos:hover {
    color: #fff;
    background-color: #89c2c3;
    cursor: pointer; cursor: hand;
    text-decoration: none;
}

.imagem-arquivo {
    width: 58px;
    margin-left: 10px;
    background-image: url("../img/ico-pdf-normal.png");
}

.container-arquivos:hover > .imagem-arquivo {
    background-image: url("../img/ico-pdf-over.png");
}

.bloco-feedback {

}

.feedback-form {
    font-size: 9pt;
    margin-top: -4px;
}

.feedback-form.ok {
    color: #c5f0a6;
}

.feedback-form.erro {
    color: #f3a2a2;
}

.invalido { background-color: #772222 !important; }

/* **********************************************/
/* ADAPTAÇÕES RESPONSIVAS ***********************/
/*
    Propriedades max-width não responde
    corretamente em mobiles. Deve ser utilizado
    a propriedade padrão width
*/

/* Ajuste para visualizar o bt-menu no mobile */
@media only screen and (max-width: 450px) {
    .box-titulo {
        padding: 40px 22px;
        text-align: center;
    }

    .feedback-bt {
        width: 100%;
        -webkit-order:  1; 
        order: 1; 
    }

    .feedback-txt {
        width: 100%;
        margin-top: 15px;
        text-align: center;
        -webkit-order:  2; 
        order: 2; 
    }

    .bt-enviar {
        background-color:white;
    }

    .infos-assinatura {
        margin-top:160px !important;
    }


    .bloco-canais {margin-top:40px;}

    .texto {font-size: 12pt;}

    .bloco1-3 { width: 100% !important;}

    .carousel-inner > .item{ height: 420px;}

    .carousel-caption.titulo,
    .carousel-indicators {display: none;}

    .so-mobile{display: block;}

    .so-desktop{display: none;}

    .tlt-mobile.so-mobile {        
        color: #fd984e;
        font-weight: 600;
        text-align: right;
        font-size: 20pt;
        position: absolute;
        bottom: -6px;
        right: 20px;
        line-height: 1.1;
    }

    .retranca .so-mobile{
        font-size: 16pt;
        font-weight: 300;
        font-style: italic;
    }

    .retranca { top: 248px;}

    .center-position {margin-top: -20px;}

    .retranca p {font-size: 14pt;}

    .framevideo {
        width: 250px;
        height: 145px;
    }

    .item-video p {
        max-width: 210px;
        margin: 10px auto 0 auto;
        text-align: center;
    }

    .menu-carrossel-interno.esquerdo { left: -30px; }
    .menu-carrossel-interno.direito { right: -30px; }

    a > .logo-canais.face {background-image: url('../img/logo-face-over.jpg');}
    a > .logo-canais.youtube {background-image: url('../img/logo-utube-over.jpg');}
    a > .logo-canais.insta {background-image: url('../img/logo-insta-over.jpg');}
}

/* Ajuste para o landscape no Ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
     
}

@media only screen and (max-width: 960px) {
    input, textarea, .conteudo-interno,
    .conteudo-blocado  {width: 100%;}

    footer {
        line-height: 2;
    }

    .infos-assinatura > div {
        padding-bottom: 20px;
    }

    .bloco1-2.foto > img {
        left: 50%;
        margin-left: -100%;
    }


}

@media only screen and (min-width: 960px){.contato {padding-top: 40px;}}

/* .txts-fotos div { flex: 1;} */

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

    .bloco1-2 { width: 100%; }

    .bloco1-3 { width: 50%;}

    .retranca p {font-size: 14pt;}

    
    .foto-educador-1 {-webkit-order:  1; order: 1; }
    .txt-educador-1  {-webkit-order:  2; order: 2; }
    .foto-educador-2 {-webkit-order:  3; order: 3; }
    .txt-educador-2  {-webkit-order:  4; order: 4; }
    .foto-educador-3 {-webkit-order:  5; order: 5; }
    .txt-educador-3  {-webkit-order:  6; order: 6; }
    .foto-educador-4 {-webkit-order:  7; order: 7; }
    .txt-educador-4  {-webkit-order:  8; order: 8; }
    .foto-educador-5 {-webkit-order:  9; order:  9;}
    .txt-educador-5  {-webkit-order: 10; order: 10;}

    .foto-professor-1 {-webkit-order:  1; order: 1; }
    .txt-professor-1  {-webkit-order:  2; order: 2; }
    .foto-professor-2 {-webkit-order:  3; order: 3; }
    .txt-professor-2  {-webkit-order:  4; order: 4; }
    .foto-professor-3 {-webkit-order:  5; order: 5; }
    .txt-professor-3  {-webkit-order:  6; order: 6; }



    .texto.caixa { padding-bottom: 50px;}
    .texto.coluna { margin-bottom: 0; }
    .texto.coluna:nth-last-child(1){ margin-bottom: 30px; }
    .container-palestra {max-width: 100%;}
    .bloco-fones, .bloco-form {width: 100%;}
    .bloco-form {margin-top: 20px;}
    .infos-assinatura {margin: 130px 0 -10px 0;}
    .imagem-arquivo {margin-left: 70px;}
}





/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 * http://juicystudio.com/article/screen-readers-display-none.php
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * 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 (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (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 {
        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;
    }
}