/*Global*/
* { padding: 0px; margin: 0px; outline: none !important; }

.content-site-devmedia{ background-color: #f1f1f1;}

.container-canais{ width: 92%; margin: 0 auto; }

#menu_top_cursos{ display: flex; align-items: center;}

.titulo-canal { font-family: 'Oswald', sans-serif; text-align: left; vertical-align: middle; margin: 35px 0 10px; font-size: 45px; font-weight: 300; color: #373737; text-transform: uppercase; position: relative; z-index: 2;}
.titulo-canal:after{content: ''; border-top: 1px solid #373737; position: absolute; top: 50%; left: 0; right: 0; z-index: -1;}
.titulo-canal span {background-color: #f1f1f1; padding-right: 30px; z-index: 1;}

.menucanais{ flex: 0 0 auto; min-width: 359px;}
.veja-tambem{position: absolute; padding: 0 15px; background-color: #f1f1f1; font-weight: 500; font-size: 14px; color: #FF733B; text-transform: uppercase; font-family: 'Montserrat', Verdana, sans-serif; top: -9px;}
.tipo-conteudo{ flex: 1 1 auto; display: flex; justify-content: center; align-items: center; border: 1px solid #D4D4D4;    border-radius: 10px; margin-left: 30px; padding: 20px 15px; position: relative;}
.tipo-conteudo a{text-decoration: none; display: flex;}
.link-guias, .link-guias-menu { width: 287px; display: flex; justify-content: flex-end; margin: 0 25px 0 0;}
.menu-guias {background-color: #fff; padding: 0; list-style: none; position: absolute; top: 48px; border-radius: 0 0 10px 10px; box-shadow: 3px 6px 12px rgba(0,0,0,.15); z-index: 2; width: 100%; display: none; padding: 10px 15px; box-sizing: border-box; border-radius: 0 0 10px 10px; border: 2px solid #FF733B; border-top: none;}
.menu-guias li {transition: .3s all; border-radius: 10px;}
.menu-guias li:hover { background-color: #f3f3f3; transition: .3s all;}
.menu-guias li a { font-family: 'Montserrat', Verdana, sans-serif; font-size: 14px; color: #373737; padding: 15px; width: 100%;}
.link-guias-menu{list-style: none; position:relative; transition: .3s all;}
.link-guias-menu:hover  .menu-guias {display: block; transition: .3s all;}
li.link-guias-menu:hover > .item.item-destaque { border-radius: 10px 10px 0 0; cursor: pointer;}

#menu_select_canais{ padding: 15px; box-shadow: 0px 3px 6px rgba(0,0,0,.16); border: none; border-radius: 10px; width: 100%;    font-family: 'Roboto', Verdana, sans-serif; color: #373737; font-size: 16px;}
#prettydropdown-menucanal { width: 100% !important;}
.prettydropdown > ul{border: none !important;border-radius: 10px; width: 100% !important; overflow-y: hidden !important; }
.prettydropdown.arrow > ul > li.selected:before, .prettydropdown.arrow > ul > li.selected:after{right: 20px !important;}
.prettydropdown > ul > li{width: 100% !important; padding-left: 1.2rem; color: #373737;}
.prettydropdown > ul.active > li:not(.label):hover, .prettydropdown > ul.active > li.hover:not(.label), .prettydropdown > ul.active > li:first-child:hover:after { background: #f1f1f1 !important; color: #373737 !important;}

.tipo-conteudo .item{padding: 15px 95px; font-family: 'Montserrat', Verdana, sans-serif; font-size: 16px; color: #373737; background-color: #fff; text-decoration: none; }
.link-cursos .item-comum{border-radius: 10px 0 0 10px;}
.link-devcast .item-comum{border-radius: 0 10px 10px 0; border-left: 2px solid #F1F1F1;}

.link-cursos span, .link-devcast span{transition: .3s all;}
.link-cursos span:hover, .link-devcast span:hover{transition: .3s all; background-color: #373737; color: #fff;}

/*.tipo-conteudo .item-comum:last-child{border-radius: 0 10px 10px 0; border-left: 2px solid #F1F1F1;}*/
.tipo-conteudo .item.item-destaque{color: #ffffff; background-color: #FF733B; border-radius: 10px; transition: all 0.1s ease;/*margin: 0 25px;*/}

.tag-free {position: absolute; top: -8px; background-color: #fff;padding: 0 10px;text-transform: uppercase;font-size: 12px;font-family: 'Montserrat';color: #FF733B;}

.conteudo-novidades { padding: 15px 65px 50px; background-color: #ffffff; margin-top: 30px; border-radius: 10px; display: flex; position: relative;}

.area-conteudos-antigos{display: flex; margin-top: 60px;}
.conteudos-antigos{flex: 1 1 auto; margin-top: 0; padding: 15px 65px 50px; background-color: #ffffff;border-radius: 10px;}
.area-info-data{flex: 0 0 auto; width: 250px; position: relative;}
.balao-info{position: absolute; box-shadow: 0 3px 20px rgba(0,0,0,.16); border-radius: 10px; background-color: #fff;display: flex; flex-direction: column; padding: 15px; text-align: center; box-sizing: border-box; width: 196px;}
.balao-info .nome-mes{ font-size: 24px; color: #373737; font-family: 'Montserrat', Verdana, sans-serif; font-weight: 700; text-transform: uppercase;}
.balao-info .ano{font-size: 18px; color: #A1A1A1; font-weight: 300; font-family: 'Montserrat', Verdana, sans-serif; border-top: 1px solid #E4E0E0; margin-top: 10px; padding-top: 10px;}
.seta-balao { background-color: #fff; width: 15px; height: 15px; position: absolute; right: -7px; transform: rotate(225deg);top: 40%;}
.container-balao{position: relative; padding-top: 70px;}
/* .container-balao:nth-child(even){ border: 1px solid #d2d2d2; }
.container-balao:nth-child(odd){ border: 1px solid #c2c2c2; } */

.progresso-novidades{ min-width: 290px; flex: 0 0 auto; position: relative; top: 30px; height: 78vh;}

.lista-novidades{ flex: 1 1 auto;}

.mes-novidade{ font-size: 35px; text-align: right; color: #373737; font-family: 'Oswald', sans-serif; font-weight: 300; position: relative; z-index: 1; margin: 63px 0;}

.mes-novidade{margin: 70px 0 63px;}
.conteudo:first-child .mes-novidade{margin: 30px 0 63px;}

.mes-novidade span{ padding-left: 30px; background-color: #fff; display: inline-flex; align-items: center; position: relative; text-transform: uppercase; letter-spacing: 3px; }

.mes-novidade span small {font-size: 14px; margin-left: 5px; color: #787878; display: none;}
.conteudo-antigos .mes-novidade span small{display: block;}

.mes-novidade:before { content: ""; border-top: 1px solid #E5E5E5; width: 100%; position: absolute; left: 0; right: 0; margin: 0 auto;  top: 50%; z-index: -1;}

.menu-novidades { list-style: none;}
.menu-novidades li { margin: 20px 0; border: 1px solid #E5E5E5; /*padding: 0 25px;*/ border-radius: 15px; display: flex; align-items: center; position: relative; transition: .3s all;}
.menu-novidades li a{text-decoration: none; color: #373737; display: flex; align-items: center; position: relative; transition: .3s all; width: 100%;}

.menu-novidades li:hover { transition: .3s all; box-shadow: 0 3px 6px rgba(0,0,0,.07);}

.menu-novidades li:hover .tipo-novidade{ color: #fff; background-color: #373737; transition: .3s all;}

.menu-novidades li h3{ font-size: 16px; font-family: 'Montserrat', sans-serif; color: #373737; font-weight: 400;}
.menu-novidades li h3 a{text-decoration: none; color: #373737;}
.menu-novidades li div { min-height: 60px; display: flex; align-items: center; }
.tipo-novidade{background-color: #E8E8E8; color:#373737; padding: 5px 15px; font-family: 'Montserrat', sans-serif; font-size: 12px; border-radius: 5px; width: 65px; text-align: center; transition: .3s all;}
.data-novidade{font-family: 'Montserrat', sans-serif; font-size: 14px; color: #979797;}

.container-tipo {flex: 0 0 auto; width: 124px; display: flex; justify-content: center; align-items: center; position: relative;}
.container-tipo a{text-decoration: none;}
.container-titulo {flex: 1 1 auto; padding-right: 38px !important; padding-left: 38px !important;  border-left: 1px solid #E5E5E5;}
.container-data {flex: 0 0 auto; width: 90px; display: flex; justify-content: center; align-items: center;}

.menu-oculto{opacity: 0; transition: .4s ease all;}
.menu-visivel{opacity: 1; transition: .4s ease all;}
.menu-mobile{display: none; position: relative; flex: 1 1 auto; justify-content: flex-end;}
.menu-mobile-tipo-conteudo{position: absolute; top: 50px; right: 0; z-index: 2; list-style: none; background-color: #fefefe; padding: 10px 20px; box-shadow: 0 3px 6px rgba(0,0,0,.16); width: 100px;}
.menu-mobile-tipo-conteudo li{border-bottom: 1px solid #f0f0f0; padding: 5px 0;}
.menu-mobile-tipo-conteudo li:last-child{border-bottom: none;}
.menu-mobile-tipo-conteudo li a{text-decoration: none; font-family: 'Oswald', sans-serif; color: #373737;}
.icone-menu {display: block; flex: 0 0 auto; width: 30px; cursor: pointer; z-index: 2;}
.icone-menu span { margin: 5px 0; width: 100%; background-color: #373737; height: 5px; display: flex; border-radius: 10px;}

/* BARRA DE PROGRESSO */
.containerBarraProgresso {/*left:0;*/width: .4em; height: 100%; margin-bottom: 0px;  /*position: fixed; top: 0px; */overflow: hidden; background-color: #b2b2b2; /*display: table; table-layout: fixed;*/ position: relative;}
.barraProgresso {width: 100%; float: left; height: 100%; z-index:99; max-width: 100%; background-color:#373737; -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; max-height: calc(100vh - 250px);}
.barra-progresso-scroll{background-color: #373737; width: 3px; position: absolute; right: -1px; transition: .4s all; max-height: 100% !important;}

.barra-progresso { height: 100%; background-color: #d4d4d4; width: 1px; position: relative;}
.marcadores { position: absolute; top: 0; height: inherit;}
.marcadores a { position: absolute; height: 5px; width: 5px; border: 3px solid #b2b2b2; border-radius: 50%; z-index: 2; left: -5px; background-color: #fff; transition: .4s all;}
.marcador-ativo{ border: 4px solid #373737 !important; height: 7px!important; width: 7px!important; left: -7px!important; }

.marcador-visualizado{border: 3px solid #373737 !important; left: -5px !important;/* height: 3px !important; width: 3px !important; left: -3px !important; */ transition: .4s all;}
.marcador-ativo.marcador-visualizado { height: 5px !important; width: 5px !important;}

.info-marcador { background-color: #ffffff; position: absolute; left: 30px; top: -25px; min-width: 135px; min-height: 60px; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 20px rgba(0,0,0,.16); opacity: 0; transition: .5 all; pointer-events: none;}
.seta-info-marcador {background-color: #fff; height: 15px; width: 15px; left: 22px; position: absolute; z-index: 2; transform: rotate(45deg); border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; top: -3px; opacity: 0;}

.visivel{opacity: 1; transition: .5s all; }

.info-marcador p{font-size: 20px; font-family: 'Montserrat', sans-serif; color: #373737; font-weight: 700; text-transform: uppercase;}
.legenda-marcador { position: absolute; min-width: 100px; text-align: center; font-family: 'Montserrat', sans-serif; top: -5px; font-size: 14px; color: #b2b2b2;transition: .5s all;}
.legenda-oculta{opacity: 0; transition: .5s all;}
.legenda-visualizada{color: #373737;}

.prettydropdown > ul > li > span.checked{display: none !important;}
/*.prettydropdown > ul.active {box-shadow: 0 3px 6px rgba(0,0,0,.16) !important;}*/
.prettydropdown ul.active{box-shadow: 0 3px 6px rgba(0,0,0,.16) !important; padding: 10px 20px !important;}
.prettydropdown ul.active li{height: 48px !important; line-height: 46px !important; border-radius: 10px;}

/*Área administrativa*/
.admin-area { margin-top: 20px; background-color: #e5e5e5; padding: 10px 15px; border-radius: 10px; display: flex;    justify-content: flex-start; align-items: center;}
.admin-area a { text-decoration: none; margin-right: 15px; font-family: 'Oswald', sans-serif; color: #454545;border: 1px solid #cecece; padding: 0 10px; border-radius: 10px; background-color: #f6f6f6;}

.selectBox{position: relative; z-index: 3;}
.select-atual{ width:100%; height: 48px; background-color:#fff; position: relative; color:#373737; display:block; font-family:Arial, sans-serif; cursor:pointer; border-radius: 10px; display: flex; align-items: center; padding: 0 25px;box-sizing: border-box}
.select-atual .text{color: #949494; font-size: 16px; font-family:'Montserrat',sans-serif; user-select: none;-moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; pointer-events: none;}
.select-atual span.arrow{color:#000; position:absolute;	width:10px;	height:10px; display:block;	right:6px; top:6px;}
.selectBox ul{ display: none; width:100%; background-color:#fff; display:none; padding:10px 15px; box-sizing: border-box; position: absolute;box-shadow: 0 3px 6px rgba(0,0,0,.07);}
.selectBox li{ border-bottom:1px solid #FFF; font-family:'Montserrat',sans-serif; font-size:14px; cursor:pointer;	display:block; transition: .3s all; border-radius: 10px; color: #535353; padding: 15px 25px; user-select: none;-moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
.selectBox li:hover{ background-color: #f1f1f1; transition: .3s all;}
.selectBox ul.menu-ativo{display: block; box-shadow: 15px 20px 20px rgba(0,0,0,.1); border-radius: 0 0 10px 10px;}
.select-atual.select-aberto{border-radius: 10px 10px 0 0; box-shadow: 15px 20px 20px rgba(0,0,0,.1); border-bottom: 1px solid #d6d6d6;}
#select-seta-canais { height: 15px; width: 15px; position: absolute; right: 20px; pointer-events: none;}
.seta-canais { fill: none; stroke: #373737; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10;    stroke-width: 1.797px; }
#select-seta-guias{ height: 15px; width: 15px; position: absolute; right: 20px; pointer-events: none; margin-top: 2px;}
.seta-guias { fill: none; stroke: #fff; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10;    stroke-width: 1.797px; }

.secao-mais-conteudos { display: flex; justify-content: center; align-items: center; margin: 60px 0;}
.mais-conteudos{ text-decoration: none; font-family: 'Montserrat',sans-serif; color: #373737; font-size: 16px; padding: 10px 15px; border-radius: 10px; background-color: #f1f1f1; border: 3px solid #373737; font-weight: 700; width: 287px; text-align: center; padding: 15px 0; transition: .3s all; box-sizing: border-box;}
.mais-conteudos:hover{transition: .3s all; background-color: #fff; color: #FF733B;  box-shadow: 0 3px 6px rgba(0,0,0,.16); border:3px solid #fff;}

.desc-canal { font-family: 'Montserrat', sans-serif; text-align: left; vertical-align: middle; margin: 0px 0 60px;    font-size: 16px; font-weight: 400; color: #373737; position: relative; z-index: 2;}

.mes-antigo-antigo{border: 2px solid #333;}


@media(min-height: 960px){
    .progresso-novidades{height: 84vh;}
}

@media(min-height: 1040px){
    .progresso-novidades{height: 86vh;}
}

@media(max-width: 979px){
    .titulo-canal{font-size: 36px !important;}
    #select-seta-guias{right: 10px;}
}

@media(max-width: 767px){
    .mes-novidade{ font-weight: 400; }
    .mes-novidade:before{border-top: 3px solid #E5E5E5;}
    .mes-novidade span small{display: block;}
    .titulo-canal{font-size: 28px !important;}
    .titulo-canal span{padding: 0 10px !important; }
}

@media(max-width: 540px){
    .titulo-canal{font-size: 28px !important;}
    .titulo-canal:after{opacity: 0 !important;}
}

@media(max-width: 400px){
    .titulo-canal{font-size: 20px !important;}
    .titulo-canal:after{opacity: 0 !important;}
}

@media(max-height: 500px){
    .progresso-novidades{display: none !important;}
    .lista-novidades{margin-left: 0 !important;}
    .area-info-data{display: none !important;}
}

@media (max-width: 979px){
    .link-guias, .link-guias-menu{width: auto !important;}
    .menu-guias{right: -90px;}
}

@media (max-width: 1365px){
    .tipo-conteudo .item.item-destaque{padding: 15px 10px !important; width: 100%; min-width: 90px; text-align: center;}
    .menu-guias{ min-width: 200px; border-top: 2px solid #FF733B;}
    .link-guias, .link-guias-menu{width: 205px;}    
}

@media (min-width: 1366px){
    .tipo-conteudo .item { padding: 15px 0; width: 100%; box-sizing: border-box; text-align: center;}
    .tipo-conteudo .item.item-destaque{padding: 15px 10px; width: 100%; text-align: center;}
    .tipo-conteudo a { text-decoration: none; display: flex; width: calc(100%/3);}
    .link-guias-menu{width: calc(100%/3) !important;}
    .menucanais{min-width: calc(100%/4);}
}

@media (min-width: 1200px) and (max-width: 1365px){
    .tipo-conteudo .item{padding: 15px 75px !important;}    
    .menucanais{min-width: 265px;}
}

@media (min-width: 980px) and (max-width: 1199px){
    .tipo-conteudo .item{padding: 15px 50px;}
    .menucanais{min-width: 265px;}

    .menu-novidades li h3{padding: 10px 0;}
}

@media (min-width: 768px) and (max-width: 979px){
    .tipo-conteudo .item{padding: 15px 25px;}
    .menucanais{min-width: 265px;}
    .tipo-conteudo .item{font-size: 14px;}

    .menu-novidades li a{flex-wrap: wrap; justify-content: center;}
    .menu-novidades li a div{justify-content: center;}
    .menu-novidades li h3{text-align: center;}

    .mes-novidade{font-size: 28px; text-align: center;}
    .mes-novidade span{padding: 0 20px; justify-content: center;}
    .mes-novidade span small{position: absolute; bottom: -15px; margin-left: 0; width: 100%; left: 0;}

    .container-titulo{width: 100%; border-left: none;}
    
}

@media (min-width: 625px) and (max-width: 767px){
    .titulo-canal{text-align: center; font-size: 40px;}
    .tipo-conteudo .item{padding: 15px;}
    .menucanais{min-width: 215px; width: 100%;}
    .tipo-conteudo .item{font-size: 14px;}

    #conteudo{padding: 15px 30px;}    
    .conteudos-antigos{padding: 15px 30px;}
    .area-conteudos-antigos{padding-right:0; padding-left: 0; }

    .menu-novidades li a{flex-wrap: wrap; justify-content: center;}
    .menu-novidades li a div{justify-content: center; width: 100%;}
    .menu-novidades li h3{text-align: center;}

    .mes-novidade{font-size: 28px; text-align: center;}
    .mes-novidade span{padding: 0 20px;justify-content: center;}
    .mes-novidade span small{position: absolute; bottom: -15px; margin-left: 0; width: 100%; left: 0;}

    .progresso-novidades, .area-info-data{display: none;}

    .tipo-conteudo{display: none;}

    .container-titulo{width: 100%; border-left: none;}

    .menu-mobile{display: none;}

    .prettydropdown.arrow > ul > li.selected:before, .prettydropdown.arrow > ul > li.selected:after{right: 10px !important;}

}

@media (min-width: 479px) and (max-width: 624px){
    .titulo-canal{text-align: center; font-size: 38px;}
    .tipo-conteudo .item{padding: 15px 10px;}
    .menucanais{min-width: 215px; width: 100%;}
    .tipo-conteudo .item{font-size: 14px;}

    #conteudo{padding: 15px 30px;}    
    .conteudos-antigos{padding: 15px 30px;}
    .area-conteudos-antigos{padding-right:0; padding-left: 0; }

    .menu-novidades li a{flex-wrap: wrap; justify-content: center;}
    .menu-novidades li a div{justify-content: center;}
    .menu-novidades li h3{text-align: center; font-size: 14px;}

    .mes-novidade{font-size: 28px; text-align: center;}
    .mes-novidade span{padding: 0 20px;justify-content: center;}
    .mes-novidade span small{position: absolute; bottom: -15px; margin-left: 0; width: 100%; left: 0;}

    .progresso-novidades, .area-info-data{display: none;}

    .tipo-conteudo{display: none;}

    .container-titulo{width: 100%; border-left: none;}

    .menu-mobile{display: none;}
    .prettydropdown.arrow > ul > li.selected:before, .prettydropdown.arrow > ul > li.selected:after{right: 10px !important;}
}

@media (min-width: 380px) and (max-width: 478px){
    .titulo-canal{text-align: center; font-size: 36px;}

    #conteudo{padding: 15px;}    
    .conteudos-antigos{padding: 15px;}
    .area-conteudos-antigos{padding-right:0; padding-left: 0; }

    .menu-novidades li a{flex-wrap: wrap; justify-content: center;}
    .menu-novidades li adiv{justify-content: center;}
    .menu-novidades li h3{text-align: center; font-size: 14px; width: 100%;}

    .mes-novidade{font-size: 28px; text-align: center;}
    .mes-novidade span{padding: 0 20px; justify-content: center;}
    .mes-novidade span small{position: absolute; bottom: -15px; margin-left: 0; width: 100%; left: 0;}

    .progresso-novidades, .area-info-data{display: none;}

    .tipo-conteudo{display: none;}

    .menucanais{min-width: 250px; width: 100%;}

    .container-titulo{width: 100%; border-left: none;}

    .menu-mobile{display: none;}
    .prettydropdown.arrow > ul > li.selected:before, .prettydropdown.arrow > ul > li.selected:after{right: 10px !important;}
}

@media (max-width: 379px) {
    .titulo-canal{text-align: center; font-size: 32px;}

    #conteudo{padding: 15px;}
    .conteudos-antigos{padding: 15px;}
    .area-conteudos-antigos{padding-right:0; padding-left: 0; }

    .menu-novidades li a{flex-wrap: wrap; justify-content: center;}
    .menu-novidades li a div{justify-content: center;}
    .menu-novidades li h3{text-align: center; font-size: 14px;}

    .mes-novidade{font-size: 28px; text-align: center;}
    .mes-novidade span{padding: 0 20px; justify-content: center;}
    .mes-novidade span small{position: absolute; bottom: -15px; margin-left: 0; width: 100%; left: 0;}

    .progresso-novidades, .area-info-data{display: none;}

    .menucanais{min-width: 210px; width: 100%;}
    .tipo-conteudo{display: none;}

    .container-titulo{width: 100%; border-left: none;}

    .menu-mobile{display: none;}
    .prettydropdown.arrow > ul > li.selected:before, .prettydropdown.arrow > ul > li.selected:after{right: 10px !important;}
}