@media print {}

@media screen and (max-width: 1366px){
	#bannerHome .uk-slidenav{
		display: none !important;
	}
	#bannerProdutos .uk-slidenav-next,
	#bannerProdutos .uk-slidenav-previous,
	#bannerDestaques .uk-slidenav-next,
	#bannerDestaques .uk-slidenav-previous{
		display: none;
	}

	#bannerDownloads .uk-slidenav,
	#bannerReleases .uk-slidenav,
	#bannerClipping .uk-slidenav,
	#bannerProdutos .uk-slidenav,
	#bannerDestaques .uk-slidenav{
		display: none;
	}
	#dotnavReleases,
	#dotnavDownloads,
	#dotnavClipping,
	#dotnavProdutos,
	#dotnavDestaques{
		display: -ms-flexbox;
    	display: -webkit-flex;
    	display: flex;
	}

		#dotnavProdutos li{
			margin: 20px 7.5px 0 7.5px;
		}

	.dotnav-spacer{ display: block !important; }

	#infoNovasTurmas input{
		width: 100%;
		max-width: 360px;
		margin-right: 6px;
	}

	#infoNovasTurmas strong{
		max-width: 100%;
		text-align: center;
	}

	#infoNovasTurmas button{
		float: left;
		margin-left: 6px;
	}
	.centered-large{
		display: table !important;
		float: none;
		width: 100%;
		max-width: 567px;
		margin: 0 auto;
	}
	.centered-large button,
	.centered-large input{
		float: left !important;
	}
}

@media screen and (max-width: 1200px){
	.footer-produtos{
		padding-left: 3rem;
	}
	
	#modalidades.educacao .text-modalidade{
		padding-left: 4rem !important;
	}

	.wrapper-modalidade-educacao > div{
		width: 50%;
	}
	.wrapper-modalidade-educacao > div:nth-child(2){
		padding-left: 1.5rem;
	}

	#tableTreinamentos{
		padding: 0;
	}
	#tableTreinamentos .row-treinamento{
		width: 33.333%;
		float: left;
		padding-left: 30px;
		background-image: none !important;
	}
	#tableTreinamentos .row-treinamento div{
		width: 100% !important;
		float: left;
		padding: 10px 0 !important;
	}
	#tableTreinamentos .row-treinamento:not(:nth-child(3n+3)):after{
		content: '';
		width: 1px;
		height: calc(100% - 30px);
		background-image: url(../img/dashed-border-vert.jpg);
		background-repeat: repeat-y;
		background-size: 1px 6px;
		background-position: right top;
		top: 15px;
		right: 0;
		position: absolute;
	}
	#tableTreinamentos .row-treinamento:not(:last-child):not(:nth-last-child(2)):before{
		content: '';
		height: 1px;
		width: calc(100% - 30px);
		background-image: url(../img/dashed-border.jpg);
		background-repeat: repeat-x;
		background-size: 6px 1px;
		background-position: right top;
		bottom: 0;
		left: 15px;
		position: absolute;
	}

	#bannerHome,
	#bannerHome .uk-slideshow ,
	#bannerHome .uk-slideshow *{
		min-height: 360px;
		height: 360px;
	}

	#formTrabalheConosco{
		width: calc(46% + 10px);
	}
	#formTrabalheConosco + .right-side{
		width: 54%;
		float: right;
		padding-left: 70px;
	}
	.contact{
		width: calc(100% + 10px);
		float: left;		
		margin-bottom: 30px;
	}		
	.right-side{
		width: 100%;
		float: left;
		padding-left: 0;
		margin-bottom: 60px;
	}
	p + [data-video]{
		max-width: 100% !important;
		width: 100% !important;
		margin: 10px 0 20px 0 !important;
	}

	.logo{
		width: 35%;
		padding-left: 0;
	}
	.rounded .uk-slidenav-previous,
	.rounded .uk-slidenav-next{
		display: none !important;
	} 
	.cases-depoimentos .rounded{
		height: 270px !important;
	}
		.cases-depoimentos .rounded .btn{
			position: absolute;
			bottom: 20px;
			left: 0;
			right: 0;
			margin: auto;
		}
	#bannerDepoimentosSuporte .uk-slideshow li{
		padding: 0 !important;
	}
	#bannerDepoimentosSuporte .uk-slideshow i.fa{
		display: none;
	}
	.rounded.height-auto{
			padding: 20px !important;
		}
	#bannerDepoimentosSuporte{
		height: auto !important;		
	}
	#newsletter{
		padding-left: 16px;
		padding-right: 16px;
	}
	#newsletter h4{
		width: 100% !important;
		height: auto;
	}
}

