body{
	margin: 0;
}
.cabecalho{
	background: #D9231B;
	height: auto;
	padding-top: 7px;
	padding-bottom: 7px;

}
.box-cabecalho{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
	font-family: "Arial";
}
.texto-cabecalho{
	margin: 0;
	display: inline-block;
	color:#fff;
    padding-right: 7vw;
}
.menu-mobile{
	display: none;
}
.box-menu-mobile{
	display: none;
}
.telefone{
	padding-right: 0;
}
.face{
	float: right;
}
.img-cabecalho{
	height: 13px;
	padding-right: 3px;
	margin-bottom: -2px;
}
.texto-mobile{
	padding: 0;
	margin: 0;
	display: none;
}
/* MENU */

.menu{
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
.logo-menu{
	padding-top: 15px;
	width: 20%;
	max-height: 7vw;
	padding-bottom: 15px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
nav{
	float: right;
	width: 80%;
}
nav ul{
	list-style-type: none;
	padding-top:30px;
}
nav li{
	display: inline-block;
	margin:1%;
}
nav a:hover, nav a.active{
	background-color: #e60000;
	border-radius: 5px;
	color:#fff;
}
nav a{
	color:#000;
	text-decoration: none;
	font-family: "Arial";
	font-size: 13px;
	padding: 1.5%;
}
/* slide */
.slide{
	width: 100%;
	position: relative;
	z-index: 1;
}

.texto-slide{
	background-color: rgba(0,0,0,.7);
	position: absolute;
	z-index: 4;
	color: #fff;
	display: inline-block;
	margin-top: -13.5%;
	margin-left: 13%;
	width: 25%;
	padding: 2%;
	bottom: 20px;
	text-align: center;
}
.texto-slide p{
	margin: 0;
	font-size: 2vw;
	font-family: "Arial";
	font-weight: bold;
	opacity: 1;
}
.botoes-slide{
	width: 70px;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-bottom: 5px;
}
.botao{
	background-image:url(icone-slide-preto.png);
	background-size: 100%;
	background-repeat: no-repeat;
	height: 15px;
	width: 15px;
	float: left;
	margin-right: 3px;
}
.botao:hover{
	background-image:url(icone-slide-vermelho.png);
}
.swiper-pagination{
	position: relative;
	z-index: 1;
}
.swiper-pagination-bullet{
	width: 15px;
	height: 15px;
	margin-right: 5px;
	margin-top: 5px;
	background-image:url(icone-slide-preto.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-color:transparent;
	opacity: 1;
}
.swiper-pagination-bullet-active{
	background-image:url(icone-slide-vermelho.png);
	background-color:transparent;
}
/* SAIBA MAIS */

.saiba-mais{
	width: 100%;
	background-color: #ff1a1a;
}
.box-saiba-mais{
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	font-family: "Arial";
	color:#fff;
	padding:2em 0;
}
.box-saiba-mais-texto{
	width: 80%;
	display: inline-block;
}
.titulo-saiba-mais{
	font-size: 28px;
	display: inline-block;
	margin:0;
	text-align: center;
}
.texto-saiba-mais{
	font-size: 11px;
	display: inline-block;
}
.botao-saiba-mais{
	display: inline-block;
	vertical-align: top;
	margin-top: 6vh;
	background: #fff;
	color: #e60000;
	padding:10px 25px;
	border-radius: 5px;
}
.aplicativos .botao-saiba-mais{
	margin-bottom: 1em;
	margin-top: 1vw;
}
.img-app{
    width: 30%;
    position: absolute;
    bottom: 0;
    right: -4vw;
    z-index: 1;
}
img.google-app{
    width: 35%;
    float: right;
}
/* PROJETOS */

.projetos{
	background: #bfbfbf;
}
.box-projetos{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 25px;
	padding-bottom:3.5em;
}
.texto-projetos{
	display: inline-block;
	margin-top: 0;
	color:#fff;
	font-family: "Arial";
	font-size: 20px;
}
.botoes-projetos{
	display: inline-block;
	float: right;
}
.botao-projeto{
	width: 25px;
	height: 22px;
	float: left;
	text-align: center;
	margin-right: 3px;
	background: #fff;
	border-radius: 5px;
	padding-top: 3px;
	color:#e60000;
	font-weight: bold;
	background-size: 50% 80%;
    background-position: 50%;
    background-repeat: no-repeat;
}
.botao-projeto:hover{
	background-color: #e60000;
	color: #fff;
}
.swiper-button-next{background-image: url(../img/seta-ver-dir.png);}
.swiper-button-next:hover{background-image: url(../img/seta-br-dir.png);}
.swiper-button-prev{background-image: url(../img/seta-ver-esq.png);}
.swiper-button-prev:hover{background-image: url(../img/seta-br-esq.png);}
.div-projetos{
	height: 30vw;
}
.box-sites{
	background: #e6e6e6;
	border-radius: 5px;
	margin-right: 2%;
	padding-bottom: .5em;
}
.box-sites a{
	text-decoration: none;
	bottom: 1em;
    left: 20%;
}
.box-sites p {
	color: #595959;
	font-size: 1em;
	font-family: Arial;
	padding: .4em;
	text-align: center;
}
.ultimo-site{
	margin-right: 0;
}
.titulo-projeto{
	width: 100%;
	color:#595959;
	font-family: "Arial";
	font-size: 1vw;
	font-weight: bold;
	text-align: center;
	border-top-left-radius:5px;
	padding-top: 15px;
	padding-bottom: 10px;
}
.titulo-projeto span{
	font-size:1.3vw;
}
.titulo-projeto h4{
	margin: 0 auto;
}
.img-projeto{
	width: 100%;
}
.botao-acessar{
	width: 8em;
	margin:0 auto 1em auto;
	padding: 12px;
	color:#fff;
	font-family: "Arial";
	font-size: 12px;
	background: #ff1a1a;
	border-radius: 5px;
	text-align: center;
}
.div-texto-projetos{
	/*width:78%;*/
	display: inline-block;
	text-align: center;
}
.swiper-container-sites {
        width: 100%;
        height: 100%;
        padding-bottom: 2%;
        overflow: hidden;

 }
.swiper-wrapper
.swiper-slide{
    background-color: #bfbfbf;
 }

.swiper-button-next, .swiper-button-prev {
/*     background-color: transparent; */
    position: static;
    top: 0;
    margin-top: auto;
}
/* APLICATIVOS */

.aplicativos{
    background-color: #5D5D5D;
	color:#fff;
}
.aplicativos a {
    text-decoration: none;
    color: #F00;
    font-size: 1.3em;
}


/* .div-img-celular{
	width: 30%;
	height:25vw;
	background-attachment: fixed;
	background-repeat:  no-repeat;
	float: right;
}
.div-img-interno{
	width: 100%;
	height: 100%;
}
.div-img-celular img{
	width: 141%;

}*/
.div-texto-aplicativo{
	width: 75%;
	padding-top: 25px;
	display: inline-block;
}
.titulo-aplicativo{
	font-size: 2.5vw;
	margin: 0;
	display: inline-block;
	letter-spacing:-2px;
	text-align: center;
}
.box-aplicativos{
	width: 70%;
	height:auto;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	font-size: 13px;
	font-family: "Arial";
	/* background-image:url(../img/img-app-smart.png);
	  background-repeat: no-repeat;
	  background-position:100% 0;
	  background-size: 30% 100%;  */
}
.text-aplicativo{
	margin-bottom: 0px;
	display: inline-block;
	letter-spacing:-0.3px;
}
.logo-google-play{
	width: 35%;
	padding-bottom: 25px;
}

/* PARCEIROS: */
.parceiros{
	padding: 0 15%;
	height:12vw;

}
.img-parceiro{
	float: left;
	width: 28%;
	margin-right:2%;

}
.img-parceiro-face{
	float: left;
	width: 10%;
}
.locoweb{
	margin-top: 6%;
}
.adwords{
	margin-top: 8%;
}
.mail-chimp{
	margin-top: 3%;
}
.facebook{
	margin-top: 3.5%;
}

/* footer */

footer{
	width: 100%;

	background: #262626;
	padding-top: 25px;
	padding-bottom: 25px;
}
.roda-pe{
	width: 72%;
	margin-right: auto;
	margin-left: auto;
}
.logo-ambcom{
	width: 23%;
	display: inline-block;
	color:#fff;
}
.logo-ambcom p{
	font-family: "Arial";
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
.logo-ambcom img{
	width:80%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.logo-ambcom span{
	font-weight:  normal;
	font-size: 11px;
	color: #666666;
}
.roda-pe ul{
	padding-left: 15px;
}
.roda-pe ul a{
	text-decoration: none;

}
.roda-pe .servico li:hover{
	color:#fff;
}
.roda-pe li{
	color:#666666;
	font-family: "Arial";
	font-size: 12px;
	margin-bottom: 10px;

}
.titulo-lista{
	color: #fff;
	font-family: "Arial";
	font-size: 15px;
	font-weight: bold;

}
.box-rodape{
	display: inline-block;
	border-left: 1px solid #666666;
	padding-left: 2%;
	vertical-align: top;
}
.box-rodape-externo{
	width: 75%;
	display: inline-block;
	vertical-align: top;
}
footer .noticias{width: 20%}
footer .orcamentos,footer .servico{width: 35%;}
.galeria .swiper-wrapper .swiper-slide {background-color: transparent;}
article.info-mobile,img.logo-menu-mobile{display: none;}

@media (max-width: 581px){
	.img-parceiro{width: 90%!important;}
	.img-parceiro-face {width: 35%!important;}
}

.whats-btn {
    color: #fff;
    background: #25d366;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    padding: 5px 0;
    border-radius: .25rem;
    position: fixed;
    bottom: 5px;
    left: 5px;
    
}

.whats-btn:hover {
    color: #FFF;
}

.whats-btn i {
    margin-right: 10px;
    background: transparent;
}