#aviso_container {
	z-index: 11;
	font-family: 'Gotham-Book';
	min-height: 150px;
	right: 30px;
	width: 45%;
	max-width: 350px;
	position: fixed;
	bottom: 40px;
	background-color: #fff;
	border-radius: 20px;
	font-size:14px;
	color:#7b7b79;
	border: 4px solid transparent;
	box-shadow: 0px 0px 10px 0px #d9d9d9;
	background-color: #fdfdfd;
}

.button-default {
	border: solid 3px #0BD692;
	border: solid 3px var(--button-secondary-background);
	background-color: #fff;
	background-color: var(--button-secondary-color);
	color:#0BD692;
	color: var(--color-light);
}

.container-cookies {
	display: none;
}

.container-cookies p {
	margin-right: 16px;
}

#configurar {
	color:white;
	background-color:#939393;
	border:0px;
	border-radius:5px;
	font-size:18px;
	font-weight:bolder;
	padding:10px;
}
#container-centralizado {
	margin: 16px 24px;
	text-align:left;
	font-size: 12px;
}

#title {
	font-size:14px;
	margin-bottom:15px;
	color:#707070;
	font-weight:bolder;
	margin-top:20px;
}

#midia {
	background-color: #0BD692;
	background-color: var(--color-light);
	padding: 63px 0;
	color: #fff;
	color: var(--button-secondary-color);
	font-family: 'Gilroy-Regular';
	font-family: var(--font-secondary);
	margin-top: 70px;
}

#midia h2 {
	color: #fff;
	margin-bottom: 4px;
}

#midia p {
	line-height: 20px;
	line-height: var(--height-text-default);
	font-size: 14px;
}

#midia .item {
	margin-top: 28px;
}

#midia .item img {
	filter: brightness(0)invert(1);
	width: 100%;
}

#midia .item:hover img {
	filter: none;
	cursor: pointer;
}

.title-midia {
	margin: auto;
}

#logos-rodape {
	padding: 0;
	margin: 0;
}

#logos-rodape li {
	list-style: none;
	display: inline-block;
	margin-left: 42px;
	vertical-align: middle;
	padding: 28px 0;
}

.card {
	background-color: #fff;
	color: #626060;
	color: var(--color-default);
	padding: 40px 0px;
	position: relative;
	text-align: center;
	display: inline-block;
	width: calc(1080px / 4 - 20px);
	margin: 30px 10px;
	box-sizing: border-box;
}

.card-header h2,
.card-header-certisign h3 {
	height: 40px;
	color: var(--color-light);
	color: #0BD692;
	font-size: 28px;
	margin-bottom: 5px;
	font-family: 'Gilroy-Black';
	font-family: var(--font-secondary-strong);
	font-weight: normal;
}

.card-header p,
.card-header-certisign p {
	height: 40px;
	line-height: 20px;
	margin-bottom: 0;
	padding: 0 25px;
	font-size: 15px;
	font-weight: bold;
}

.card-header p span,
.card-header-certisign p span {
	font-size: 12px;
	font-weight: normal;
}

.card-image {
	width: 100%;
	height: 100px;
	margin: 20px 0;
}

.card-image.small {
	height: 70px;
}

.card-image img {
	width: auto;
	height: 100%;
}

.card-image div {
	width: 100%;
	height: 100%;
	position: relative;
}

.card-image div::before {
	content: '+';
	position: absolute;
	font-size: 60px;
	color: #0bd692;
	left: 44%;
	top: 15%;
	line-height: 100%;
}

.card-image div img:first-child {
	margin-right: 15%;
}

.card-price p:first-child {
	height: 70px;
}

.card-price p {
	height: 30px;
	font-size: 15px;
	margin: 0;
}

.card-price p span {
	font-size: 12px;
	font-weight: normal;
}

.card-price .price {
	color: var(--color-light);
	color: #0BD692;
	font-size: 51px;
	font-family: var(--font-secondary-strong);
}

.card-price p:nth-child(2) {
	font-weight: bold;
}

.card-price h2 {
	margin: 0;
	font-size: 32.5px;
	line-height: 50px;
}

.card-button {
	margin-top: 30px;
}

.card-button button {
	font-size: 15px;
	padding: 12px 25px;
}

#metrics {
	margin-top: 56px;
	position: relative;
	padding: 74px 0;
}

.metrics-background {
	background-color: #f3f2f2;
    background-color: var(--button-third-background);
}

#metrics .intro,
#metrics .detail {
	display: inline-block;
	vertical-align: top;
}

#metrics .intro {
	font-family: 'Gilroy-Black';
	font-family: var(--font-secondary-strong);
	font-size: 26px;
	color:#868686;
	color: var(--color-secondary-strong);
	width: 54px;
	word-break: break-all;
	line-height: 1px;
	text-align: right;
	margin-top: 20px;
}

#metrics .intro span.primary {
	color: #008D72;
	color: var(--color-light-secondary);
	font-size: 70px;
	display: block;
	margin-bottom: 23px;
	margin-top: -9px;
}

#metrics .detail {
	width: 160px;
	margin-right: 4px;
}

#metrics .detail p {
	font-family: 'Gilroy-Black';
	font-family: var(--font-secondary-strong);
	margin-bottom: 4px;
}

#metrics .detail p.primary {
	color: #0BD692;
	color: var(--color-light);
	font-size: 65px;
	line-height: 50px;
}

#metrics .detail p.secondary {
	color:#868686;
	color: var(--color-secondary-strong);
	font-size: 18px;
	font-family: 'Raleway-Medium';
	font-family: var(--font-default-strong);
}


#comment_component .grid-container {
	padding: 0px;
}

#comments {
	overflow: hidden;
	border: none;
	border-radius: 10px;
	border-radius: 50px;
	box-shadow: 0px 3px 6px #00000040;
	grid-column-gap: 0;
	grid-gap: 0;
}

#comments .comentary {
	height: 358px;
	box-shadow: 0px 3px 6px #00000040;
	position: relative;
	background: #fff;
	background-color: var(--color-light-overlay);
	cursor: pointer;
	overflow: hidden;
	background: #0BD692;
	background: var(--color-light);
}

#comments .comentary.odd {
	background: #494949;
	background: var(--button-primary-background);
}

#comments .comentary .persona {
	width: 100%;
	opacity: 0.6;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 400px;
	background: #405CB1;
	-webkit-mask-image: linear-gradient(to top, transparent 25%, black 50%);
	mask-image: linear-gradient(to top, transparent 25%, black 50%);
}

#comments .comentary.odd .title {
	width: calc(100% - 83px);
	margin: 0px 0px 0px 18px;
	vertical-align: top;
	transition: all 0.2s linear;
}

#comments .comentary .title {
	position: absolute;
	bottom: 21px;
	width: inherit;
	text-align: center;
	font-size: 14px;
}

#comments .comentary .title span.primary,
#comments .comentary .title span.text{
	font-weight: bold;
	color: #000;
}

#comments .comentary .title span.text {
	font-weight: normal;
}

#comments .comentary .full {
	position: absolute;
	top: 100%;
	color: #fff;
	color: var(--color-light-overlay);
	font-size: 14px;
	font-family: 'Gilroy-Black';
	font-family: var(--font-secondary-strong);
	background-color: #0BD692;
	background-color: var(--color-light);
	padding: 30px;
	font-style: italic;
	height: 100%;
	transition: all 0.2s linear;
}

