.pc{}
.mobile{display: none}
@media(max-width: 700px){
	.pc{display: none}
	.mobile{display: block !important}
	.widthCem{
		width: 100% !important
	}
	.width50{
		width: 50% !important
	}
	.noPadding{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.logo{padding: 15px 0;}
	.btnMobile{
		display: inline-block;
		cursor: pointer;
	    background: #002b95;
	    position: fixed;
	    right: 35px;
	    top: 15px;
	    padding: 15px 17px;
	    border-radius: 50%;
	    z-index: 9999;
	    transition: all .4s;
		-o-transition: all .4s;
		-moz-transition: all .4s;
		-webkit-transition: all .4s;
	}
	.btnMobile.active{
		transform: rotateZ(-360Deg);
		transition: all .4s;
		-o-transition: all .4s;
		-moz-transition: all .4s;
		-webkit-transition: all .4s;
	}
	.bar1, .bar2, .bar3 {
		width: 35px;
		height: 5px;
		background-color: #fff;
		margin: 6px 0;
		transition: 0.4s;
	}
	.change .bar1 {
		-webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
		transform: rotate(-45deg) translate(-9px, 6px) ;
	}
	.change .bar2 {
		opacity: 0;
	}
	.change .bar3 {
		-webkit-transform: rotate(45deg) translate(-8px, -8px) ;
		transform: rotate(45deg) translate(-8px, -8px) ;
	}
	.mobileOpen{
		position: fixed;
	    z-index: 99;
	    background: #f70;
	    right: 65px;
	    top: 50px;
	    padding: 15px 0px 20px;
	    left: 65px;
	    font-family: 'Open Sans';
	    text-transform: capitalize;
	    font-size: 20px;
	    text-align: center;
	    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
	    display: none;
	}
	.mobileOpen li{
		display: block;
    	padding: 10px 0px;
    	line-height: 19px;
	}
	.mobileOpen li a, .mobileOpen li span{
		color: #fff;
	}
	.mobileOpen li span i{
		font-size: 10px;
		transform: rotateZ(0Deg);
		transition: all .5s;
		-o-transition: all .5s;
		-moz-transition: all .5s;
		-webkit-transition: all .5s;
	}
	.mobileOpen li span i.active{
		transform: rotateZ(-180Deg);
		transition: all .5s;
		-o-transition: all .5s;
		-moz-transition: all .5s;
		-webkit-transition: all .5s;
	}
	.mobileOpen ul.submenu1{
		background: #002b95;
		padding: 5px 0;
		border-top: 1px #fff solid;
		border-bottom: 1px #fff solid;
		display: none;
	}
	.whats{
		position: fixed;
	    bottom: 10px;
	    left: 15px;
	    z-index: 9999;
	}
	.whats li{
		display: block;
	}
	.whats img{
		width: 70px;
		animation-duration: 3600s;
		animation-name: tremer;
	}
	.carousel a.btnBanner1, .carousel a.btnBanner2{
		display: none !important;
	}
	.section1 .col {
		margin: 5px 0;
	}
	.estagiariosSection .bg {
		background: #fff !important;
	}
	.estagiariosSection .a-saltante img{
		width: 90%;
	}
	.estagiariosSection {
		margin-top: -70px !important;
	}
	.estagioSection .img {
		border-bottom: 1px #fff solid;
	}
	.estagioSection .texto {
    	padding: 20px 15px 100px 15px !important;
	}
	.estagiariosSection {
    	padding: 100px 15px 29px !important;
    }
    .estagiariosSection p{
   	    position: absolute;
    	right: 30px;
	    top: 25px;
	    z-index: 99;
	    font-size: 23px;
	    text-transform: uppercase;
	    text-align: right;
	    line-height: 26px;
    }
    .estagiariosSection p b{
    	font-weight: 900;
    	color: #002b95;
    }
    .estagiariosSection a{
    	top: 95px !important;
	    left: auto !important;
    	right: 30px;
	    z-index: 999;
    }
    .contatoSection p {
    	font-size: 20px !important;
    	line-height: 35px;
    }
    .contatoSection {
    	padding: 20px 0 130px !important;
	}
	.contatoSection {
		height: auto !important;
	}
	.popup1 a {
		position: relative !important;
	}
	.popup1 .butons1{
		padding: 150px 0 0;
	}
	.popup1 {
		padding: 140px 0 !important;
	}
	.popup1 .closed {
		right: 10% !important;
		top: 5% !important;
	}
	.filosofia {
		background: linear-gradient(45deg, #f70, #fff) !important;
	}
	.contatoSection2 {
		padding: 20px 0 200px !important;
	}
	.filosofia .fil {
		margin: 40px 0 !important;
	}
	.banner .bg2 {
		background: #f70 !important;
		padding: 50px 0 50px !important;
		margin: 100px 0 0;
		box-shadow: 3px 3px 5px;
	}
	.banner h1 {
		color: #fff !important;
	}
	.banner h4 {
		color: #002b95 !important;
	}
	.banner {
		background: #fff !important;
	}
	.contatoPage .texto2 .line3 {
		text-align: center;
	}
	.cursosETreinamentos {
    	background: none !important;
	}
	.contratacaoEmRegimeCLT {
    	background: none !important;
	}
	.estagios {
    	background: none !important;
	}
	.recrutamentoESelecao {
    	background: none !important;
	}
	.servSection h2 {
		text-align: center !important;
	}
	.folha-de-pagamento{
    	background: none !important;
	}
	.souEmpresaMaisEllenco{
    	background: none !important;
	}
	.section5 .left h1 {
		font-size: 40px !important;
		line-height: 40px !important;
	}
	.section5 .left {
    	padding: 0 !important;
	}
	.section5 .right a {
		font-size: 30px !important;
		padding: 30px 0 !important;
	}
	.section5 {
		padding: 30px 0 !important;
	}
	.servico .cartilha {
    	padding: 30px 0 0 !important;
	}
}
@media (max-width: 400px) {
	.mobileOpen {
		right: 15px !important;
		left: 15px !important;
	}
	.mobileOpen li {
		padding: 8px 0px !important;
	}
}