/* Bem-Vindo Ao CSS da CONECTA! */

/****************************************************************************************************************************************************/

/** 0 - Geral **/
body{
	font-family: 'Asap', sans-serif;
	overflow-x: hidden;
	--branco: #FFFFFF;
	--preto-secundario: #22212E;
	--azul-superescuro: #2A3A4D;
	--azul-escuro: #2D2B47;
	--azul-claro: #00A4DD;
	--azul-superclaro: #E6F7FF;
	--azul: #29ABE2;
	--amarelo: #F6AA01;
	--amarelo-claro: #FFF9E5;
	--laranja: #EF801E;
	--verde: #00BF9F;
	--verde-secundario: #098958;
	--roxo: #5B25B3;
	--roxo-header: #4E2099;
	--cinza: #EBEBEB;
	--rosa: #E73D57;
}

.clear {
	clear: both;
}

.bounceAnimationA{
	animation-name: bounce-animation;
	animation-timing-function: ease;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}

a.blueBtn {
	border-radius: 12px;
	background-color: var(--azul-claro);
	border: 2px solid var(--azul-claro);
	padding: 12px 42px;
	display: block;
	text-align: center;
	font-weight: 600;
	font-size: 14px;
	line-height: 16px;
	color: var(--branco);
	transition: 0.2s;
}

a.blueBtn.big {
	max-width: 216px;
	width: 100%;
	padding: 19px 0;
	font-size: 16px;
}

#introSuperlivro a{
	display: inline-block;
}
.boxBannerFooter a{
	display: inline-block;
}

a.secondaryBtnNew{
	border-radius: 12px;
	background-color: #fff;
	border: 2px solid #fff;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	padding: 18px 0;
	color: var(--azul-escuro);
	transition: 0.2s;
	max-width: 203px;
	width: 100%;
	margin-right: 10px;
}
a.secondaryBtnNew:hover{
	background-color: var(--azul-escuro);
	border-color: var(--azul-escuro);
	color: #fff;
	transition: 0.2s;
}

a.blueBtn:hover {
	background-color: var(--branco);
	color: var(--azul-claro);
	cursor: pointer;
	transition: 0.2s;
}

#introSuperlivro a.blueBtn:hover{
	border-color: var(--branco);
}

.boxBannerFooter a.blueBtn:hover{
	border-color: var(--branco);
}

a.whiteBtn {
	border-radius: 12px;
	background-color: transparent;
	border: 2px solid var(--branco);
	padding: 19px 42px;
	display: block;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	color: var(--branco);
	max-width: 199px;
	width: 100%;
	transition: 0.2s;
}

a.whiteBtn:hover {
	background-color: rgba(255, 255, 255, 0.2);
	transition: 0.2s;
}

a.yellowBtn {
	background-color: var(--amarelo);
	border: 2px solid var(--amarelo);
	border-radius: 12px;
	display: block;
	max-width: 253px;
	width: 100%;
	padding: 19px 0px;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	color: var(--azul-escuro);
	transition: 0.2s;
}

a.yellowBtn:hover {
	background-color: transparent;
	color: var(--amarelo);
	transition: 0.2s;
}

a:hover, a:active, a:focus{
	text-decoration: none;
}

:focus {
	outline: none;
}

.container {
	max-width: 1170px;
	width: 100%;
	margin: auto;
}


h1, #introSuperlivro h1, section h1 {
	font-family: "Titan One", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 38px;
	line-height: 130%;
	margin: 0;
}

h2 {
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 130%;
	margin: 0;
}

h3 {
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 120%;
	margin: 0;
}

p.subtitle {
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 150%;
	margin: 0;
}

p {
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 150%;
	margin: 0;
}

.darkText {
	color: var(--azul-escuro);
}

.lightText {
	color: var(--branco);
}

@media (max-width: 991px){
	#introSuperlivro a{
		display: block;
		margin: auto;
		margin-bottom: 15px;
	}
	.boxBannerFooter a{
		display: block;
		margin: auto;
		margin-bottom: 15px;
	}
	a.secondaryBtnNew{
		margin-right: auto;
		max-width: 216px;
	}
}

/** FIM - Geral **/

/****************************************************************************************************************************************************/

header {
	height: 80px;
	background-color: var(--branco);
	display: flex;
	align-items: center;
	z-index: 10;
	position: relative;
}

header .navbar {
	width: 100%;
	margin: 0;
}

header .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1173px;
}

header .container:before, header .container:after {
	display: none;
}

.navbar-header img {
	max-width: 85px;
}

.navbar-header img.emcasaLogo{
	max-width: 90px;
    width: 90px;
	margin-top: 20px;
    z-index: 999;
    position: relative;
}

header .navbar-collapse {
	padding: 0;
}

header ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

header ul li {
	display: inline-block;
	padding: 0 10px;
}

header ul li:first-child {
	padding-left: 0;
}


header ul li:last-child {
	padding-right: 0;
}

header ul li a {
	font-size: 13px;
	font-weight: 600;
	line-height: 16px;
	color: var(--azul-escuro);
	margin: 0;
	transition: 0.2s;
}

header ul li.active a {
	color: var(--azul-claro);
} 

header ul li a:hover {
	color: var(--azul-claro);
	transition: 0.2s;
}

header ul li a.blueBtn {
	width: 130px;
}

header.azul {
	background-color: var(--azul-superescuro);
}

header.azul ul li a, header.roxo ul li a {
	color: var(--branco);
}

header.roxo {
	background-color: var(--roxo-header);
}

header.roxo ul li a:hover {
	color: var(--amarelo);
	transition: 0.2s;
}

header.roxo ul li.active a {
	color: var(--amarelo);
} 

header.roxo a.blueBtn {
	background-color: var(--amarelo);
	border-color: var(--amarelo);
	color: var(--azul-escuro);
}

header.roxo a.blueBtn:hover {
	background-color: var(--branco);
	color: var(--amarelo);
}
/* --- Modal Super Webinar --- */
#superWebnarModal .modal-dialog-centered {
	/* display: flex;
	align-items: center;
	min-height: calc(100% - 622px); */
	margin-top: calc((100vh - 622px) / 2);
}

#superWebnarModal .modal-content {
	border-radius: 32px;
	height: auto;
	max-width: 614px;
	width: 100%;
	overflow: hidden;
}

#superWebnarModal .modal-content .modal-header::before,
#superWebnarModal .modal-content .modal-header::after {
	display: none;
}

#superWebnarModal .modal-content .modal-header {
	padding: 24px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	background: url('../images/superwebinar-img-bg.png') center center / cover no-repeat;
	height: 287px;

}

#superWebnarModal .modal-content .modal-header .close-modal {
	background: 0;
	border: 0;
	transition: .2s;
}
#superWebnarModal .modal-content .modal-header .close-modal:hover {
	opacity: .7;
}

#superWebnarModal .modal-body {
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: url('../images/super-webinar-fundo.svg') center center / cover no-repeat;
	height: auto;
}

#superWebnarModal .modal-body h1 {
	font-family: Asap;
	font-weight: 700;
	font-size: 40px;
	line-height: 120%;
	text-align: center;
	color: var(--branco);
	margin: 0;
	margin-bottom: 8px;

	max-width: 316px;
	width: 100%;
}

#superWebnarModal .modal-body p {
	font-family: Asap;
	font-weight: 500;
	font-size: 18px;
	line-height: 120%;
	text-align: center;
	color: var(--branco);
	margin: 0;
	margin-bottom: 16px;

	max-width: 396px;
	width: 100%;
}

#superWebnarModal .modal-body h2 {
	font-family: Titan One;
	font-weight: 400;
	font-size: 32px;
	line-height: 125%;
	color: var(--branco);
	text-align: center;
	margin: 0;
	margin-bottom: 24px;
}

#superWebnarModal .modal-body .modal-btn {
	font-family: Asap;
	font-weight: 700;
	font-size: 19px;
	line-height: 22px;
	text-align: center;
	color: var(--branco);
	
	padding: 20px 0;
	display: inline-block;
	max-width: 216px;
	width: 100%;
	background: linear-gradient(100.07deg, #F6AA01 42.15%, #EF801E 104.54%);
	border-radius: 12px;
	box-shadow: 0px 0px 24px rgba(246, 170, 1, 0.5);

	transition: .2s;
}

#superWebnarModal .modal-body .modal-btn:hover {
	box-shadow: 0px 0px 24px rgba(246, 170, 1, 0.0);
	opacity: .9;
}

@media(max-width: 767px) {
	#superWebnarModal .modal-dialog {
		margin-top: calc((100vh - 558px) / 2);
		margin-left: auto;
		margin-right: auto;
	}
	#superWebnarModal .modal-dialog,
	#superWebnarModal .modal-content {
		max-width: 345px;
	}
	#superWebnarModal .modal-content .modal-header {
		background: url('../images/superwebinar-img-mobile.png') center center / cover no-repeat;
	}
	#superWebnarModal .modal-content .modal-header img {
		width: 130px;
	}
	#superWebnarModal .modal-body {
		background: url('../images/super-webinar-fundo-mobile.svg') center center / cover no-repeat;
	}
	#superWebnarModal .modal-body h1 {
		font-size: 26px;
		max-width: 228px;
	}
	
	#superWebnarModal .modal-body p {
		font-size: 16px;
		max-width: 288px;
		margin-bottom: 20px;
	}
	
	#superWebnarModal .modal-body h2 {
		font-size: 24px;
		max-width: 288px;
		width: 100%;
	}
}

/* --- Banner Footer --- */
.boxBannerFooter {
	background-color: var(--amarelo);
	border-radius: 40px;
	padding-top: 54px;
	padding-bottom: 43px;
	margin-top: 90px;
	position: relative;
	margin-bottom: 115px;
}

.btnsBannerFooter{
	text-align: center;
}

.boxBannerFooter h2 {
	font-family: 'Titan One', sans-serif;
	font-size: 30px;
	line-height: 120%;
	text-align: center;
	font-weight: 400;
	margin-bottom: 14px;
}

.boxBannerFooter p {
	max-width: 570px;
	margin: auto;
	margin-bottom: 20px;
	text-align: center;
}

.boxBannerFooter .formas {
	position: absolute;
	left: -17px;
	top: -35px;
}

.boxBannerFooter .astronauta {
	position: absolute;
	right: -43px;
	top: -85px;
}

@keyframes bounce-animation {
	0%   { transform: translateY(0); }
	50%  { transform: translateY(-20px); }
	100% { transform: translateY(0); }
}

.bannerRoxo .boxBannerFooter {
	background-color: var(--roxo);
	margin-top: 0px;
}
.bannerRoxo .boxBannerFooter .astronauta{
	top: 0px;
}

.bannerRoxo .boxBannerFooter h2, .bannerRoxo .boxBannerFooter  p {
	color: var(--branco)
}
.bannerRoxo .boxBannerFooter a.blueBtn {
	background-color: var(--amarelo);
	border-color: var(--amarelo);
	color: var(--azul-escuro);
}

.bannerRoxo .boxBannerFooter a.blueBtn:hover {
	background-color: transparent;
	cursor: pointer;
	color: var(--amarelo);
}

/* --- Footer --- */
footer{
	background-color: var(--azul-escuro);
	padding-top: 56px;
	padding-bottom: 24px;
}

footer.none {
	display: none;
}

footer img {
	margin-bottom: 20px;
}

footer .opacityText {
	font-size: 12px;
	line-height: 150%;
	color: rgba(255, 255, 255, 0.2);
	margin-bottom: 15px;
}

footer .alignRow {
	display: flex;
}

footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

footer ul:first-child {
	margin-right: 57px;
}

footer ul li {
	margin-bottom: 16px;
}

footer ul li p {
	font-size: 14px;
	line-height: 16px;
	color: var(--branco);
	font-weight: 700;
}

footer ul li a {
	font-size: 14px;
	line-height: 16px;
	color: var(--branco);
	font-weight: 400;
}

footer .alignLeft {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width: 100%;
	margin-top: 13px;
}

footer .alignLeft a {
	font-size: 14px;
	line-height: 16px;
	color: var(--branco);
	display: flex;
	justify-content: flex-start;
	margin-bottom: 10px;
	width: 90px;
}

footer .alignLeft a i {
	font-size: 16px;
	margin-right: 12px;
}

footer .alignLeft a:first-child i {
	font-size: 15px;
}

footer .projectBy {
	padding-top: 11px;
	display: flex;
	width: 100%;
	justify-content: flex-end;
	align-items: center;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	margin-top: 40px;
}

footer .projectBy img {
	margin: 0;
}

footer .projectBy p {
	font-size: 8px;
	line-height: 130%;
	letter-spacing: 0.16em;
	color: var(--branco);
	margin: 0;
	text-transform: uppercase;
}

/****************************************************************************************************************************************************/

/******************* **** *******************/
/******************* HOME *******************/
/******************* **** *******************/

/* --- Intro HOME ---*/
#introSuperlivro {
	background-image: url('../images/backgroundHomeIntro.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 93vh;
	display: block;
	width: 100%;
	margin-top: -80px;
	padding-top: 80px;
	z-index: 1;
	position: relative;
}

#introSuperlivro .container {
	display: flex;
	height: 100%;
	align-items: center;
}

#introSuperlivro h1 {
	margin-top: 0px;
	margin-bottom: 16px;
	color: var(--preto-secundario);
}

#introSuperlivro p {
	margin-bottom: 32px;
}

#introSuperlivro img {
	position: absolute;
	right: 0;
	bottom: 2px;
	z-index: -1;
}

/* --- Experimente na Escola --- */
#experimenteSuperlivro{
	padding-top: 119px;
	padding-bottom: 112px;
	position: relative;
	overflow: hidden;
}

#experimenteSuperlivro img {
	position: absolute;
	z-index: -1;
}

#experimenteSuperlivro img.bgFormas1 {
	bottom: 300px;
	left: -120px;
}

#experimenteSuperlivro img.bgFormas2 {
	top: -70px;
	right: -50px;
}
#experimenteSuperlivro .containerVideoHome{
	border-radius: 40px;
	margin: auto;
	max-width: 976px;
	max-height: 552px;
}
#experimenteSuperlivro .containerVideoHome iframe{
	border-radius: 34px;
}
/* #experimenteSuperlivro .bv1{
	content:'';
	height: 402px;
	width: 402px;
	background-color: #FF5858;
	border-radius: 100%;
	position: absolute;
	left: -201px;
	top: calc( 50% - 201px);
}
#experimenteSuperlivro .bv1:after{
	content:'';
	height: 90px;
	width: 90px;
	background-color: #03D8A0;
	border-radius: 100%;
	position: absolute;
    top: -40px;
    right: -45px;
}
#experimenteSuperlivro .bv2{
	content:'';
	height: 402px;
	width: 402px;
	background-color: #03D8A0;
	border-radius: 100%;
	position: absolute;
	right: -201px;
	top: calc( 35% - 201px);
}
#experimenteSuperlivro .bv2:before{
	content:'';
	height: 150px;
	width: 150px;
	background-color: #FFB900;
	border-radius: 100%;
	position: absolute;
    bottom: -50px;
    left: 0px;
}
.desativado{
	transition: 0.8s;
}
#experimenteSuperlivro .bv2.ativo{
	transition: 0.8s;
	right: -50px;
	height: 350px;
	width: 350px;
	top: calc( 35% - 111px);
}
.desativado2{
	transition: 0.8s;
}
#experimenteSuperlivro .bv1.ativo2{
	transition: 0.8s;
	left: -90px;
	height: 350px;
	width: 350px;
	top: calc( 35% - 111px);
}*/