#comments .comentary.odd .full {
	background-color: #494949;
	color: #008D72;
	color: var(--color-light-secondary);
	bottom: 100%;
	height: initial;
	top: -50%;
	overflow: hidden;
}

#comments .comentary.odd:hover .full {
	top: 0;
}

#comments .comentary.odd:hover .content .title {
	bottom: 186px;
}

#comments .comentary .full span.primary {
	color: #008D72;
	color: var(--color-light-secondary);
	font-size: 50px;
	font-family: 'Raleway-Medium';
	font-family: var(--font-default-strong);
	font-style: italic;
	font-weight: bold;
	display: inline-block;
	vertical-align: top;
}

#comments .comentary.odd .full span.primary {
	color: #fff;
	color: var(--color-light-overlay);
}

#comments .comentary .full span.secondary {
	display: inline-block;
	width: calc(100% - 30px);
	margin-left: 10px;
	color: #fff;
	color: var(--color-light-overlay);
}

#comments .comentary .content {
	position: absolute;
	top: 0;
	padding: 0 30px 0 30px;
	height: 100%;
	width: calc(100% - 60px);
	left: 0;
	transition: all 0.2s linear;
	background-color: #fff;
	background-color: var(--color-light-overlay);
}

#comments .comentary:hover .content {
	top: -165px;
}

#comments .comentary.odd:hover .content {
	top: 165px;
}

#comments .comentary:hover .full {
	bottom: 100%;
	width: calc(100% - 60px);
	left: 0;
	top: 0%;
}

#comments .comentary.odd:hover .full {
	top: 0;
	position: relative;
}

#comments.primary {
	background-color: #0BD692;
	background-color: var(--color-light);
}

#blog h2 {
	text-align: center;
	margin-top: 32px;
}

#blog a {
	text-decoration: none;
}

#blog #news {
	grid-column-gap: 80px;
}

#blog #news .image {
	width: 150px;
	height: 150px;
	background-position-x: -5px !important;
	background-position-y: center !important;
	border-radius: 21px;
	background-size: calc(100% + 10px) !important;
	margin: 0 auto;
}

#blog #news p {
	font-size: 20px;
	margin-top: 21px;
	font-weight: bold;
	text-align: center;
}

#newsletter {
	background-color: #EDEBEB;
	padding-top: 60px;
	padding-bottom: 49px;
	margin-top: 80px;
}

#newsletter h2 {
	text-align: center;
}

#newsletter button {
	width: 100%;
	font-size: 16px;
}

#newsletter p {
	font-size: 15px;
	font-family: 'Raleway-Medium';
	font-family: var(--font-default-strong);
	margin-top: 24px;
	text-align: center;
}

#newsletter input {
	max-width: 75%;
}

#email-box-input-email.has-error,
#newsletter_email.has-error {
	border: 2px solid #DD6F77;
	padding: 8px 23px 8px 26px !important;
}

#email-box-input-email.has-error:focus,
#newsletter_email.has-error:focus {
	border: 2px solid #DD6F77;
}

#email-box-input-email.has-error:focus-visible,
#newsletter_email.has-error:focus-visible {
	outline: none;
}

.tutorial {
	margin-top: 70px;
	padding: 16px;
}

.tutorial .mdc-layout-grid__inner{
	grid-column-gap: 94px;
}

.tutorial p {
	font-size: 13px;
	line-height: 20px;
	line-height: var(--height-text-default);
}

.tutorial a,
#features a {
	color: #0BD692;
	color: var(--color-light);
}

.tutorial a:hover,
#features a:hover {
	color: #008D72;
	color: var(--color-light-secondary);
}

.tutorial.experiment p {
	font-size: 16px;
	line-height: 24px;
}

.tutorial.experiment ul li,
.tutorial.experiment ul li p {
	font-size: 14px;
}

.tutorial .go-down {
	order: 5 !important;
}

.tutorial .tutorial-text {
	display: flex;
	flex-direction: column;
}

.tutorial .tutorial-text h3 {
	font-family: var(--font-secondary-strong);
	color: var(--color-secondary-strong);
	font-weight: normal;
}

.tutorial p,
.tutorial .tutorial-text li {
	padding: 10px 0 10px 0;
}

.tutorial .tutorial-text ul {
	margin-top: 0;
	padding-left: 20px;
	padding-right: 10px;
}

.tutorial .tutorial-text p {
	margin: 0;
}

.tutorial .tutorial-text li {
	line-height: var(--height-text-default);
	font-family: var(--font-default-strong);
}

.tutorial .space-right {
	margin-right: 50%;
}

.tutorial ul {
	list-style-type: none;
	margin-left: 8px;
}

.tutorial ul li {
	margin-left: 10px;
}

.tutorial .bigger:not(h2) {
	font-size: 15px;
}

.tutorial ul li::before {
	content: url('../images/topic.png');
	position: absolute;
	margin-left: -30px;
}

.tutorial ul.red li::before {
	content: url('../images/red-topic.png');
}

.tutorial ul li p:first-child,
.tutorial ul li {
	transition: all .5s;
	padding: 0;
	margin-bottom: 0;
}

.tutorial.experiment ul.red li:hover {
	animation: shake .5s;
	animation-iteration-count: 2;
}
  
@keyframes shake {
	0% { transform: translate(.5px, .5px) rotate(0deg); }
	10% { transform: translate(-.5px, -1px) rotate(-1deg); }
	20% { transform: translate(-1.5px, 0px) rotate(1deg); }
	30% { transform: translate(1.5px, 1px) rotate(0deg); }
	40% { transform: translate(.5px, -.5px) rotate(1deg); }
	50% { transform: translate(-.5px, 1px) rotate(-1deg); }
	60% { transform: translate(-1.5px, .5px) rotate(0deg); }
	70% { transform: translate(1.5px, .5px) rotate(-1deg); }
	80% { transform: translate(-.5px, -.5px) rotate(1deg); }
	90% { transform: translate(1.5px, 1px) rotate(0deg); }
	100% { transform: translate(.5px, -1px) rotate(-1deg); }
}

.hover-animation {
	transition: all .5s;
}

.tutorial.experiment ul.green li:hover,
.hover-animation:hover {
	transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
   	-ms-transform: scale(1.05, 1.05);
   	-webkit-transform: scale(1.05, 1.05);
   	-o-transform: scale(1.05, 1.05);
}

.tutorial.experiment h2 {
	font-size: 48px;
	color: #626060;
    color: var(--color-default);
}

.tutorial.experiment.value-proof h2 {
	font-size: 40px;
}

.tutorial img {
	border-radius: 32px;
}

.tutorial.experiment div > img {
	margin: 0 auto;
	display: block;
}

.tutorial.value-proof img {
    width: auto;
    display: block;
	max-height: 450px;
    margin-left: auto;
    margin-right: auto;
}

#social-proof {
	height: auto;
	max-width: 100vw;
	margin: 70px auto;
	position: relative;
}

#social-proof > div {
	display: block;
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
}

#social-proof.only-logos {
	margin: 0 auto;
}

