/* 
** CSS Document
** Desenvolvido por Hebley Vinicius (hebley.vinicius@wtis.com.br)
** Validado e Ajustado por Tiago Felipe (tiago@tiagofelipe.com)
*/
@charset "utf-8";

.banner-page{
	width: 100%;
    height: 618px;
    background: url(../../images/banner.jpg) center;
    position: relative;
}
.banner-page .bg{
	height: 100%;
	position: relative;
	background-color: rgba(0, 0, 0, 0.47);
}
.banner-page .show-selo{
	position: absolute;
	top: 205px;
	width: 100%;
}
.banner-page .show-selo div{
	position: absolute;
    top: -431px;
    left: 0;
    right: 0;
    width: 701px;
    margin: auto;
}
.banner-page .show-selo h1{
	font-size: 29px;
	margin: 0 0 6px 0;
	letter-spacing: 0.05em;
}
.banner-page .show-selo h2{
	font-size: 13.5px;
}
.banner-page .show-selo h1,
.banner-page .show-selo h2{
	color: #FFFFFF;
	text-align: center;
	font-family: sans-serif;
	font-weight: 500;
	text-transform: uppercase;
}
.banner-page .cont-textBanner{
	background-color: #2E2E2E;
	box-shadow: 1px 1px 20px #000000;
	padding: 32px 52px;
	color: #FFFFFF;
	position: relative;
	margin-top: -287px;
	float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
}
.banner-page .cont-textBanner .left-text{
	float: left;
	width: 854px;
	border-right: 1px solid #000000;
	padding-right: 98px;

}
.banner-page .cont-textBanner .left-text p{ margin-bottom: 20px; line-height: 1.3; }
.banner-page .cont-textBanner .left-text p span{
	font-weight: 600;
	font-size: 15px;
}
.banner-page .cont-textBanner .left-text p:last-child{ margin-bottom: 0; }
.banner-page .cont-textBanner .right-text{
	float: right;
	width: 242px;
	border-left: 1px solid #484848;
	padding: 0 0 8px 36px;
}
.banner-page .cont-textBanner .right-text h3{
	font-size: 13px;
	font-weight: 700;
}
.banner-page .cont-textBanner .right-text p{
	margin: 20px 0 36px 0;
	line-height: 1.4;
}
.banner-page .cont-textBanner .right-text .valor{}
.banner-page .cont-textBanner .right-text .valor span{ font-size: 13px; display: block; }
.banner-page .cont-textBanner .right-text .valor strong{ font-size: 24px; font-weight: 600; }
.banner-page .cont-textBanner .right-text .valor strong span{ display: inline-block; }
.banner-page .cont-textBanner .right-text .valor .cont-btn{ margin: 22px 0 13px 0 }
.banner-page .cont-textBanner .right-text .valor .cont-btn a{
	text-decoration: none !important;
	color: #FFFFFF;
	background-color: #6AB543;
	width: 100%;
	border-radius: 8px;
	font-weight: 600;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	user-select: none;
}
.banner-page .cont-textBanner .right-text .valor .cont-btn a:hover,
.banner-page .cont-textBanner .right-text .valor .cont-btn a:focus{ background-color: #5ba037; }
.banner-page .cont-textBanner .right-text .valor a{ text-decoration: underline; color: #FFFFFF; margin-bottom: 5px; }
/* END Banner */

.cont-incluso{
	float: left;
	width: 100%;
	padding: 111px 0 55px 0;
	background-color: #171717;
	margin-top: -81px;
}
.cont-incluso h2{
	text-align: center;
	color: #6AB543;
	font-weight: 700;
	font-size: 26px;
	margin-bottom: 49px;
}
.cont-incluso .left-itens,
.cont-incluso .right-itens{
	float: left;
	width: 50%;
	color: #FFFFFF;
}
.cont-incluso .left-itens div.item,
.cont-incluso .right-itens div.item{
	width: 352px;
	float: left;
	margin: 0 0 81px 178px;
	position: relative;
}
.cont-incluso .left-itens div.item:last-child{
	margin-top: 82px;
}
.cont-incluso .left-itens .cont-icon,
.cont-incluso .right-itens .cont-icon{
    margin-left: -116px;
    position: absolute;
}
.cont-incluso h3{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
}
.cont-incluso span{
	width: 100%;
	font-size: 12px;
	color: #9B9B9B;
	margin: 15px 0 10px 0;
	display: block;
}
.cont-incluso p{
	font-size: 14px;
	line-height: 1.2;
}
.cont-incluso p a{ color: #FFFFFF; text-decoration: underline; }
.cont-incluso ul{ display: flex; flex-wrap: wrap; }
.cont-incluso ul li{ 
	font-size: 13.5px;
    float: left;
    margin: 0 27px 3px 0;
    line-height: 1.2;
}
.cont-incluso ul li:nth-child(3n){ margin-right: 0; }
.cont-incluso ul li:nth-child(7n){ margin: 0 0 0 27px; }
.cont-incluso ul li i{ color: #01D71F; height: 100%; float: left; margin-right: 4px; }
.cont-incluso .m-b{ margin-bottom: 20px; }
/* END Incluso */

.nosso-software{
	float: left;
	width: 100%;
	padding: 40px 40px 16px 40px;
	background-color: #EDEDED;
}
.nosso-software .cont-textos{
	width: 620px;
	float: left;
}
.nosso-software .cont-textos h2{
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 600;
}
.nosso-software .cont-textos p{
	margin-top: 16px;
	font-size: 14px;
	color: #333333;
	line-height: 1.2;
}
.nosso-software .cont-textos a{
	width: 205px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
	border-radius: 8px;
	background-color: #8F8F8F;
	color: #FFFFFF;
	font-weight: 600;
	margin-top: 22px;
	user-select: none;
}
.nosso-software .cont-textos a:hover,
.nosso-software .cont-textos a:focus{ background-color: #696868; }
.nosso-software .cont-img{
	float: right;
	margin-top: -58px;
}
/* END Software */

.show-mensagem{
	float: left;
	width: 100%;
	background-color: #171717;
	padding: 68px 0 8px 0;
}
.show-mensagem h5{
	font-size: 18px;
	width: 755px;
	margin: auto;
	font-weight: 600;
	color: #FFFFFF;
	margin-bottom: 18px;
}
.show-mensagem p{
	width: 755px;
	margin: auto;
	font-weight: 600;
	font-size: 14px;
	color: #FFFFFF;
	margin-bottom: 3px;
}
.show-mensagem p.m-b{
	margin-bottom: 57px;
}
.show-mensagem p strong a{ color: #FFFFFF; }
.show-mensagem p strong a:hover, .show-mensagem p strong a:focus{ text-decoration: underline; }

/* Efects */
.nosso-software .cont-textos a{
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/* Media Query */
@media screen and (max-width: 767px){
	.banner-page .show-selo div{
		width: 100%;
		top: -245px;
	}
	.banner-page .show-selo div img{ max-width: 100%; }
	.banner-page .show-selo h1{
		font-size: 16px;
	}
	.banner-page .show-selo h2{
		font-size: 12px;
    	padding: 0 15px;
    	line-height: 1.4;
	}
	.banner-page .cont-textBanner{
		padding: 17px;
		font-size: 12px;
	}
	.banner-page .cont-textBanner .left-text{
		width: 100%; border: 0;padding: 0 0 15px 0; border-bottom: 1px solid #000000;
	}
	.banner-page .cont-textBanner .left-text p{ width: 100%; }
	.banner-page .cont-textBanner .left-text p span{ font-size: 13px; }
	.banner-page .cont-textBanner .right-text{
		width: 100%; border: 0; padding: 15px 0 0 0; text-align: center;
	}
	/* END Banner */

	.cont-incluso h2{
		font-size: 20px;
	}
	.cont-incluso .left-itens,
	.cont-incluso .right-itens{
		width: 100%; padding: 0; margin: 0;
	}
	.cont-incluso .left-itens div.item,
	.cont-incluso .right-itens div.item{
		width: 100%;
    	margin: 0;
    	text-align: center;
	}
	.cont-incluso .right-itens div.item{ margin-top: 40px; }
	.cont-incluso .left-itens .cont-icon,
	.cont-incluso .right-itens .cont-icon{
		position: relative;
    	margin: 0 0 8px 0;
	}
	.cont-incluso h3{
		font-size: 16px;
	}
	.cont-incluso p{
		font-size: 12px;
	}
	.cont-incluso ul{ justify-content: center; }
	/* END Incluso */

	.nosso-software{
		padding: 30px 0;
	}
	.nosso-software .cont-textos{
		width: 100%;
	}
	.nosso-software .cont-textos h2{
		text-align: center; font-size: 16px;
	}
	.nosso-software .cont-textos p{
		text-align: center; font-size: 12.5px;
	}
	.nosso-software .cont-textos a{
		margin: 20px auto;
	}
	.nosso-software .cont-img{
		margin: 20px 0 0 0;
	}
	/* END Software */

	.show-mensagem h5{
	    width: 100%;
    	text-align: center;
    	font-size: 14px;
	}
	.show-mensagem p{
		font-size: 11.5px;
		width: 100%; text-align: center;
	}
}
@media screen and (min-width: 768px) and (max-width: 1100px){
	.banner-page .cont-textBanner .left-text{
		border: 0;
		padding-bottom: 30px;
		width: 100%;
	}
	.banner-page .cont-textBanner .right-text{
		border: 0;
		text-align: center;
		width: 100%;
	}
	/* END Banner */

	.cont-incluso .left-itens{ margin-bottom: 40px; }
	.cont-incluso .left-itens,
	.cont-incluso .right-itens{
		width: 100%;
	}
	.cont-incluso .left-itens div.item,
	.cont-incluso .right-itens div.item{
		width: 50%;
		margin: 0 !important;
		padding: 0 15px;
		text-align: center;
	}
	.cont-incluso .left-itens .cont-icon,
	.cont-incluso .right-itens .cont-icon{
		position: relative;
    	margin: 0 auto;
    	display: flex;
    	justify-content: center;
	}
	/* END Incluso */

	.nosso-software{
		width: 100%; text-align: center;
	}
	.nosso-software .cont-textos a{
		margin: 20px auto;
	}
	.nosso-software .cont-img{
    	float: right;
    	margin-top: -257px;
    	opacity: 0.1;
	}
	/* END Software */
}
@media screen and (max-width: 767px){ 
	
}
@media screen and (min-width: 768px) and (max-width: 1000px){}

.ligamos .cont-header .foto{
    background-image: url(../../images/fotoAtendente.jpg) !important;
}