#experimenteSuperlivro #parent-container {
	max-width: 972px;
	overflow: hidden;
	border-radius: 40px;
	background-color: var(--azul-superescuro);
	margin: auto;
}

#experimenteSuperlivro #video-container {
	height: 552px;
	width: 100%;
}

.experimenteContent {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.experimenteContent h2 {
	margin-bottom: 16px;
	margin-top: 35px;
}

.experimenteContent p {
	margin-bottom: 28px;
	color: rgba(27, 26, 43, 0.8);
	text-align: center;
	max-width: 578px;
}

/* --- Cronograma do Evento HOME --- */
#cronogramaSuper .container {
	background-color: var(--azul-superclaro);
	border-radius: 40px;
	padding: 0 33px;
	padding-top: 56px;
	text-align: center;
	margin-bottom: 190px;
}

#cronogramaSuper p {
	color: rgba(27, 26, 43, 0.8);
	max-width: 578px;
	margin: auto;
	margin-bottom: 60px;
	margin-top: 16px;
}

.boxCronograma {
	padding: 0px 26px;
	padding-top: 56px;
	border-radius: 24px;
	min-height: 373px;
	margin-bottom: -100px;
	text-align: left;
	position: relative;
}

.boxCronograma img{
	filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.4));
}

.boxCronograma h3 {
	font-weight: 700;
	font-size: 18px;
	line-height: 150%;
	margin-bottom: 10px;
}

#cronogramaSuper .boxCronograma p {
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	margin: 0;
	color: var(--azul-escuro);
}

.boxCronograma.verde {
	background-color: var(--verde);
}

.boxCronograma.verde img {
	position: absolute;
	bottom: -66.5px;
	left: calc(50% - 66.5px);
}

.boxCronograma.amarelo {
	background-color: var(--amarelo);
	padding: 0 21px;
	padding-top: 56px;
}

.boxCronograma.amarelo img {
	position: absolute;
	bottom: -63px;
	left: calc(50% - 58.5px);
}

.boxCronograma.laranja {
	background-color: var(--laranja);
}

.boxCronograma.laranja img {
	position: absolute;
	bottom: -62.5px;
	left: calc(50% - 68px);
}

.boxCronograma.azul {
	background-color: var(--azul);
}

.boxCronograma.azul img {
	position: absolute;
	bottom: -67.5px;
	left: calc(50% - 84px);
}

/* --- Super Autor em Casa HOME --- */
#superEmCasa{
	padding-top: 60px;
}
#superEmCasa .col-md-8 {
	padding-left: 0;
	padding-right: 10px;
}

.emCasaBox {
	background-color: var(--roxo);
	width: 100%;
	border-radius: 24px;
	height: 336px;	
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: relative;
	padding-right: 50px;
}

.emCasaBox img {
	height: 368px;
	position: absolute;
	bottom: 0;
	left: 0;
	object-fit: contain;
}

.emCasaBox h2 {
	font-size: 28px;
	line-height: 130%;
	margin-bottom: 9px;
	max-width: 280px;
}

.emCasaBox p {
	font-weight: 500;
	font-size: 18px;
	line-height: 150%;
	margin-bottom: 32px;
	max-width: 280px;
}

.terminarProjetoBox {
	margin-left: 10px;
	background-color: var(--azul-superescuro);
	border-radius: 24px;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 49px;
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 336px;	
}

.terminarProjetoBox img {
	width: 118px;
	height: 126px;
	object-fit: contain;
}

.terminarProjetoBox h3 {
	font-size: 24px;
	line-height: 130%;
	text-align: center;
	font-weight: 700;
	margin-top: 16px;
	margin-bottom: 24px;
}

.terminarProjetoBox a {
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	text-decoration-line: underline;
	color: var(--branco);
}

/* --- Depoimentos HOME --- */

#depoimentoSuper {
	background-image: url('../images/backgroundHomeDep.png');
	background-repeat: no-repeat;
	background-size: 100% 570px;
	margin-top: 118px;
	padding-top: 85px;
	padding-bottom: 120px;
	min-height: 570px;
	text-align: center;
	position: relative;
}

#depoimentoSuper .girlImage {
	position: absolute;
	left: 52px;
	top: 108px;
	z-index: 0;
}

#depoimentoSuper h2 {
	margin-bottom: 8px;
	font-weight: 700;
	font-size: 32px;
	line-height: 120%;
}

#depoimentoSuper .owl-carousel {
	margin-top: 40px;
}

#depoimentoSuper .owl-carousel .item {
	margin: 0 15px;
}

#depoimentoSuper .owl-dots {
	text-align: center;
}

#depoimentoSuper .owl-dot {
	background: #FFE8B5;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin: 0 4px;
}

#depoimentoSuper .owl-dot.active {
	width: 29px;
	border-radius: 20px;
	background-color: var(--amarelo);
}

.cardDepoimento {
	background-color: var(--branco);
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.16);
	border-radius: 24px;
	text-align: left;
	padding: 53px 24px;
	margin-bottom: 35px;
	margin-top: 20px;
	height: 417px;
}

.cardDepoimento p {
	font-weight: 500;
	font-size: 13px;
	line-height: 170%;
	margin-bottom: 38px;
}

.cardDepoimento .alignInfoRow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.cardDepoimento strong {
	font-weight: 700;
	font-size: 18px;
	line-height: 150%;
	margin: 0;
}

.cardDepoimento .alignInfoRow p {
	line-height: 140%;
	margin: 0;
}

.owl-carousel .alignInfoRow img {
	width: fit-content;
	margin-left: 33px;
	display: block;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	object-fit: cover;
}

.formasImage {
	position: absolute;
	bottom: 0;
	right: 0px;
}

/* --- Galeria HOME --- */
#galeriaHome{
	margin: 80px 0px 0px 0px;
	overflow: hidden;
}
#galeriaHome h2{
	margin-bottom: 8px;
	font-weight: 700;
	font-size: 32px;
	line-height: 120%;
	text-align: center;
}
#galeriaHome p{
	text-align: center;
}
#galeriaHome .item img{
	width: 100%;
	object-fit: cover;
	height: 204px;
	box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
	border-radius: 6px;
}
#galeriaHome .img-cima{
	width: 100%;
	height: 204px;
	margin-left: 168.61px;
	margin-bottom: 22px;
	border-radius: 6px;
	overflow: hidden;
}
#galeriaHome .img-baixo{
	border-radius: 6px;
	max-width: 100%;
	max-height: 204px;
	overflow: hidden;
}
#galeriaHome .container-fluid{
	margin: 50px 0px 70px 0px;
	padding: 0px;
}

.use-terms {
	margin-top: 80px;
	margin-bottom: 80px;
	height: 100vh;
	display: flex;
	justify-content: center;
}

@media (max-width: 991px){
	.use-terms iframe {
		height: 640px !important;
		margin-top: 64px;
		margin-bottom: 64px;
	}
	#galeriaHome .img-cima{
		height: 142px;
	}
	#galeriaHome .img-baixo{
		max-height: 142px;
	}
	#galeriaHome .item img{
		height: 142px;
	}
	#galeriaHome .container-fluid{
		margin-bottom: 30px;
	}
	#galeriaHome{
		margin-top: 0px;
	}
}
/******************* **** *******************/
/*************** SUPER MISSÃO ***************/
/******************* **** *******************/

#introSuperMissao {
	background: linear-gradient(180deg, rgba(0, 164, 221, 0.5) -13.95%, rgba(0, 164, 221, 0.1) 51.57%);
	display: block;
	width: 100%;
	position: relative;
	margin-bottom: 100px;
}
#introSuperMissao .row{
	display: flex;
	min-height: calc(90vh - 80px);
	align-items: center;
}

#introSuperMissao .image-left {
	position: absolute;
	left: -261px;
	top: 47px;
	width: 690px;
	object-fit: contain;
	height: 308px;
	transform: rotate(180deg);
}

#introSuperMissao .image-right {
	position: absolute;
	right: -263px;
	top: 142px;
	width: 690px;
	object-fit: contain;
	height: 308px;
}

#introSuperMissao p {
	margin-bottom: 0px;
}

#introSuperMissao h1 {
	margin-bottom: 16px;
}

#introSuperMissao .img-intro-hero{
	margin-left: auto;
}

#superMissaoText h2 {
	max-width: 770px;
	margin: 0 auto;
	margin-bottom: 16px;
}

#superMissaoText p {
	color: rgba(45, 43, 71, 0.9);
	max-width: 770px;
	margin: 0 auto;
	margin-bottom: 135px;
}

.bannerMissao {
	background-color: var(--azul-superescuro);
	border-radius: 40px;
	width: 100%;
	height: 214px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 12px;
	margin-bottom: 152px;
}

.bannerMissao h3 {
	max-width: 606px;
	text-align: center;
	font-size: 26px;
	line-height: 140%;
}

.bannerMissao .formas {
	position: absolute;
	left: -26px;
	top: -32px;
	transform: rotate(180deg);
	width: 141px;
	height: 276px;
	object-fit: contain;
}

.bannerMissao .superboy {
	position: absolute;
	top: -54px;
    right: -81px;
}

#custoSuperMissao {
	margin-bottom: 122px;
}

#custoSuperMissao img {
	margin-top: 6px;
	margin-left: -5px;
}

#custoSuperMissao h2 {
	margin-top: 90px;
	margin-bottom: 16px
}

#custoSuperMissao p {
	font-size: 17px;
	line-height: 155%;
	color: rgba(45, 43, 71, 0.9);
	margin-bottom: 44px;
}

/******************* **** *******************/
/******************* BLOG *******************/
/******************* **** *******************/

.NovoBoxBlogPais{
	background-color: #EF801E;
	border-radius: 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding:  29px 40px 29px 200px;
	margin-top: 50px;
	font-family: 'Asap', sans-serif;
	color: #fff;
}
.NovoBoxBlogPais a{
	border-radius: 12px;
	background-color: transparent;
	border: 2px solid var(--branco);
	display: block;
	text-align: center;
	font-weight: 600;
	font-size: 14px;
	line-height: 16px;
	padding: 14px 0px;
	color: var(--branco);
	transition: 0.2s;
	max-width: 139px;
	width: 100%;
}
.NovoBoxBlogPais a:hover{
	color: #EF801E;
	background-color: var(--branco);
	transition: 0.2s;
}

.NovoBoxBlogPais h5{
	font-weight: bold;
	font-size: 24px;
	line-height: 120%;
	margin: 0px;
}
.NovoBoxBlogPais p{
	font-weight: normal;
	font-size: 16px;
	line-height: 155%;
}
.imgBoxBlogPais{
	position: absolute;
	z-index: 99;
	left: 20px;
	bottom: 0px;
}

@media (max-width: 767px){
	.NovoBoxBlogPais img{
		display: none;
	}
	.NovoBoxBlogPais a{
		margin-top: 15px;
	}
	.NovoBoxBlogPais h5{
		line-height: 100%;
		font-size: 22px;
		margin-bottom: 10px;
	}
	.NovoBoxBlogPais p{
		line-height: 100%;
	}
	.NovoBoxBlogPais{
		flex-direction: column;
		padding: 30px;
		align-items: flex-start;
	}
}

#biggestPost {
	margin-top: 70px;
	margin-bottom: 109px;
	z-index: 1;
	position: relative;
}

#biggestPost .formas {
	position: absolute;
	left: -113px;
	bottom: -53px;
	transform: rotate(180deg);
	z-index: 0;
}

#biggestPost .containerImage {
	width: 100%;
	height: 376px;
	border-radius: 24px;
	overflow: hidden;
}

#biggestPost .containerImage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#biggestPost .row{
	display: flex;
	align-items: center;
}
#biggestPost a{
	transition: 0.2s;
}
#biggestPost .contentPost {
	max-width: 430px;
	margin-left: 34px;
	width: 100%;
	display: flex;
	flex-direction: column;
}

#biggestPost a:hover{
	transition: 0.2s;
	transform: translateY(-10px);
}

#biggestPost a:hover .postData{
	transition: 0.2s;
	color: #F8AC01;
}

#biggestPost .postData {
	font-weight: 600;
	font-style: italic;
	font-size: 14px;
	line-height: 16px;
	color: var(--azul-claro);
	margin-bottom: 24px;
	margin-top: 0px;
}

#biggestPost h2 {
	margin-bottom: 24px;
	max-width: 400px;
}

#biggestPost p {
	font-size: 17px;
	line-height: 155%;
	max-width: 430px;
}

#anotherPosts {
	margin-bottom: 72px;
}

#anotherPosts .headerPosts {
	margin-bottom: 39px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#anotherPosts .headerPosts h3 {
	font-size: 20px;
	line-height: 130%;
	font-weight: 700;
	margin: 0;
}

#anotherPosts .col-md-4 .cardPost:hover{
	transition: 0.2s;
	transform: translateY(-10px);
}

#anotherPosts .col-md-4 .cardPost:hover .postData{
	transition: 0.2s;
	color: #F8AC01;
}

#anotherPosts .cardPost  {
	min-height: 390px;
	display: block;
	transition: 0.2s;
	margin-bottom: 72px;
}

#anotherPosts .cardPost img {
	width: 100%;
	height: 208px;
	border-radius: 24px;
	object-fit: cover;
	margin-bottom: 25px;
}

#anotherPosts .cardPost  h4 {
	font-size: 18px;
	line-height: 130%;
	font-weight: 700;
	margin-bottom: 16px;
	margin-top: 0px;
	height: 50px;
}

#anotherPosts .cardPost p {
	font-size: 15px;
	line-height: 160%;
	margin-bottom: 16px;
}
#anotherPosts .cardPostMinHeightP{
	min-height: 96px;
}

#anotherPosts .cardPost .postData {
	font-weight: 600;
	font-style: italic;
	font-size: 14px;
	line-height: 16px;
	margin: 0;
	transition: 0.2s;
	color: #00A4DD;
}
#anotherPosts .cardPost .postData.textColor0 {
	color: var(--azul-claro);
}

#anotherPosts .cardPost .postData.textColor1 {
	color: var(--verde);
}

#anotherPosts .cardPost .postData.textColor2 {
	color: var(--amarelo);
}