#social-proof.background {
	background-color: var(--button-third-background);
}

#social-proof .contents .cards {
	margin-top: 12px;
	align-items: center;
	display: inline-flex;
	justify-content: center;
}

#social-proof .social-proof-item img {
	width: 90%;
	max-width: 250px;
}

#social-proof .social-proof-item img.remove-colors,
img.remove-colors {
	-webkit-filter: grayscale(100%); /* Safari/Chrome */
	filter: grayscale(100%);
}

@media only screen and (max-width: 600px) {
	.tutorial .space-right {
		margin-right: 0;
	}
}

#social-brief #social-proof-images img.invert-colors,
img.invert-colors {
	-webkit-filter: invert(100%) grayscale(100%) !important; /* Safari/Chrome */
	filter: invert(100%) grayscale(100%) !important;
}

.paragraphs {
	margin: 72px auto;
}

.paragraphs.center {
	text-align: center;
}

.paragraphs .item:not(:first-child) {
	margin-top: 48px;
}

.paragraphs table {
	border: 1px var(--color-default) solid;
	width: 100%;
	border-collapse: collapse;
}

.paragraphs table th, 
.paragraphs table td {
	padding: 8px;
	border: 1px var(--color-default) solid;
}

.paragraphs tr {
	width: 50%;
}

.paragraphs a.cta {
	margin-top: 64px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#double-paragraph {
	margin-top: 40px;
}

#double-paragraph {
	text-align: center;
}

.paragraphs p,
.paragraphs p ul,
#double-paragraph p {
	line-height: var(--height-text-default);
	font-size: 15px;
}

#double-paragraph > div > div {
	padding: 16px;
	padding-top: 0;
}

.tutorial .video {
	background-color: #EDEBEB;
	border-radius: 17px;
	height: 260px;
	overflow: hidden;
	margin-left: 20px;
}

.tutorial .pop {
	position: absolute;
	right: 0px;
	bottom: -50px;
}

#advantages {
	margin-top: 120px;
	text-align: center;
}

#advantages > .grid-container > p {
	margin-bottom: 32px;
	padding: 0 15%;
}

#advantages .advantage {
	padding: 24px 8px;
	background-color: #0BD692;
	background-color: var(--color-light);
	font-size: 13px;
	border-radius: 17px;
	vertical-align: top;
	min-height:460px;
}

#advantages.experiment .advantage {
	padding-top: 24px;
	margin: 10px 16px;
	background-color: #FFF;
	box-shadow: -1px 3px 6px 3px rgba(134, 134, 134, 0.2);
	border-radius: 8px;
	position: relative;
	padding-bottom: 64px;
	width: calc(33.333% - 52px) !important;
}

#advantages.experiment .advantage button {
	position: absolute;
    margin-top: 0;
    font-size: 16px;
    padding: 16px 32px;
    bottom: 32px;
    width: 210px;
    transform: translateX(44px);
    display: block;
}

#advantages.experiment .experimental-extras {
	margin-top: 40px;	
}

#advantages.experiment .experimental-extra {
	text-align: left;
	vertical-align: top;
	padding-right: 16px;
	width: calc(33.333% - 52px) !important;
	margin: auto 16px;
}

#advantages.experiment .experimental-extra h3 {
	display: block;
	height: 64px;
	overflow: hidden;
	color: #626060;
    color: var(--font-secondary-strong);
    font-size: 24px;
    overflow: hidden;
	font-family: 'Gilroy-Black';
    font-family: var(--font-secondary-strong);
    font-weight: normal;
}

#advantages.experiment div.title h2 {
	padding: 0 25%;
}

#advantages.experiment div.title p {
	padding: 0 25%;
	font-size: 16px;
	line-height: 20px;
}

#advantages .advantage .container-image {
	max-height: 124px;
}

#advantages .advantage img {
	max-height: 124px;
	width: 174px;
	padding-top: 20px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

#advantages .advantage h3 {
	color: #fff;
	color: var(--button-secondary-color);
	font-size: 16px;
	font-family: 'Gilroy-Black';
	font-family: var(--font-secondary-strong);
	font-weight: normal;
	margin-top: 40px;
	margin-top: var(--patterns-spacing);
	text-align: center;
}

#advantages.experiment .advantage h3 {
	color: #626060;
    color: var(--color-default);
	font-size: 24px;
	margin: 40px 8px 24px 8px;
}

#advantages .advantage p {
	text-align: justify;
	line-height: 20px;
	line-height: var(--height-text-default);
	padding: 0px 10px 0px 10px;
}

#advantages.experiment .advantage p {
	text-align: center;
	line-height: 20px;
	line-height: var(--height-text-default);
	padding: 0px 16px;
	color: #868686;
	color: var(--button-third-color);
}

#advantage-others {
	background: #F3F2F2;
	margin-top: -130px;
	padding-top: 159px;
	padding-bottom: 100px;
}

#advantage-others p {
	line-height: 20px;
	line-height: var(--height-text-default);
}

#advantages.experiment #advantage-others p {
	color: #868686;
    color: var(--button-third-color);
}

#advantage-others p > span.primary {
	font-size: 33px;
	color: #0bd692;
	color: var(--color-light);
	font-family: 'gilroy-black';
	font-family: var(--font-secondary-strong);
}

#advantages p.price {
	color: #fff;
	font-family: 'Gilroy-Black';
	font-family: var(--font-secondary-strong);
	font-size: 30px;
	margin: 8px;
	margin-top: 30px;
}

#advantages p.price span.primary {
	font-size: 58px;
}

#faq {
	margin-top: 72px;
	background-color: #0BD692;
	background-color: var(--color-light);
	color: #fff;
	color: var(--button-secondary-color);
	padding: 48px 0;
}

#faq h2 {
	color: #fff;
	text-align: center;
	margin-bottom: 48px;
	margin-top: 0;
	font-size: 40px;
}

#faq h2 img {
	margin: 0 16px -16px 0;
}

#faq h2 .primary {
	color: #008D72;
	color: var(--color-light-secondary);
}

#faq .closed .answer {
	display: none;
}

#faq .question {
	cursor: pointer;
	margin-bottom: 9px;
}

#faq .question::before {
	content: url('../images/chevron-down-faq.svg');
	display: inline-block;
}

#faq .question.closed::before {
	content: url('../images/chevron-left-faq.svg');
	display: inline-block;
}

#faq .question h4 {
	margin: 0 0px 8px 12px;
	display: inline-block;
	font-size: 16px;
	vertical-align: middle;
	width: calc(100% - 30px);
}

#faq .answer {
	color: #626060;
	color: var(--color-default);
	padding: 16px 8px;
	font-size: 13px;
	line-height: var(--height-text-default);
	border-top: 1px solid #008d72;
	border-top: 1px solid var(--color-light-secondary);
}

#faq .answer ul li,
#faq .answer ol li {
	padding-top: 4px;
}

#faq h3 {
	text-align: center;
	font-size: 24px;
	margin-bottom: 16px;
	font-weight: 100;
	margin-top: 40px;
	font-family: 'Gilroy-Black';
	font-family: var(--font-secondary-strong);
	margin-top: var(--patterns-spacing);
}

