.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: 30px !important;
	}
	.bannerRotativo .caption {
		padding: 30px 15px 0 !important;
		bottom: auto !important;
		right: 10% !important;
	}
	.bannerRotativo .caption a {
		padding: 5px 15px !important;
		margin-top: 15px !important;
		font-size: 12px;
	}
	.bannerRotativo .imgBanner {
		position: absolute;
		top: 85px;
		right: 0;
		left: 10% !important;
		bottom: 0;
	}
	#demo7 .carousel-control-prev{
		top: 46%;
		bottom: 46% !important;
		border: 1px #ffcd00 solid;
		border-radius: 50%;
		width: 12.805%;
		left: 1%;
		opacity: 1;
	}
	#demo7 .carousel-control-next{
		top: 46%;
		bottom: 46% !important;
		border: 1px #ffcd00 solid;
		border-radius: 50%;
		width: 12.805%;
		right: 1%;
		opacity: 1;
	}
	.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;
		bottom: 0;
	}
	@keyframes entradaDestaqueMobile{
		from{bottom:-120px;}
		to{bottom:0px;}
	}
	.bannerRotativo .imgBanner .w-wecan1 {
		left: 40px;
		bottom: 0 !important;
		animation-duration: 3s;
		top: auto !important;
		animation-name: entradaWMobile !important;
	}
	@keyframes entradaWMobile{
		from{left: -100%; opacity: 0;}
		to{left: 150px; 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;
	}
}