@media (max-width:1279px) {
.timeline { height:auto; margin-top:30px; overflow: visible; }
.timeline:before { top:0; left:0; right:initial; height: auto; bottom:0; width:1px;}
.timeline .timeline-container { left:0; position:relative; }
.timeline.active .item-timeline { display:block; width:100%; position:relative; left:0 !important; padding:25px 25px 50px; border-top: solid 1px #d1d1d1;}
.timeline .timeline-button.active { display:none; }
.timeline .item-timeline:after { top:-22px; }
.timeline-vertical:before { left:0px; }
.timeline-vertical .item-timeline { width:100%;}
.timeline-vertical .item-timeline:nth-child(2n) { left:0;}
.timeline-vertical .item-timeline:nth-child(2n - 1):after { left:-22px; }
}
@media (max-width:1023px) {
section#balancosocial { padding-top:115px}
.start-balanco .icon-start {display:none;}
.block-img { height: 350px; }
.block-img .center { height: 350px; }
.start-balanco .block-title {margin-top: 170px; margin-left: 100px;}
.start-balanco .block-title h1 {font-size:30px; line-height:36px;}
.start-balanco .block-title h2 {font-size:24px;}
.start-balanco .icon-start {margin-top: 40px;}
.perfil-title {width: 100%; left:0; padding: 0px 35px 0px 20px; display:table;}
.perfil-title h1 {font-size:22px; line-height: 30px; display:table-cell; vertical-align:middle;}
.block-title {display:none;}
.block-text { padding-left:0; margin-top: 15px; margin-bottom: 0;}
.block-blue .block-text { padding-left:0; margin-top: 15px;}
.block-grey .block-text {padding-left:0;}
.block-white .block-text {padding-left:0; margin-bottom:0;}
.block-azul-light .block-text {padding-left:0;}
.block-grey .block-text h4 {line-height: 32px;}
.block-grey .block-text h6 {line-height: 26px;}
.row-margin {margin-top:30px;}
.row-no-margin {margin-top:0 !important;}
.row {padding:0px; margin-left:0; margin-right:0;}
.block-grey {padding-bottom:20px !important;}
.box-grafico-vertical-azul-light { width: 100%; min-height: 150px; position: relative; margin: 0 auto; margin-top: 20px; margin-bottom: 50px; }
.box-grafico-vertical-azul-light .grafico { border-bottom: solid 1px #043970; float: left; position: relative; margin-top: 0; width:100%;}
.box-grafico-vertical-azul-light .campo-grafico { width: 15%; text-align: center; float: left; margin-left: 2.5%; margin-right: 2.5%; }
.box-grafico-vertical-azul-light .grafico .ano { float: left; width: 100%; height: 20px; text-align: center; position: relative; font-size: 16px; color:#043970; line-height: 20px; margin-top: 10px; margin-bottom: 10px; }
.box-grafico-vertical-azul-light .grafico .barra { width: 100%; float: left; position: relative; height: 250px; text-align: center; line-height: 55px; font-size: 18px; margin-top: 10px; margin-bottom: 10px; }
.box-grafico-vertical-azul-light .grafico .barra div { width: 100%; height: 100%; color: #fff; transition:all 1s; position: absolute; bottom: 0; }
.box-grafico-vertical-white { width: 100%; min-height: 150px; position: relative; margin: 0 auto; margin-top: 20px; margin-bottom: 50px; display: block; }
.box-grafico-vertical-white h4 { text-transform: uppercase; color: #043970; font-size: 22px; margin-top: 20px; padding-bottom: 10px;}
.box-grafico-vertical-white .grafico { border-bottom: solid 1px #043970; float: left; position: relative; margin-top: 0; width:100%;}
.box-grafico-vertical-white .campo-grafico { width: 20%; text-align: center; float: left; margin-left: 2.5%; margin-right: 2.5%; position:relative; margin-bottom:50px; }
.box-grafico-vertical-white .grafico .ano { float: none; width: auto; height: 50px; text-align: center; position: relative; font-size: 18px; color:#043970; line-height: 20px; margin-top: 10px; margin-bottom: 50px; }
.box-grafico-vertical-white .grafico .barra { width: 100%; float: left; position: relative; height: 350px; text-align: center; line-height: 55px; font-size: 16px; margin-top: 10px; margin-bottom: 10px; }
.box-grafico-vertical-white .grafico .barra div { width: 100%; height: 100%; color: #fff; transition:all 1s; position: absolute; bottom: 0; }
.box-grafico-vertical-white .grafico .barra span { position:relative; opacity:1; transition:all 1s 1s; }
.box-cursos {height: auto;}
.title-formacoes .text-blue-geral {width:100%;}
.title-session {width:130%; left:-50px; margin-top:0; padding: 0 60px 0 50px;}
.box-cursos .title-formacoes {width:100%;}
.logo-univates {display: none;}
.box-grafico-simples .grafico {width: 90%;}
.box-grafico-simples {width:100%;}
.box-grafico-simples .grafico .ano { float: left; width: 15%; height: 30px; text-align: left; position: relative; font-size: 18px; color: #fff; line-height: 55px; margin-top: 10px; margin-bottom: 0; margin-left:15px;}
.box-grafico-simples .grafico .barra { width: 80%; position: relative; float: left; height: 55px; text-align: right; line-height: 55px; font-size: 24px; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; }
.box-cursos .title-formacoes {width: 120%; padding-left: 30px;}
.box-cursos .name-curso {margin-left:0; display: block; width:100%;}
.box-cursos .name-curso .nro {text-align: left; font-size: 35px; padding-bottom: 5px;}
.box-cursos .name-curso .desc {width:100%; padding-bottom: 20px;}
.menu-toggle { top: 165px; }
.title-session {display:table;}
.title-session h2 {font-size:18px; display:table-cell; vertical-align:middle; line-height: 26px;}
.info-maps { float: none; width: 100%; display: block; height: auto; margin-top: 454px; margin-bottom: 40px;}
.map-world {margin-top: 20px; width:100%; background: url(../images/map-world.png) top center no-repeat; background-size:contain; height:0; padding-bottom:60%; }
.tour-virtual {position: relative; margin: 50px auto 0; max-width:100%; height:auto; }
.text-redes-sociais {margin-bottom: 50px;}
.block-blue .jornal-univates { float: none; margin: -20px auto 0;}
.block-blue .jornal-conexao {margin-top: 10px; padding-bottom: 80%; }
.app-block span {width: 100%; text-align: center; margin-bottom: 50px; }
.app-block .logo-app {width: 50%;}
.google-play {width:100%;}
.app-block .logo-app {width:100%; text-align:center; min-height: 50px; height:auto; line-height: 0;}
.app-block .logo-app:after {display: none;}
.app-store {display: inline-block; width:100%;}
.icon-newslatter {margin-left:0 !important;}
.block-white .demo-icon-radio {margin-left:0 !important;}
.block-white .logo-tv-univates {width:80%; margin:0; display: block; margin-top: 90px; background-size: 100%; height: 150px;}
.icon-play-radio {margin-left:0 !important;}
.block-white .play-radio a {font-size:16px;}
.block-dark a {font-size:18px;}
.block-desempenho {padding:20px;}
.block-desempenho p {font-size: 18px;}
.block-desempenho p strong {font-size:24px;}
.cursos-enade { border-right: none; border-bottom: solid 1px #0d488e; padding:20px; width:100%;}
.cursos-enade p {font-size: 22px; text-align: center; line-height:28px; margin-bottom: 15px;}
.cursos-enade:before { bottom: -80px; right: 50%; margin-right: -40px; border-left: 40px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #0d488e; }
.cursos-enade-conceito {width: 100%;}
.cursos-enade-conceito h6 {font-size:30px;}
.block-visitas {width:100% !important; margin-top: 0px; min-height: 0; border-right:0; border-bottom: solid 1px #0d488e; display:block;}
.block-visitas .center {display:block; padding-bottom:10px; padding-top:10px;}
.block-visitas .center h6 {font-size:22px; text-align:center;}
.block-desempenho h6 {font-size:22px; line-height:30px;}
#chart-rh {display:inline-block; margin-top:0;}
#chart-faixa-etaria {width: 100%;}
.box-grafico-simples h4 {font-size: 20px; }
.block-white h4 {font-size:24px; line-height: 26px;}
.block-white h6 {padding-bottom:0; line-height: 28px;}
.block-white table {padding:none; width:100%;}
/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr {
display: block;
border-bottom: 1px solid #ccc;
}
/* Hide table headers (but not display: none;, for accessibility) */
.block-white table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.block-white table tr { border: 1px solid #ccc; width:100%; margin-bottom: 15px; }
.block-white table tr td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #ccc;
position: relative;
padding: 0 0 0 50% !important;
line-height: 35px;
width: 100% !important;
}
.block-white table tr td:last-child { border: none;}
.block-white table td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 0px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-weight: 600;
}
.block-white table.no-before tr td { padding:0 !important;}
.block-white table.no-before td:before {
display: none;
}
/*
Label the data
*/
.block-white table td:before { content: attr(data-title); }
.block-white .quadro-perc-cargos p {font-size:14px;}
.block-white .quadro-perc-cargos {width:100%; padding-left: 30px;}
.block-white .obs {margin-top:0;}
.block-blue .block-text a {font-size:18px;}
.block-blue .block-text a:hover {font-size:18px;}
.icon-refeicao {margin-left:0; padding-left:0 !important; padding-top: 100px;}
.icon-auxilio {margin-left:0;padding-left:0 !important; padding-top: 100px; min-height:0; margin-top: 45px;}
.icon-previdencia {margin-left:0; padding-left:0 !important; padding-top: 100px; background-size:100px}
.icon-plano-saude {margin-left:0;padding-left:0 !important; padding-top: 100px;}
.icon-odonto {margin-left:0;padding-left:0 !important; padding-top: 100px; margin-top: 45px;}
.img-saude {float:none; margin:0;}
.ind-saude {padding-top:30px;}
.icon-psyco {margin-left:0;padding-left:0 !important; padding-top: 100px;}
.icon-cultura {margin-left:0;padding-left:0 !important; padding-top: 100px; margin-top:45px;}
.icon-ead {margin-top: 30px; margin-left:0;padding-left:0 !important; padding-top: 200px;}
.icon-virtual {margin-bottom: 30px;}
.icon-universo {margin-bottom:30px;}
.icon-intercambio_mapa {margin-bottom: 30px;}
.logo-na-estrada {float:left;}
.block-white h3 {font-size: 30px;}
.icon-treinamento {padding-top:20px;}
.icon-treinamento h3 {margin-top: 120px; padding-top:20px;}
.icon-bolsas {background: url(../images/icon-bolsas.png) top left no-repeat; padding-left: 0 !important; padding-top: 180px; background-size: 150px; }
.graf-white .grafico .ano { color: #043970;}
.plus-new {font-size:18px; margin-bottom:0;}
.plus-new a{font-size:18px; margin-bottom:0;}
.plus-new a:hover {font-size:18px;}
.financiamentos {padding-bottom:0;}
.icon-oportunidades {margin-left:0;padding-left:0 !important; padding-top: 220px; padding-right:0;}
.block-grey .numeros h3 {font-size: 18px; line-height:26px; margin-bottom: 30px; margin-top: 30px;}
.block-grey .numeros h3 strong { font-size:24px;}
.block-atendimentos {display:inline-block; width:100%;}
.block-atendimentos h6 {padding-top:15px;}
.height-auto {height:auto !important;}
.margin-none {margin:0;}
.block-premios {padding-top:15px; padding-bottom:0;}
.start-balanco .block-title-home {margin-top: 20%; margin-left: 20%; }
.start-balanco .block-title-home h1 { font-size: 40px; line-height: 46px;}
.start-balanco .block-title-home h2 { font-size: 30px; }
.start-balanco .icon-start:hover { margin-top: 40px; }
.start-page .block-title { display: block; bottom:80px; left:20px; text-align:left; width: 100%;}
.start-page .block-title h1 { font-size: 25px; line-height: 32px;}
.start-page .block-title h2 { font-size: 20px;}
.download-indicadores-desempenho { margin-top: 20px; padding-left: 0; padding-top: 160px; width: 80%; height: 500px; margin: 0 auto; background: url(../images/icon-download-indicadores-econ.png) left top no-repeat;}
.menu-balanco { background: rgba(11,60,115, 0.9); top:0; z-index:4; }
.menu-balanco.slim { top:0; }
.menu-balanco.active { width:100%; z-index:1000; -webkit-transition:width .3s, z-index 0s; transition:width .3s, z-index 0s;}
.menu-balanco .menu-principal { min-width:320px; width:95%; left:-320px; -webkit-transition: .3s; transition: .3s; }
.menu-balanco.active .menu-principal { left:0; }
.menu-principal > ul li { height:45px; }
.menu-principal li:hover .submenu { display:none; }
.toggle-menu { z-index:10; top:115px; -webkit-transform: translateY(0); transform: translateY(0); }
.menu-balanco.slim .toggle-menu { top:65px; }
.menu-balanco.active .toggle-menu {right:0; background:url(../images/bt-close.png) center center no-repeat #ebbc00; }
.logo-site {margin-bottom:0; text-align:left; margin-left:0;}
.logo-site2 {margin-top:0; margin-left:0;}
.block-white .logo-tv-univates {width:250px;}
.play-radio {height: 60px;}
.icon-tv {margin-left:0 !important;}
.cursos-enade-conceito h6 {text-align: center;}
.block-desempenho {margin-top:0 !important;}
.box-grafico-vertical-azul-light .grafico .barra span {font-size: 14px;}
.download-balanco {padding-left:0; padding-top: 140px; width: 500px; height: 284px; position: relative; margin: 0 auto; background: url(../images/icon-download-balanco.png) left top no-repeat;}
.icon-treinamento {background-size: 125px;}
.icon-bolsas {padding-top: 130px; background-size: 120px; }
}
@media (min-width: 1024px) {
#chart-rh {display:inline-block; margin-top:0;}
.menu-balanco:hover { width:380px; }
.menu-balanco:hover .toggle-menu { width:0; right:0;}
}
@media (min-width: 1024px) and (max-width:1279px){
.start-page .block-title { display: block; bottom:80px; left:70px; text-align:left; width: 100%;}
.start-page .block-title h1 { font-size: 30px; line-height: 32px;}
.start-page .block-title h2 { font-size: 24px;}
.text-redes-sociais {margin-bottom: 50px;}
.logo-site2 {margin-top:0;}
.block-azul-light .demo-icon {margin-left:40px;}
.block-blue .jornal-conexao {margin-top:0; width: 300px;}
.app-block span {width:50%;}
.app-block .logo-app {width: 45%;}
.block-imprensa-numb {margin-left: 30px;}
#chart-rh {margin-top: 50px;}
#chart-faixa-etaria {width: 100%;}
.box-grafico-simples {margin-left:30px;}
.block-white .quadro-perc-cargos {width: 100%; float:left; min-height:none;}
.icon-plano-saude {min-height: 0;}
.icon-odonto {min-height: 0;}
.icon-auxilio {min-height: 0;}
.ind-saude {padding-top: 60px; margin-top: 30px; }
.icon-psyco {min-height: 0;}
.icon-cultura {min-height: 0;}
#chart-corpo-tecnico-adm {margin-bottom: 50px;}
.icon-bolsas {background-position: 30px center; padding-left: 220px !important;}
.financiamentos { padding:0;}
.plus-new {margin-bottom:0;}
.oficinas-ofertadas {margin-top:0;}
.icon-virtual {margin-left: 30px; margin-bottom: 20px;}
.icon-universo {margin-left: 30px; margin-bottom: 20px;}
.icon-intercambio_mapa {margin-left: 30px; margin-bottom: 20px;}
.sub-content {margin-top: 20px;}
.block-grey .block-atendimentos {padding-left:30px;}
.block-premios {padding-top:15px; padding-bottom:0;}
.block-azul-light .block-text {margin-top: 20px;}
.block-premios-grey {margin-top: 20px; margin-left:30px;}
.block-white .block-text {display:inline-block;}
.box-cursos .name-curso .desc { width:300px; }
/* */
.cursos-enade p { font-size:24px;}
.text-financiamentos { padding-top:60px;}
.icon-carona { font-size: 160px; }
.icon-bicivates2 { font-size: 160px; }
}