.alert-success {
	padding: 10px;
	border-color: green;
	border-style: solid;
	border-width: 1px;
	background-color: #d4edda;
	text-align: center;
	color: black;
}

.alert-danger {
	padding: 10px;
	text-align: center;
	border-style: solid;
	border-color: red;
	border-width: 1px;
	color:black;
	background-color: #f8d7da;
}

.senha-container {
	width: 100%;
	max-width: 525px;
	display: block;
	text-align: left;
	overflow: hidden;
}

.mostrar-senha {
	position: relative;
	top: -30px !important;
	right: -90% !important;
	cursor: pointer;
	display:block;
	height: 0;
}

.senha-input {
	display: inline !important;
	max-width: 525px;
}

.message-feedback {
	margin-top: 10px;
}

.text-danger {
	color: #E46B6B;
	font-size: 14px;
	font-family: 'Raleway-Medium';
	font-family: var(--font-warning-messages);
	padding-bottom: 0;
}

.text-warning {
	font-size: 14px;
	font-family: 'Raleway-Medium';
	font-family: var(--font-warning-messages);
}

.text-success {
	color:#008D72;
	color: var(--color-light-secondary);
	font-size: 14px;
	font-family: 'Raleway-Medium';
	font-family: var(--font-warning-messages);
}

#dropdown-login {
	opacity: 0;
	position: absolute;
	background-color: white;
	box-shadow: 0px 0px 10px #00000029;
	right: 0;
	margin-top: 16px;
	margin-right: 40px;
	padding: 20px;
	transform: translateY(20px);
	transition: opacity 0.2s, transform 0.2s;
	width: 250px;
}

#dropdown-login.active {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.2s, transform 0.2s;
}

#validation {
	max-width: 100%;
	line-height: normal;
}

#validation ul {
	margin-bottom: -10px;
}

#login-buttons {
	display: flex;
	align-items: center;
	flex-direction: column;
}

#login-buttons > button {
	width: 250px;
	margin: 0 !important;
	display: block;
}

.newsletter-msg {
	text-align: center;
	font-size: 24px;
}

.inscricao-fim {
	margin-top: 120px;
	font-family: 'Raleway';
	font-family: var(--font-default);
}

.inscricao-fim .container-info-login {
	display: flex;
	flex-flow: column;
	margin-left: 50px;
	margin-top: 30px;
	font-size: 14px;
	max-width: 281px;
	line-height: 1.5;
}

.inscricao-fim .welcome-user p:first-child{
	font-family: 'Gilroy-Strong';
	font-family: var(--font-secondary-strong);
	color: #008D72;
	color: var(--color-light-secondary);
	font-size: 32px;
}

.inscricao-fim .welcome-user p {
	font-size: 16px;
}

.inscricao-fim .welcome-user .user {
	color: var(--color-light);
	color: #0BD692;
}

.inscricao-fim .container-contact {
	display: flex;
	margin-top: 48px;
}

.inscricao-fim .container-contact .contact-way p:first-child {
	font-family: 'Gilroy-Strong';
	font-family: var(--font-secondary-strong);
	color: #008D72;
	color: var(--color-light-secondary);
	font-size: 16px;
	margin-right: 8px;
}


.inscricao-fim .container-contact .contact-way {
	display: flex;
	margin-right: 36px;
}

.login .description{
	padding-left: 50px;
}

.login button {
	width: 275px;
	font-size: 15px;
	margin-top: 40px;
}

.login a:hover {
	color: #626060;
	color: var(--color-default);
}

.form-login {
	display: flex;
	justify-content: center;
	flex-flow: column;
	font-family: 'Raleway';
	font-family: var(--font-default);
}

.form-login a {
	color: #0BD692;
	color: var(--color-light);
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
}


form .campo-formulario {
	margin: 0 0 8px 0;
}

form#form-inscricao .campo-formulario {
	margin: 2px 0;
}

.campo-formulario label {
	margin-top: 4px;
}

.campo-formulario input::placeholder {
	font-family: 'Raleway';
	font-family: var(--font-default);
	color: #8e8e8e;
}

.campo-formulario input[type=text],
.campo-formulario input[type=password],
.campo-formulario input[type=email],
.campo-formulario textarea,
.select-input-site,
select.form-control {
	border: solid 1px #DDD;
	border-radius: 12px;
	margin-top: 4px;
	display: block;
	padding: 12px;
	font-size: 14px;
	font-family: 'Arial';
	color: #525252;
	width: 100%;
	max-width: 480px;
	box-sizing: border-box;
	transition: border-color .2s;
}

.campo-formulario input[type=text]:focus,
.campo-formulario input[type=password]:focus,
.campo-formulario input[type=email],
.campo-formulario textarea:focus {
	outline: none;
	border-color: var(--color-light);
	transition: border-color .2s;
}

.campo-formulario textarea {
	resize: none;
	height: 80px;
}

.campo-inscricao-radio {
	display: flex;
	align-items: flex-start;
	height: 16px;
}

.select-input-site {
	width: calc(100% - 60px);
	cursor: pointer;
	display: inline-block;
}

.select-input-site span {
	font-size: 14px;
}

.select-input-site span:hover {
	font-weight: bold;
}

.select-input-site-arrow {
	width: 11px;
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 13px;
	display: inline-block;
	text-align: center;
	margin-left: 12px;
	margin-top: 3px;
	cursor: pointer;
	background-color: #EDEBEB;
}

.select-options {
	display: flex;
	flex-flow: column;
	cursor: pointer;
	position: absolute;
	background-color: #FFF;
	width: calc(100% - 78px);
	border: 1px solid #CCC;
	border-top: 0;
	z-index: 1;
	max-height: 210px;
	overflow-y: auto;
	margin-left: 8px;
}

.select-options span {
	padding: 8px 8px;
	user-select: none;
	font-size: 16px;
}

.select-options span:hover {
	color: #FFF;
	background-color: #008D72;
	background-color: var(--color-light-secondary);
	font-family: 'Raleway-Medium';
	font-family: var(--font-default-strong);
}

.select-options .active {
	background-color: #008D72;
	background-color: var(--color-light-secondary);
	color: #FFF;
}

#bling-pay {
	margin-top: -103px;
}

#bling-pay .image {
	text-align: center;
	position: relative;
}

#bling-pay .description {
	margin-top: calc(110px + 40px);
	margin-top: calc(110px + var(--patterns-spacing));
}

#bling-pay p {
	line-height: 20px;
	line-height: var(--height-text-default);
}

#bling-pay img {
	margin-top: 40px;
	width: 100%;
	z-index: 2;
	position: relative;
	max-width: 600px;
}

#menu-inferior {
	padding-bottom: 40px;
	margin-bottom: var(--patterns-spacing);
}

#menu-inferior a {
	text-decoration: none;
}

#menu-inferior li,
#menu-inferior ul {
	padding: 0;
	list-style: none;
	margin: 0;
	font-size: 12px;
}

#menu-inferior ul {
	float: left;
}

#menu-inferior ul li {
	margin-bottom: 8px;
}

#menu-inferior h3 {
	font-size: 15px;
	font-family: 'Gilroy-Black';
	font-family: var(--font-secondary-strong);
	font-weight: normal;
	margin-bottom: 8px;
}