#singlePost {
	margin-bottom: 65px;
	color: #1B1A2B;
}
#singlePost .h4{
	margin-top: 20px;
    margin-bottom: 15px;
	color: #1B1A2B;
}
#singlePost h6{
	margin-top: 10px;
    margin-bottom: 10px;
	color: #1B1A2B;
}
#singlePost h5{
	margin-top: 10px;
    margin-bottom: 10px;
	color: #1B1A2B;
}
#singlePost h4{
	margin-top: 20px;
    margin-bottom: 15px;
	color: #1B1A2B;
}
#singlePost .h6{
	margin-top: 10px;
    margin-bottom: 10px;
	color: #1B1A2B;
}
#singlePost .h5{
	margin-top: 10px;
    margin-bottom: 10px;
	color: #1B1A2B;
}
#singlePost .h2{
	font-size: 24px;
	margin-top: 40px;
    margin-bottom: 25px;
	color: #1B1A2B;
}
#singlePost h3{
	margin-top: 40px;
	color: #1B1A2B;
    margin-bottom: 10px;
}
#singlePost li{
	font-family: 'Asap Condensed', sans-serif;
	font-weight: 400;
	font-size: 18px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#singlePost h2{
	font-size: 24px;
	margin-top: 40px;
    margin-bottom: 25px;
	color: #1B1A2B;
}
#singlePost .h3{
	margin-top: 40px;
    margin-bottom: 10px;
	color: #1B1A2B;
}
#singlePost p{
	font-size: 18px;
	margin-bottom: 20px;
	color: #1B1A2B;
	line-height: 180%;
}
#singlePost .bgSinglePost{
	background-image: url('../images/backgroundSinglePost.png');
	background-repeat: no-repeat;
	background-size: 100% 357px;
	background-position: top -80px left 0;
	min-height: 276px;
}

#singlePost .containerPost {
	max-width: 770px;
	margin: 0 auto;
}

#singlePost .imageSingle {
	display: block;
	width: 100%;
	height: 408px;
	object-fit: cover;
	border-radius: 24px;
	overflow: hidden;
	margin-bottom: 43px;
    margin-top: -180px;
}

#singlePost .datePost {
	font-weight: 600;
	font-style: italic;
	font-size: 14px;
	line-height: 16px;
	color: var(--azul-claro);
	margin-bottom: 24px;
	display: block;
}

#singlePost h1 {
	font-family: 'Titan One', sans-serif;
	font-size: 32px;
	line-height: 130%;
	margin-bottom: 40px;
}

#singlePost .textSingle b{
	font-weight: 600;
}
#singlePost .textSingle strong{
	font-weight: 600;
}
#singlePost .textSingle ul li{
	list-style: none;
}
#singlePost .textSingle ul li::before {
  content: "\2022";
  color: #009E84;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

.navigation {
	text-align: center;
	margin-top: 80px;
}

.navigation li a {
	background-color: transparent !important;
	border: none !important;
	text-align: center !important;
	margin: 0 12px;
	display: inline-block;
	font-size: 16px;
}

.navigation .wp-paginate .current{
	color: #000;
    font-weight: 700;
    background-color: transparent;
    border: 0px;
    font-size: 16px;
}

.wp-paginate.wpp-modern-grey a, .wp-paginate.wpp-modern-grey .current {
	background-color: transparent !important;
	border: none !important;
	text-align: center !important;
}
/********************************************/
/***************** CONTATO ******************/
/********************************************/

#contactSuper {
	background-color: var(--azul-superescuro);
	background-image: url('../images/backgroundContatoFormas.png');
	background-repeat: no-repeat;
	background-size: 655px 221px;
	background-position: center top 43px;
	min-height: 1320px;
}

#contactSuper .container {
	max-width: 970px;
}

.containerContact {
	padding: 54px 100px;
	border-radius: 16px;
	background-color: var(--branco);
	margin-top: 124px;
	margin-bottom: 94px;
}

.containerContact  h3 {
	text-align: center;
	margin: auto;
	margin-bottom: 30px;
}

.containerContact .alignBtns {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 24px;
}

.containerContact button {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	color: var(--azul-escuro);
	margin: 0 6px;
	border: none;
}

.containerContact button.active {
	color: var(--branco);
	background-color: var(--azul-claro);
}

.containerContact .dashed {
	border: 1px dashed #C5C5C5;
	width: 32px;
}

.containerContact h4 {
	font-style: italic;
	font-weight: 700;
	font-size: 20px;
	line-height: 23px;
	margin-bottom: 16px;
}

.containerContact .field {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 32px;
	width: 100%;
}

.containerContact .field label {
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 8px;
}

.containerContact .field input {
	background-color: var(--cinza);
	width: 100%;
	height: 48px;
	padding: 15px 12px;
	font-weight: 500;
	font-size: 15px;
	line-height: 17px;
	border: none;
	color: var(--azul-escuro);
	transition: 0.2s;
}

.containerContact .field input:focus {
	border:  1px solid var(--azul-claro);
	transition: 0.2s;
}

.containerContact .field select {
	background-color: var(--cinza);
	width: 100%;
	height: 48px;
	padding: 15px 12px;
	font-weight: 500;
	font-size: 15px;
	line-height: 17px;
	border: none;
	color: var(--azul-escuro);
	transition: 0.2s;
}

.containerContact .alignFieldsCheckbox {
	display: flex;
}

.containerContact .alignFieldsCheckbox .wpcf7-checkbox{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 16px;
}

.containerContact .alignFieldsCheckbox label {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border: 1px solid #D1D1D1;
	border-radius: 8px;
	padding: 9px 12px;
	margin-bottom: 16px;
	max-width: 250px;
	cursor: pointer;
	width: 100%;
}

.containerContact .alignFieldsCheckbox input[type="checkbox"] {
	width: 22px;
	height: 22px;
	opacity: 0;
}

.containerContact .alignFieldsCheckbox input:checked ~ .checkboxVisible {
	background-color: #29ABE2;
}

.containerContact .alignFieldsCheckbox .checkboxVisible{
	width: 22px;
	height: 22px;
	background-color: #EBEBEB;
	border-radius: 50%;
	position: absolute;
	z-index: 0;
}

.containerContact .alignFieldsCheckbox .wpcf7-list-item-label{
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #1B1A2B;
	margin-left: 12px;
}

.containerContact .alignBtnRight {
	display: flex;
	justify-content: flex-end;
}

.containerContact button.nextStep {
	background-color: var(--azul-claro);
	max-width: 213px;
	width: 100%;
	height: 48px;
	border-radius: 12px;
	padding: 15px 0;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	border: none;
	color: var(--branco);
	transition: 0.2s;
	margin-top: 8px;
}
.containerContact button.nextStep:hover{
	opacity: 0.8;
	transition: 0.2s;
}

.containerContact input[type="submit"] {
	background-color: var(--azul-claro);
	max-width: 213px;
	width: 100%;
	height: 48px;
	border-radius: 12px;
	padding: 15px 0;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	border: none;
	color: var(--branco);
	transition: 0.2s;
	margin-top: 8px;
}
.containerContact input[type="submit"]:hover{
	opacity: 0.8;
	transition: 0.2s;
}

#formContact .submitForm{
	display: none;
}

#formContact .wpcf7-form-control-wrap{
	width: 100%;
}
#formContact br{
	display: none;
}

/********************************************/
/***************** OBRIGADO *****************/
/********************************************/

#thanksSuper {
	background-color: var(--azul-superescuro);
	position: relative;
	overflow: hidden;
}

#thanksSuper h2 {
	margin-bottom: 20px;
	margin-top: 0px;
	margin-left: 5px;
	font-weight: 400;
	font-family: 'Titan One', cursive;
}
#thanksSuper  h3{
	font-family: 'Asap', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 120%;
	color: #FFFFFF;
	margin-left: 5px;
}
#thanksSuper .container{
	display: flex;
	justify-content: center;
	min-height: calc(100vh - 80px);
	flex-direction: column;
}

#thanksSuper p {
	margin-bottom: 37px;
	margin-left: 5px;
}

#thanksSuper a {
	max-width: 200px;
	width: 100%;
	background-color: transparent;
	padding: 19px 0;
	border: 2px solid #FFFFFF;
	border-radius: 24px;
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	color: var(--branco);
	display: block;
	transition: 0.2s;
}
#thanksSuper a:hover{
	transition: 0.2s;
	background-color: #FFFFFF;
	color: var(--azul-escuro);
}

#thanksSuper a.btn-whatsapp-share{
	background-color: #25D366;
	border-color: #25D366;
	max-width: 270px;
	padding-top: 16px;
}
#thanksSuper .fa-whatsapp{
	font-size: 20px;
	margin-right: 5px;
}

#thanksSuper img {
	position: absolute;
	top: calc(50% - 196.5px);
	right: -70px;
	width: 655px;
	height: 392px;
	object-fit: contain;
}

/********************************************/
/*************** LANDING B2C ****************/
/********************************************/

#introB2C {
	background-image: url('../images/backgroundB2CIntro.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	position: relative;
}

#introB2C .container .row{
	min-height: calc(90vh - 80px);
	display: flex;
	align-items: center;
	z-index: 1;
	position: relative;
}


#introB2C img {
	position: absolute;
	bottom: -2px;
	right: 0;
}

#introB2C p {
	margin-bottom: 24px;
	font-size: 20px;
    line-height: 23px;
}

#introB2C h1{
	margin-bottom: 40px;
	line-height: 125%;
}

#introB2C a {
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

#depoimentoB2C {
	padding-top: 157px;
	padding-bottom: 221px;
	background-image: url('../images/backgroundFormas3.png');
	background-repeat: no-repeat;
	background-position: bottom 75px right 0px;
	overflow: hidden;
}

#depoimentoB2C h2 {
	margin-bottom: 24px;
	margin-top: 6px;
}

#depoimentoB2C p {
	margin-bottom: 44px;
	max-width: 439px;
	font-size: 17px;
	line-height: 155%;
}

#depoimentoB2C #parent-container {
	max-width: 582px;
	overflow: hidden;
	border-radius: 24px;
	background-color: var(--azul-superescuro);
	float: right;
	width: 100%;
	margin-right: 32px;
}

#depoimentoB2C #video-container {
	height: 326px;
	width: 100%;
}

#B2CComoFunciona {
	padding-bottom: 205px;
}

#B2CComoFunciona img	{
	margin-left: -40px;
}

#B2CComoFunciona .col-md-6:last-child {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding-right: 0;
}

#B2CComoFunciona .contentFunciona {
	max-width: 522px;
	width: 100%;
}

#B2CComoFunciona .contentFunciona h2 {
	margin-top: 24px;
	margin-left: 16px;
	margin-bottom: 32px;
}

.yellowCollapse {
	width: 100%;
	height: 48px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 24px;
	background-color: var(--amarelo);
	border-radius: 8px;
	border: none;
	padding: 0;
	transition: 0.2s;
}

.yellowCollapse.collapsed {
	background-color: var(--amarelo-claro);
	margin-bottom: 24px;
	transition: 0.2s;
}

.yellowCollapse p {
	font-weight: 600;
	font-size: 18px;
	line-height: 125%;
	color: var(--azul-escuro);
	margin-left: 17px;
}

.contentFunciona .card-body {
	margin-left: 17px;
	margin-bottom: 50px;
	max-width: 470px;
	margin-top: -10px;
}

.contentFunciona .card-body p {
	font-style: normal;
	font-size: 17px;
	line-height: 155%;
	color: var(--azul-escuro);
}

#kitB2C {
	padding-bottom: 100px;
}

#kitB2C img{
	height: 137px;
	object-fit: contain;
	filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.4));
}

#kitB2C h2 {
	text-align: center;
	margin-bottom: 60px;
}

#kitB2C .col-md-3 {
	text-align: center;
	align-items: center;
	justify-content: center;
	display: flex;
	flex-direction: column;
}

#kitB2C h3 {
	font-size: 20px;
	line-height: 125%;
	margin-bottom: 8px;
	margin-top: 24px;
}

#kitB2C p {
	font-size: 16px;
	line-height: 140%;
}

#produtosB2C {
	padding-bottom: 172px;
}

#produtosB2C .cardProduto {
	background-color: var(--amarelo-claro);
	min-height: 508px;
	padding-bottom: 40px;
	position: relative;
	transition: 0.3s;
}

#produtosB2C .cardProduto img {
	width: 100%;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}

.contentProduto {
	padding: 16px 29px;
}

.contentProduto p {
	font-style: italic;
}

.contentProduto .alignPrice {
	display: flex;
	align-items: center;
	margin-top: 6px;
}

.contentProduto .alignPrice h3 {
	font-weight: 400;
	font-size: 24px;
	line-height: 130%;
	text-decoration-line: line-through;
	margin: 0;
}

.contentProduto .alignPrice h3.tag {
	font-weight: bold;
	font-size: 24px;
	line-height: 130%;
	text-decoration-line: none;
	margin-left: 5px;
	margin-right: 5px;
}

.contentProduto ul {
	margin: 16px 0;
	padding: 0;
	list-style: none;
	height: 100px;
}

.contentProduto ul li {
	font-weight: 500;
	font-size: 14px;
	line-height: 150%;
	margin-bottom: 8px;
}

.contentProduto ul li.hideItem {
	display: none;
	transition: 0.2s;
}

.contentProduto ul li.hideItem.show {
	transition: 0.2s;
}

.contentProduto .seeMore {
	background-color: transparent;
	border: none;
	margin: auto;
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 14px;
	line-height: 16px;
	color: var(--azul-escuro);
}

.contentProduto .seeMore i {
	transform: rotate(360deg);
	transition: 0.2s;
	margin-left: 10px;
}

.contentProduto .seeMore i.translate {
	transform: rotate(180deg);
	transition: 0.2s;
}

#produtosB2C a.yellowBtn {
	max-width: 213px;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 50%);
}

/*Accordion*/
#B2CComoFunciona .accordion {
	background-color: #FFF9E5;
	border-radius: 8px;
	color: #2D2B47;
	cursor: pointer;
	font-size: 17px;
	font-weight: 600;
	font-size: 18px;
	padding: 16px 25px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	border-radius: 10px;
	margin-bottom: 10px;
	box-shadow: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#B2CComoFunciona .accordion .accordionSinalLess {
	display: none;
}
#B2CComoFunciona .accordion.active, .accordion:hover, .accordion:hover .panel p {
	background-color: #F6AA01 !important;
}
#B2CComoFunciona .accordion.active .accordionSinalLess {
	display: block;
}
#B2CComoFunciona .accordion.active .accordionSinalPlus {
	display: none;
}
#B2CComoFunciona .accordion br {
	display: none;
}
#B2CComoFunciona .accordion.active .accordionSinalPlus {
	display: none;
}
#B2CComoFunciona .panel {
	padding: 0 18px;
	background-color: transparent;
	max-height: 0;
	overflow: hidden;
  transition: max-height 0.2s ease-out;
  border: 0px;
  margin: 0px;
  margin-bottom: 10px;
}
#B2CComoFunciona .panel p {
	margin-bottom: 20px;
	margin-top: 15px;
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	line-height: 155%;
	color: #2D2B47;
}

.breakMobile{
	display: none;
}


