.pc{
	display: block;
}
.mobile{
	display: none;
}
@media (max-width: 700px){
	.pc{
		display: none !important;
	}
	.mobile{
		display: block !important;
	}
	.width50{
		width: 50% !important;
	}
	.headerMobile{
		background: #000;
    	padding: 28px 0;
	}
	.headerMobile .logo{}
	.headerMobile .logo img{
		width: 100%
	}
	.btnMenu {
		display: inline-block;
	    cursor: pointer;
	    background: #ffb100;
	    padding: 13px 15px;
	    border-radius: 50%;
	    position: fixed;
	    right: 20px;
	    top: 10px;
	    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
	    z-index: 999999999;
	    transition: all 1s;
	    -o-transition: all 1s;
	    -moz-transition: all 1s;
	    -webkit-transition: all 1s;
	}
	.btnMenu.active{
		transform: rotateZ(-1440Deg);
	}
	.bar1, .bar2, .bar3 {
		width: 35px;
		height: 5px;
		background-color: #000;
		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) ;
	}
	.openMenu{
		background: #e8e8e8;
    	position: fixed;
    	z-index: 9999;
    	right: 15%;
    	left: 15%;
    	box-shadow: 0 0 10px;
    	display: none;
   	    padding: 15px 0 0;
	}
	.openMenu li{
		display: block;
	    text-align: center;
	    font-family: 'Myriad Pro';
	    text-transform: uppercase;
	    font-size: 20px;
	    padding: 3px 0;
	}
	.openMenu li a, .openMenu li span{
		color: #333;
	}
	.openMenu li.serv2 span i{
		transition: all 1s;
		-o-transition: all 1s;
		-moz-transition: all 1s;
		-webkit-transition: all 1s;
	}
	.openMenu li.serv2 span.active i{
		transform: rotateZ(-180Deg);
	}
	.openMenu ul{
		padding: 5px 0;
    	box-shadow: inset 0 0 10px;
    	background: #ffb100;
    	display: none;
	}
	.openMenu ul li{
		font-size: 16px;
	}
	.openMenu ul li a{}
	.openMenu .flags{
		text-align: center;
    	padding: 15px 30px;
	}
	.openMenu .flags li{
		width: 50%;
	}
	.openMenu .flags li a{}
	.bannerRotativo .caption h1 {
		font-size: 20px !important;
	}
	.bannerRotativo .caption {
		padding: 30px 15px 0 !important;
	}
	.bannerRotativo .caption a {
		padding: 5px 15px !important;
		margin-top: 15px !important;
		font-size: 12px;
	}
	.sobreSection .sec1 {
    	background: none !important;
    }
    .sobreSection .texto h1 {
    	font-size: 40px !important;
    }
    .sobreSection .texto p {
    	font-size: 20px !important;
    	line-height: 30px !important;
    	letter-spacing: 0px !important;
    	padding: 0 !important;
	}
	.sobreSection .texto {
    	padding: 20px !important;
	}
	.expertiseSection h1 span {
		font-size: 36px !important;
	}
	.footer .rodape {
    	padding: 30px 30px 0 !important;
    	background: #010101 !important;
	}
	.footer .f1 {
    	padding: 0 25% 25px;
	}
	.footer .f2 {
    	padding: 25px 10%;
	}
	.footer .f3 {
    	padding: 25px 15%;
	}
	.footer .f4 {
    	padding: 25px 0;
    	text-align: center;
	}
	.footer .copyright {
		background: #ffb100;
	}
	.caseSection .case {
		margin: 15px;
	}
	.caseSection h1 span {
		font-size: 36px !important;
	}
	.sobreSection {
		text-align: center;
	}
	.sobreSection .texto a {
		margin: 30px auto !important;
	}
	.expertiseSection {
		background: #ffb100 !important;
	}
	.expertiseSection h1 span {
		color: #333 !important;
	}
	.expertiseSection a .circle2 {
		background: #fff !important;
	}
	.expertiseSection a .circle1 {
		border: 1px #333 solid !important;
		background: #ffb100 !important;
	}
	.expertiseSection a h4 {
		color: #333 !important;
	}
	.bannerExpertise{
		background-attachment: scroll !important;
	}
	.bannerExpertise .bp {
		padding: 60px 0 !important;
		text-align: center;
	}
	.expertisePage .text {
		padding: 20px 15px !important;
	}
	.bannerExpertise h1 {
		font-size: 20px !important;
	}
	.banner.quem-somosPage {
		background-attachment: scroll !important;
	}
	.banner {
		padding: 90px 0 !important;
	}
	.sobrePage {
		padding: 50px 0 !important;
	}
	.equipe .l1, .equipe .l2 {
		height: auto !important;
	}
	.casesPage {
		background-size: 340% !important;
		background-position: 70% !important;
		animation-duration: 3s;
    	animation-name: entradaCasesTresMobile !important;
	}
	@keyframes entradaCasesTresMobile{
    	from{background-position: -1150px; opacity: 0}
    	to{background-position: 70%; opacity: 1}
	}
	.banner2 h6, .banner2 h1 {
		animation-duration: 6s;
		animation-name: entradaCasesMobile !important;
	}
	@keyframes entradaCasesMobile{
    	from{opacity: 0}
    	to{opacity: 1}
	}
	.contatoPage {
		background-image: none !important;
		background-attachment: scroll !important;
		padding: 20px 0 60px !important;
		background-color: #000;
	}
	.contatoPage .line {
    	padding: 0 !important;
	}
	.contatoPage input, .contatoPage textarea {
		margin: 5px 0 !important;
	}
	.bannerEquipe .people .eq {
    	height: auto !important;
	}
	.bannerEquipe {
		background-image: none !important;
	}
	.clientesSection h1 {
		text-align: center;
	}
	.carousel-indicators {
		bottom: -45px !important;
	}
	.bannerRotativo .imgBanner .destaque1 {
		animation-duration: 4s;
		animation-name: entradaDestaqueMobile !important;
		top: -80px;
	}
	@keyframes entradaDestaqueMobile{
    	from{top:120px;}
    	to{top:-80px;}
	}
	.bannerRotativo .imgBanner .w-wecan1 {
		left: 40px !important;
		top: -80px !important;
		animation-duration: 3s;
		animation-name: entradaWMobile !important;
	}
	@keyframes entradaWMobile{
    	from{left: -100%; opacity: 0;}
    	to{left: 40px; opacity: 1;}
	}
	.casesPage1 .case {
		height: auto !important;
	}
	.clientesPage .cliente {
		height: auto !important;
	}
	.flags li a img{
		width: 70px;
	}
}
@media (min-width: 1600px){
	.bannerExpertise .bp {
		padding: 480px 0 400px !important;
	}
	.bannerRotativo .caption {
		padding: 250px 15px 0 !important;
	}
	.banner {
		padding: 525px 0 425px !important;
	}
	.equipe .l1 {
		height: 620px !important;
	}
	.equipe .l2 {
		height: 620px !important;
	}
	.clientesPage .cliente {
		height: 450px !important;
	}
	.contatoPage {
		padding: 365px 0 260px !important;
	}
}