/*
Theme Name: Beepfy
Author: Beepfy
Description: Tema para o site
Version: 1.0
*/ 
@font-face {
    font-family: 'Caecilia LT Pro 55 Roman';
    src: url('css/fontes/CaeciliaLTPro-85Heavy.woff2') format('woff2'),
        url('css/fontes/CaeciliaLTPro-85Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Caecilia LT Pro 45';
    src: url('css/fontes/CaeciliaLTPro-75Bold.woff2') format('woff2'),
        url('css/fontes/CaeciliaLTPro-75Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;1,700&display=swap');

html{
	scroll-behavior: smooth;
}
:root {
    --roxo: #734293;
	--preto: #1E1E1E;
}
::-webkit-scrollbar-thumb {
	background-color: var(--roxo);
}
::-webkit-scrollbar {
	width: 8px;
}
body{
	font-family: 'Montserrat', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
    font-size: 15px;
    font-weight: 500;
	line-height: normal;
}

/*- MENU -*/
header {
	position: fixed;
	width: 100%;
	z-index: 1000;
	padding: 20px 0;
	transition: all 0.5s;
	background: transparent;
	top: 0;
}
a.logo {
	width: 100%;
	height: auto;
	cursor: pointer;
    display: block;
}
a.logo img {
	width: 100%;
	height: auto;
	max-width: 163px;
}
header.menufixo {
	background-color: #474048;
}
.paginainterna header.menufixo {
	background-color: #ffffff;
}
nav{
	position: relative;
}
nav ul{
	padding: 0 0 0 0;
	list-style: none;
    padding-top: 15px;
	float: right;
}
nav ul li{
	display: inline-block;
	margin: 10px 15px;
    vertical-align: middle;
}
nav ul li a{
    padding: 2px;
	position: relative;
	color: #FFF;
	font-size: 15px;
	font-weight: 500;
	transition: all 0.5s;
}
nav ul li a:after {
	content: '';
	display: none;
	position: absolute;
	width: 9px;
	height: 13px;
	background-image: url(images/logo_half_symbol.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
    top: -1px;
    right: -5px;
	transition: all 0.5s;
}
nav ul li a:hover,
nav ul li a.ativo {
	cursor: pointer;
	text-decoration: none;
	color: var(--roxo);
}

nav ul li a:hover:after { 
	display: block;
}
.menuMobile{
	border: 0;
	border-radius: 0;
	padding: 0px;
	cursor: pointer;
	float: right;
    background: none;
}
.menuMobile:hover{
	opacity: 0.8;
}
.overlayMenu{
	height: 0%;
	width: 100%;
    background: #000;
	z-index: 1200;
	position: fixed;
	right: 0;
	top: 0;
	overflow: hidden;
	transition: all 0.5s;
}
.closeMenu{
	position: absolute;
    top: 25px;
    right: 15px;
}
.menuConteudo{
    padding: 20px 20px 20px 15px;
	height: 100%;
	background-color: #474048;
}
.menuConteudo a.logo img{
	max-width: 163px;
}
.menuConteudo nav ul{
	padding-top: 30px;
	padding-left: 0px;
	float: none;
}
.menuConteudo nav ul li{
	display: block;
	margin-bottom: 20px;
	margin-left: 0;
}
.hero {
	position: relative;
	background-image: url(images/hero.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 260px 0 190px 0;
}
.heroPreTitulo {
	color: #FFF;
	font-size: 18px;
}
.heroPreTitulo span {
	display: inline-block;
	position: relative;
	background: linear-gradient(180deg, #6F4C9C -5.1%, #FC4DD6 93.4%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: Montserrat;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 2.79px;
}
.heroPreTitulo span:after {
	content: '';
	position: absolute;
	width: 9px;
	height: 13px;
	background-image: url(images/logo_half_symbol.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
    top: 0px;
    right: -5px;
	filter: brightness(0) saturate(100%) invert(34%) sepia(83%) saturate(944%) hue-rotate(261deg) brightness(93%) contrast(83%);
}
.heroTitulo {
	position: relative;
}
.heroTitulo h1 {
	color: #FFF;
    font-family: 'Caecilia LT Pro 55 Roman';
	font-size: 68px;
	margin: 30px 0 50px 0;
}
.heroTitulo h1 span {
	display: inline-block;
	position: relative;
	z-index: 1;
}
.heroTitulo span:before {
    content: '';
    position: absolute;
    background: var(--roxo);
    width: 262px;
    height: 100px;
    z-index: -1;
    top: -10px;
    left: -9px;
}
.heroTitulo span:after {
	content: '';
	position: absolute;
	width: 42px;
	height: 62px;
	background-image: url(images/logo_half_symbol.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
    top: -25px;
    right: -35px;
	filter: brightness(0) invert(1);
	z-index: 2;
}
.heroCta {
	display: flex;
    align-items: center;
}
a.ctaBeep {
	font-weight: 500;
	font-size: 18px;
	color: #1E1D1E;
	padding: 17px 30px;
	background: 
	  linear-gradient(#ffffff 0 0) padding-box, 
	  linear-gradient(131deg, #6F4C9C -5.1%, #FC4DD6 93.4%) border-box;
	border: 2px solid transparent;
	border-radius: 40px;
}
.heroCta a.ctaBeep {
	color: #ffffff;
	background: 
	  linear-gradient(#474048 0 0) padding-box, 
	  linear-gradient(131deg, #6F4C9C -5.1%, #FC4DD6 93.4%) border-box;
}
a.ctaBeep:hover,
.confie a.ctaBeep:hover {
	color: #ffffff;
	text-decoration: none;
	background: linear-gradient(131deg, #6F4C9C -5.1%, #FC4DD6 93.4%) border-box;
}
.ctaTexto {
	color: #7B7979;
	font-size: 15px;
	font-weight: 500;
	line-height: 146%;
	text-align: left;
	margin-left: 50px;
	max-width: 360px;
}
.heroDiferencialItem {
	display: flex;
    color: #FFF;
    font-size: 15px;
    align-items: center;
    margin-top: 50px;
	margin-bottom: 50px;
}
.heroDiferencialItem img {
	margin-right: 20px;
}
.heroDiferencialItem1 {
	margin-left: 0;
}
.heroDiferencialItem2 {
	margin-left: 100px;
}
.heroDiferencialItem3 {
	margin-left: 45px;
}
.marcas {
	padding: 70px 0 50px 0;
}
.areaSwiper{
	width: 100%;
	position: relative;
    padding: 0px 0px;
}
.swiperControles{
	display: block;
	position: absolute;
	bottom: -60px;
	right: 0;
	height: 30px;
	width: 100%;
}
.swiper-button-prev:after,
.swiper-button-next:after{
	display: none;
}
.swiper-button-prev1{
	left: 0px;
}
.swiper-button-next1{
	right: 0px;
}
.swiper-pagination1 {
	top: 2px !important;
	margin-right: 30px;
}
.swiper-pagination-bullet {
	background: #DADADA !important;
	border-radius: 75px;
	opacity: 1;
	transition: all 0.2s;
	height: 9px;
	width: 9px;
}
.swiper-pagination-bullet-active{
	width: 9px;
	height: 9px;
	background: #314266 !important;
}
.swiper-button-disabled{
	display: none;
}
.swiperMarcas .swiper-wrapper {
    align-items: center;
	margin-bottom: 70px;
}
.boxMarca {
	text-align: center;
}
.boxMarca img {
	width: 100%;
	height: auto;
	max-width: 150px;
	margin: 0 auto;
}
.linhaBeep {
	height: 2px;
	background: #DDD;
	width: 100%;
	position: relative;
	margin-left: 20px;
}
.linhaBeep:before {
	content: '';
	display: block;
	width: 18px;
	height: 10px;
	background-image: url(images/linha-simbolo.svg);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	left: -20px;
	top: -4px;
}
.sobre {
	padding: 100px 0 130px 0;
	position: relative;
}
.sobremarcas {
	width: 126px;
	height: 300px;
	background-image: url(images/sobre-marcas.svg);
	position: absolute;
	bottom: -100px;
	right: 5vw;
}
.sobreImg {
	position: relative;
}
img.sobreLinha {
	position: absolute;
    z-index: 0;
    width: 22px;
    height: auto;
    bottom: -110px;
    left: 55px;
}
img.sobreImagem {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 2;
}
img.sobreSelo {
    position: absolute;
    z-index: 3;
    width: 75px;
    height: auto;
    bottom: 65px;
    left: 90px;
    animation: rodarEtiqueta 22s linear infinite;
}
h2.titulo {
	color: #000;
    font-family: 'Caecilia LT Pro 45';
	font-size: 34px;
	font-weight: 700;
	line-height: normal;
}
h2.titulo span {
	color: var(--roxo);
}
.sobreTexto {
	margin: 30px 0 40px 0;
	color: #878787;
	font-size: 15px;
	font-weight: 500;
	line-height: 139%;
}
.sobreItemCheck {
	color: #1E1D1E;
	font-size: 15px;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 28px;
}
.sobreItemCheck img {
	margin-right: 17px;
}
.sobre a.ctaBeep {
	width: 100%;
	max-width: 380px;
	margin-top: 40px;
    display: block;
    text-align: center;
}
.cultura {
	padding: 10px 0 150px 0;
}
.culturaItem {
	text-align: left;
	margin-top: 50px;
}
img.culturaItemImg {
	width: 91px;
	height: auto;
}
.culturaItemTitulo {
	color: #1E1D1E;
    font-family: 'Caecilia LT Pro 45';
	font-size: 20px;
	font-weight: 700;
	line-height: normal;
	margin: 30px 0 17px 0;
}
.culturaItemTexto {
	color: #878787;
	font-size: 15px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.525px;
}
.confie {
	padding: 180px 0 140px 0;
	background-image: url(images/bg_call-to-action.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}
.confiePreTitulo {
	color: #878787;
	font-size: 15px;
	font-weight: 500;
}
.confieTitulo {
	color: #FFF;
    font-family: 'Caecilia LT Pro 45';
	font-size: 56px;
	font-weight: 700;
	line-height: normal;
	margin: 45px 0;
}
.confieTitulo span {
	display: inline-block;
	position: relative;
	z-index: 1;
}
.confieTitulo span:before {
    content: '';
    position: absolute;
    background: var(--roxo);
    width: 150px;
    height: 65px;
    z-index: -1;
    top: -5px;
    left: -5px;
}
.confieTitulo span:after {
	content: '';
	position: absolute;
	width: 28px;
	height: 43px;
	background-image: url(images/logo_half_symbol.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	top: -19px;
    right: -21px;
    filter: brightness(0) invert(1);
    z-index: 2;
}
.confie a.ctaBeep {
    display: inline-block;
	color: #ffffff;
	background: 
	  linear-gradient(#403d42 0 0) padding-box, 
	  linear-gradient(131deg, #6F4C9C -5.1%, #FC4DD6 93.4%) border-box;
}
.ajudar {
	padding: 120px 0 120px 0;
}
.ajudarBox {
	display: flex;
    flex-wrap: wrap;
	padding: 40px 18px 10px 18px;
}
.ajudarBoxImg {
	flex: 0 1 20%;
}
.ajudarBoxImg img {
	width: 65px;
	height: auto;
}
.ajudarBoxNumero {
	color: var(--roxo);
	text-align: center;
	font-size: 24px;
	font-weight: 500;
	line-height: normal;
	flex: 0 1 15%;
}
.ajudarBoxtextos {
	margin: 0;
	flex: 0 1 65%;
}
.ajudarBoxTitulo {
	color: #1E1D1E;
    font-family: 'Caecilia LT Pro 45';
	font-size: 20px;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 5px;
	height: 50px;
}
.ajudarBoxtexto {
	color: #878787;
	font-size: 15px;
	font-weight: 400;
	line-height: 135%;
	letter-spacing: 0.3px;
	min-height: 90px;
}
.ajudar .linhaBeep {
	width: 95%;
}
.tecnologias:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 50px;
	background-image: url(images/pattern-tecnologias.png);
	background-position: top center;
	background-repeat: repeat;
	top: -50px;
}
.tecnologias {
	background: #FAFAFA;
	padding: 90px 0;
	position: relative;
}
.tecnologiasTexto {
	color: #878787;
	font-size: 15px;
	font-weight: 500;
	line-height: 149%;
	letter-spacing: 0.3px;
}
.boxTecnologia {
	padding: 30px 15px 10px 0;
}
.boxTecnologiaTitulo {
	color: #1E1D1E;
	font-size: 15px;
	font-weight: 700;
	line-height: 149%;
	letter-spacing: 4.725px;
	margin-bottom: 6px;
}
.boxTecnologiaTexto {
	color: #878787;
	font-size: 13px;
	font-weight: 500;
	line-height: 149%;
	height: 52px;
}
.boxTecnologiaLinguagem {
	display: flex;
    align-items: center;
}
.boxTecnologiaProgresso {
    width: 60%;
}
.boxTecnologiaProgresso .progress {
	background-color: #DDD;
}
.boxTecnologiaProgresso .progress-bar {
    background-color: #734293;
}
.boxTecnologiaInfo {
	color: #DDD;
	font-size: 10px;
	font-weight: 500;
	line-height: 83%;
	margin-left: 20px;
}
.boxTecnologiaInfo span {
	font-size: 15px;
}
.tecnologias a.ctaBeep {
	display: block;
    width: 280px;
    text-align: center;
    position: absolute;
    right: 15%;
    bottom: 30px;
    z-index: 10;
}
.casos {
	padding: 80px 0 120px 0;
}
.swiperControles3 {
    top: -45px;
    width: 200px;
}
.swiper-button-prev3 {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1.35px;
    width: 90px;
}
.swiper-button-prev3 img {
	margin-right: 10px;
}
.swiper-button-next3 {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1.35px;
    width: 90px;
}
.swiper-button-next3 img {
	margin-left: 10px;
}
.casos .swiper-button-disabled {
	display: flex;
	filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(4935%) hue-rotate(197deg) brightness(126%) contrast(73%);
}
a.boxCasos {
	margin-top: 70px;
	display: block;
}
.boxCasosImg {
	width: 100%;
	height: 360px;
}
.boxCasosImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
}
.boxCasosInfos {
	display: flex;
	padding: 20px 0;
}
.boxCasosTitulo {
	color: #000;
    font-family: 'Caecilia LT Pro 45';
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 2px;
	flex: 0 1 40%;
}
.boxCasosCategoria {
	color: var(--roxo);
	font-size: 15px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 1.35px;
	margin-top: 13px;
}
.boxCasosTexto {
    color: #7B7979;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    flex: 0 1 55%;
    margin-left: 5%;
}
a.boxCasos:hover,
a.boxCasos:hover .boxCasosTitulo,
a.boxCasos:hover .boxCasosTexto {
	color: var(--roxo);
	text-decoration: none;
}
.faq {
	text-align: center;
	padding: 70px 0 80px 0;
	background-image: url(images/bg_faq.jpg);
	background-position: center;
	background-size: cover;
	position: relative;
}
.faq:before {
	content: '';
	display: block;
	position: absolute;
	background-image: url(images/duvida_pessoa.png);
	width: 461px;
	height: 471px;
	bottom: 0;
	left: 0;
}
.preTituloFaq {
	font-size: 15px;
	font-weight: 500;
	line-height: normal;
	color: var(--roxo);
}
.faq h2.titulo {
	margin-bottom: 40px;
}
.sanfonaClean{
	position: relative;
}
.sanfonaClean .card{
	border: none;
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0px 1px 39px 0px rgba(135, 135, 135, 0.09);
	margin-bottom: 25px;
}
.sanfonaClean .card-header{
    text-align: left;
	padding: 20px 30px 20px 30px;
	color: #1E1D1E;
    font-family: 'Caecilia LT Pro 45';
	font-size: 20px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.7px;
	border: none;
	background: transparent;
}
.sanfonaClean .btn-link{
	padding: 0px 0;
	transition: all 0.2s;
	color: #292929;
    display: block;
    text-align: left;
	font-weight: 500;
    white-space: normal;
}
.sanfonaClean .btn-link.collapsed{
	color: #292929;
    box-shadow: none;
}
.sanfonaClean p{
    text-align: left;
	color: #878787;
	font-size: 15px;
	font-weight: 500;
}
.sanfonaClean .card-body{
	padding: 0px 30px 20px 30px;
}
.sanfonaClean .card .btn-link .iconeSanfona {
	width: 45px;
	height: 25px;
	border: 1px solid #6F4C9C;
	background-color: #ffffff;
    position: absolute;
    right: 35px;
    top: 22px;
	border-radius: 50px;
	background-image: url(images/faq_menos.svg);
	background-repeat: no-repeat;
	background-position: center;
}
.sanfonaClean .card .btn-link.collapsed .iconeSanfona {
	background-color: #6F4C9C;
	background-image: url(images/faq_mais.svg);
}
.btn-link:hover{
    text-decoration: none;
}
.sanfonaClean .linhaBeep {
	margin-bottom: 20px;
    width: 97%;
}
.seloBeepFaq {
	position: absolute;
    right: -85px;
    top: 15px;
}
.seloBeepFaq img {
	width: 226px;
	height: auto;
    animation: rodarEtiqueta 26s linear infinite;
}
@keyframes rodarEtiqueta { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}
.contato {
	padding: 100px 0 180px 0;
	background-color: #1E1D1E;
}
.contato h2.titulo {
	color: #ffffff;
	margin-bottom: 60px;
}
.contato h2.titulo span {
	color: #FC4DD6;
}
label.formlabel {
	color: #FFF;
	font-size: 15px;
	font-weight: 500;
	width: 215px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
label.formlabel span {
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 2.3px;
	text-transform: uppercase;
	color: #FC4DD6;
}
label.formopcional span {
	color: #666666;
}
.form-control {
	background: none;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #DDD;
	color: #ffffff;
	font-size: 15px;
    margin-bottom: 25px;
}
.form-control:focus  {
    background: none;
    outline: none;
    box-shadow: none;
    color: #ffffff;
}
.infoForm {
	color: #878787;
	font-size: 13px;
	font-weight: 500;
	margin: 60px 0 30px 0;
}
.formsubmit{
	font-weight: 500;
	font-size: 18px;
	color: #ffffff;
	padding: 17px 30px;
	background: 
	  linear-gradient(#1E1D1E 0 0) padding-box, 
	  linear-gradient(131deg, #6F4C9C -5.1%, #FC4DD6 93.4%) border-box;
	border: 2px solid transparent;
	border-radius: 40px;
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}
.formsubmit:hover {
	color: #ffffff;
	text-decoration: none;
	background: linear-gradient(131deg, #6F4C9C -5.1%, #FC4DD6 93.4%) border-box;
	cursor: pointer;
}
span.wpcf7-list-item-label, 
label.checkboxDefault{
    font-size: 14px;
    line-height: 25px;
    vertical-align: middle;
	color: #ffffff;
	margin-left: 5px;
}
.checkboxDefault {
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 5px;
	padding-top: 0px;
	cursor: pointer;
	text-align: left;
	color: #FFF;
	font-size: 13px;
	font-weight: 500;
}
span.wpcf7-list-item-label span,
.checkboxDefault span {
	color: #FC4DD6;
}
.checkboxDefault a{
	font-weight: 800;
}
.checkboxDefault input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.control_indicator {
	position: absolute;
	top: 2px;
	left: 0;
	height: 20px;
	width: 20px;
	background: transparent;
	border: 1px solid #ffffff;
	border-radius: 5px;
}
.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
	background: #cccccc;
}
.checkboxDefault input:checked ~ .control_indicator {
	background: #FC4DD6;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.checkboxDefault input:checked:focus ~ .control_indicator {
	background: #FC4DD6;
}
.checkboxDefault input:disabled ~ .control_indicator {
	background: #e6e6e6;
	opacity: 0.6;
	pointer-events: none;
}
.control_indicator:after {
	box-sizing: unset;
	content: '';
	position: absolute;
	display: none;
}
.checkboxDefault input:checked ~ .control_indicator:after {
	display: block;
}
.control-checkbox .control_indicator:after {
	left: 7px;
	top: 3px;
	width: 3px;
	height: 8px;
	border: solid #ffffff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.rodape {
	padding: 70px 0 60px 0;
	background-image: url(images/footer.svg);
	background-position: center;
	background-size: cover;
	background-color: #1E1D1E;
}
img.logoRodape {
	margin-bottom: 30px;
	width: 100%;
	height: auto;
	max-width: 196px;
}
.infoRodape {
	color: #FFF;
	font-size: 18px;
	font-weight: 500;
}
.social {
	margin: 25px 0;
}
.social a {
	display: inline-block;
	margin-right: 25px;
}
.social a:hover {
	filter: brightness(0) invert(1);
}
.tituloRodape {
	color: #FFF;
    font-family: 'Caecilia LT Pro 45';
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 25px;
}
.tituloRodape span {
	color: var(--roxo);
}
.textoRodape {
	color: #FFF;
	font-size: 15px;
	font-weight: 500;
	line-height: 159%;
}
.rodape .linhaBeep {
	margin: 25px 0 30px 0;
}
.textoLegal {
	color: #DDD;
	font-size: 13px;
	font-weight: 400;
	text-align: left;
}
.textoMade {
	color:  #DDD;
	text-align: right;
	font-size: 15px;
	font-weight: 400;
}
.paginainterna header a.logo,
.paginainterna .menuMobile {
	filter: brightness(0) saturate(100%) invert(29%) sepia(10%) saturate(3965%) hue-rotate(234deg) brightness(98%) contrast(86%);
}
.paginainterna header nav ul li a {
    color: #000;
}
.titulopagina {
	padding: 60px 0 80px 0;
	background-image: url(images/pattern-titulo.svg);
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 100px;
}
a.voltar {
	margin-bottom: 25px;
	display: flex;
	color: #000;
	font-size: 15px;
	font-weight: 500;
    align-items: center;
}
a.voltar:hover {
	text-decoration: none;
	color: var(--roxo);
}
a.voltar img {
	margin-right: 14px;
}
.titulopagina h1 {
	color: #1E1D1E;
    font-family: 'Caecilia LT Pro 45';
	font-size: 40px;
	font-weight: 700;
	position: relative;
    display: inline-block;
}
.titulopagina h1:after {
	content: '';
	position: absolute;
	background-image: url(images/logo_half_symbol.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
    width: 40px;
    height: 60px;
    top: -18px;
    right: -29px;
	filter: brightness(0) saturate(100%) invert(29%) sepia(10%) saturate(3965%) hue-rotate(234deg) brightness(98%) contrast(86%);
}
.conteudopagina {
	text-align: left;
	padding-bottom: 50px;
}
.imagemCaso {
	margin: 60px 0 30px;
}
.imagemCaso img {
	width: 100%;
	height: auto;
}
.conteudopagina h2.titulo {
	margin: 20px 0;
}
.conteudopaginaInfos {
	display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.conteudoInfo {
	color: #1E1D1E;
	font-size: 18px;
	font-weight: 500;
	margin: 20px 0;
}
.conteudoInfo span {
	color: var(--roxo);
}
.conteudopagina .linhaBeep {
	margin: 20px;
}
.conteudopaginaTexto {
	color: #878787;
	font-size: 18px;
	font-weight: 500;
	line-height: 147%;
	margin: 20px 0;
}
.conteudopaginaCheck {
	display: flex;
	color: #7B7979;
	font-size: 18px;
	font-weight: 500;
	margin-top: 15px;
    align-items: center;
}
.conteudopaginaCheck img {
	margin-right: 15px;
}


























/*		Responsive CSS 		*/
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.hero {
		padding: 150px 0 50px 0;
		background-position: center right;
	}
	.heroTitulo h1 {
		font-size: 36px;
	}
	.heroCta {
		align-items: center;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.heroTitulo span:before {
		width: 125px;
		height: 50px;
		top: -5px;
		left: -3px;
	}
	.heroTitulo span:after {
		width: 18px;
		height: 28px;
		top: -11px;
		right: -14px;
	}
	.heroCta a.ctaBeep {
		display: block;
		width: 100%;
		text-align: center;
		margin-top: 40px;
	}
	.ctaTexto {
		margin-left: 0px;
	}
	.confieTitulo {
		font-size: 36px;
	}
	.seloBeepFaq {
		right: 15px;
		top: 50px;
	}
	.seloBeepFaq img {
		width: 75px;
	}
	.faq:before {
		display: none;
	}
	.linhaBeep {
		width: 95%;
	}
	.hiddenMobile {
		display: none !important;
	}
	.swiperMarcas .swiper-wrapper {
		margin-bottom: 0px;
	}
	h2.titulo {
		font-size: 24px;
	}
	.sobremarcas {
		width: 72px;
		height: 171px;
		bottom: -30px;
		background-size: cover;
	}
	.sobre {
		padding: 50px 0 90px 0;
	}
	.cultura {
		text-align: center;
	}
	.culturaItem {
		text-align: center;
	}
	.confie {
		padding: 100px 0 80px 0;
	}
	.confieTitulo span:before {
		width: 95px;
		height: 45px;
		top: -5px;
		left: -4px;
	}
	.confieTitulo span:after {
		width: 13px;
		height: 19px;
		top: -3px;
		right: -7px;
	}
	.ajudar .linhaBeep {
		display: none;
	}
	.ajudarBoxNumero {
		font-size: 18px;
		flex: 0 1 10%;
	}
	.ajudarBoxImg {
		flex: 0 1 15%;
	}
	.ajudarBoxtexto {
		flex: 0 1 75%;
	}
	.tecnologias {
		text-align: center;
		background: none;
	}
	.tecnologias:before {
		display: none;
	}
	.ajudar {
		padding: 120px 0 0px 0;
	}
	.tecnologias a.ctaBeep {
		position: relative;
		left: 50%;
		bottom: auto;
		margin-left: -140px;
		margin-top: 80px;
	}
	.casos {
		padding: 0px 0 120px 0;
	}
	.boxCasosTitulo {
		font-size: 18px;
	}
	.boxCasosImg {
		height: 230px;
	}
	a.boxCasos {
		margin-top: 30px;
	}
	.swiperControles3 {
		top: auto;
		left: 50%;
		margin-left: -100px;
	}
	.sanfonaClean .card .btn-link .iconeSanfona {
		right: 18px;
	}
	.sanfonaClean .card-header {
		padding: 20px 65px 20px 30px;
	}
	.sanfonaClean .linhaBeep {
		display: none;
	}
	.rodape {
		text-align: center;
	}
	img.logoRodape {
		max-width: 114px;
	}
	.tituloRodape {
		margin-top: 30px;
		text-align: left;
	}
	.textoRodape {
		text-align: left;
	}
	.textoLegal {
		text-align: center;
		margin-bottom: 14px;
	}
	.textoMade {
		text-align: center;
	}
	.rodape .linhaBeep {
		margin: 40px 0 30px 20px;
		width: 93%;
	}
	.conteudopaginaInfos {
		flex-wrap: wrap;
	}
	.conteudoInfo {
		flex: 0 1 100%;
	}



}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	.hero {
		padding: 150px 0 50px 0;
		background-position: center right;
	}
	.heroTitulo h1 {
		font-size: 36px;
	}
	.heroCta {
		align-items: center;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.heroTitulo span:before {
		width: 125px;
		height: 50px;
		top: -5px;
		left: -3px;
	}
	.heroTitulo span:after {
		width: 18px;
		height: 28px;
		top: -11px;
		right: -14px;
	}
	.heroCta a.ctaBeep {
		display: block;
		width: 100%;
		text-align: center;
		margin-top: 40px;
	}
	.ctaTexto {
		margin-left: 0px;
	}
	.confieTitulo {
		font-size: 36px;
	}
	.seloBeepFaq {
		right: 15px;
		top: 50px;
	}
	.seloBeepFaq img {
		width: 75px;
	}
	.faq:before {
		display: none;
	}
	.linhaBeep {
		width: 95%;
	}
	.hiddenMobile {
		display: none !important;
	}
	.swiperMarcas .swiper-wrapper {
		margin-bottom: 0px;
	}
	h2.titulo {
		font-size: 24px;
	}
	.sobremarcas {
		width: 72px;
		height: 171px;
		bottom: -30px;
		background-size: cover;
	}
	.sobre {
		padding: 50px 0 90px 0;
	}
	.cultura {
		text-align: center;
	}
	.culturaItem {
		text-align: center;
	}
	.confie {
		padding: 100px 0 80px 0;
	}
	.confieTitulo span:before {
		width: 95px;
		height: 45px;
		top: -5px;
		left: -4px;
	}
	.confieTitulo span:after {
		width: 13px;
		height: 19px;
		top: -3px;
		right: -7px;
	}
	.ajudar .linhaBeep {
		display: none;
	}
	.ajudarBoxNumero {
		font-size: 18px;
		flex: 0 1 10%;
	}
	.ajudarBoxImg {
		flex: 0 1 15%;
	}
	.ajudarBoxtexto {
		flex: 0 1 75%;
	}
	.tecnologias {
		text-align: center;
		background: none;
	}
	.tecnologias:before {
		display: none;
	}
	.ajudar {
		padding: 120px 0 0px 0;
	}
	.tecnologias a.ctaBeep {
		position: relative;
		left: 50%;
		bottom: auto;
		margin-left: -140px;
		margin-top: 80px;
	}
	.casos {
		padding: 0px 0 120px 0;
	}
	.boxCasosTitulo {
		font-size: 18px;
	}
	.boxCasosImg {
		height: 230px;
	}
	a.boxCasos {
		margin-top: 30px;
	}
	.swiperControles3 {
		top: auto;
		left: 50%;
		margin-left: -100px;
	}
	.sanfonaClean .card .btn-link .iconeSanfona {
		right: 18px;
	}
	.sanfonaClean .card-header {
		padding: 20px 65px 20px 30px;
	}
	.sanfonaClean .linhaBeep {
		display: none;
	}
	.rodape {
		text-align: center;
	}
	img.logoRodape {
		max-width: 114px;
	}
	.tituloRodape {
		margin-top: 30px;
		text-align: left;
	}
	.textoRodape {
		text-align: left;
	}
	.textoLegal {
		text-align: center;
		margin-bottom: 14px;
	}
	.textoMade {
		text-align: center;
	}
	.rodape .linhaBeep {
		margin: 40px 0 30px 20px;
		width: 93%;
	}
	.conteudopaginaInfos {
		flex-wrap: wrap;
	}
	.conteudoInfo {
		flex: 0 1 100%;
	}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	.seloBeepFaq img {
		width: 120px;
	}
	.seloBeepFaq {
		right: 10px;
	}
	.boxCasosImg {
		height: 220px;
	}
	.tecnologias .swiper-slide {
		width: 33%;
	}
	.tecnologias a.ctaBeep {
		position: relative;
		left: 50%;
		bottom: auto;
		margin-left: -140px;
		margin-top: 80px;
	}
	.ajudarBoxNumero {
		font-size: 18px;
		flex: 0 1 10%;
	}
	.ajudarBoxImg {
		flex: 0 1 15%;
	}
	.ajudarBoxtexto {
		flex: 0 1 75%;
	}
	.ajudarBoxTitulo {
		height: auto;
	}
}


/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	.tecnologias .swiper-slide {
		width: 25%;
	}
	.heroTitulo h1 {
		font-size: 36px;
	}
	.heroTitulo span:before {
		width: 125px;
		height: 50px;
		top: -5px;
		left: -3px;
	}
	.heroTitulo span:after {
		width: 18px;
		height: 28px;
		top: -11px;
		right: -14px;
	}
	.hero {
		padding: 150px 0 50px 0;
		background-position: center right;
	}
	.seloBeepFaq img {
		width: 180px;
	}
	.seloBeepFaq {
		right: -30px;
	}
}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 	
	.tecnologias .swiper-slide {
		width: 25%;
	}
}

@media (min-width: 770px) { 
	.tecnologias .swiper-wrapper {
		flex-wrap: wrap;
	}
}