#contatoSuperlivro{
	padding: 72px 0px 105px 0px;
	background-image: url("../images/svgs/contatoBgSvg.svg");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: left center;
}
#contatoSuperlivro h2{
	color: #2A3A4D;
	font-size: 40px;
	margin-top: 0px;
	margin-bottom: 6px;
}
#contatoSuperlivro .boxContatoText p{
	color: #2A3A4D;
	margin-bottom: 109px;
}
#contatoSuperlivro .formContatoSuper{
	background: #E5F7FF;
	padding: 16px 32px 40px 32px;
	border-radius: 24px;
}
#contatoSuperlivro .formContatoSuper label{
	color: #2A3A4D;
	font-style: normal;
	margin-bottom: 8px;
	margin-top: 24px;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
}
#contatoSuperlivro .formContatoSuper input[type="text"]{
	height: 48px;
	background: #FFFFFF;
	border: 0px;
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 17px;
	width: 100%;
	padding-left: 15px;
	color: #2D2B47;
}
#contatoSuperlivro .formContatoSuper input[type="email"]{
	height: 48px;
	background: #FFFFFF;
	border: 0px;
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 17px;
	width: 100%;
	padding-left: 15px;
	color: #2D2B47;
}
#contatoSuperlivro .formContatoSuper textarea{
	height: 108px;
	background: #FFFFFF;
	border: 0px;
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 17px;
	width: 100%;
	padding-left: 15px;
	color: #2D2B47;
}
#contatoSuperlivro .formContatoSuper input[type="submit"]{
	border-radius: 12px;
    background-color: var(--azul-escuro);
    border: 2px solid var(--azul-escuro);
    padding: 15px 42px;
    display: block;
    text-align: center;
    font-weight: 600;
	font-size: 14px;
	max-width: 213px;
	width: 100%;
	line-height: 16px;
    color: var(--branco);
	transition: 0.2s;
	float: right;
	transition: 0.2s;
	margin-top: 24px;
}
#contatoSuperlivro .formContatoSuper input[type="submit"]:hover{
	opacity: 0.8;
	transition: 0.2s;
}
#page404{
	text-align: center;
	padding: 70px 0px;
	color: #2A3A4D;

}
#page404 img{
	margin: auto;
	margin-bottom: 40px;
}
#page404 h2{
	margin-bottom: 8px;
	margin-top: 0px;
}
#page404 a {
    max-width: 200px;
    width: 100%;
    background-color: transparent;
    padding: 19px 0;
    border: 2px solid var(--azul-escuro);
    border-radius: 24px;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: var(--azul-escuro);
	display: block;
	margin: auto;
	margin-top: 24px;
	transition: 0.2s;
}
#page404 a:hover{
	color: #fff;
	transition: 0.2s;
	background-color: var(--azul-escuro);
}


/*Pagina de Busca */
.searchComponent input[type=search]{
	background: #FFFFFF;
	border: 1px solid #C4C4C4;
	box-sizing: border-box;
	border-radius: 8px;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 130%;
	color: #1B1A2B;
	padding-left: 36px;
	height: 40px;
	background-image: url("https://superautor.com.br/wp-content/uploads/2021/01/searchiconsvg.png");
	background-repeat: no-repeat;
	min-width: 270px;
	background-position: 10px center;
}
.searchComponent label{
	margin-bottom: 0px;
}
.searchComponent .search-form .search-submit{
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	padding: 0px;
	height: 40px;
	border-radius: 12px;
    background-color: var(--azul-escuro);
    border: 2px solid var(--azul-escuro);
    padding: 0px 42px;
	display: inline-block;
	margin-left: 8px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: var(--branco);
    transition: 0.2s;
}
.searchComponent .search-form .search-submit:hover {
    background-color: var(--branco);
    color: var(--azul-escuro);
    cursor: pointer;
    transition: 0.2s;
}
.headerSearchPage{
	padding: 80px 0px;
}
.headerSearchPage h1{
	font-family: 'Asap', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 32px;
	line-height: 130%;
	text-align: center;
	color: #2D2B47;
	margin-top: 0px;
	margin-bottom: 24px;
}
.headerSearchPage h1 span{
	font-weight: 300;
}
.headerSearchPage .searchComponent{
	text-align: center;
}
.headerSearchPage .searchComponent input[type=search]{
	min-width: 443px;
}
.resultadosTitleSearch{
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 130%;
	color: #1B1A2B;
	margin-bottom: 34px;
	margin-top: 0px;
}
@media (max-width: 1480px) {
	.hero-img {
		display: none;
	}
	.img-1280 {
		display: block !important;
		bottom: 2px;
	}
}
@media(max-width: 991px){
	.img-1280 {
		display: none !important;
	}
	.headerSearchPage .searchComponent input[type=search]{
		min-width: auto;
		max-width: 100%;
		width: 100%;
		margin-bottom: 28px;
	}
	.headerSearchPage .searchComponent label{
		width: 100%;
	}
	.headerSearchPage{
		padding: 40px 0px;
	}
	.searchComponent input[type=search]{
		min-width: auto;
	}
}
@media(max-width: 767px){
	.searchMobileComponent{
		display: block !important;
	}
	.searchDesktop{
		display: none;
	}
	#anotherPosts .headerPosts{
		margin-top: 28px;
	}
	.searchMobileComponent{
		text-align: center;
		margin-bottom: 40px;
	}
	.searchMobileComponent label{
		width: 100%;
	}
	.searchMobileComponent input{
		width: 100%;
	}
	.searchComponent .search-form .search-submit{
		width: 100%;
		margin-left: 0px;
	}
	.searchMobileComponent .searchComponent input[type=search]{
		margin-bottom: 20px;
	}
}


@media(max-width: 991px){
	.breakDesktop{
		display: none;
	}
	#contatoSuperlivro img{
		display: none;
	}
	#anotherPosts .cardPostMinHeightP{
		min-height: auto;
	}
	#contatoSuperlivro .boxContatoText p{
		margin-bottom: 40px;
	}
	.boxContatoText{
		text-align: center;
	}
	#contatoSuperlivro{
		background-image: none;
	}
	#contatoSuperlivro h2{
		font-size: 30px;
		margin-bottom: 16px;
	}
	#introB2C img {
		left: 0;
		right: auto;
		width: 100%;
	}
	.fadeIpad{
		display: none !important;
	}
	.container{
		padding-left: 15px;
		padding-right: 15px;
	}
	#cronogramaSuper .container{
		padding-left: 17px;
		padding-right: 17px;
		margin-bottom: 0px;
		border-radius: 24px;
	}
	a.blueBtn.big{
		margin: auto;
	}
	#experimenteSuperlivro #video-container{
		height: 200px;
	}
	#experimenteSuperlivro{
		padding-top: 80px;
		padding-bottom: 72px;
	}
	#experimenteSuperlivro img.bgFormas2{
		display: none;
	}
	#experimenteSuperlivro img.bgFormas1{
		display: none;
	}
	#cronogramaSuper{
		padding: 0px 15px;
	}
	#cronogramaSuper p{
		max-width: 100%;
		margin-top: 12px;
		margin-bottom: 48px;
		font-size: 16px;
		line-height: 160%;
	}
	.formasImage{
		display: none;
	}
	#superEmCasa .col-md-8{
		padding-left: 15px;
		padding-right: 15px;
	}
	.terminarProjetoBox{
		height: auto;
		margin-left: 0px;
		margin-top: 50px;
	}
	#depoimentoSuper{
		margin-top: 86px;
		padding-top: 48px;
		padding-bottom: 86px;
	}
	#depoimentoSuper .owl-carousel{
		margin-top: 100px;
	}
	.cardDepoimento{
		padding: 53px 32px;
		height: auto;
	}
	.cardDepoimento p{
		font-weight: 500;
		font-size: 15px;
		line-height: 170%;
		text-align: center;
	}
	.cardDepoimento .alignInfoRow{
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
	.cardDepoimento .alignInfoRow div{
		order: 2;
	}
	.owl-carousel .alignInfoRow img{
		order: 1;
		margin-left: 0px;
		margin-bottom: 10px;
	}
	.cardDepoimento strong{
		font-size: 16px;
	}
	.cardDepoimento .alignInfoRow p{
		font-size: 14px;
	}
	.boxBannerFooter{
		padding: 58px 30px;
	}
	footer{
		text-align: center;
		padding-bottom: 10px;
	}
	footer img{
		margin: auto;
		margin-bottom: 40px;
	}
	footer .alignRow{
		display: block;
	}
	footer ul:first-child{
		margin-right: 0px;
		margin-bottom: 40px;
		margin-top: 40px;
	}
	footer .alignLeft{
		align-items: center;
		margin-top: 40px;
	}
	footer .alignLeft a{
		margin-bottom: 20px;
	}
	footer .projectBy{
		justify-content: center;
	}
	.navbar-toggle{
		position: absolute;
		right: 15px;
		top: 22.5px;
		margin: 0px;
		display: block !important;
	}
	.navbar-header img{
		margin-left: 15px;
	}
	.navbar-toggle .icon-bar{
		background-color: #000;
		height: 4px;
	}
	#introSuperMissao .image-right{
		display: none;
	}
	#introSuperMissao .image-left{
		display: none;
	}
	#introSuperMissao{
		margin-bottom: 84px;
	}
	#superMissaoText h2{
		text-align: center;
		margin-bottom: 27px;
	}
	#superMissaoText p{
		text-align: center;
		font-size: 16px;
		line-height: 160%;
		margin-bottom: 70px;
	}
	.bannerMissao{
		height: auto;
		padding: 59px 48px;
		margin-left: 0px;
		border-radius: 24px;
		margin-bottom: 0px;
	}
	.bannerMissao .formas{
		max-width: 70px;
		left: -10px;
		top: -80px;
		transform: rotate(360deg);
	}
	.mobileTitleMissao{
		display: block !important;
	}
	#custoSuperMissao h2{
		margin-top: 80px;
		font-size: 24px;
		line-height: 130%;
		text-align: center;
		margin-bottom: 30px;
	}
	#custoSuperMissao p{
		font-size: 16px;
		line-height: 170%;
		text-align: center;
		margin-bottom: 32px;
	}
	#custoSuperMissao{
		margin-bottom: 80px;
	}
	.containerContact{
		padding: 48px 32px;
	}
	.containerContact .alignFieldsCheckbox label{
		max-width: 100%;
	}
	.containerContact h3{
		font-size: 20px;
		line-height: 120%;
	}
	.containerContact h4{
		font-size: 18px;
		line-height: 21px;
		text-align: center;
		margin-bottom: 24px;
	}
	.containerContact .alignBtnRight{
		justify-content: center;
	}
	#contactSuper{
		min-height: auto;
		background-size: contain;
	}
	#biggestPost .formas{
		display: none;
	}
	#biggestPost .container{
		flex-direction: column;
	}
	#biggestPost .containerImage{
		width: auto;
		height: 195px;
		border-radius: 18px;
	}
	#biggestPost .contentPost{
		max-width: 100%;
		margin-left: 0px;
		height: auto;
	}
	#biggestPost{
		margin-top: 48px;
		margin-bottom: 0px;
	}
	#biggestPost .postData{
		margin-top: 24px;
		margin-bottom: 16px;
		font-size: 14px;
		line-height: 16px;
	}
	#biggestPost h2{
		margin-bottom: 8px;
	}
	#biggestPost p{
		font-size: 15px;
		line-height: 160%;
	}
	#anotherPosts .headerPosts{
		margin-top: 38px;
		margin-bottom: 28px;
	}
	#anotherPosts .cardPost img{
		border-radius: 18px;
	}
	#anotherPosts{
		margin-bottom: 0px;
	}
	#anotherPosts .cardPost p{
		height: auto;
	}
	#anotherPosts .col-md-4{
		margin-bottom: 50px;
	}
	#singlePost .containerPost{
		padding: 0px 15px;
	}
	#singlePost .imageSingle{
		height: 223px;
		border-radius: 16px;
		margin-bottom: 32px;
	}
	#singlePost .datePost{
		margin-bottom: 16px;
	}
	#singlePost h1{
		margin-bottom: 30px;
	}
	#singlePost{
		margin-bottom: 0px;
		background-size: auto;
	}
	#thanksSuper h2{
		text-align: center;
	}
	#thanksSuper h3{
		text-align: center;
	}
	#thanksSuper p{
		text-align: center;
	}
	#thanksSuper a{
		margin: 0px auto;
	}
	#thanksSuper{
		height: auto;
	}
	#thanksSuper .container{
		min-height: calc(100vh - 80px);
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	#thanksSuper h2{
		margin-top: 0px;
	}
	#navbarSuperlivro{
		position: absolute;
		width: 100%;
		background: #fff;
		padding: 28px 45px;
		z-index: 2;
		display: block !important;
		transform: translateY(-100%);
		top: -100px;
		transition: 0.6s;
	}
	#navbarSuperlivro.menuMobAtivo{
		transition: 0.6s;
		top: 80px;
		transform: translateY(0%);
	}
	header ul li{
		display: block;
		padding-left: 0px;
	}
	header ul li a{
		margin: 40px 0px;
		font-size: 20px;
		display: block;
	}
	header ul li a.blueBtn{
		width: 100%;
		max-width: 100%;
		padding: 19px 0px;
		font-size: 16px;
	}
}