@media screen and  (max-width: 1024px){
	.dotnav-spacer{
		display: none !important;
	}
	#agendaHome{
		margin-top: 3rem;
	}
	.box-investimento > div{
		float: left !important;
		display: block;
		padding-bottom: 10px;
	}
	.wrapper-modalidade-educacao > div{
		float: left;
		width: 100% !important;
		padding-left: 0!important;
		padding-right: 10px;
	}

	#solucoes > div{
		margin-top: 5rem;
	}
	.info-equipe.tecnica{
		max-width: calc(50% - 30px);
	}

	#listaConteudoProgramatico .row-conteudo{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#tableTreinamentos .row-treinamento{
		width: 50%;
	}
	#tableTreinamentos .row-treinamento:not(:nth-child(even)):after{
		content: '';
		width: 1px;
		height: calc(100% - 30px);
		margin-top: 15px;
		background-image: url(../img/dashed-border-vert.jpg);
		background-repeat: repeat-y;
		background-size: 1px 6px;
		background-position: right top;
		top: 0;
		right: 0;
		position: absolute;
	}

	.text-modalidade ul{
		width: 100%;
	}
	.text-modalidade h6{
		margin-top: 15px;
	}
	#demoForm .mtop5{
		margin-top: 0 !important;
	}
	#bannerCase{
		margin: 2rem 0 3rem 0 !important;
		width: 100%;
		float: left;
	}
	.case{
		width: calc(50% - 30px);
	}

	#bannerProjetos .uk-slidenav-next,
	#bannerProjetos .uk-slidenav-previous{
		top: calc(50% - 16.5px) !important;
	}

	#bannerProjetos .uk-grid{
		width: 100%;
		margin-left: 0;
	}
	#bannerProjetos .uk-grid li{
		width: 25%;
		padding-left: 20px;
		padding-right: 20px;
	}

	.sidebar-wrapper-right,
	.sidebar-wrapper-left{
		width: 100%;
		padding: 0 !important;
	}

	.tecnologia-solucoes br{
		display: none;
	}
	.tecnologia-solucoes > *[data-video]{
		width: 100%;
	}
	.tecnologia-solucoes > a{
		margin-top: 6rem;
	}

	.navbar ul.dropdown{
		width: 400px;		
	}
	.has-dropdown:hover{
		margin-bottom: 150px;
	}
	.navbar li:hover ul.dropdown{
		max-height: 150px !important;
		height: 150px !important;
	}


	html{
		font-size: 55%;
	}	
	.navbar nav:not(#fixedMenu) a{
		font-size: 18px !important;
	}
	.navbar nav:not(#fixedMenu) .dropdown a{
		font-size: 14px !important;
	}
	.navbar ul.dropdown li{
		max-width: none;
		width: 50% !important;		
	}
	.navbar ul.dropdown li a{
		max-width: none;
		width: 100% !important;
	}
}

@media screen and (max-width: 940px){
	#bannerHome .uk-dotnav{
		display: none !important;
	}

	#vcht_chatframe{ display: none !important;}
	footer .btn.icon,
	footer .btn.icon:hover,
	footer .btn.icon:focus{
		margin-right: 0;
	}

	html{
		font-size: 50%;
	}

	.rounded .uk-dotnav{ display: none; }

	table[align=right],
	table[align=left]{
		margin-top: 2.5rem;
		width: 100% !important;
	}
	table caption{
		padding-left: 0;
	}

	#bannerHome,
	#bannerHome .uk-slideshow ,
	#bannerHome .uk-slideshow *{
		min-height: 288px;
		height: 288px;
	}

	#fixedMenu{
		display: none !important;
	}
}