#menu-inferior ul:last-child {
	margin-right: 0px;
}

#menu-inferior .submenu-section {
	float: left;
	margin-right: 32px;
}

#menu-inferior .submenu-section:last-child {
	margin-right: 0px;
}

#menu-inferior .submenu-section ul {
	margin-right: 18px;
}

#menu-inferior .submenu-section ul:last-child {
	margin-right: 0px;
}

footer #partner,
#partner-conf {
	padding: 20px;
	background-color: var(--color-light);
}

footer #partner #partner-content,
#partner-conf #partner-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#partner-content #partner-footer-invite {
	margin: 0;
	width: 65%;
	color: var(--color-light-overlay);
	font-family: var(--font-secondary-strong);
	font-size: 33px;
}

footer #btn-seja-parceiro,
#partner-conf #btn-ver-parceiros {
	padding: 8px 60px;
	font-size: 16px;
}

footer #icons {
	list-style: none;
	padding: 0;
}

footer #icons > li {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}

footer #icons > li .title {
	font-size: 15px;
	font-family: 'Gilroy-Black';
	font-family: var(--font-secondary-strong);
	font-weight: normal;
	margin-bottom: 12px;
}

footer #icons > li > img {
	max-width: 100%;
}

#social {
	list-style: none;
	padding: 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}

#social li {
	display: inline-block;
	margin-right: 10px;
}

#social li img {
	height: 30px;
}

#associations {
	background-color:#626060;
	background-color: var(--background-color-assoc);
}

.carousel {
	height: 100%;
	text-align: center;
	position: relative;
}

.carousel .contents {
	width: calc(100% - 80px);
	position: relative;
	overflow: hidden;
	height: 100%;
	cursor: grab;
	display: inline-block;
}

.carousel .contents .inner-elements {
	--n: 1;
	display: flex;
	align-items: center;
	overflow-y: hidden;
	width: 100%;
	width: calc(var(--n)*100%);
	transform: translate(calc(var(--i, 0)/var(--n)*-100%));
}

.carousel .contents .inner-elements > div {
	width: 100%;
	width: calc(100%/var(--n));
	user-select: none;
}

.carousel .contents .inner-elements > div.cards:not(:first-child):last-child {
	text-align: left;
}

.carousel.view-next .contents {
	width: 100%;
}

.carousel.view-next .contents .inner-elements {
	transform: translate(calc((var(--i, 0)/var(--n)*-100%) + (var(--i) * 120px) + 60px));
}

.carousel .contents .inner-elements.dragging > div {
	pointer-events: none
}

.carousel .contents .inner-elements > div.group > div {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}

.carousel .arrow-right,
.carousel .arrow-left {
	cursor: pointer;
	position: absolute;
	bottom: calc(50% - 19px);
	z-index: 5;
}

.carousel .arrow-right {
	right: 0;
}

.carousel .arrow-left svg {
	left: 0;
}

.carousel .arrow-right svg {
	right: 0;
}

.carousel .arrow-left.active #Caminho_1498,
.carousel .arrow-right.active #Caminho_1497 {
	fill: #008D72;
	fill: var(--color-light-secondary);
	stroke: #008D72;
	stroke: var(--color-light-secondary);
}

.carousel .markers {
	clear: both;
}

.carousel .markers span.dot {
	border: 3px solid #0BD692;
	border: 3px solid var(--color-light);
	width: 7px;
	height: 7px;
	display: inline-block;
	margin-left: 14px;
	border-radius: 30px;
	cursor: pointer;
}

.carousel .markers span.dot.selected {
	background-color: #008D72;
	background-color: var(--color-light-secondary);
	border: none;
	width: 13px;
	height: 13px;
}

.modal {
	z-index: 10;
	position: fixed;
	display: none;
	top: 0;
	height: 100%;
	width: 100%;
}

.modal .container {
	margin: 100px auto;
	position: relative;
	width: 587px;
	max-width: 100vw;
	max-height: calc(100% - 200px);
	overflow: auto;
	background-color: #FFF;
}

.modal .blackout {
	background-color: #000;
	opacity: 0.8;
	width: 100%;
	height: 100%;
	position: absolute;
	cursor: pointer;
}

#comments-carousel .item {
	width: 50%;
}

#comments-carousel .people {
	border-radius: 90px;
	background-color: #ccc;
	width: 160px;
	height: 160px;
	display: inline-block;
	margin-right: 28px;
	vertical-align: middle;
}

#comments-carousel .comentary {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 260px;
}

#comments-carousel .comentary p.title {
	font-size:23px;
	font-family: 'Gilroy-Black';
	font-family: var(--font-secondary-strong);
}

#comments-carousel .comentary p.description {
	font-style: italic;
	font-size:17px;
}

#comments-carousel .comentary p.name {
	font-size:14px;
	color: #0BD692;
	color: var(--color-light);
}

.input-toggle div,
.input-toggle input[type="checkbox"]:checked + label,
.input-toggle label,
.input-checkbox label,
.input-checkbox input[type="checkbox"]:checked + label:after,
.input-checkbox input[type="checkbox"]:checked + label,
.input-radio input[type="radio"] + label:before,
div.toogle-checkbox span,
div.toogle-checkbox span:before {
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

#menu-features {
	text-align: center;
	margin-top: 80px;
}

#menu-features > h2 {
	margin-bottom: 64px;
}

#menu-features a {
	text-decoration: none;
}

#menu-features .menu-feature img {
	width: 57px;
	max-height: 57px;
}

#menu-features p.primary,
#menu-features h3 {
	color: #008D72;
	color: var(--color-light-secondary);
	margin: 8px 0;
	font-size: 16px;
	font-family: 'Gilroy-Black';
	font-family: var(--font-secondary-strong);
	font-weight: normal;
}

#menu-features p.description {
	padding: 0 16px;
	line-height: 20px;
	line-height: var(--height-text-default);
}

#menu-features .discover {
	text-align: center;
	margin-top: 18px;
	margin-bottom: 80px;
}

#menu-features .discover button {
	font-size: 20px;
	padding: 12px 52px 12px 52px;
}

#menu-features .know-more-buttons,
#plan-cards .know-more-buttons {
	margin-bottom: 50px;
	vertical-align: middle;
	font-size: 16px;
	width: 154px;
	height: 40px;
}

#menu-features .know-more-buttons:hover,
#plan-cards .know-more-buttons:hover {
	background-color: #0BD692;
	color:white;
}

#menu-features .menu-feature {
	width: 33.3333%;
	height: 200px;
	margin-bottom: 25px;
	vertical-align: top;
	display: inline-block;
	text-align: center;
}

#menu-features .menu-feature a span {
	position: absolute;
	bottom:0px;
	left:0px;
	width: 100%;
}

#menu-features .menu-feature a {
	display: block;
	position: relative;
	height: 100%;
	bottom:0px;
}

#email-box form.shadow * {
	box-shadow: 3px 5px 20px 0px #00000029;
}

#email-box .trial {
	display: flex;
    margin-top: 15px;
}

#email-box .trial input {
    border-radius: 30px;
    outline: none;
	max-height: 34px;
	height: 100%;
	padding: 10px 23px 10px 26px;
}