@media (max-width: 991px){
	header.roxo #navbarSuperlivro.menuMobAtivo{
		top: 85px;
		background-color: var(--roxo-header);
	}
	#introSuperlivro .container{
		display: block;
	}
	#introSuperlivro{
		background-image: url("../images/responsive-ipad/banner-home-ipad.png");
	}
	.img-hero-ipad{
		display: block !important;
		bottom: 0px !important;
	}
	#introSuperlivro h1{
		font-size: 40px;
		line-height: 120%;
		text-align: center;
		margin-top: 70px;
	}
	p.subtitle{
		text-align: center;
	}
	#superEmCasa{
		margin-top: 30px;
		overflow-x: hidden;
	}
	.emCasaBox{
		padding: 51px 40px;
		height: auto;
		display: block;
	}
	.emCasaBox h2{
		font-size: 24px;
		line-height: 130%;
		max-width: 100%;
	}
	.emCasaBox p{
		font-weight: 300;
		font-size: 16px;
	}
	.conhecaBoxModalidadeSuper{
		max-width: 40%;
		float: right;
		text-align: left;
	}
	#depoimentoSuper .girlImage{
		max-width: 250px;
		transform: rotate(3deg);
		left: 30px;
		top: 193px;
	}
	.boxBannerFooter .formas{
		max-width: 63px;
		left: 0px;
    	top: -12px;
	}
	.boxBannerFooter .astronauta{
		max-width: 150px;
		right: -30px;
	}
	#converseEquipeFooter{
		overflow: hidden;
	}
	.experimenteContent h2{
		line-height: 120%;
		text-align: center;
	}
	.experimenteContent p{
		max-width: 100%;
	}
	#depoimentoSuper h2{
		text-align: center;
	}
	#depoimentoSuper .owl-dots{
		display: block !important;
	}
	#introSuperMissao .row{
		flex-direction: column;
		justify-content: center;
	}
	.bannerMissao .superboy{
		max-width: 150px;
		top: 57px;
    	right: -17px;
	}
	#superMissaoText{
		overflow-x: hidden;
	}
	.bannerMissao h3{
		font-size: 18px;
		line-height: 140%;
		text-align: center;
		max-width: 411px;
	}
	#custoSuperMissao img{
		margin: auto;
		margin-bottom: 31px;
	}
	#introSuperMissao h1{
		text-align: center;
	}
	#introSuperMissao p{
		text-align: center;
	}
	#singlePost .bgSinglePost{
		min-height: 180px;
		background-size: cover;
    	background-position: center;
	}
	#singlePost .imageSingle{
		margin-top: -100px;
	}
	#thanksSuper img{
		display: none;
	}
	.boxCronograma{
		padding: 56px 33px;
		min-height: 354px;
		max-width: 305px;
		margin-left: auto;
		margin-right: auto;
		border-radius: 24px;
	}
	#cronogramaMobileSlide{
		display: block !important;
	}
	#cronogramaMobileSlide .owl-dots {
		text-align: center;
		text-align: center;
    	transform: translateY(190px);
	}
	#cronogramaMobileSlide .owl-dot {
		background: #FFE8B5;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		margin: 0 4px;
	}
	#cronogramaMobileSlide .owl-dot.active {
		width: 29px;
		border-radius: 20px;
		background-color: var(--amarelo);
	}
	.boxCronograma img{
		max-width: 150px;
	}
	#cronogramaMobileSlide .owl-carousel .owl-stage-outer{
		overflow: visible;
	}
	#cronogramaSuper{
		overflow: hidden;
		padding-bottom: 222px;
	}
	#introB2C p{
		font-size: 16px;
		margin-top: 40px;
		margin-bottom: 12px;
	}
	#introB2C h1{
		font-size: 24px;
		margin-bottom: 24px;
		margin-top: 0px;
	}
	#introB2C .container .row{
		align-items: flex-start;
		justify-content: center;
		text-align: center;
		min-height: calc(95vh - 80px);
	}
	#introB2C a{
		margin: auto;
	}
	#depoimentoB2C{
		padding-top: 64px;
		background-size: 168px;
		background-position: bottom right;
		padding-bottom: 46px;
	}
	#depoimentoB2C h2{
		margin-top: 0px;
		text-align: center;
	}
	#depoimentoB2C p{
		font-size: 16px;
		text-align: center;
		margin-bottom: 20px;
	}
	#depoimentoB2C #parent-container{
		margin: auto;
		background-color: transparent;
		border-radius: 0px;
	}
	#depoimentoB2C #parent-container video{
		border-radius: 24px;
	}
	#depoimentoB2C #video-container{
		height: 100%;
	}
	#B2CComoFunciona img{
		display: none;
	}
	#B2CComoFunciona .contentFunciona h2{
		text-align: center;
		margin-left: 0px;
	}
	#B2CComoFunciona .accordion{
		font-size: 16px;
	}
	#B2CComoFunciona .panel p{
		font-size: 16px;
	}
	#B2CComoFunciona{
		padding-bottom: 70px;
	}
	#kitB2C h2{
		margin-bottom: 40px;
	}
	#kitB2C .container .col-md-3{
		margin-bottom: 40px;
	}
	#kitB2C{
		padding-bottom: 60px;
	}
	#produtosB2C .cardProduto{
		margin-bottom: 80px;
	}
	#produtosB2C{
		padding-bottom: 20px;
		overflow: hidden;
	}
	#converseEquipeFooter{
		padding-top: 80px;
	}
	#kitB2C img{
		max-width: 142px;
		height: auto;
	}
	#B2CComoFunciona .col-md-6{
		padding-left: 0px;
	}
	
	a.yellowBtn{
		margin: auto;
		margin-bottom: 40px;
	}
	#depoimentoB2C p{
		max-width: 100%;
	}
	#B2CComoFunciona .contentFunciona{
		max-width: 100%;
	}
	#depoimentoB2C #parent-container{
		max-width: 100%;
	}
	#introB2C {
		background-image: url(../images/bgintrob2cmobile.png);
	}
}
@media (max-width: 767px){
	#introSuperMissao .row{
		min-height: 470px;
	}
	#galeriaHome h2{
		font-size: 24px;
	}
	#introB2C .container .row{
		min-height: 520px;
	}
	.showMobilePhone {
		display: block !important;
		bottom: 0px !important;
	}
	.img-hero-ipad{
		display: none !important;
	}
	#introSuperlivro {
		background-image: url(../images/background-home-mobile-intro.png);
		height: 687px;
	}
	.emCasaBox p{
		display: none;
	}
	a.whiteBtn{
		margin: auto;
	}
	.emCasaBox h2{
		margin-bottom: 15px;
		text-align: center;
	}
	.emCasaBox img{
		bottom: 50px;
	}
	.emCasaBox{
		padding-top: 160px;
		padding-bottom: 40px;
	}
	#introSuperlivro img{
		bottom: 0px;
	}
	.fadeMobile{
		display: none;
	}
	.breakMobile{
		display: block;
	}
	h2{
		font-size: 24px;
		line-height: 120%;
	}
	p{
		font-size: 16px;
		line-height: 150%;
	}
	.boxBannerFooter p{
		max-width: 100%;
		font-size: 16px;
		line-height: 150%;
		margin-bottom: 40px;
	}
	#introSuperMissao p{
		font-size: 16px;
		margin-top: 40px;
	}
	.boxCronograma{
		max-width: 269px;
	}
	#introSuperlivro h1{
		font-size: 28px;
		margin-top: 40px;
	}
	p.subtitle{
		font-size: 16px;
	}
	#introSuperlivro p{
		margin-bottom: 25px;
	}
	.formaExperimenteMob{
		top: 35px;
		right: 0px;
	}
	.experimenteContent h2{
		margin-top: 32px;
	}
	.boxCronograma  img{
		left: calc(50% - 75px) !important;
	}
	.conhecaBoxModalidadeSuper{
		max-width: 100%;
		float: none;
		z-index: 2;
		position: relative;
	}
	#depoimentoSuper h2{
		font-size: 24px;
	}
	#depoimentoSuper .girlImage{
		top: 246px;
	}
	.boxBannerFooter h2{
		font-size: 26px;
	}
	.boxBannerFooter .formas{
		left: 20px;
		top: -40px;
		transform: rotate(90deg);
	}
	#cronogramaSuper{
		padding-bottom: 260px;
	}
	#superEmCasa{
		margin-top: 0px;
	}
	#introSuperMissao h1{
		font-size: 24px;
	}
	#introSuperMissao p{
		margin-top: 0px;
	}
	#introSuperMissao{
		margin-bottom: 61px;
	}
	.bannerMissao .superboy{
		display: none;
	}
	header.roxo .navbar-toggle{
		top: 35px;
	}
	#biggestPost .row{
		flex-direction: column;
	}
	#anotherPosts .headerPosts{
		margin-top: 48px;
	}
	#anotherPosts .cardPost h4{
		height: auto;
	}
	#singlePost .textSingle p{
		font-size: 16px;
	}
	#singlePost h1{
		font-size: 32px;
		font-family: 'Asap', sans-serif;
		font-weight: 700;
	}
	#thanksSuper img{
		display: block;
		position: relative;
		order: 1;
		top: 0px;
		right: -47px;
		width: 370px;
		height: 229px;
	}
	#thanksSuper{
		overflow-x: hidden;
	}
	#thanksSuper .container{
		padding-bottom: 60px;
		padding-top: 40px;
	}
	.obrigadoMsgPage{
		order: 2;
	}
	#depoimentoSuper{
		background-image: url("../images/background-depoimentos-mob.png");
		padding-bottom: 70px;
	}
	.boxBannerFooter{
		padding-top: 92px;
		margin-top: 0px;
	}
	.boxBannerFooter .astronauta{
		top: -40px;
	}
	.boxBannerFooter .astronauta.DifHeight{
		max-height: 161px;
		top: -80px;
		right: -20px;
	}
}








/* Paginas novas - Obrigado confirmada e Pendente */

/* PG - OBRIGADO COMPRA */
#thanksPageAutor{
    background: #5B25B3;
    font-family: 'Asap', sans-serif;
}
#thanksPageAutor .row{
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
    align-items: center;
}
#thanksPageAutor img{
    margin: auto;
}
#thanksPageAutor .imgBrandThanks{
    margin-top: 40px;
}
#thanksPageAutor h1{
    font-family: 'Titan One', cursive;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 133%;
    color: #FFFFFF;
    margin-top: 0px;
    margin-bottom: 24px;
}
#thanksPageAutor p{
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 170%;
    color: #FFFFFF; 
    margin-top: 0px;
    margin-bottom: 24px;
}
#thanksPageAutor a{
    background: #F6AA01;
    border-radius: 24px;
    padding: 19px 32px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #1B1A2B;
    display: inline-block;
    transition: 0.4s;
    border: 2px solid #F6AA01;
}
#thanksPageAutor a:hover{
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 23px 0px rgba(246,170,1,0.6);
-moz-box-shadow: 0px 0px 23px 0px rgba(246,170,1,0.6);
box-shadow: 0px 0px 23px 0px rgba(246,170,1,0.6);
    transition: 0.4s;
    background: transparent;
    color: #F6AA01;
}

#stepByStepAutor{
    background: #471C8E;
    padding: 80px 0px;
}
#stepByStepAutor h2{
    font-family: 'Titan One', cursive;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 130%;
    color: #FFFFFF;
    margin-top: 0px;
    margin-bottom: 16px;
}
#stepByStepAutor p{
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 170%;
    color: #FFFFFF;
    margin-bottom: 40px;
}
#stepByStepAutor li{
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 170%;
    color: #FFFFFF;
    margin-bottom: 24px;
}
#stepByStepAutor span{
    border: 3px solid #00BF9F;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 170%;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    color: #00BF9F;
    text-align: center;
    display: inline-block;
    margin-right: 24px;
}
#stepByStepAutor ul{
    padding: 0px;
    list-style: none;
    margin-bottom: 0px;
}

.positionWppBtn {
    position: fixed;
    z-index: 1000;
    bottom: 20px;
    right: 20px;
    width: 55px;
    height: 55px;
    border-radius: 5px;
    overflow: hidden;
}

@media (max-width: 1300px){
	#introSuperlivro img{
		max-width: 882px;
		bottom: 7px;
	}
	#depoimentoSuper .girlImage{
		left: 10px;
	}
}

@media (max-width: 1200px){
    #introLandingAutor h1{
        font-size: 35px;
    }
    #visualizacaoLivro h2{
        font-size: 26px;
    }
    #visualizacaoLivro p{
        font-size: 15px;
    }
    #descricaoKits p{
        font-size: 15px;
    }
    #thanksPageAutor h1{
        font-size: 26px;
    }
    #thanksPageAutor p{
        font-size: 17px;
    }
    #stepByStepAutor h2{
        font-size: 22px;
    }
    #stepByStepAutor p{
        font-size: 16px;
    }
    #stepByStepAutor li{
        font-size: 15px;
    }
    #conhecaSuperAutor .col-md-6:first-child {
        padding-top: 50px;
    }
    #conhecaSuperAutor .col-md-offset-1 {
        margin: 0;
        width: 50%;
    }
    .detalheFundo {
        min-height: 476px;
    }
}

@media (max-width: 991px){
    #introLandingAutor .bgGrafismo{
        background-color: #5B25B3;    
        background-position: right -100px center;
    }
    #introLandingAutor .col-md-6 img{
        max-width: 350px;
        margin-top: 30px;
    }
    #introLandingAutor a {
        margin-top: 30px;
    }
    #introLandingAutor a.showMobile {
        display: none !important;
    }
    #introLandingAutor a.hideMobile {
        display: block !important;
    }
    .hideMobile{
        display: none !important;
    }
    #visualizacaoLivro{
        padding-top: 60px;
        padding-bottom: 80px;
    }
    #visualizacaoLivro p{
        margin-bottom: 30px;
    }
    #visualizacaoLivro h2{
        margin-bottom: 15px;
    }
    #visualizacaoLivro{
        background-position: center right;
    }
    #visualizacaoLivro a{
        margin-top: 30px;
    }
    #descricaoKits h2{
        margin-bottom: 30px;
    }
    #descricaoKits .col-md-3{
        margin-bottom: 45px;
    }
    #descricaoKits img{
        margin-bottom: 25px;
    }
    #descricaoKits{
        padding-bottom: 40px;
    }
    .detalheFundo {
        min-height: 390px;
    }
    #conhecaLivros .col-md-4{
        margin-bottom: 80px;
    }
    #conhecaLivros .boxComprarLivro img{
        height: 400px;
    }
    #conhecaProjeto{
        padding-top: 0px;
        overflow: visible;
    }
    #conhecaProjeto .boxConhecaProjeto img{
        max-width: 180px;
    }
    .boxConhecaProjeto .imgBox2{
        top: -50px;
        right: -20px;
    }
    .brMobile{
        display: block;
    }
    #introLandingAutor h1{
        margin-bottom: 15px;
    }
    #conhecaLivros{
        padding-bottom: 0px;
    }
    #conhecaLivros a {
        padding: 19px 0;
        max-width: 214px;
        width: 100%;
        text-align: center;
    }
    #thanksPageAutor .row{
        padding-top: 60px;
        flex-direction: column;
    }
    #thanksPageAutor .col-md-6:first-child{
        order: 2;
    }
    #thanksPageAutor{
        text-align: center;
    }
    #thanksPageAutor .col-md-6 img{
        margin-bottom: 40px;
        max-width: 250px;
    } 
    #conhecaSuperAutor {
        padding-top: 0;
        text-align: center;
        padding-bottom: 100px;
        margin-top: -60px;
    }
    #conhecaSuperAutor .col-md-6:first-child {
       display: none;
    }
    #conhecaSuperAutor h2 {
        font-size: 28px;
    }
    #conhecaSuperAutor h2 br {
        display: block;
    }
    #conhecaSuperAutor ul li p{
        max-width: 450px;
        margin: auto;
    }
    #conhecaSuperAutor .col-md-offset-1 {
        margin: 0;
        width: 100%;
    }
    .boxConhecaProjeto .imgBox1 {
        left: -15px;
        top: -45px;
    }
		#introSuperlivro img {
			max-width: 100%;
		}
}
/* 
@media (max-width: 800px) {

} */