@media screen and (max-width: 820px){
	.columns article p{
		margin-left: 0;
	}
	.footer-produtos,
	.footer-solucoes,
	.footer-empresa,
	.footer-contato > *:not(div){
		display: none !important;
	}
	footer > *{
		height: 8rem;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.footer-logos{
		width: 100% !important;
	}
	#sphinxFranca,
	#abep,
	.footer-logos > img{
		display: none;
	}
	.footer-logos a,
	.footer-logos a:hover,
	.footer-logos a:focus,
	.footer-contato{
		max-width: 80%;
		width: auto;
    	padding: 0;
    	margin: 0 auto;
    	float: none !important;
	}
		.footer-logos a img{
			display: table !important;
			margin: 0 auto;
		}
}

@media screen and  (max-width: 768px){
	#bannerReleases .btn, #bannerDownloads .btn, #bannerClipping .btn{
		position: initial;		
	}
	.has-dropdown:hover{
		margin-bottom: 0px !important;
	}
	.navbar nav{ display: block !important; }

	.navbar li ul.dropdown{
		height: auto !important;
	}
	.navbar li:hover ul.dropdown{
		height: auto !important;
		max-height: 1000px !important;
		opacity: 1;
	}
	#modalidades.educacao .text-modalidade,
	.wrapper-modalidade-educacao > div{
		padding: 0 !important;
	}
	.wrapper-modalidade-educacao{
		width: 100% !important;
	}
	.box-investimento{
		float: left;
		margin-top: 15px;
		margin-bottom: 0 !important;
	}
	.subheader.solucoes{
		padding: 0 3rem;
	}
		.subheader.solucoes h6{
			display: none;
		}
	#listaConteudoProgramatico{
		padding: 2.9rem 1.6rem;		
	}
	#listaConteudoProgramatico .content{
		width: 100%;
	}
	#listaConteudoProgramatico .right-side{
		display: none !important;
	}
	#listaConteudoProgramatico .content,
	#listaConteudoProgramatico .carga-horaria{
		width: 100%;
		float: left;
		display: block !important;
	}
	#listaConteudoProgramatico .header{
		font-size: 15px;
	}
	#listaConteudoProgramatico strong{
		padding-left: 0;
	}
		#listaConteudoProgramatico .carga-horaria{
			margin-top: 10px;
			padding-top: 10px;
			background-image: url(../img/dashed-border.jpg);
			background-repeat: repeat-x;
			background-size: 6px 1px;
			background-position: top left;
		}
	.fsize18resp{
		font-size: 16px;
	}
	#infoNovasTurmas strong span,
	#infoNovasTurmas strong{
		display: block;
		float: left;
		height: auto;
		text-align: left;
	}
	.centered-large{
		width: 100%;
		float: left;
		height: auto;
	}
		#infoNovasTurmas strong,
		.centered-large input,
		.centered-large button{
			margin-left: 0 !important;
			margin-bottom: 11px;
			clear: both;
		}
	#modalidades .fa{
		display: table;
		margin-bottom: 15px;
	}
	.text-modalidade{
		width: 100%;
		padding-left: 0;
	}
	div.ulw274 ul, .ulw274{ width: 100% !important; }
	#formTrabalheConosco{
		width: calc(100% + 10px);
	}
	#formTrabalheConosco + .right-side{
		display: none;
	}
	.contact{
		width: calc(100% + 10px);
	}
	#newsletter input[type=email]{
		width: calc(100% - 236px) !important;
	}
	#newsletter input[type=submit]{
		width: 230px; 
	}
	.cases-depoimentos > div{
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
	}
	.rounded,
	.rounded .uk-slidenav-position{
		height: auto;
	}
			.rounded .uk-slidenav-position{
				max-width: none !important;
				margin-left: 0;
				margin-right: 0;
			}
	.rounded .uk-dotnav{ 
		display: -ms-flexbox;
    	display: -webkit-flex;
    	display: flex;
	}
	#menu{
		position: inherit;
	}


	#bannerHome .uk-slidenav{
		display: none !important;
	}
	body{
		padding-top: 60px !important;
	}
	#popupLogin{
		display: block!important;
	}
		#layer{
			display: none!important;
		}

	#popupLogin.surgeIn{
		top: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		height: 253px;
		margin: auto !important;
		z-index: 999999999 !important; 	
	}

	#menu{
		z-index: 9999999;
		width: 100%;
		position: fixed;
		top: 0;
	}

	iframe{
		float: left;
		width: 100%;
		margin: 16px 0;
		height: auto;
	}
	html{
		font-size: 45%;
	}

	.login > div#layerLogin.active{
		background-color: rgba(0,0,0,0.1);		
		position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100vh;
	}
	.navbar nav,
	.navbar ul,
	.navbar li,
	.navbar a{
		font-size: 9px !important;
		text-transform: none;
		font-weight: 500;
		width: 250px !important;
		border: none!important;
	}
	.navbar ul li a.active{
		color: #fff !important;
		background-color: #6d3975;
		font-weight: 700;
	}
	.navbar *:not(.logo) a,
	.navbar ul.dropdown a{
	    height: 61px;
	    line-height: 61px !important;
	    float: left;
	    display: block;
	    padding: 0 !important;
	    padding-left: 11px;
	    margin-right: 0 !important;
	    border: none !important;
    		background-image: url(../img/dashed-border.jpg);
		background-repeat: repeat-x;
		background-size: 6px 1px;
		background-position: left bottom;
	}
	.navbar .login > a{
		display: none !important;
	}
	.nav-toggle-close{
		background-color: rgba(0,0,0,0.2);
	}
	.navbar, .navbar *{
		border-color: #6d3975 !important;
	}	


	.logo{
		width: calc(100% - 148px) !important;
		margin-top: 0 !important;
		float: left;
		margin-left: 44px;
		padding-left: 0 !important;
	}
	.logo > a{
		position: relative;
		display: block;
		float: left;
		width: 100% !important;
		max-width: 100% !important;
		height: 60px !important;
	}
	.logo *{
		max-width: 100%!important;
		height: auto!important;
		width: 100%!important;
		margin-top: 0 !important;
		display: block;
		padding-left: 0 !important;
	}
	.logo > a > div{
		position: relative;
		left: 0;
		top: 0;
		display: table;
		width: 100% !important;
		height: 100% !important;
	}
	.logo img{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	    margin: auto !important;
		width: auto !important;
		padding-left: 10px !important;
		padding-right: 10px;
	}

	.button-toggle{
		padding-top: 12px;
		top: 0 !important;
		left: 0 !important;
		border-radius: 0 !important;
		width: 60px !important;
		height: 60px !important;
		border-color: transparent !important;
	}
	.button-toggle .bar:after{
		background-color: #6d3975;
		margin-left: 7px !important;
	}
	label.button-toggle:hover,
	label.button-toggle:focus{
		background-color: #6d3975;
	}
	.navbar nav ul > li:hover > a,
	.navbar nav ul > li > a:hover,
	.navbar nav ul > li:focus > a,
	.navbar nav ul > li > a:focus{
		background-color: #6d3975 !important;
		color: #fff !important;
	}
	#mobileUser{
		width: 60px;
		height: 60px;
		position: absolute;
		right: 0;
		top: 0;
		background: url(../img/user.png) no-repeat center;
	}
	#bannerHome,
	#bannerHome .uk-slideshow ,
	#bannerHome .uk-slideshow *{
	min-height: 38vw;
	height: 38vw;
	}

	#menu .navbar nav > ul > li > a{
    	padding-left: 10px !important;
	}	

	.navbar ul.dropdown li{
		width: 100% !important;
	}
}