#email-box .trial button {
    height: 34px;
	min-width: 165px;
    line-height: 20px;
    margin-left: -30px;
}

#email-box p:not(.content) {
	padding-top: 16px;
	max-width: 415px;
	margin: 0;
}

#footer-banner {
	background-color: var(--color-light);
	overflow: hidden;
	border-radius: 16px;
	margin: 80px auto;
}

#footer-banner .footer-banner-container {
	display: flex;
	align-items: center;
	flex-flow: column;
	padding: 40px;
	border-radius: 16px;
}

#footer-banner .footer-banner-container #email-box {
	width: 70%;
}

#footer-banner .footer-banner-container p {
	color: var(--color-light-overlay);
	font-family: var(--font-default-strong);
	font-weight: 900;
	font-size: 24px;
	text-align: center;
	margin: 24px auto;
}

#footer-banner .footer-banner-container img {
	max-width: 400px;
}

#footer-banner #footer-banner-text {
	max-width: 550px;
}

#footer-banner #email-box {
	max-width: 500px;
}

#footer-banner #logos {
	width: 100%;
	margin-top: 24px;
	max-width: 700px;

}

#footer-banner #logos .social-proof-images {
	display: flex;
	justify-content: space-evenly;
}

#footer-banner #logos .social-proof-images img {
	width: auto;
	height: 40px;
}

.hide {
	display: none;
}

#video {
	text-align: center;
	margin-top: 64px;
	margin-bottom: 80px;
}

#video h2 {
	font-size: 40px;
}

#video div.iframe {
	margin: 0 142px;
	margin-top: 24px;
	padding: 0;
	height: 432px;
	width: -webkit-fill-available;
	overflow: hidden;
	border-radius: 32px;
}

#manual {
	margin-top: 40px;
}

#social-brief {
	margin-top: 100px;
}

#brief-social-proof.mobile h2 {
	text-align: center;
}

#social-brief #brief-data {
    margin-left: 15px;
}

#social-brief #brief #brief-text::before {
	background-image: url('../images/social-proof/brief-icon.webp');
	display: inline-block;
	background-size: 30px 30px;
	width: 30px;
    height: 30px;
	content: '';
	margin-right: 5px;
	margin-bottom: -10px;
}

#social-brief #brief.mobile {
	margin: 0 15px;
}

#social-brief #brief #brief-text {
	padding-right: 30%;
	text-align: justify;
	line-height: var(--height-text-default);
}

#brief-person {
	display: flex;
	align-items: center;
}

#brief-person > div {
	padding-left: 12px;
	height: auto;
}

#brief-person #person-photo {
	width: 5rem;
}

#brief-person #person-name {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#brief-person #person-company {
	margin: 0;
	padding: 5px 0 0 0;
}

#social-brief #social-proof-images img {
	height: 50%;
	margin-top: 15px;
	-webkit-filter: grayscale(100%);  /* Safari 6.0 - 9.0 8 */
	filter: grayscale(100%);
}

#social-brief #social-proof-images .social-proof-image {
	max-height: 100px;
	display: flex;
	justify-content: start;
	align-items: baseline;
}

#roadmap {
	margin-top: 120px;
}

#roadmap.mobile {
	margin-top: 20px;
}

#roadmap #cards {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	align-items: flex-start;
}

#roadmap #cards.mobile {
	flex-flow: column;
}

#roadmap .card {
	padding: 0;
	margin: 0;
	background: transparent;
	width: 20%;
	display: flex;
	align-items: center;
	flex-flow: column;
}

#roadmap .card.mobile {
	margin: auto;
	width: 70%;
	margin-top: 40px;
}

#roadmap #road {
	margin: auto;
	width: 80%;
	height: 2px;
	background-image: linear-gradient(to right, var(--color-light) 33%, rgba(255,255,255,0) 0%);
	background-position: bottom;
	background-size: 10px 2px;
	background-repeat: repeat-x;
	margin-bottom: -3.5rem;
}
#roadmap #road.mobile {
	display: none;
}

#roadmap .card .point-icon {
	width: 4rem;
	height: auto;
}

#roadmap .card .road-point {
	width: 7rem;
	height: 7rem;
	border-radius: 100%;
	margin: auto;
	box-shadow: 1px 6px 7px 1px rgb(53 52 52 / 20%);
	background: var(--color-light-overlay);
	margin-bottom: 40px;
}

#roadmap .card.mobile .road-point {
	margin-bottom: 16px;
}

#roadmap .card .road-text {
	padding: 12px;
	height: 185px;
	text-align: left;
	margin: 0 7.5px 0 7.5px;
	overflow: hidden;
	line-height: var(--height-text-default);
	box-shadow: 0px 3px 10px 0px rgb(53 52 52 / 20%);
	border-radius: 5px;
}

#roadmap .card.mobile .road-text {
	height: fit-content;
}

#roadmap .card .road-text .road-text-title {
	font-weight: bolder;
}

#roadmap .card .road-text .road-text-description {
	margin: 0;
}

#roadmap .flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

#plan-cards {
	margin-top: 64px;
	height: 100%;
}

#plan-cards .plan-cards-header h2 {
	color: var(--color-default);
	margin-bottom: 16px;
	padding: 0 10%;
	text-align: center;
	font-size: 48px;
}

#plan-cards .cards {
	padding: 16px;
}

#plan-cards .carousel .contents,
#advantages.experiment .carousel .contents {
	width: 100%;
}

#plan-cards .plan-card {
	position: relative;
	padding: 40px 24px;
	margin: 8px 12px;
	box-shadow: 1px 1px 5px 2px #00000029;
	border-radius: 8px;
	overflow: hidden;
	font-size: 16px;
	font-family: var(--font-default);
	color: var(--color-default);
	width: calc(33.3333% - 73px) !important;
	z-index: 10;
	background-color: #fff;
}

#plan-cards .plan-card.recommended {
	border: 1px var(--color-light) solid;
	box-shadow: 6px 8px 10px 4px #00000029;
}

#plan-cards .plan-card .recommended-plan {
	top: 0;
	left: 0;
	position: absolute;
	text-align: center;
	width: calc(100% - 8px);
	background: var(--color-light);
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	padding: 5px;
}

#plan-cards .plan-card h3.plan-name {
	font-family: var(--font-default-strong);
	color: var(--color-light);
	font-size: 32px;
	margin: 0;
}

#plan-cards .plan-card p.plan-description {
	padding: 0 16px;
	margin-top: 16px;
	margin: 16px -16px 0 -16px;
	line-height: 24px;
	overflow: hidden;
	height: 70px;
}

#plan-cards .plan-card .plan-price {
	margin-top: 16px;
}

#plan-cards .plan-card .know-more-buttons {
	width: auto;
	height: auto;
}

#plan-cards .plan-card .plan-price-value {
	font-size: 40px;
	font-family: var(--font-default-strong);
	color: var(--color-light);
	font-weight: bolder;
}

#plan-cards .plan-card .plan-data {
	margin: 16px 0 0 0;
	line-height: 24px;
}

#plan-cards .plan-card.recommended button {
	vertical-align: middle;
	font-size: 16px;
	width: auto;
	height: auto;
	background-color: var(--color-light);
	color: #FFF;
	color: var(--button-primary-color);
	box-shadow: 4px 4px 10px 2px #00000029;
}


