* {margin:0; padding:0; font-size:100%; border:none; outline:none; box-sizing:border-box; font-family: "Montserrat", sans-serif;}
body {background: linear-gradient(111deg, rgba(2,0,36,1) 0%, rgba(6,91,175,1) 100%);}
p {font-size:0.9em; color:#CCC;}
h2 {font-size:1.5em; color:#EEE;}
/*p span {background-color:#CC0000; line-height:2em; padding:3px 5px 3px 5px; color:#FFF;}*/
.red-bg {background:#000; line-height:2em; padding:18px 20px 18px 20px; color:#fff;}
.red {color:#0080FF;}
a {text-decoration:none;}
ul {list-style:none;}
img {max-width:100%;}
.front {width:100%; float:left; padding:3% 4%; background-color:#000;}
.logo {width:152px; height:56px; float:left; background:url(../img/jusvisual.jpg) center center/152px no-repeat; font-size:0;}
.assinatura {width:200px; height:56px; position:absolute; left:25%; top:1%; text-align:center; align-items:center;}
.btn-menu {width:56px; height:56px; float:right; text-align:center; color:#0080FF; border-radius:5px; cursor:pointer; background-color:#000;}
.menu {display:none; width:100%; height:100%; position:fixed; background-color:rgba(0,0,0,0.9); top:0; left:0; padding:3% 4%; z-index:1;}
.btn-close {width:56px; height:56px; float:right; text-align:center; color:#0080FF; border-radius:5px; cursor:pointer; background-color:#000;}
.menu ul {width:100%; float:left; text-align:center; padding-top:5%;}
.menu li {padding:1.5%;}
.menu li a {font-size:1.4em; color:#FFF; padding:1.5% 3%;}
.menu li a:hover {color:#0080FF;}
.banner {position:relative; width:100%; float:left; text-align:center;}
.conteudo {width:90%; float:left; margin:5%;}
.bottom {width:100%; float:left; padding:3%; bottom:0; background-color:#333;}
.bottom p {font-size:0.7em; font-weight:300;}
.bottom a {text-decoration:none; color:#CCC;}
.redes {width:30px; height:30px; border-radius:50%; color:#EEE; background-color:#555; margin:1%;}
/* SERVIÇOS */
.servicos {position:relative; display:block; width:100%; float:left; padding:3% 3%;}
.servico {width:100%; background-color:rgba(0, 0, 0, 0.2); text-align:left; margin-left:0.3%; margin-bottom:3%; padding:0%; border:#4ACFF0 solid 2px; border-radius:15px;}
.servico p {margin-top:0px;}
.servico:hover {background-color:rgba(0, 0, 0, 0.5);}
.inner {padding:3%;}
.inner a {font-size:1.2rem; color:#CCC; font-weight:700;}
.inner h4 {font-size:1.2rem; color:#4ACFF0; margin-top:0%;}
.inner p {font-size:0.8em; color:#CCC; margin-top:6%; line-height:1.3em;}
/*@keyframes pisca {
	0% {filter: opacity(0%);}
	50% {filter: opacity(100%);}
	100% {filter: opacity(0%);}
}*/

/* ===== WhatsApp ===== */

.btn-whatsapp-pulse {
	background: #25d366;
	/*background:#F0F;*/
	/*color:#000;*/
	color: white;
	position: fixed;
	bottom: 17px;
	right: 17px;
	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 0;
	padding: 35px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}
@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	80% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
}

/* Media Queries */

@media screen and (min-width:960px) {
	im {max-width:80%;}
/*	.btn-menu {display:none;}
/*	.btn-close {display:none;}
/*	.menu {width:auto; height:56px; line-height:56px; float:none; display:inline-block; position:static;}
	.menu li {padding:0; float:left;}
	.menu li a {color:#FFF; font-size:1em; padding:8px;}
	.menu li a:hover {color:#0080FF;} */
	.menu {top:0; left:0; padding:1% 3%;}
	.front {width:100%; float:left; margin-left:0%; padding:1% 3% 1% 3%;}
	.banner {position:relative; width:70%; float:left; margin-left:15%; text-align:center;}
	.servicos {position:relative; display:flex; width:80%; margin-left:10%; float:left;}
	.conteudo {width:70%; float:left; margin:3% 15% 0 15%;}
	.bottom {width:100%; float:left; padding:0% 0% 1% 0%; bottom:0; background-color:#333;}
	.inner {padding:5%;}
	.servico {margin-left:0.5%;}
}