@media screen and  (max-width: 641px){	
	/*#bannerHome{ display: none !important; }*/
	#bannerDownloads .uk-slideset,
	#bannerReleases .uk-slideset,
	#bannerClipping .uk-slideset{
		display: block !important;
		float: left !important;
		width: 100%;
	}
	#bannerDownloads .uk-slideset li,
	#bannerReleases .uk-slideset li,
	#bannerClipping .uk-slideset li{
		width: 100%;
		min-width: 1px;
		max-width: 100%;
		padding: 0 !important;
	}
	.info-equipe.tecnica{
		max-width: calc(100% - 30px);
	}

	#assinanteSuporte{
		height: auto !important;
		padding-top: 20px;
		margin-bottom: 40px;
	}
	#assinanteSuporte h4{
		height: auto !important;
		line-height: 3rem !important;
		padding-right: 0 !important;
	}
	#vantagensSuporteUsuario, #vantagensSolucoes{ display: none; }
	#tableTreinamentos .row-treinamento{
		width: 100%;
		padding-left: 15px;
	}
	#tableTreinamentos .row-treinamento:not(:last-child):after{
		content: '';
		width: calc(100% - 30px);
		height: 1px;
		background-image: url(../img/dashed-border.jpg);
		background-repeat: repeat-x;
		background-size: 6px 1px;
		background-position: bottom left;
		top: auto;
		bottom: 0;
		right: 15px;
		position: absolute;
	}
	#tableTreinamentos .row-treinamento:last-child:after,
	#tableTreinamentos .row-treinamento:before{
		display: none;
	}

	#modalConfirmacao .big{
		width: 170px;
		max-width: 100%;
		font-size: 14px;
	}
	#demoForm{
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
	}	
	#demoForm .pdleft30{
		padding-left: 15px;
	}
	#demoForm input[type=checkbox]{
		float: left;
		display: block;
		margin: 5px 0 !important;
	}
	#demoForm input[type=checkbox] ~ label{
		display: block;
		float: left;
		width: calc(100% - 13px);
		margin: 0;
		padding-left: 10px;
		line-height: 23px;
	}
	#resumoCase{
		float: left !important;
		width: 100% !important;
		margin-left: 0;
		margin-bottom: 25px;
	}
	#bannerProjetos .uk-grid li{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.wplay{
		font-size: 12px;
	}
	#sliderClientesHome{
		padding-left: 0; 
		padding-right: 0; 
	}
		#sliderClientesHome .banner-arrow{
			display: none !important;
		}	

	#newsletter h4{
		line-height: initial !important;
	}
	#newsletter input{
		margin-left: 0 !important;
		margin-bottom: 10px !important;
	}
	#newsletter input[type=email]{
		width: 100% !important; 
	}
	#newsletter input[type=submit]{
		width: 270px !important;
	}
	.rounded{
		margin-bottom: 3rem;
	}
	.nopds{
		padding: 0;
	}
	#userMenu.isLogged a{
		width: 25% !important;
		max-width: 25%;		
		height: 25vw;		
	}
	.outra-noticia{
	    margin-top: 10px !important;
    	padding-bottom: 10px !important;			
	}
	.noticia.agenda{
		height: auto;
	}
	.noticia.agenda time{
		clear: both;
		display: block;
		margin-bottom: 2rem;
	}
	.noticia.agenda div{
		display: block;
		max-width: calc(100% - 160px);
		float: left;
		padding-left: 0;
		line-height: 45px;
	}	
	.noticia.agenda a{
		float: right;
		display: block;
		top: auto;
		right: auto;
		left: auto;
		bottom: auto;
		display: block;
		position: inherit !important;
	}

	#sidebarBlog{
		width: 100% !important;
		margin: 0 0 6rem 0 !important;
		float: left !important;
	}


}