#plan-cards .plan-card.recommended button:hover {
	background-color: var(--color-light-secondary);
	color: #FFF;
	color: var(--button-primary-color);
	cursor: pointer;
}

#plan-cards .plan-card.recommended h3.plan-name {
	color: var(--color-default);
}

#plan-cards .note {
	margin-left: 24px;
}

#plan-cards .plan-card .invoices {
	display: block;
	font-size: 14px;
	margin-top: 16px;
	margin-bottom: -16px;
}

#plan-cards.experiment .plan-card .additional,
#plan-cards.experiment .plan-card .cert-digital {
	display: block;
	margin-top: 8px;
}

#plan-cards.experiment .plan-card span.small {
	font-size: 24px;
	line-height: 20px;
	font-weight: bolder;
}

#plan-cards.experiment .plan-card span.plus {
	display: block;
}

#plan-cards.experiment .plan-card ul {
	text-align: left;
    margin-top: 24px;
    line-height: 24px;
}

#plan-cards.experiment #extra-info {
	background-color: #f3f2f2;
	background-color: var(--button-third-background);
	margin-top: -200px;
	padding-top: 160px;
	z-index: 1;
}

#plan-cards.experiment #extra-info .extra-info {
	display: inline-flex;
	flex-flow: column;
	text-align: left;
	padding: 16px 40px;
	width: 20% !important;
}

#plan-cards.experiment #extra-info .extra-info h4 {
	font-size: 20px;
	font-family: 'Raleway-Medium';
	font-family: var(--font-default-strong);
}

#digital-certificate .step-child:first-child {
	margin-top: 40px;
}

#digital-certificate .step-child {
	position: relative;
	padding: 10px 50px;
	background-color: #FFF;
	font-size: 12px;
	vertical-align: top;
	height: 150px;
	margin-top: 20px;
	margin-right: 25px;
	margin-left: 25px;
}

#digital-certificate.experiment {
	background-color: unset;
}

#digital-certificate.experiment .step-child p {
	font-size: 14px;
	line-height: 20px;
}

#digital-certificate.experiment .step-child {
	height: fit-content;
}

#digital-certificate h2 {
	text-align: center;
}

#digital-certificate h3 {
	color: #868686;
	color: var(--color-secondary-strong);
	font-size: 20px;
	font-family: 'Gilroy-Black';
	font-family: var(--font-secondary-strong);
	font-weight: normal;
}

#digital-certificate span.index {
	position: absolute;
	font-size: 15px;
	font-family: 'Gilroy-Black';
	font-family: var(--font-secondary-strong);
	background-color: #0BD692;
	background-color: var(--button-secondary-background);
	color: #fff;
	border-radius: 37px;
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%);
}

#plan-cards .plan-cards-header p {
	text-align: center;
	margin-bottom: 32px;
	font-size: 15px;
}

#menu-features.experiment {
	margin-top: 80px;
}

#menu-features.experiment > h2 {
	font-size: 48px;
	padding: 0 10%;
	margin-bottom: 80px;
	color: var(--color-default);
}

#menu-features.experiment h3 p.primary {
	color: var(--color-default);
}

#menu-features.experiment h3 p.primary,
#menu-features.experiment p.description {
	padding: 0 40px;
	font-size: 16px;
}

#menu-features.experiment h3 p.primary {
	font-size: 18px;
}

#menu-features.experiment p.description {
	font-size: 16px;
	line-height: 24px;
}

#menu-features.experiment .menu-feature {
	height: 240px;
}

#comparative-certificate.experiment {
	margin: 64px auto;
	text-align: center;
}

#comparative-certificate.experiment > p {
	padding: 0 25%;
	font-size: 16px;
	line-height: 20px;
	line-height: var(--height-text-default);
	font-weight: 100;
	font-family: 'Raleway';
    font-family: var(--font-default);
}

#comparative-certificate.experiment > p:not(:first-child) {
	margin-bottom: 40px;
}

#comparative-certificate.experiment div.card {
	box-shadow: -1px 3px 6px 3px rgb(134 134 134 / 20%);
	padding: 16px;
	border-radius: 8px;
	height: 560px;
	overflow: hidden;
	width: calc(50% - 72px) !important;
	margin: 24px;
}

#comparative-certificate.experiment h2 {
	margin: 24px auto;
}

#comparative-certificate.experiment .card h3 {
	font-size: 24px;
	font-family: 'Raleway-Medium';
	font-family: var(--font-default-strong);
	margin-bottom: 8px;
}

#comparative-certificate.experiment .card p {
	font-size: 16px;
    padding: 0 40px;
    font-family: 'Raleway';
	font-family: var(--font-default);
}

#comparative-certificate.experiment .card ul {
	text-align: left;
	font-size: 15px;
	line-height: 28px;
	font-family: 'Raleway';
	font-family: var(--font-default);
	padding: 0 32px 0 80px;
}

/* VINCULAÇÂO COM GOOGLE */
#div-main-vinculacao-google {
	padding: 48px 24px 24px 24px;
	min-height: 295px;
}

#div-main-vinculacao-google #div-detalhes-vinculacao,
#div-main-vinculacao-google #sucesso-vinculacao-google {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#div-main-vinculacao-google #sucesso-vinculacao-google {
	margin-top: 10%;
}

#div-main-vinculacao-google h3 {
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-family: var(--font-secondary-bold);
	font-weight: normal;
}

#div-main-vinculacao-google #div-detalhes-vinculacao #div-img-vinculacao-google {
	margin-bottom: 8px;
}

#div-main-vinculacao-google #sucesso-vinculacao-google #div-img-sucesso-vinculacao-google img {
	padding: 8px;
}

#div-main-vinculacao-google #sucesso-vinculacao-google #div-img-sucesso-vinculacao-google img {
	height: 44px;
	width: 44px;
	border: 2px solid #37A661;
	border-radius: 50%;
}

#div-main-vinculacao-google h3 {
	margin-bottom: 14px;
}

#div-main-vinculacao-google #div-detalhes-vinculacao #div-dados-conta-vinculacao-google {
	width: 80%;
	padding: 24px 16px;
	margin-bottom: 8px;
	border: 1px solid #EEE;
	border-radius: 8px;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}

#div-main-vinculacao-google #div-detalhes-vinculacao #div-dados-conta-vinculacao-google .dados-conta-vinculacao-google p,
#div-main-vinculacao-google #div-detalhes-vinculacao #div-dados-conta-vinculacao-google .dados-conta-vinculacao-google span {
	font-size: 13px;
	margin: 0px;
	font-weight: normal;
}

#div-main-vinculacao-google #div-detalhes-vinculacao #div-dados-conta-vinculacao-google .dados-conta-vinculacao-google p {
	font-family: var(--font-secondary-bold);
}

#div-main-vinculacao-google #div-detalhes-vinculacao #div-dados-conta-vinculacao-google .dados-conta-vinculacao-google span {
	font-family: 'Arial';
}

#div-main-vinculacao-google #div-detalhes-vinculacao #buttons-vinculacao-google {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}

