@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Semi+Condensed:200,300,400,700');


@font-face {
  font-family: 'carnasmedium';
  src: url('../fonts/Carnas-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Carnas-Medium.otf')  format('opentype'),
	     url('../fonts/Carnas-Medium.woff') format('woff'), url('../fonts/Carnas-Medium.ttf')  format('truetype'), url('../fonts/Carnas-Medium.svg#Carnas-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'carnaslight';
  src: url('../fonts/Carnas-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Carnas-Light.otf')  format('opentype'),
	     url('../fonts/Carnas-Light.woff') format('woff'), url('../fonts/Carnas-Light.ttf')  format('truetype'), url('../fonts/Carnas-Light.svg#Carnas-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

.zll-font-carnasmedium {
	font-family: 'carnasmedium', sans-serif !important;
	margin-bottom: 144px;
}

.zll-font-carnaslight {
	font-family: 'carnaslight', sans-serif !important;
}

/***************************************************************/
/* MOTION - INÍCIO ********************************************/
/*************************************************************/

	@keyframes bounce-main-nav-mail {
		0%		{ background-size: auto 25px; background-position: center left 10px; }
		25%		{ background-size: auto 30px; background-position: center left 5px; }
		50%		{ background-size: auto 25px; background-position: center left 10px; }
		75%		{ background-size: auto 30px; background-position: center left 5px; }
		100%	{ background-size: auto 25px; background-position: center left 10px; }
	}

	@keyframes passing-wave {
		0%		{ left: 0px; }
		100%	{ left: -195%; }
	}
	
	@keyframes slider-purple-box {
		0%		{ background-color: #fff; height: 0%; }
		100%	{ background-color: #1eacca; height: 100%; }
	}
	
	@keyframes slider-iogurt-entering {
		0%		{ right: -100%; }
		100%	{ right: 0px; }
	}
	
	@keyframes megafone-spark-constant {
		0%		{ right: -20px; }
		50%		{ right: -10px; }
		100%	{ right: -20px; }
	}

	@keyframes painel-3-engrenagem {
		0%		{ transform: rotate(0deg) scale(1); /* Equal to rotateZ(45deg) */ }
		50%		{ transform: rotate(180deg) scale(1.3); /* Equal to rotateZ(45deg) */ }
		100%	{ transform: rotate(360deg) scale(1); /* Equal to rotateZ(45deg) */ }
	}
	
	@keyframes painel-3-lamp {
		0%		{ transform: rotate(0deg) scale(1); /* Equal to rotateZ(45deg) */ }
		50%		{ transform: rotate(-20deg) scale(0.8); /* Equal to rotateZ(45deg) */ }
		100%	{ transform: rotate(0deg) scale(1); /* Equal to rotateZ(45deg) */ }
	}

	@keyframes painel-3-grafico {
		0%		{ transform: scale(1); }
		50%		{ transform: scale(0.9); }
		100%	{ transform: scale(1); }
	}

	@keyframes painel-3-small-circle {
		0%		{ transform: scale(1); }
		50%		{ transform: scale(1.3); }
		100%	{ transform: scale(1); }
	}

	@keyframes painel-3-linhas-mov-1 {
		0%		{ width: 1px; left: 0px; }
		50%		{ width: 30%; left: 40%; }
		100%	{ width: 1px; left: 100%; }
	}

	@keyframes footer-seta {
		0%		{ top: -8%; right: -15%; width: 30%; }
		50%		{ top: -15%; right: -25%; width: 35%; }
		100%	{ top: -8%; right: -15%; width: 30%; }
	}

/***************************************************************/
/* TAGS - INÍCIO **********************************************/
/*************************************************************/

	* {
		margin: 0px;
		padding: 0px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-decoration: none;
		outline: none;
		font-weight: normal;
		list-style: none;
		font-family: 'Encode Sans Semi Condensed', sans-serif;
	}
	
	body {
		padding-top: 75px;
	}


/***************************************************************/
/* CONFIGURAÇÕES - INÍCIO *************************************/
/*************************************************************/

	.zll-bg-verde-1 {
		background-color: #99ab00;
	}

	.zll-bg-ocre-1 {
		background-color: #faf6eb;
	}
	
	.zll-bg-slider {
		background: url(../images/zll-bg-slider2.jpg) no-repeat center center;
		background-size: cover;
	}
	
	.zll-container {
		position: relative;
	}

	.zll-container .zll-content {
		position: relative;
		padding:10vh 0px 5vh 0px;
		margin: 0 auto;
		/*max-width: 1268px;*/
		max-width: 1928px;
	}

	.zll-clear-both {
		border: none;
		padding: 0px;
		margin: 0px;
		clear: both;
	}

/***************************************************************/
/* CONFIGURAÇÕES - CSS CLASS **********************************/
/*************************************************************/

	.zll-overflow-hidden {
		overflow: hidden;
	}

/***************************************************************/
/* HEADER - INÍCIO ********************************************/
/*************************************************************/
	
	header {
		height: 150px;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		background-color: #fff;
		z-index: 1000;
	}

	header nav ul {
		width: 100%;
	}
	
	header nav ul li {
		float: left;
		width: 50%;
	}

	header nav ul li:last-of-type {
		text-align: right;
	}
	
	header nav ul li:last-of-type .icon-1{
		display: inline-block;
		font-size: 16px;
		margin-top: 20px;
		padding-left: 60px;
		margin-right: 5%;
		color: #6c6c6c;
		background: transparent url(../images/icon-menu-mail.png) no-repeat center left 10px;
		background-size: auto 15px;
}
	header nav ul li:last-of-type .icon-2{
		display: inline-block;
		font-size: 16px;
		margin-top: 20px;
		padding-left: 60px;
		margin-right: 5%;
		color: #6c6c6c;
		background: transparent url(../images/icon-menu-whats.png) no-repeat center left 10px;
		background-size: auto 25px;
	}
	
	header nav ul li:last-of-type a:hover {
		animation: bounce-main-nav-mail 0.7s;
	}
	
	header .zll-logo {
		margin-left: 10vh;
		margin-top: 2vh;
		width: 43.4%;
		height: auto;
		display: block;
	}

	header .zll-logo img {
		width: 100%;
		height:  auto;
		max-width: 200px;
	}

/***************************************************************/
/* SLIDER ELEMENTS - INÍCIO ***********************************/
/*************************************************************/
	.zll-slider-passing-wave{
		position: absolute;
		bottom: -10px;
		left: 0px;
		width: 300%;
		animation: passing-wave 5s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
	}
	
	.zll-content-slider {
		padding: 30% 0px !important;
	}
	
	.zll-content-slider div.zll-slider-content-box {
		background-color: #921e68;
		width: 50%;
		height: 0%;
		position: absolute;
		bottom: 0px;
		left: 0px;
		overflow: hidden;
		animation: slider-purple-box 2s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
	}
	
	.zll-slider-content-box h1, .zll-slider-content-box h2 {
		position: absolute;
		bottom: 0px;
		left: 0px;
		margin-bottom: 10vw;
	}

	.zll-slider-content-box h1 span, .zll-slider-content-box h2 span {
		display: block;
		color: #fff;
		font-size: 4vw;
		padding: 0px 5vw 1vh 5vw;
		text-transform: uppercase;
		font-family: 'Encode Sans Semi Condensed', sans-serif;
	}

	.zll-slider-image {
		position: absolute;
		width: 60%;
		height: auto;
		right: 0px;
		bottom: -100px;
		z-index: 10;
		animation: slider-iogurt-entering 1s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
	}

/***************************************************************/
/* BLOCO - 1 **************************************************/
/*************************************************************/

	.zll-home-bloco-1 {

	}

	.zll-home-bloco-1 .zll-content {
		padding-left: 10% !important;
		padding-right: 10% !important;
	}

	.zll-home-bloco-1 .zll-content h2 {
		color: #6c6c6c;
		font-family: 'Encode Sans Semi Condensed', sans-serif;
		font-size: 2.5vw;
		text-align: center;
		margin-bottom: 10vh;
	}

	.zll-home-bloco-1 .zll-content h2 span {
		font-weight: 700;
	}

	.zll-home-bloco-1 .zll-content p {
		font-size: 1.2vw;
		color: #6c6c6c;
		text-align: center;
	}

	.zll-home-bloco-1 .zll-content p:not(:first-of-type) {
		margin-top: 3vh;
	}

/***************************************************************/
/* PAINÉL - 2 *************************************************/
/*************************************************************/

	.zll-painel-2 {}
	
	.zll-painel-2 .zll-painel-2-megafone {
		display: block;
		width: 300px;
		height: 250px;
		position: relative;
		margin: 0 auto 10vh auto;
	}

	.zll-painel-2 .zll-painel-2-megafone img:first-of-type {
		position: absolute;
		left: 0px;
		top: 0px;
	}

	.zll-painel-2 .zll-painel-2-megafone img:last-of-type {
		position: absolute;
		right: -20px;
		top: -20px;
		animation: megafone-spark-constant 1s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
	}

	.zll-painel-2-text {
		padding-top: 4vh;
		width: 100%;
		text-align: center;
	}

	.zll-painel-2-text p span {
		display: block;
		text-transform: uppercase;
		font-family: 'Encode Sans Semi Condensed', sans-serif;
		color: #fff;
		font-weight: 300;
	}

	.zll-painel-2-text p span:nth-child(1) { font-size: 4vh; }
	.zll-painel-2-text p span:nth-child(2) { font-size: 4vh; }
	.zll-painel-2-text p span:nth-child(3) { font-size: 4vh; }
	.zll-painel-2-text p span:nth-child(4) { font-size: 4vh; }


/***************************************************************/
/* PAINÉL - 3 *************************************************/
/*************************************************************/

	.zll-painel-3 {
	}

	.zll-painel-3 .zll-painel-3-col-3 {
		position: relative;
		overflow: hidden;
		margin-bottom: 20vh;

	}

	.zll-painel-3 .zll-painel-3-col-3 div {
		float: left;
		border: 1px solid transparent;
		width: 26.66%;
		height: 100%;
	}

	.zll-painel-3 .zll-painel-3-col-3 .zll-painel-3-col-3-box {
		font-family: 'Encode Sans Semi Condensed', sans-serif;
	}

	.zll-painel-3 .zll-painel-3-col-3 .zll-painel-3-col-3-box h4 {
		color: #6c6c6c;
		font-weight: 700;
		margin-bottom: 3vh;
		font-size: 2vh;
		padding: 0px 3vh;
	}

	.zll-painel-3 .zll-painel-3-col-3 .zll-painel-3-col-3-box p {
		color: #6c6c6c;
		font-size: 1.75vh;
		padding: 0px 3vh;
	}


	.zll-painel-3 .zll-painel-3-col-3 .zll-painel-3-motion-box {
		width: 100%;
		padding-top: 70%;
		margin-bottom: 4vh;
		position: relative;
	}

	.zll-painel-3-motion-box img.zll-painel-3-motion-main {
		position: absolute;
		width: 40%;
		height: auto;
		left: 30%;
		top: 10px;
	}

	.zll-painel-3-left-30-prct {
		top: 20% !important;
	}

	.zll-painel-3-motion-box img.zll-painel-3-motion-main.zll-painel-3-motion-main-front { z-index: 5; }
	.zll-painel-3-motion-box img.zll-painel-3-motion-main.zll-painel-3-motion-main-back { z-index: 4; }

	.zll-painel-3 .zll-painel-3-col-3 .zll-painel-col-3-div {
		width: 10%;
	}

	.zll-painel-3-v-line {
		position: absolute;
		width: 15px !important;
		/*background-color: #faf6eb;*/
		height: 155% !important;
		margin-top: 20%;
		top: 0px;
	}

	.zll-painel-3-v-line.zll-painel-3-v-line-1 {
		left: 31%;
	}

	.zll-painel-3-v-line.zll-painel-3-v-line-2 {
		right: 31%;
	}

	.zll-painel-3-engrenagem-animation {
		animation: painel-3-engrenagem 4s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
	}

	.zll-painel-3-lamp-animation {
		animation: painel-3-lamp 1.5s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
	}

	.zll-painel-3-grafico-animation {
		animation: painel-3-grafico 1s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
	}

	.zll-painel-3-small-circle-animation {
		animation: painel-3-small-circle 0.7s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
	}

	.zll-painel-3-small-circle-animation-delay {
		animation: painel-3-small-circle 1.2s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		animation-delay: 0.5;
	}

	.zll-painel-3-small-circle {
		display: block;
		width: 20px;
		height: 20px;
		border: 6px solid #016ca4;
		border-radius: 10px;
		position: absolute;
		background-color: #fff;
	}

	.zll-painel-3-linhas {
		position: absolute;
		top: 10%;
		left: 10%;
		border: 3px solid #016ca4;
		border-radius: 3px;
		display: block;
		width: 1px;
		height: 0px;
	}

	.zll-painel-3-linhas-mov-1 {
		animation: painel-3-linhas-mov-1 1s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		animation-delay: 0.5;
	}
	
	.zll-painel-3-linhas-mov-2 {
		animation: painel-3-linhas-mov-1 1.5s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		animation-delay: 0;
	}
	
	.zll-painel-3-linhas-mov-3 {
		animation: painel-3-linhas-mov-1 1.3s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		animation-delay: 0.2;
	}
	
	.zll-painel-3-linhas-mov-4 {
		animation: painel-3-linhas-mov-1 2s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		animation-delay: 0.9;
	}
	
	.zll-painel-3-linhas-mov-5 {
		animation: painel-3-linhas-mov-1 1s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
	}

	.zll-painel-3-linhas-mov-6 {
		animation: painel-3-linhas-mov-1 2.3s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
	}


/***************************************************************/
/* PAINÉL - 5 *************************************************/
/*************************************************************/

	.zll-painel-5 {
		text-align: center;
	}
	.zll-painel-5 .zll-content h4, .zll-painel-5 .zll-content h3, .zll-painel-5 .zll-content h2 {
		font-weight: 700;
		font-family: 'Encode Sans Semi Condensed', sans-serif;
		color: #6c6c6c;
		font-size: 4.4vh;
		text-transform: uppercase;
		padding: 0px 5%;
		margin-bottom: 7vh;
	}
	.zll-painel-5 .zll-content p {
		font-weight: 300;
		font-family: 'Encode Sans Semi Condensed', sans-serif;
		color: #6c6c6c;
		font-size: 3.25vh;
		padding: 0px 5%;
		margin-bottom: 7vh;
		max-width: 1280px;
		text-align: center;
		margin-left:50px;
	}

	.zll-painel-5 .zll-content p strong {
		font-weight: 700;
	}


	.zll-painel-5 .zll-content ul {
		display: block;
		margin: 0px 5%;
	}
	
	.zll-painel-5 .zll-content ul li {
		position: relative;
		width: 20%;
		padding-top: 10%;
		float: left;
	}
	
	.zll-painel-5 .zll-content ul li .zll-bloco-5-gallery {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 86%;
		height: 100%;
		background-repeat: no-repeat;
		background-size: 90% auto;
		background-position: center center;
		display: block;
		overflow: hidden;
		text-indent: -3000px;
	}

/***************************************************************/
/* PAINÉL - 5 - 1 *************************************************/
/*************************************************************/

	.zll-painel-5-1 {
		text-align: center;
	}
	.zll-painel-5-1 .zll-content h4 {
		font-weight: 700;
		font-family: 'Encode Sans Semi Condensed', sans-serif;
		color: #6c6c6c;
		font-size: 8.8vh;
		text-transform: uppercase;
		padding: 0px 5%;
		margin-bottom: 7vh;
	}
	.zll-painel-5-1 .zll-content p {
		font-weight: 300;
		font-family: 'Encode Sans Semi Condensed', sans-serif;
		color: #6c6c6c;
		font-size: 6.5vh;
		padding: 0px 5%;
		margin-bottom: 7vh;
	}

	.zll-painel-5-1 .zll-content p strong {
		font-weight: 700;
	}


	.zll-painel-5-1 .zll-content ul {
		display: block;
		margin: 0px 5%;
	}
	
	.zll-painel-5-1 .zll-content ul li {
		position: relative;
		width: 20%;
		padding-top: 10%;
		float: left;
	}
	
	.zll-painel-5-1 .zll-content ul li .zll-bloco-5-1-gallery {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 86%;
		height: 100%;
		background-repeat: no-repeat;
		background-size: 90% auto;
		background-position: center center;
		display: block;
		overflow: hidden;
		text-indent: -3000px;
	}
    .solicite{
	   background-color:#1eacca;
	   width: 100%;
	   height: 55px;
	   border-radius: 25px;
	   border: none;
	   color:aliceblue;
	   font-size: 20px;
}
   .solicite:hover{
	background-color:#6ed3e8;
}

a{
	color:#6c6c6c;
	font-family: 'Encode Sans Semi Condensed', sans-serif;
}

a:link, a:visited {
	text-decoration: none;
	}
a:hover {
	text-decoration: none; 
	}
a:active {
	text-decoration: none;
	
	}
.google-maps{
	width:100%px;
	height:400px;
	margin-top:0px;
	margin-bottom:-4px;
}

.zll-painel-5 .zll-content ul li:nth-child(1) .zll-bloco-5-gallery { background-image: url(../images/seguradoras/allianz-saude.png); }
.zll-painel-5 .zll-content ul li:nth-child(2) .zll-bloco-5-gallery { background-image: url(../images/seguradoras/amil-saude.png); }
.zll-painel-5 .zll-content ul li:nth-child(3) .zll-bloco-5-gallery { background-image: url(../images/seguradoras/bradesco-saude.png); }
.zll-painel-5 .zll-content ul li:nth-child(4) .zll-bloco-5-gallery { background-image: url(../images/seguradoras/bio-saude.png); }
.zll-painel-5 .zll-content ul li:nth-child(5) .zll-bloco-5-gallery { background-image: url(../images/seguradoras/hbc-saude.png); }
.zll-painel-5 .zll-content ul li:nth-child(6) .zll-bloco-5-gallery { background-image: url(../images/seguradoras/medtour-saude.png); }
.zll-painel-5 .zll-content ul li:nth-child(7) .zll-bloco-5-gallery { background-image: url(../images/seguradoras/porto-saude.png); }
.zll-painel-5 .zll-content ul li:nth-child(8) .zll-bloco-5-gallery { background-image: url(../images/seguradoras/preventsenior-saude.png); }
.zll-painel-5 .zll-content ul li:nth-child(9) .zll-bloco-5-gallery { background-image: url(../images/seguradoras/santaris-saude.png); }
.zll-painel-5 .zll-content ul li:nth-child(10) .zll-bloco-5-gallery { background-image: url(../images/seguradoras/sulamerica-saude.png); }
.zll-painel-5 .zll-content ul li:nth-child(11) .zll-bloco-5-gallery { background-image: url(../images/seguradoras/trasmontano-saude.png); }
.zll-painel-5 .zll-content ul li:nth-child(12) .zll-bloco-5-gallery { background-image: url(../images/seguradoras/unimed-saude.png); }
.zll-painel-5 .zll-content ul li:nth-child(13) .zll-bloco-5-gallery { background-image: url(../images/seguradoras/saocristovao-saude.png); }
.zll-painel-5 .zll-content ul li:nth-child(14) .zll-bloco-5-gallery { background-image: url("../images/seguradoras/unimed-saude.png"); }
/***************************************************************/
/* PAINÉL - 5-1 *************************************************/
/*************************************************************/
.zll-painel-5-1 .zll-content ul li:nth-child(1) .zll-bloco-5-1-gallery { background-image: url(../images/seguradoras/allianz-seguros.png); }
.zll-painel-5-1 .zll-content ul li:nth-child(2) .zll-bloco-5-1-gallery { background-image: url(../images/empresa13.jpg); }
.zll-painel-5-1 .zll-content ul li:nth-child(3) .zll-bloco-5-1-gallery { background-image: url(../images/empresa14.jpg); }
.zll-painel-5-1 .zll-content ul li:nth-child(4) .zll-bloco-5-1-gallery { background-image: url(../images/empresa15.jpg); }
.zll-painel-5-1 .zll-content ul li:nth-child(5) .zll-bloco-5-1-gallery { background-image: url(../images/empresa16.jpg); }
.zll-painel-5-1 .zll-content ul li:nth-child(6) .zll-bloco-5-1-gallery { background-image: url(../images/empresa17.png); }
.zll-painel-5-1 .zll-content ul li:nth-child(7) .zll-bloco-5-1-gallery { background-image: url(../images/empresa17.gif); }

	.zll-painel-6 {
		text-align: center;
	}
	
	.zll-painel-6-full-img {
		width: 100%;
		height: auto;
	}
	
	.zll-painel6 .zll-content h4 {
		font-weight: 700;
		font-family: 'Encode Sans Semi Condensed', sans-serif;
		color: #6c6c6c;
		font-size: 8.8vh;
		text-transform: uppercase;
		padding: 0px 5%;
		margin-bottom: 7vh;
	}
	.zll-painel-6 .zll-content p {
		font-weight: 300;
		font-family: 'Encode Sans Semi Condensed', sans-serif;
		color: #6c6c6c;
		font-size: 6.5vh;
		padding: 0px 5%;
		margin-bottom: 7vh;
		max-width: 1280px;
		margin-left: 50px;
	}

	.zll-painel-6-parte-1 .zll-content {
		padding: 20vh 0px 5vh 0px;
	}
	
	.zll-painel-6-parte-2 .zll-content {
		/* padding: 5vh 0px 20vh 0px; */
		padding: 5vh 0px 0px 0px;
	}

	.zll-painel-6-parte-1 .zll-content h4 {
		font-weight: 200;
		font-family: 'Encode Sans Semi Condensed', sans-serif;
		color: #6c6c6c;
		font-size: 8.8vh;
		text-transform: uppercase;
		padding: 0px 5%;
	}
	
	.zll-painel-6-parte-1 .zll-content h3 {
		font-weight: 700;
		font-family: 'Encode Sans Semi Condensed', sans-serif;
		color: #6c6c6c;
		font-size: 6vh;
		text-transform: uppercase;
		padding: 0px 5%;
	}
	
	.zll-painel-6-parte-2 .zll-content h3 {
		font-size: 8vh;
		font-weight: 300;
		color: #6c6c6c;
	}

	.zll-painel-6-parte-2 .zll-content p {
		font-size: 2.65vh;
	}
	
	.zll-painel-6-parte-2 .zll-content p strong {
		font-weight: 700;
	}

/***************************************************************/
/* FOOTER *****************************************************/
/*************************************************************/
	
	footer {
		/*margin-top: 10vh;*/
	}
	
	footer .zll-content {
		padding: 20vh 5% !important;
		position: relative;
	}
	
	footer .footer-col-2 .footer-col-2-box {
		position: relative;
		font-family: 'Encode Sans Semi Condensed', sans-serif;
	}

	footer .footer-col-2 .footer-col-2-box:first-of-type {
		float: left;
		width: 40%;
	}
	
	footer .footer-col-2 .footer-col-2-box:first-of-type p {
		font-weight: 700;
		font-size: 3.5vh;
		color: #fff;
	}
	
	footer .footer-col-2 .footer-col-2-box:first-of-type img {
		position: absolute;
	}
	
	/*
	footer .footer-col-2 .footer-col-2-box:first-of-type img.footer-logo-spice {
		top: -55%;
		left: 0px;
		width: 60%;
		height:  auto;
	}
	*/
	footer .footer-col-2 .footer-col-2-box:first-of-type img.footer-seta {
		top: -8%;
		right: -15%;
		width: 30%;
		height:  auto;
		animation: footer-seta 3s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
	}
	
	footer .footer-col-2 .footer-col-2-box:last-of-type {
		float: right;
		width: 50%;
		text-align: right;
	}
	
	footer .footer-col-2 .footer-col-2-box:last-of-type input,
	footer .footer-col-2 .footer-col-2-box:last-of-type textarea {
		background-color: #fff;
		padding: 2vh 4vh;
		width: 100%;
		margin-bottom: 2vh;
		font-size: 3vh;
		border: none;
		border-radius: 2vh;
	}
	
	footer .footer-col-2 .footer-col-2-box:last-of-type textarea {
		height: 40vh;
	}
	
	footer .footer-col-2 .footer-col-2-box:last-of-type input[type="submit"] {
		color: #d0043c;
		display: inline-block;
		width: auto;
		padding: 2vh 10vh;
		text-transform: uppercase;
	}
	
	footer .footer-col-2 .footer-col-2-box:last-of-type input[type="submit"]:hover {
		color: #fff;
		background-color: #d0043c;
		border: 6.2px solid #fff;
		padding: 1vh 9vh;
	}



/***************************************************************/
/* MOBILE - VERSION *******************************************/
/*************************************************************/
@media only screen and (max-width: 700px) {
	/***************************************************************/
	/* TAGS - INÍCIO **********************************************/
	/*************************************************************/

		body {
			padding-top: 50px;
		}
		
		header .zll-logo img {
			width: 100%;
			height:  auto;
			max-width: 200px;
			margin-top: 20px;
		}
	/***************************************************************/
	/* CONFIGURAÇÕES - INÍCIO *************************************/
	/*************************************************************/

		.zll-container .zll-content {
			padding: 10vh 0px 10vh 0px;
		}
	
	/***************************************************************/
	/* HEADER - INÍCIO ********************************************/
	/*************************************************************/

		header {
			height: 115px;
		}

		header nav ul li:last-of-type a {
			font-size: 15px;
			margin-top: 15px;
			padding-left: 40px;
			margin-right: 5%;
			background-size: auto 15px;
		}

		header nav ul li:last-of-type a:hover {
			animation: none;
		}

		header .zll-logo {
			margin-left: 5%;
			width: 50%;
		}

	/***************************************************************/
	/* SLIDER ELEMENTS - INÍCIO ***********************************/
	/*************************************************************/

		.zll-content-slider div.zll-slider-content-box {
			background-color: #921e68;
			width: 50%;
			height: 0%;
			position: absolute;
			bottom: 0px;
			left: 0px;
			overflow: hidden;
			animation: slider-purple-box 2s;
			animation-iteration-count: 1;
			animation-fill-mode: forwards;
		}
	
		.zll-slider-passing-wave{
			bottom: -7px;
		}


		.zll-slider-image {
			bottom: -33px;
		}

	/***************************************************************/
	/* H3 **************************************************/
	/*************************************************************/
	
	.zll-slider-content-box h3 {
		position: absolute;
		top: 80px;
		left: 0px;
		margin-bottom: 10vw;
	}
	
	/***************************************************************/
	/* BLOCO - 1 **************************************************/
	/*************************************************************/


		.zll-home-bloco-1 .zll-content {
			padding-left: 5% !important;
			padding-right: 5% !important;
		}

		.zll-home-bloco-1 .zll-content h2 {
			font-size: 5.5vw;
			text-align: center;
			margin-bottom: 3vh;
		}

		.zll-home-bloco-1 .zll-content p {
			font-size: 5.5vw;
		}

	/***************************************************************/
	/* PAINÉL - 2 *************************************************/
	/*************************************************************/

		.zll-painel-2 .zll-painel-2-megafone {
			transform: scale(0.7);
			margin: 0 auto;
		}
		
		.zll-painel-2-text {
			padding-top: 2vh;
		}
		
		.zll-painel-2-text p {
			padding: 0px 2%;
		}
		
		.zll-painel-2-text p span:nth-child(1) { font-size: 3.1vh; }
		.zll-painel-2-text p span:nth-child(2) { font-size: 4.3vh; }
		.zll-painel-2-text p span:nth-child(3) { font-size: 4.3vh; }
		.zll-painel-2-text p span:nth-child(4) { font-size: 2.7vh; }


	/***************************************************************/
	/* PAINÉL - 3 *************************************************/
	/*************************************************************/

		.zll-painel-3 .zll-painel-3-col-3 div {
			float: none;
			width: 100%;
			height: auto;
			text-align: center;
		}
		
		
		.zll-painel-3-v-line {
			position: relative;
			width: 80% !important;
			height: 15px !important;
			margin: 10vh 10%;
			top: auto;
		}

		.zll-painel-3-v-line.zll-painel-3-v-line-1 {
			left: auto;
		}

		.zll-painel-3-v-line.zll-painel-3-v-line-2 {
			right: auto;
		}

	/***************************************************************/
	/* PAINÉL - 5 *************************************************/
	/*************************************************************/

		.zll-painel-5 .zll-content h4 {
			font-size: 4vh;
		}
		.zll-painel-5 .zll-content p {
			font-size: 3.8vh;
			font-family: 'Encode Sans Semi Condensed', sans-serif;
			color: #6c6c6c;
			font-size: 3.25vh;
			padding: 0px 5%;
			margin-bottom: 7vh;
		}

		.zll-painel-5 .zll-content ul {
			text-align: center;
		}
		
		.zll-painel-5 .zll-content ul li {
			display: inline-block;
			width: 40%;
			margin-top: 3vh;
			float: none;
		}
/***************************************************************/
	/* PAINÉL - 5-1 *************************************************/
	/*************************************************************/

		.zll-painel-5-1 .zll-content h4 {
			font-size: 4vh;
		}
		.zll-painel-5-1 .zll-content p {
			font-size: 3.8vh;
		}

		.zll-painel-5-1 .zll-content ul {
			text-align: center;
		}
		
		.zll-painel-5-1 .zll-content ul li {
			display: inline-block;
			width: 40%;
			margin-top: 3vh;
			float: none;
		}	
	/***************************************************************/
	/* PAINÉL - 6 *************************************************/
	/*************************************************************/

		.zll-painel-6-parte-1 .zll-content {
			padding: 10vh 0px 5vh 0px;
		}

		.zll-painel-6-parte-2 .zll-content {
			padding: 10vh 0px 10vh 0px;
		}

		.zll-painel-6-parte-1 .zll-content h4 {
			font-size: 5vh;
		}

		.zll-painel-6-parte-1 .zll-content h3 {
			font-size: 3.5vh;
		}

		.zll-painel-6-parte-2 .zll-content h3 {
			font-size: 4.5vh;
			font-weight: 300;
			padding: 0px 5%;
			color: #6c6c6c;
		}

		.zll-painel-6-parte-2 .zll-content p {
			font-size: 3.2vh;
			padding: 0px 5%;
			margin: 0px;
		}
		.zll-painel-6 .zll-content p {
			font-weight: 300;
			font-family: 'Encode Sans Semi Condensed', sans-serif;
			color: #6c6c6c;
			font-size: 6.5vh;
			padding: 0px 5%;
			margin-bottom: 7vh;
	}
	/***************************************************************/
	/* FOOTER *****************************************************/
	/*************************************************************/

		footer {
			margin-bottom: 5vh;
			margin-top: 0px;
		}

		footer .zll-content {
			padding: 7vh 5% !important;
			position: relative;

		}

		footer .footer-col-2 .footer-col-2-box:first-of-type {
			float: none;
			width: 100%;
		}

		footer .footer-col-2 .footer-col-2-box:first-of-type p {
			font-size: 4vh;
			text-align: center;
			margin-bottom: 10vh;
		}

		footer .footer-col-2 .footer-col-2-box:first-of-type img {
			position: absolute;
		}
		
		/*
		footer .footer-col-2 .footer-col-2-box:first-of-type img.footer-logo-spice {
			top: -40%;
			left: 0px;
			width: 38%;
			height:  auto;
		}
		*/
	
		footer .footer-col-2 .footer-col-2-box:first-of-type p {
			margin-bottom: 2vh;
		}
	
		footer .footer-col-2 .footer-col-2-box:first-of-type img.footer-seta {
			top: auto;
			right: auto;
			margin: 0px auto 2vh auto;
			width: 20%;
			height:  auto;
			animation: none;
			position: relative;
			float: right;
			transform: rotate(-1deg)
		}
	
	
	
	

		footer .footer-col-2 .footer-col-2-box:last-of-type {
			float: none;
			width: 100%;
		}

		footer .footer-col-2 .footer-col-2-box:last-of-type input,
		footer .footer-col-2 .footer-col-2-box:last-of-type textarea {
			padding: 1vh 2vh;
			font-size: 2.5vh;
			text-align: center;
			width: 100%;
			margin-bottom: auto;
			margin-top: 2vh;
		}

		footer .footer-col-2 .footer-col-2-box:last-of-type textarea {
			height: 20vh;
		}

		footer .footer-col-2 .footer-col-2-box:last-of-type input[type="submit"] {
			display: block;
			width: 100%;
			padding: 1vh 4vh;
		}

		footer .footer-col-2 .footer-col-2-box:last-of-type input[type="submit"]:hover {
			color: #fff;
			background-color: #d0043c;
			border: 6.2px solid #fff;
			padding: 1vh 2vh;
		}
	/*************************************Painel 5-1************************/
.imgs-painel5-1{
width: 100%;
clear: both;
border:#000000 solid 0px;
padding: 2% 5%;overflow:hidden;
}
.imgs-painel5-1 .logo-control1{
float: left; 
width: 36%;
margin:5vh 0px 0px 3vh;
}
.imgs-painel5-1 .logo-control2{
float: right; 
width: 36%;	
margin:5vh 4vh 0px 0px;
}
.imgs-painel5-1 .logo-control3{
float: left; 
width: 36%;	
margin:5vh 0px 0px 6vh;
}
.imgs-painel5-1 .logo-control4{
float: right; 
width: 36%;	
margin:5vh 4vh 0px 0px;
}
.imgs-painel5-1 .logo-control5{
float: left; 
width: 36%;	
margin:5vh 0px 0px 6vh;
}
.imgs-painel5-1 .logo-control6{
float: right; 
width: 36%;	
margin:5vh 4vh 0px 0px;

}
.imgs-painel5-1 .logo-control7{
float: left; 
width: 36%;	
margin:5vh 0px 0px 16vh;

}
}

/*************************************Painel 5-1************************/


@media screen and (max-width: 2000px) and (min-width: 1000px) {
	
	.zll-content-slider {
		padding: 20% 0px !important;
	}
	
	.zll-slider-content-box h3 {
		margin-bottom: 8vw;
	}
	
	.zll-slider-content-box h3 span {
		font-size: 4vw;
	}
	
	.zll-slider-image {
		width: 50%;
	}
	

/***************************************************************/
	/* header **************************************************/
	/*************************************************************/
	

header nav ul li:last-of-type .icon-1{
		display: inline-block;
		font-size: 28px;
		margin-top: 20px;
		padding-left: 60px;
		margin-right: 5%;
		color: #6c6c6c;
		background: transparent url(../images/icon-menu-mail.png) no-repeat center left 10px;
		background-size: auto 25px;
}
	header nav ul li:last-of-type .icon-2{
		display: inline-block;
		font-size: 28px;
		margin-top: 20px;
		padding-left: 60px;
		margin-right: 5%;
		color: #6c6c6c;
		background: transparent url(../images/icon-menu-whats.png) no-repeat center left 10px;
		background-size: auto 40px;
	}
	/*************************************Painel 5-1************************/
.imgs-painel5-1{
width: 100%;
clear: both;
border:#000000 solid 0px;
padding: 2% 5%;overflow:hidden;
margin-bottom: 10vh;
}
.imgs-painel5-1 .logo-control1{
float: left; 
width: 16.6%;
margin:5vh 0px 0px 0vh;
}
.imgs-painel5-1 .logo-control2{
float: left; 
width: 16.6%;	
margin:5vh 0vh 0px 0px;
}
.imgs-painel5-1 .logo-control3{
float: left; 
width: 16.6%;	
margin:5vh 0px 0px 0vh;
}
.imgs-painel5-1 .logo-control4{
float: left; 
width: 16.6%;	
margin:5vh 0vh 0px 0px;
}
.imgs-painel5-1 .logo-control5{
float: left; 
width: 16.6%;	
margin:5vh 0px 0px 0vh;
}
.imgs-painel5-1 .logo-control6{
float: left; 
width: 16.6%;	
margin:5vh 0vh 0px 0px;

}
.imgs-painel5-1 .logo-control7{
float: left; 
width: 16.6%;	
margin:5vh 0px 0px 0vh;

}

	
}