@media (max-width: 767px){
	.showMobile{
		display: block !important;
	}
    #introLandingAutor{
        background-image: none;
    }
    #introLandingAutor .container .row{
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    #introLandingAutor .bgGrafismo {
        padding-bottom: 40px;
        background-image: url(../images/landingautor/grafismos-intro-mob.svg);
        background-position: bottom 50px right;
        background-size: contain;
    }
    #introLandingAutor .imgSuperMarca {
        position: relative;
        margin-top: 30px;
        top: initial;
    }
    #introLandingAutor .col-md-6 {
        width: 100%;
        flex: 0 100%;
        max-width: 100%;
    }
    #introLandingAutor .col-md-6 img{
        max-width: 270px;
    }
    #introLandingAutor a.showMobile {
        display: block !important;
        width: 100%;
        max-width: initial;
        margin-top: 0;
    }
    #introLandingAutor a.hideMobile {
        display: none !important;
    }
    #introLandingAutor h1{
        font-size: 32px;
    }
    #introLandingAutor .imgSuperMarca{
        position: relative;
        margin: auto;
        margin-top: 30px;
        top: 0px;
        margin-bottom: 30px;
    }
    #introLandingAutor .container .row{
        min-height: calc(100vh - 93px);
    }
    #introLandingAutor p{
        font-size: 16px;
    }
    #introLandingAutor a{
        margin-top: 24px;
        margin-bottom: 30px;
    }
    #visualizacaoLivro{
        padding-top: 50px;
    }
    #visualizacaoLivro h2{
        font-size: 24px;
    }
    #visualizacaoLivro p{
        font-size: 16px;
    }
    #visualizacaoLivro {
        background-position: bottom 90px right;
        background-size: 260px;
    }
    #visualizacaoLivro a{
        margin-top: 55px;
        padding: 19px 15px;
        font-size: 15px;
    }
    #descricaoKits h2{
        font-size: 18px;
    }
    #visualizacaoLivro{
        padding-bottom: 60px;
    }
    #descricaoKits p{
        font-size: 16px;
    }
    #conhecaLivros .boxComprarLivro h3{
        margin-bottom: 20px;
    }
    #conhecaLivros .boxComprarLivro img{
        height: 230px;
    }
    #conhecaProjeto .boxConhecaProjeto{
        padding: 80px 34px 40px 34px;
        border-radius: 40px;
    }
    .boxConhecaProjeto h2{
        font-size: 23px;
    }
    .boxConhecaProjeto p{
        font-size: 17px;
    }
    .boxConhecaProjeto a{
        padding: 19px 0px;
        width: 100%;
    }
    #conhecaProjeto{
        padding-bottom: 55px;
    }
    .boxConhecaProjeto .imgBox2{
        right: -12px;
    }

    #conhecaLivros .boxComprarLivro{
        margin-top: 50px;
    }

    #thanksPageAutor .col-md-6 img{
        max-width: 150px;
    }
    #thanksPageAutor h1{
        font-size: 17px;
    }
    #thanksPageAutor p{
        line-height: 150%;
    }
    #thanksPageAutor p br{
        display: none !important;
        font-size: 14px;
    }
    #thanksPageAutor .row{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #thanksPageAutor a{
        font-size: 15px;
    }
    #stepByStepAutor{
        padding: 40px 0px;
    }
    #stepByStepAutor h2{
        font-size: 17px;
    }
    #stepByStepAutor p{
        font-size: 14px;
        line-height: 150%;
    }
    #stepByStepAutor li{
        line-height: 150%;
        font-size: 14px;
    }
    #stepByStepAutor span{
        margin-right: 10px;
    }
    #stepByStepAutor li:last-child{
        margin-bottom: 0px;
    }
    #conhecaSuperAutor h2 {
        font-size: 26px;
    }
    #conhecaSuperAutor ul li h3 {
        font-size: 18   px;
    }
    #conhecaSuperAutor ul li p {
        max-width: 300px;
    }
}

/* Materiais Educativos */
#paginaDeConteudosSuper{
	background: url("https://superautor.com.br/wp-content/uploads/2021/01/elementos-graficos-pgconteudo1.png") left, url("https://superautor.com.br/wp-content/uploads/2021/01/elementos-graficos-pgconteudo2.png") right, #2A3A4D;
	padding: 104px 0px 78px 0px;
	background-repeat: no-repeat;
}
#paginaDeConteudosSuper h1{
	font-style: normal;
	font-weight: normal;
	font-size: 32px;
	line-height: 130%;
	text-align: center;
	color: #FFFFFF;
	margin: 0px;
	text-align: center;
}
.padleft80{
	padding-left: 80px;
}
#listagemDeConteudosFinais{
	padding-top: 96px;
}
#listagemDeConteudosFinais h4{
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 130%;
	color: #1B1A2B;
	margin-top: 0px;
	margin-bottom: 24px;
}
#listagemDeConteudosFinais .mobile {
    display: none;
}
#listagemDeConteudosFinais ul {
    list-style: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 40px;
}
#listagemDeConteudosFinais h5{
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	line-height: 130%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #1B1A2B;
	margin-top: 0px;
	margin-bottom: 24px;
}
.custom-control  {
    display: block;
    position: relative;
    padding: 4px 0;
    padding-left: 35px;
    margin-bottom: 15px;
    margin-left: 0px;
    cursor: pointer;
    user-select: none;
}
.custom-control input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 22px;
	width: 22px;
    left: 0;
    z-index: 10;
    margin: 0;
}
.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 22px;
    width: 22px;
	border: 1px solid #B1B1B1;
	border-radius: 4px;
	box-sizing: border-box;
    text-align: center;
    transition: 0.2s;
}
.custom-control:hover input ~ .checkmark {
    background-color: #F6AA01;
    transition: 0.2s;
}
.custom-control  input:checked ~ .checkmark {
    background-color: #F6AA01;
    transition: 0.2s;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
    transition: 0.2s;
}
.custom-control .custom-control-label {
    font-size: 15px;
	font-weight: normal;
    color: #000;
    line-height: 130%;
	width: 100%;
	margin-bottom: 0px;
}
.custom-control .custom-control-label span {
    cursor: pointer;
}
.boxConteudosList{
	background: #FFFFFF;
	box-shadow: 0px 4px 16px -2px rgba(0, 0, 0, 0.16);
	border-radius: 16px;
	padding: 16px 16px 32px 16px;
	text-align: center;
	margin-bottom: 30px;
	position: relative;
}
.boxConteudosList img{
	height: 128px;
	object-fit: cover;
	width: 238px;
	object-position: center;
	border-radius: 11px;
	margin: auto;
}
.boxConteudosList h6{
	margin-top: 16px;
	margin-bottom: 16px;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	text-align: center;
	color: #2D2B47;
	min-height: 48px;
}
.boxConteudosList span{
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 150%;
	text-align: center;
	letter-spacing: 0.04em;
	color: #2D2B47;
	opacity: 0.5;
	text-transform: uppercase;
}
.newsletterSuperConteudos{
	padding: 44px 40px 0px 40px;
	background: #F6AA01;
	border-radius: 24px;
	margin-top: 16px;
	margin-bottom: 56px;
	position: relative;
}
.newsletterConteudosBox{
	display: flex;
}
.formaNewsletterConteudos{
	position: absolute;
	bottom: -60px;
    left: 30px;
    width: 86px;
    transform: rotate(270deg);
}
.conteudoNewsletterBox{
	max-width: 245px;
	width: 100%;
}
.conteudoNewsletterBox h3{
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 120%;
	color: #2A3A4D;
	margin-top: 0px;
	margin-bottom: 4px;
}
.conteudoNewsletterBox p{
	font-weight: normal;
	font-size: 15px;
	line-height: 140%;
	color: #2A3A4D;
	margin-bottom: 0px;
}
.inputsNewsletterBox label{
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	color: #2D2B47;
	margin-bottom: 4px;
}
.inputsNewsletterBox .inputsAlignNewsletterCf7{
	display: flex;
}
.inputsNewsletterBox input[type="text"]{
	background: #FFFFFF;
	box-sizing: border-box;
	border-radius: 4px;
	font-style: normal;
	font-weight: 500;
	border: 0px;
	font-size: 15px;
	line-height: 17px;
	color: #2D2B47;
	padding-left: 15px;
	height: 40px;
	margin-right: 16px;
	max-width: 254px;
}
.inputsNewsletterBox input[type="email"]{
	background: #FFFFFF;
	box-sizing: border-box;
	border-radius: 4px;
	font-style: normal;
	font-weight: 500;
	border: 0px;
	font-size: 15px;
	line-height: 17px;
	color: #2D2B47;
	padding-left: 15px;
	height: 40px;
	max-width: 254px;
}
.inputsNewsletterBox input[type="submit"]{
	border-radius: 12px;
    background-color: var(--azul-claro);
    border: 2px solid var(--azul-claro);
    padding: 10px 42px;
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: var(--branco);
	transition: 0.2s;
	margin-left: auto;
    margin-top: 9px;
}
.inputsNewsletterBox input[type="submit"]:hover {
    background-color: var(--branco);
    color: var(--azul-claro);
    cursor: pointer;
    transition: 0.2s;
}

.hoverBoxCounteudosList{
	background: rgba(0, 164, 221, 0.64);
	backdrop-filter: blur(4px);
	border-radius: 16px;
	display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 130%;
	color: #FFFFFF;
	opacity: 0;
	visibility: hidden;
	bottom: -30px;
	transition: 0.2s;
}
.hoverBoxCounteudosList svg{
	margin-right: 5px;
}
.hoverConteudosListItem:hover .hoverBoxCounteudosList{
	bottom: 0px;
	opacity: 1;
	transition: 0.2s;
	visibility: visible;
}
.searchComponent.componentMateriaisEducativos input[type=search]{
	min-width: 443px;
	width: 100%;
}
.searchComponent.componentMateriaisEducativos{
	text-align: center;
	margin-top: 40px;
}
.searchComponent.componentMateriaisEducativos .search-form .search-submit{
	background-color: transparent;
	color: #fff;
	border-color: #fff;
}
.searchComponent.componentMateriaisEducativos .search-form .search-submit:hover{
	background-color: var(--branco);
    color: var(--azul-claro);
    cursor: pointer;
    transition: 0.2s;
}
.termosDeUsoEPoliticaEducacao .wpcf7-list-item-label{
	color: #2A3A4D;
}
.termosDeUsoEPoliticaEducacao p{
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #2A3A4D;
	margin-top: 14px;
}
.termosDeUsoEPoliticaEducacao span.wpcf7-list-item{
	margin-left: 0px;
}

.classes-banner {
	width: 100%;
	background-color: #CCECF7;
	position: sticky;
	top: 0px;
	display: block;
	z-index: 999;
	padding: 14px 0px;
}
.classes-banner a {
	font-family: 'Asap', sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 16.04px;
	text-align: center;
	border: 2px solid #2D2B47;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #2D2B47;
	padding: 12px 28px;
	transition: 0.2s ease-in-out;
}
.classes-banner a:hover {
	background-color: #2D2B47;
	color: #fff;
}
.classes-banner .container{
	display: flex;
	justify-content: space-between;
	align-items: center;
} 
.classes-banner .container::after, .classes-banner .container::before{
	display: none;
}
.classes-banner .classes-text {
	font-family: 'Asap', sans-serif;
	text-decoration-skip-ink: none;
	text-align: left;
	color: #2D2B47;
}
.classes-banner .classes-text h3 {
	font-size: 18px;
	font-weight: 700;
	line-height: 27px;
}
.classes-banner .classes-text p {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.icon-wrapper {
	display: flex;
	align-items: center;
	gap: 64px;
}

.icon-inline {
	display: flex;
	align-items: center;
	gap: 8px;
}

.icon-inline p{
	font-family: 'Asap', sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 27px;
	color: #2D2B47;
}

@media(max-width: 767px){
	#listagemDeConteudosFinais .modalMobile h4{
		display: flex;
		justify-content: space-between;
		padding-bottom: 15px;
	}
	#listagemDeConteudosFinais #formFiltrosEducativos{
		display: none;
	}
	#listagemDeConteudosFinais .modalMobile h4 .spanFilterIcon{
		display: block !important;
	}
	.boxConteudosList img{
		height: 189px;
		width: 100%;
	}
}


/*Accordion*/
#listaFaq .accordionFaq {
	background: #FFFFFF;
	box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.12);
	border-radius: 8px;
	color: #000;
	cursor: pointer;
	font-size: 17px;
	font-weight: 500;
	font-size: 18px;
	padding: 21px 25px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	border-radius: 10px;
	margin-bottom: 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#listaFaq .accordionFaq .accordionSinalLess {
	display: none;
}
#listaFaq .accordionFaq.active, .accordion:hover, .accordion:hover .panel p {
	color: #00A4DD;
}
#listaFaq .accordionFaq.active .accordionSinalLess {
	display: block;
}
#listaFaq .accordionFaq.active .accordionSinalPlus {
	display: none;
}
#listaFaq .accordionFaq br {
	display: none;
}
#listaFaq .accordionFaq.active .accordionSinalPlus {
	display: none;
}
#listaFaq .panel {
	padding: 0 18px;
	background-color: transparent;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	border: 0px;
	margin: 0px;
	margin-bottom: 10px;
}
#listaFaq .panel p {
	margin-bottom: 20px;
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	line-height: 155%;
	color: #2D2B47;
	margin-top: 0px;
}
#paginaDeConteudosSuper.conteudosFaq {
	padding: 120px 0px;
	background: url("https://superautor.com.br/wp-content/uploads/2021/01/elementos-graficos-pgconteudo2.png") right, #2A3A4D;
	background-repeat: no-repeat;
}
#paginaDeConteudosSuper.conteudosFaq h1{
	text-align: left;
}
#listaFaq{
	margin-top: 80px;
	margin-bottom: 80px;
}
#listaFaq br{
	display: none;
}

@media (max-width: 767px){
	#paginaDeConteudosSuper.conteudosFaq {
		background: #2A3A4D;
		padding: 60px 0px;
	}
	#paginaDeConteudosSuper.conteudosFaq h1{
		font-size: 24px;
	}
	#listaFaq{
		margin-top: 50px;
		margin-bottom: 50px;
	}
	#listaFaq .accordionFaq{
		font-size: 16px;
	}
	#listaFaq .panel p{
		font-size: 16px;
	}
	.accordionSinalPlus{
		margin-left: 15px;
	}
	.accordionSinalLess{
		margin-left: 15px;
	}
}

/* Comentários em um post do Blog */