.button-primary-default {
	font-family: var(--font-secondary-bold);
	font-weight: normal;
	border-radius: 8px;
	opacity: 1;
	font-size: 12px;
	letter-spacing: 0px;
	opacity: 1;
	height: 32px;
	outline: none;
	padding: 0px 15px 0px 15px;
	width: 200px;
}

.button-primary-default.button-outline {
	background-color: #FFF;
	border: 1px solid #37A661;
	color: #37A661;
}

.button-primary-default.button-filled {
	background-color: #37A661;
	border: 1px solid #37A661;
	color: #FFF;
}
/* END */

@media screen and (max-width: 480px) {
	#advantages .advantage img {
		width: 140px !important;
	}

	#advantages > h2 {
		padding: 0 5vw;
	}

	#comments {
		border-radius: 0;
	}

	#comments .comentary:nth-child(even):hover {
		margin-left: -50px;
	}
	#comments .comentary:nth-child(odd):hover {
		margin-right: -50px;
		z-index: 2;
	}

	.remove-padding {
		padding: 0;
	}
	#metrics .metric {
		text-align: center;
		margin-top: 24px;
	}
	.carousel.view-next .contents .inner-elements {
		transform: translate(calc((var(--i, 0)/var(--n)*-100%) + (var(--i) * 90px) + 45px));
	}

	.carousel.view-next .contents .inner-elements > div {
		width: calc((100%/var(--n)) - 90px) !important;
	}

	.carousel.arrow-bottom .arrow-left,
	.carousel.arrow-bottom .arrow-right {
		bottom: -20px
	}

	.carousel.arrow-bottom .arrow-right {
		left: 86px;
		width: 21px;
	}

	.carousel.arrow-bottom .contents {
		width: 100%;
		margin-left: 0;
	}

	#midia .carousel.arrow-bottom .item {
		margin-top: 0;
		margin-bottom: 45px;
	}

	#blog #news p {
		font-size: 15px;
	}
	#blog h2 {
		text-align: left;
	}

	#partner-content {
		flex-flow: column;
	}

	#partner-content #btn-seja-parceiro,
	#partner-content #btn-ver-parceiros {
		margin-top: 25px;
		font-size: 14px;
	}

	#partner-content #partner-footer-invite,
	#partner-conf #partner-content #partners-text {
		font-size: 20px;
		width: 100%;
	}

	#footer-banner .footer-banner-container {
		margin-right: 0;
	}

	#footer-banner #footer-banner-text {
		font-size: 20px;
	}

	#plan-cards .plan-card p.plan-description {
		padding: 0 8px;
		line-height: 24px;
	}

	#menu-features .menu-feature {
		width: 50%;
	}

	#menu-features .menu-feature.hasButton {
		height: 248px;
	}

	#menu-features .menu-feature p.description {
		padding: 0 8px;
		overflow: hidden;
		width: calc(100% - 16px);
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}

	#menu-features .menu-feature.hasButton:nth-child(3),
	#menu-features .menu-feature.hasButton:nth-child(2) {
		height: 264px;
	}

	#menu-features .carousel .menu-feature {
		height: 104px;
	}

	#menu-features .carousel .menu-feature p.description {
		padding: 0;
		width: auto;
		margin: 0;
	}

	#menu-features .carousel p.description.hide {
		display: none;
	}

	#menu-features > h2 {
		margin-bottom: 32px;
	}

	#footer-banner .footer-banner-container img {
		width: 90%;
		height: auto;
	}

	.tutorial p {
		font-size: inherit !important;
	}
	
	.tutorial {
        margin-top: 90px;
    }

	.tutorial h2 {
		font-size: 32px;
		text-align: center;
        margin-top: 40px;
        margin-top: var(--patterns-spacing);
    }

	#advantages.experiment .advantage h3 {
		height: 100px;
		font-size: 20px;
	}

	#advantages.experiment .advantage button {
		font-size: 14px;
		padding: 16px 16px;
		bottom: 24px;
		width: 200px;
		transform: translateX(6px);
	}

	#social-brief #brief-social-proof {
		order: 1;
	}

	#social-brief #brief-data {
		order: 2;
		margin-top: 30px;
	}

	#social-brief #social-proof-images .social-proof-image {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#social-brief #brief #brief-text {
		padding-right: 15px;
	}

	.paragraphs {
		margin: 40px auto;
	}
}

@media only screen and (max-width: 700px) {
	.carousel .contents .inner-elements > div.group > div {
		height: 400px;
 		overflow-y: scroll;
	}

	#aviso_container {
		width: 100%;
		font-size: 10px;
		height: auto;
		bottom: 0;
		max-width: 320px;
		right: 0;
	}
	#aceitar {
		font-size:1em;
	}
	#configurar {
		font-size:1em;
	}
}

@media screen and (min-width: 480px) and (max-width: 840px) {
	#midia .item img {
		width: 80%;
	}

	#partner-content {
		flex-flow: column;
	}

	#partner-content #btn-seja-parceiro,
	#partner-content #btn-ver-parceiros {
		margin-top: 25px;
	}

	#partner-content #partner-footer-invite,
	#partner-conf #partner-content #partners-text {
		font-size: 25px;
		width: 100%;
	}

	#menu-features .menu-feature {
		width: 50%;
		height: 250px;
	}

	#menu-features .carousel p.description.hide {
		display: block !important;
	}
}

@media (max-width: 768px) {
	.inscricao-fim .container-contact .contact-way {
		flex-wrap: wrap;
	}

	#footer-banner {
		margin: 80px 16px;
	}
}


@media screen and (max-width:839px) {
	#advantages {
		overflow: hidden;
		margin-top: 72px;
	}

	#comments .mdc-layout-grid__inner {
		grid-gap: 0;
	}

	#bling-pay .description {
		margin-top: 0;
	}

	#bling-pay .description a {
		display: block;
		text-align: center;
	}

	#faq .question {
		margin-bottom: 20px;
	}

	#digital-certificate p,
	.tutorial p,
	#faq .answer {
		font-size: larger;
	}

	h2.side-title,
	#advantages .advantage p {
		padding: 0 10px;
	}

	#advantages .advantage,
	#advantages.experiment .experimental-extra {
		width: auto !important;
	}

	#newsletter input {
		max-width: 100%;
	}

	#footer-banner .footer-banner-container img {
		width: 90%;
	}

	#digital-certificate .step-child {
		height: auto;
	}
}

@media screen and (min-width: 840px) and (max-width:992px) {
	#metrics .intro {
		margin-bottom: 24px;
	}

	#flow .flow-item:nth-child(3n),
	#flow .flow-item:nth-child(3n+1) {
		border: none;
		z-index: 1;
	}
	#flow .flow-item:nth-child(6n) {
		border-radius: 0px 40px 40px 0px;
		border: 5px dashed #fff;
		z-index: 0;
		border-left: 0;
	}
	#flow .flow-item:nth-child(6n+1) {
		border-radius: 40px 0 0 40px;
		border: 5px dashed #fff;
		z-index: 0;
		border-right: 0;
	}
	#flow .flow-item:first-child,
	#flow .flow-item:last-child {
		border-width: 0 0 5px 0;
		border-radius: 0;
		border-bottom: 5px dashed #fff;
	}
}

@media only screen and (max-width: 1180px) {
	.container-cookies {
		display: none;
	}
}