@media screen and  (max-width: 480px){
	.resultado-busca i.fa,
	.comentario i.fa,
	.depoimento i.fa{
		display: none;
	}
	.texto-resultado-busca,
	.texto-comentario,
	.texto-depoimento{
		padding-left: 0;
		text-align: justify;
	}
		.texto-resultado-busca{
			text-align: left;
		}
		.texto-resultado-busca p.gray{
			text-align: justify;
		}
	.next-pagination,
	.prev-pagination{
		width: 33px;
		height: 33px;
		text-indent: 100%;
    	white-space: nowrap;
    	overflow: hidden;
	}
	.pagination{
		width: 100%;
	}

	#cases{
		width: 100%;
		margin-left: 0;
	}
	.case{
		margin-left: 0;
		width: 100%;
	}

	#userMenu.isLogged a .fa{
		font-size: 30px;
	}

	.noticia.agenda time,
	.noticia.agenda div,
	.noticia.agenda a{
		display: block;
		float: left;
		max-width: 100%;
	}
		.noticia.agenda div{
			overflow: visible;
			white-space: normal;
			line-height: 16px;
			padding: 0 0 12px 0;
		}
		.noticia.agenda a{
			max-width: 197px;
			font-size: 14px;
		}
}

@media screen and  (max-width: 400px){
	#modalConfirmacao .fa{	
		display: none;
	}
	#modalConfirmacao strong.fsize18{	
		text-align: center;
	}

	#modalConfirmacao .big{
		width: 100% !important;
		font-size: 12px;
	}

	#userMenu.isLogged a{
		width: 33.33334% !important;
		max-width: 33.33334%;		
		height: 33.33334vw;		
	}
}