#postCommentSection #comments{
	display: flex;
	flex-direction: column;
}
#postCommentSection .comment-list{
	order: 2;
	margin-top: 48px;
}
#postCommentSection footer{
	background-color: #fff;
	padding: 0px;
}
#postCommentSection #respond .comment-reply-title{
	display: none;
}
#postCommentSection #respond .comment-notes{
	display: none;
}
#postCommentSection .form-submit{
	text-align: left;
	width: 100%;
}
#postCommentSection .form-submit input{
	background: #00A4DD;
	border-radius: 12px;
	width: 100%;
	border: 0px;
	padding: 19px 0px;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	color: #FFFFFF;
	transition: 0.2s;
}
#postCommentSection .form-submit input:hover{
	transition: 0.2s;
	opacity: .7;
}
#postCommentSection input[type="text"]{
	background: #FFFFFF;
	border: 2px solid #C4C4C4;
	box-sizing: border-box;
	border-radius: 4px;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 130%;
	color: #1B1A2B;
	height: 40px;
	width: calc(100% - 20px);
	padding-left: 10px;
}
#postCommentSection input[type="email"]{
	background: #FFFFFF;
	border: 2px solid #C4C4C4;
	box-sizing: border-box;
	border-radius: 4px;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 130%;
	color: #1B1A2B;
	height: 40px;
	width: 100%;
	padding-left: 10px;
}
#postCommentSection .comment-form-author{
	display: flex;
	flex-direction: column;
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
#postCommentSection .comment-form-email{
	display: flex;
	flex-direction: column;
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
#postCommentSection .comment-form-comment{
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
	max-width: 100%;
	margin-top: 24px;
	margin-bottom: 24px;
}
#postCommentSection .comment-form-comment textarea{
	background: #FFFFFF;
	border: 2px solid #C4C4C4;
	box-sizing: border-box;
	border-radius: 4px;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 130%;
	color: #1B1A2B;
	width: 100%;
	padding-left: 10px;
	padding-top: 10px;
}
#postCommentSection .comment-form-comment label{
	display: none;
}
#postCommentSection form{
	display: flex;
	flex-wrap: wrap;
}
#postCommentSection form label{
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 130%;
	color: #1B1A2B;
	margin-bottom: 8px;
}
#postCommentSection .comment-body{
	margin: 0px;
}
#postCommentSection .comment-meta {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}
#postCommentSection .comment-author{
	margin-bottom: 0px;
	margin-right: 15px;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 130%;
	color: #1B1A2B;
}
#postCommentSection .comment-metadata {
	font-style: normal;
	font-weight: normal;
	font-size: 9px;
	line-height: 100%;
	color: #1B1A2B;
}
#postCommentSection .comment-content p{
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 130%;
	color: #1B1A2B;
	margin-bottom: 19px;
}
#postCommentSection .reply {
	margin-bottom: 19px;
}
#postCommentSection .reply a{
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 130%;
	color: #00A4DD;
}
#postCommentSection .reply a:hover{
	text-decoration: underline;
}
#postCommentSection .children{
	border-left: 3px solid #E1E1E1;
	padding-left: 20px;
}
#postCommentSection li.comment{
	border-bottom: 2px solid #C4C4C4;
	margin-bottom: 19px;
} 
#postCommentSection .children li.comment{
	border: 0px;
}
#postCommentSection{
	margin-bottom: 50px;
}
#postCommentSection h2{
	border-top: 2px solid #c4c4c4;
    padding-top: 32px;
    margin-top: 32px;
}
#superAutorNaMidia{
	padding-bottom: 60px;
	padding-top: 60px;
	text-align: center;
}
@media(max-width: 767px){
	#superAutorNaMidia{
		padding-top: 15px;
	}
}
.listaMedia{
	padding-top: 70px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.listaMedia img{
	height: 100px;
	width: 200px;
	object-fit: contain;
}
@media(max-width: 767px){
	.listaMedia img{
		margin-bottom: 70px;
	}
	.listaMedia{
		flex-direction: column;
	}
}

/* Single Blog Aprimoramentos */
#newsletterSingleBlog .newsletterConteudosBox{
	justify-content: space-around;
}
#newsletterSingleBlog{
	margin-bottom: 50px;
}
.share-container-single{
	display: flex;
	align-items: center;
}
.share-container-single div{
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 130%;
	color: #00A4DD;
	margin-right: 16px;
	letter-spacing: 1px;
}
.share-container-single a{
	margin-right: 14px;
	color: #00A4DD;
	font-size: 20px;
	transition: 0.2s;
}
.share-container-single a:hover{
	color: var(--azul-escuro);
	transition: 0.2s;
}
.anotherPostsSingle h3{
	margin-bottom: 34px;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 130%;
	margin-top: 0px;
	color: #1B1A2B;
	margin-top: 30px;
}
#anotherPosts.anotherPostsSingle{
	margin-bottom: 30px;
}
.containerPost {
	max-width: 770px;
	margin: 0 auto;
}



/* Página de SuperPais */
#introB2C.superPaisLP h1{
	margin-bottom: 16px;
	margin-top: 0px;
	line-height: 125%;
}
#introB2C.superPaisLP p{
	margin-bottom: 40px;
}
#introB2C.superPaisLP a{
	background-color: #00BF9F;
	border-color: #00BF9F;
	color: #fff;
	transition: 0.2s;
}
#introB2C.superPaisLP a:hover{
	opacity: 0.8;
	transition: 0.2s;
}
.biografiaLivrosLp{
	padding-top: 80px;
	margin-bottom: 80px;
}
.biografiaLivrosLp a{
	transition: 0.2s;
	display: block;
}
.biografiaLivrosLp a:hover{
	transform: translateY(-8px);
	transition: 0.2s;
}
.orangeBoxItems{
	background: #F4770A;
	border: 3px solid #F4770A;
	box-sizing: border-box;
	border-radius: 24px;
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.orangeBoxItems .imgLeftItems{
	margin-right: 24px;
}
.orangeBoxItems h4{
	margin-top: 0px;
	font-style: normal;
	font-weight: bold;
	font-size: 32px;
	line-height: 37px;
	margin-bottom: 4px;
	color: #FFFFFF;
}
.orangeBoxItems h5{
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
	margin: 0px;
	color: #FFFFFF;
}
#B2CComoFunciona.lpPaisDuvidas{
	padding-bottom: 80px;
	position: relative;
	margin-bottom: 100px;
}
#B2CComoFunciona.lpPaisDuvidas h2{
	margin-top: 0px;
}
#B2CComoFunciona.lpPaisDuvidas .accordion.active, .accordion:hover, .accordion:hover .panel p{
	background-color: #F4770A !important;
}
#B2CComoFunciona.lpPaisDuvidas .embed-responsive-16by9{
	border-radius: 24px;
}
#B2CComoFunciona.lpPaisDuvidas .row{
	display: flex;
	align-items: center;
}
#B2CComoFunciona.lpPaisDuvidas .col-md-6:last-child{
	padding-right: 15px;
}
.imgAbsLpPaisSvg{
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#introB2C.superPaisLP{
	background-image: url("../images/banner-hero-pais-lp.jpg");
}
@media(max-width: 991px){
	.classes-banner .classes-text p{
		font-size: 14px;
	}
	.classes-banner .container{
		flex-direction: column;
		gap: 20px;
	}  
	.classes-banner .classes-text {
		text-align: center;
	}
	.icon-wrapper {
		gap: 24px;
	}
	.biografiaLivrosLp{
		margin-bottom: 60px;
	}
	#B2CComoFunciona.lpPaisDuvidas .row{
		flex-direction: column;
	}
	#B2CComoFunciona.lpPaisDuvidas .col-md-6{
		width: 100%;
		padding: 0px 15px;
	}
	#introB2C.superPaisLP{
		background-image: url("../images/banner-hero-pais-lp-ipad.png");
	}
	#introB2C.superPaisLP h1{
		margin-top: 40px;
	}
	#introB2C.superPaisLP p{
		margin-top: 0px;
		margin-bottom: 30px;
	}
	#introB2C.superPaisLP img{
		bottom: 0.5px;
	}
	.orangeBoxItems{
		margin-bottom: 40px;
	}
}
@media(max-width: 767px){
	#B2CComoFunciona.lpPaisDuvidas .contentFunciona h2 br{
		display: none;
	}
	#B2CComoFunciona.lpPaisDuvidas{
		margin-bottom: 0px;
	}
	#introB2C.superPaisLP{
		background-image: url("../images/banner-hero-pais-lp-mobile.png");
	}
	#introB2C.superPaisLP img{
		bottom: -5px;
	}
	#introB2C.superPaisLP .container .row{
		min-height: 600px;
	}
	.orangeBoxItems{
		height: auto;
		padding: 40px;
	}
	.orangeBoxItems h4{
		font-size: 24px;
		line-height: 100%;
	}
	.orangeBoxItems h5{
		font-size: 16px;
	}
	.orangeBoxItems img{
		width: 80px;
	}
	.orangeBoxItems .imgLeftItems{
		margin-right: 15px;
	}
	.biografiaLivrosLp{
		margin-bottom: 40px;
	}
}


@media(max-width: 1200px){
	.formaNewsletterConteudos{
		display: none;
	}
}
@media (max-width: 991px){
	.containerPost {
		padding: 0px 15px;
	}
	#anotherPosts.anotherPostsSingle{
		margin-bottom: 0px;
	}
	.btn-entrar-mobile-only{
		display: block !important;
		position: absolute;
		right: 73px;
		top: 20px;
		border-radius: 12px;
		background-color: var(--azul-claro);
		border: 2px solid var(--azul-claro);
		padding: 12px 42px;
		display: block;
		text-align: center;
		font-weight: 600;
		font-size: 14px;
		line-height: 16px;
		color: var(--branco);
		transition: 0.2s;
	}
	.roxo .btn-entrar-mobile-only{
		top: 32px;
	}
}


@media (max-width: 1450px){
	#paginaDeConteudosSuper{
		background: #2A3A4D;
	}
}

@media(max-width: 991px){
	.formaNewsletterConteudos{
		display: none;
	}
	.borderVideoRadius{
		margin-bottom: 30px;
	}
	#paginaDeConteudosSuper{
		background: #2A3A4D;
		padding: 50px 0px;
	}
	.searchComponent.componentMateriaisEducativos label{
		width: 100%;
	}
	.searchComponent.componentMateriaisEducativos input[type=search] {
		min-width: auto;
		width: 100%;
	}
	.searchComponent.componentMateriaisEducativos .search-form .search-submit{
		margin-top: 28px;
	}
	#paginaDeConteudosSuper h1{
		font-family: 'Asap', sans-serif;
		font-weight: 700;
		font-size: 28px;
	}
	.padleft80{
		padding-left: 15px;
	}
	#listagemDeConteudosFinais{
		padding-top: 50px;
	}
	.inputsNewsletterBox .inputsAlignNewsletterCf7{
		flex-direction: column;
	}
	.input2NewsletterCont{
		margin-top: 15px;
	}
	.newsletterConteudosBox{
		justify-content: space-between;
		flex-direction: column;
	}
}


/*******************************************************/
/*************** LANDING RENOVACAO 2022 ****************/
/*******************************************************/

.navbar-header img.renovacao2022logo{
	max-width: 90px;
    width: 90px;
	margin-top: 20px;
    z-index: 999;
    position: relative;
}

.introRenovacao {
	background-image: url('../images/backgroundRenovacao.jpg') !important;
}

.introRenovacao .lightText {
	font-size: 48px;
	margin-bottom: 24px;
	color: var(--azul-superescuro);
}

.introRenovacao p.lightText {
	font-weight: 400;
	color: var(--azul-superescuro);
}

.novidade-section {
	padding: 80px 0 118px 0;
	position: relative;
	overflow: hidden;
}

.novidade-section h1 {
	font-family: Asap;
	font-weight: 700;
	font-size: 40px;
	line-height: 125%;
	text-align: center;
	color: var(--azul-superescuro);
	margin-bottom: 8px;
}

.novidade-section p {
	font-family: Asap;
	font-weight: 400;
	font-size: 18px;
	line-height: 125%;
	text-align: center;
	color: var(--azul-superescuro);
	max-width: 748px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 90px;
}

/* .novidade-section .novidade-itens-container {
	display: flex;
	align-items: center;
} */

.novidade-section .novidade-itens-container .novidade-item {
	background: var(--azul-superescuro);
	border-radius: 24px;
	padding: 0 50px 43px 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 15px;
	height: 592px;
	position: relative;
}

.novidade-section .novidade-itens-container .novidade-item p {
	font-family: Asap;
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	text-align: center;
	color: var(--branco);
	margin-bottom: 32px;
}

.novidade-section .novidade-itens-container .novidade-item a {
	max-width: 224px;
	width: 100%;
	height: 64px;
	padding: 21px 0;
	font-size: 18px;
	cursor: pointer;
	margin-top: 32px;
}

.novidade-section .novidade-itens-container .novidade-item a:hover {
	background: transparent !important;
}

.novidade-section .novidade-itens-container .novidade-item .absolute-img {
	position: absolute;
}

.novidade-section .novidade-itens-container .novidade-item .logo-img {
	width: 120px;
	height: auto;
	margin-bottom: 64px;
	margin-top: -35px;
}

.novidade-section .novidade-itens-container .novidade-item .absolute-img {
	top: -80px;
	left: -30px;
}

.novidade-section .novidade-itens-container .novidade-item-campeoes {
	background: #F8AD08;
}

.novidade-section .novidade-itens-container .novidade-item-campeoes p {
	color: var(--azul-superescuro);
}

.novidade-section .novidade-itens-container .novidade-item-campeoes a {
	background: var(--verde-secundario);
	border: 2px solid var(--verde-secundario);
	color: #FFF;
	margin-bottom: 0;
}

.novidade-section .novidade-itens-container .novidade-item-campeoes a:hover {
	color: var(--verde-secundario);
}

.novidade-section .novidade-itens-container .novidade-item-campeoes .logo-img {
	margin-bottom: 28px;
	margin-top: -50px;
	width: 210px;
}

.novidade-section .novidade-itens-container .novidade-item-campeoes .absolute-img {
	bottom: -65px;
    right: -62px;
	top: unset;
    left: unset;
}

.carousel-renovacao2022-container {
	width: 100%;
}

.carousel-renovacao2022-container .item img {
	height: 180px;
	width: auto;
	display: block;
	object-fit: cover;
	margin: 0 auto;
}

.carousel-renovacao2022-container .item-bigger img {
	height: 190px;
}

.formulario-section {
	background: var(--azul-claro);
	padding: 72px 0 80px 0;
	position: relative;
}

.formulario-section .formas-absolute {
	position: absolute;
}

.formulario-section .formas-absolute:first-child {
	right: 0;
	bottom: 82px;
	height: auto;
}

.formulario-section .formas-absolute:nth-child(2) {
	left: 0;
	top: 53px;
}

.formulario-section h1 {
	font-family: Asap;
	font-weight: 700;
	font-size: 32px;
	line-height: 125%;
	text-align: center;
	color: var(--branco);
	margin-bottom: 8px;
}

.formulario-section p {
	font-family: Asap;
	font-weight: 400;
	font-size: 18px;
	line-height: 125%;
	text-align: center;
	color: var(--branco);
	margin-bottom: 24px;
}

.formulario-section .form-container {
	max-width: 50%;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	position: relative;
}

.formulario-section .form-container .form-group {
	width: 100%;
}

.formulario-section .form-container .form-group label {
	margin-bottom: 4px;
	font-family: Asap;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: -0.01em;
	color: var(--branco);
}

.formulario-section .form-container .form-group input,
.formulario-section .form-container .form-group select {
	width: 100%;
	background: var(--branco);
	border-radius: 6px;
	border: 1px solid var(--branco);
	height: 48px;
	padding: 12px 16px;

	font-family: Asap;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: rgba(0, 0, 0, .9);
	
	transition: .3s;
}

.formulario-section .form-container .form-group input:focus,
.formulario-section .form-container .form-group select:focus {
	border: 1px solid var(--amarelo);
}

.formulario-section .form-container .yellowBtn {
	background-color: var(--amarelo);
	border: 2px solid var(--amarelo);
	border-radius: 12px;
	display: block;
	max-width: 224px;
	width: 100%;
	padding: 19px 0px;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	color: var(--azul-escuro);
	transition: 0.2s;
	margin-left: auto;
	margin-top: 24px;
}

.formulario-section .form-container .yellowBtn:hover {
	background-color: transparent;
	color: var(--amarelo);
	transition: 0.2s;
}

@media(max-width: 991px) {
	.introRenovacao p.lightText {
		font-size: 15px !important;
	}
	.novidade-section h1 {
		font-size: 32px;
	}
	.novidade-section p {
		font-size: 16px;
	}
	.novidade-section .novidade-itens-container {
		flex-direction: column;
	}
	.novidade-section .novidade-itens-container .novidade-item {
		margin: 0;
		height: 100%;
	}
	.novidade-section .novidade-itens-container .novidade-item:first-child {
		margin-bottom: 80px;
	}
	.formulario-section .form-container,
	.formulario-section .form-container .yellowBtn {
		max-width: 100%;
	}
	.formas-absolute, .absolute-img {
		display: none;
	}
	.formulario-section h1 {
		font-size: 28px;
	}
	.formulario-section p {
		font-size: 16px;
	}
	.carousel-renovacao2022-container .item img {
		height: 154px;
	}
	.carousel-renovacao2022-container .item-bigger img {
		height: 170px;
	}
}

/* Landing de Kits */

:root {
	--brand-color: #F7AB00;
	--brand-green: #009E84;
	--gray-dark: #293B4D;
	--gray-darkest: #0B1014;
	--gray-lightest: #FAFAFA;
}

.super-kit-header {
	background-color: var(--brand-color);
	display: flex;
	justify-content: center;
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.04);
	height: 88px;
}

.super-kit-hero {
	height: 902px;
	background-color: var(--brand-color);
}

.super-kit-hero-image-mobile { 
	display: none;
}

.super-kit-hero h1 {
	margin-top: 138px;
	font-family: 'Titan One', cursive;
	font-style: normal;
	font-weight: 400;
	font-size: 40px;
	line-height: 125%;
	color: var(--gray-dark);
	margin-bottom: 24px;
	max-width: 511px;
}

.super-kit-hero p {
	font-family: 'Asap', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 150%;
	color: var(--gray-dark);
	margin-bottom: 32px;
}

.super-kit-hero a {
	background: var(--brand-green);
	border-radius: 16px;
	height: 96px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Asap', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 150%;
	color: var(--gray-lightest);
	max-width: 276px;
	transition: 0.4s;
}

.super-kit-hero a:hover {
	opacity: 0.7;
	transition: 0.4s;
}

.super-kit-hero a svg {
	margin-right: 24px;
}

.super-kit-hero .super-kit-hero-image {
	position: absolute;
	right: 0px;
	top: 88px;
	height: auto;
	max-width: 723px;
	object-fit: contain;
}

.video-section {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.video-section .container{
	display: flex;
	justify-content: center;
}

.video-section iframe {
	width: 100%;
	height: 546px;
	position: relative;
	border-radius: 24px;
	transform: translateY(-164px);
}

#owl-produtos {
	margin-top: 0px;
}
#owl-produtos .owl-nav {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
}
#owl-produtos .owl-nav button{
	height: 32px;
	width: 32px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid black;
	padding: 0px;
	margin: 0px 8px;
	transition: 0.4s;
}

#owl-produtos .owl-nav button:hover{
	background-color: black;
	color: white;
	transition: 0.4s;
}

#owl-produtos img {
	height: 312px;
	width: 100%;
	border-radius: 16px;
	object-fit: contain;
}
#owl-produtos .owl-item {
	transform: scale(0.6);
}
#owl-produtos .owl-item.active {
	transform: scale(0.8);
}
#owl-produtos .owl-item.active.center {
	transform: scale(1);
}

.video-width-medium {
	width: 66%;
	margin: auto;
}

.project-important-info {
	margin: 80px 0px;
}

.project-important-info h2 {
	font-family: 'Asap', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 120%;
	text-align: center;
	color: #0B1014;
	max-width: 622px;
	margin: 0px auto;
	margin-bottom: 56px;
}	

.project-important-info iframe {
	width: 100%;
	max-width: 584px;
	height: 328px;
	border-radius: 24px;
}

.project-important-info p:nth-child(2) {
	font-family: 'Asap', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 150%;
	color: var(--gray-darkest);
	margin: 16px 8px 0px 16px;
	margin-left: 16px;
}

.project-important-info p:nth-child(3) {
	font-family: 'Asap';
	font-style: normal;
	font-weight: 400;
	font-size: 17px;
	line-height: 155%;
	color: var(--gray-dark);
	margin-left: 16px;
}

.know-more {
	height: 334px;
	width: 100%;
	background-color: var(--brand-green);
	position: relative;
	display: flex;
	align-items: center;
}

.know-more .super-kit-know-more {
	position: absolute;
	right: 24px;
	bottom: -2px;
}

.know-more h2{
	font-family: 'Titan One';
	font-style: normal;
	font-weight: 400;
	font-size: 40px;
	line-height: 125%;
	color: var(--gray-lightest);
	margin-bottom: 16px;
}

.know-more p{
	font-family: 'Asap';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 150%;
	color: var(--gray-lightest);
	margin-bottom: 32px;
}

.know-more a{
	background: var(--brand-green);
	border: 2px solid var(--gray-lightest);
	box-sizing: border-box;
	border-radius: 12px;
	height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 224px;

	font-family: 'Asap', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	color: var(--gray-lightest);
	transition: 0.4s;
}

.know-more a:hover{
	background-color: white;
	color: var(--brand-green);
	transition: 0.4s;
}	

@media(max-width: 1200px) {
	.super-kit-hero .super-kit-hero-image {
		width: 50%;
	}
	.project-important-info .col-lg-6 {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	.project-important-info .col-lg-6:first-child {
		margin-bottom: 40px;
	}
	.know-more .super-kit-know-more {
		width: 50%;
	}
}

@media(max-width: 991px) {
	.know-more h2 {
		margin-top: 30px;
	}
	.video-width-medium {
		width: 100%;
	}
	.super-kit-hero {
		display: flex;
		flex-direction: column;
	}
	.super-kit-hero p{
		margin-bottom: 24px;
		margin-top: 56px;
	}
	.super-kit-hero .container {
		margin-bottom: 0px;
		margin-top: 56px;
	}
	.super-kit-hero .super-kit-hero-image {
		display: none;
	}
	.super-kit-hero-image-mobile{
		display: block;
	}
	.super-kit-hero .col-md-6 {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.super-kit-hero h1 {
		margin-top: 0px;
		text-align: center;
		font-size: 40px;
		margin-bottom: 0px;
		max-width: 345px;
	}
	.super-kit-hero p {
		font-size: 17px;
		text-align: center;
		max-width: 330px;
		margin-top: 24px;
	}
	.super-kit-hero a {
		display: none;
	}
	.video-section .col-md-8 {
		padding: 0px;
		width: calc(100% - 30px);
	}
	.video-section iframe {
		height: 190px;
		transform: translateY(-100px);
	}
	#owl-produtos {
		margin-top: -80px;
	}
	#owl-produtos .owl-nav {
		margin-top: -20px;
	}
	.project-important-info h2 {
		font-size: 20px;
		margin-bottom: 40px;
		max-width: 348px;
	}
	.project-important-info iframe {
		height: 196px;
	}
	.project-important-info p:nth-child(2) {
		text-align: center;
		font-size: 17px;
		margin-left: 0px;
	}
	.project-important-info p:nth-child(3) {
		text-align: center;
		font-size: 15px;
		margin-left: 0px;
	}
	.know-more {
		flex-direction: column;
		height: 100%;
	}
	.know-more .container {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.know-more .container a {
		max-width: 224px;
		width: 100%;
		margin-bottom: 40px;
	}
	.know-more .container p {
		max-width: 226px;
		text-align: center;
	}
	.know-more .super-kit-know-more {
		position: relative;
	}
	#owl-produtos .owl-nav button:hover{
		background-color: transparent;
		color: black;
		transition: 0.4s;
	}
}

@media(max-width: 578px) {
	.know-more .super-kit-know-more {
		width: 100%;
		left: 0px;
	}
}


.default-btn-renovacao {
	background: #00A3DE;
	border-radius: 12px;
	font-family: 'Asap';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	color: #FAFAFA;
	height: 64px;
	max-width: 224px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center; 
	transition: 0.3s;
}
.default-btn-renovacao:hover {
	opacity: 0.7;
	transition: 0.3s;
	color: #ffffff;
}

  .header-renovacao {
	height: 80px;
	width: 100%;
	background: #F7AB00;
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.04); }
	.header-renovacao img {
	  height: 80px;
	  width: 80px; }
  	.hero-renovacao .row{
		display: flex;
		align-items: center;
	}
  .hero-renovacao {
	background-color: #F7AB00;
	padding-top: 28px;
	padding-bottom: 40px;
	transform: translateY(-1px); }
	.hero-renovacao h1 {
	  font-family: 'Titan One';
	  font-style: normal;
	  font-weight: 400;
	  font-size: 56px;
	  line-height: 120%;
	  color: #293B4D;
	  margin-bottom: 24px; }
	.hero-renovacao p {
	  margin-bottom: 26px;
	  font-family: 'Asap';
	  font-style: normal;
	  font-weight: 600;
	  font-size: 20px;
	  line-height: 130%;
	  color: #293B4D; }
	.hero-renovacao a {
	  height: 64px;
	  max-width: 248px;
	  width: 100%;
	  display: flex;
	  align-items: center;
	  justify-content: center; }
	.hero-renovacao img {
	  max-width: 100%;
	  height: auto; }
	.hero-renovacao .hero-image-container {
	  position: relative; }
	  .hero-renovacao .hero-image-container .round-text-container {
		position: absolute;
		left: 6px;
		top: -14px;
		border-radius: 50%; }
		.hero-renovacao .hero-image-container .round-text-container .round-text {
		  border-radius: 50%;
		  animation: round-text-animation 24s linear infinite; }
		.hero-renovacao .hero-image-container .round-text-container .book-icon {
		  position: absolute;
		  left: 50%;
		  top: calc(50% - 5px);
		  transform: translate(-50%, -50%); }
  @keyframes round-text-animation {
	0% {
	  transform: rotate(0deg); }
	100% {
	  transform: rotate(360deg); } }
		.news {
			overflow-x: hidden;
		}
  .news .section-header {
	display: flex;
	flex-direction: column;
	align-items: center; }
	.news .section-header h2 {
	  font-family: 'Asap';
	  font-style: normal;
	  font-weight: 700;
	  font-size: 40px;
	  line-height: 116%;
	  text-align: center;
	  color: #2A3A4D;
	  margin-top: 58px;
	  margin-bottom: 18px;
	  max-width: 370px; }
	.news .section-header p {
	  font-family: 'Asap';
	  font-style: normal;
	  font-weight: 400;
	  font-size: 16px;
	  line-height: 130%;
	  text-align: center;
	  color: #2A3A4D;
	  margin-bottom: 56px;
	  max-width: 440px; }
  .news .book-card {
	margin-bottom: 60px;
	position: relative; }
	.news .book-card .traditional-figure {
	  position: absolute;
	  left: -31px;
	  top: 26px; }
	.news .book-card .brasil-figure {
	  position: absolute;
	  bottom: 28px;
	  right: -30px; }
	.news .book-card.brasil .book-card-content {
	  background-color: #EFECDE; }
	  .news .book-card.brasil .book-card-content h3, .news .book-card.brasil .book-card-content p {
		color: #293B4D; }
	.news .book-card.traditional .book-card-content {
	  background: #2A3A4D; }
	.news .book-card .book-card-image {
	  width: 100%;
	  border-radius: 24px 24px 0px 0px;
	  object-fit: cover;
	  height: 310px; }
	.news .book-card .book-card-content {
	  padding: 36px 16px 56px 16px;
	  border-radius: 0px 0px 24px 24px; }
	  .news .book-card .book-card-content h3 {
		font-family: 'Asap';
		font-style: normal;
		font-weight: 700;
		font-size: 28px;
		line-height: 140%;
		text-align: center;
		color: #FFFFFF; }
	  .news .book-card .book-card-content p {
		font-family: 'Asap';
		font-style: normal;
		font-weight: 400;
		font-size: 14px;
		line-height: 140%;
		text-align: center;
		color: #FFFFFF;
		margin-bottom: 36px; }
	  .news .book-card .book-card-content a {
		background: #00A4DD;
		border-radius: 12px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0px auto; }
  .news .transform-to-super-autor {
	background: #F7AB00;
	border-radius: 24px;
	padding-top: 100px;
	padding-bottom: 56px;
	position: relative;
	margin-bottom: 90px; }
	.news .transform-to-super-autor img {
	  position: absolute;
	  left: 0px;
	  bottom: -1px; 
	  height: 511px;
	}
	.news .transform-to-super-autor h3 {
	  font-family: 'Titan One';
	  font-style: normal;
	  font-weight: 400;
	  font-size: 40px;
	  line-height: 120%;
	  color: #293B4D;
	  max-width: 360px;
	  margin-top: 0px;
	  margin-bottom: 24px; }
	.news .transform-to-super-autor p {
	  font-family: 'Asap';
	  font-style: normal;
	  font-weight: 600;
	  font-size: 20px;
	  line-height: 130%;
	  color: #293B4D;
	  margin-bottom: 40px;
	  max-width: 460px; 
}

@media(max-width: 1440px) {
	.hero-renovacao .renovacao-hero-image {
		height: 400px;
	}
}

@media(max-width: 1260px) {
	.hero-renovacao .renovacao-hero-image {
		height: 340px;
	}
	.hero-renovacao .col-md-6:last-child {
		display: flex;
		justify-content: center;
	}
	.hero-renovacao h1 {
		font-size: 41px;
	}
	.hero-renovacao p {
		font-size: 16px;
	}
	.news .transform-to-super-autor .row .col-md-6:first-child {
		display: none;
	}
	.news .transform-to-super-autor .row .col-md-6 {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		width: 100%;
	}
	.hero-renovacao h1 {
		font-size: 50px;
	}
	.news .book-card .brasil-figure, .news .book-card .traditional-figure {
		display: none;
	}
	.news .book-card .book-card-content p {
		max-width: 240px;
		margin-left: auto;
		margin-right: auto;
	}
	.news .book-card .book-card-content p br{
		display: none;
	}
	.news .book-card .book-card-content h3 {
		font-size: 24px;
	}
	.news .book-card.brasil .book-card-content p {
		max-width: 300px;
	}
	.news .transform-to-super-autor img {
		height: 264px;
		left: 50%;
		transform: translateX(-50%);
	}
	.news .transform-to-super-autor {
		padding-top: 24px;
	}
	.news .transform-to-super-autor h3 {
		font-size: 22px;
		text-align: center;
		max-width: 294px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 8px;
	}
	.news .transform-to-super-autor p {
		font-size: 14px;
		max-width: 312px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-bottom: 16px;
	}
	.news .transform-to-super-autor {
		padding-top: 42px;
		height: 500px;
	}
	.news .transform-to-super-autor a {
		margin: 0px auto;
	}
}

@media(max-width: 991px) {
	.hero-renovacao .row{
		flex-direction: column;
	}
	.hero-renovacao {
		text-align: center;
	}
	.hero-renovacao h1 {
		font-size: 40px;
		max-width: 384px;
		margin-left: auto;
		margin-right: auto;
	}
	.hero-renovacao a {
		margin: 0px auto;
		margin-bottom: 40px;
	}
	.hero-renovacao p {
		font-size: 16px;
		max-width: 384px;
		margin-left: auto;
		margin-right: auto;
	}
}