@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Sora:wght@100;200;300;400;500;600;700;800&display=swap');

body{
	background: #000;
	font-family: 'Montserrat', sans-serif;
}

ul{
	display: inline-block;
	text-align: left;
}

.btn-link{
	white-space: normal !important;
}

.font-background-2{
	padding-bottom: 10px;
	padding-top: 10px;
	color: #000;
	margin-left: 10px;
	background-color: #ffcc00;
	box-shadow: 10px 0 0 #ffcc00, -10px 0 0 #ffcc00;
}

.primeira-dobra{
	background:linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url("./img/bg-new.webp") no-repeat center center !important;
	background-size: 120% !important;

	min-height: 90vh;
	max-height: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}

@media (min-width: 1400px){
	.primeira-dobra{
		padding-top: 60px;
	}
}

.primeira-dobra h1{
	font-weight: 500;
	color: #fff;
	font-size: 34px;
}

.px-10{
	padding-right: 10rem;
	padding-left: 10rem;
}

.primeira-dobra h2{
	margin-top: 10px;
	font-weight: 500;
	color: #fff;
	font-size: 18px;
}

.primeira-dobra img{
	max-width: 180px;
}

.segunda-dobra{
	background: #000;
	background-image: linear-gradient(rgba(255, 255, 255, 0.07) .1em, transparent .1em), linear-gradient(90deg, rgba(255, 255, 255, 0.07) .1em, transparent .1em);
	background-size: 1.5em 1.5em;
	height: 100%;

	padding-top: 80px;
	padding-bottom: 90px;
	overflow: hidden;
}

.segunda-dobra h1{
	font-weight: 500;
	color: #fff;
	font-size: 34px;
}

.segunda-dobra h2{
	margin-top: 10px;
	font-weight: 500;
	color: #fff;
	font-size: 18px;

}

.segunda-dobra p{
	font-weight: 500;
	font-size: 18px;
	color: #fff;
}

.terceira-dobra{
	background: #fff;
	height: 100%;
	padding-top: 80px;
	padding-bottom: 60px;
}

.terceira-dobra h1{
	font-weight: 700;
	color: #fff;
	font-size: 36px;
}

.terceira-dobra h2{
	font-weight: 700;
	color: #ffcc00;
	font-size: 28px;
}

.terceira-dobra h5{
	line-height: 2;
	font-weight: 700;
	color: #fff;
}

.terceira-dobra p{
	font-weight: 500;
	font-size: 18px;
	color: #fff;
}

.quarta-dobra{
	background: #000;
	height: 100%;
	padding-top: 80px;
	padding-bottom: 60px;
	overflow: hidden;
}

.quarta-dobra h1{
	font-weight: 700;
	color: #fff;
	font-size: 36px;
}

.quarta-dobra h2{
	font-weight: 700;
	color: #fff;
	font-size: 24px;
}

.quarta-dobra p{
	font-weight: 500;
	font-size: 18px;
	color: #fff;
}

.quarta-dobra ul{
	padding-left: 0 !important;
	margin-top: 30px;
	width: 80%;
}

.quarta-dobra .card{
	border: 2px solid #ffcc00;
	background: #7f680a;
	
	border-radius: 56px;
	color: #fff !important;
}

.c-b-w{
	color: #fff !important;
}

.c-custom-2 button{
	padding-left: 0px;
    padding-right: 0px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
}

.c-custom-2 button:hover{
	color: #fff;
}

.c-n-b{
	    border: none !important;
}

.quinta-dobra{
	background: #fff;
	border-top-left-radius: 76px;
	border-top-right-radius: 76px;
	border: 3px solid #ffcc00;
	height: 100%;
	padding-top: 80px;
	padding-bottom: 60px;
}

.quinta-dobra h1{
	font-weight: 700;
	color: #000;
	font-size: 36px;
}

.quinta-dobra h2{
	font-weight: 700;
	color: #000;
	font-size: 24px;
}

.quinta-dobra p{
	font-weight: 500;
	font-size: 18px;
	color: #000;
}

.content-quinta{
	font-size: 20px !important;
}

.box-quinta {
	font-family: 'Sora', sans-serif;
	background: #ffcc00;
	border-radius: 36px;
	padding: 20px;
	box-shadow: 0px 0px 15px 0px #ffcc00;
	height: 100%;
}

.mt-7{
	margin-top: 7rem!important;
}

.title-quinta-dobra{
	margin-bottom: 60px;
}

.b-in{
	margin: 0px;
}

.p-list{
	font-size: 18px !important;
}

.box-after{
	font-family: 'Sora', sans-serif;
	background: #11110F;
	border-radius: 60px;
	border-width: 3px;
	padding-left: 80px;
	padding-right: 80px;
	padding-top: 40px;
	padding-bottom: 40px;
	border-style: solid;
	border-image: 
	linear-gradient(
		to bottom, 
		rgba(0, 0, 0, 0),
		rgba(255, 204, 0, 0.7), 
		rgba(0, 0, 0, 0)
	) 0 100 0%;
}

.img-price{
	width: 480px;
	margin-left: -7px;
}

.price p{
	letter-spacing: -8px !important;
}

.price span{
	margin: 0 !important;
	padding: 0 !important;

}

.price p{
	font-size: 5rem !important;
	font-weight: 700 !important;
}

.value{
	font-size: 8rem !important;
	font-weight: 700 !important;
}

.box-after hr{
	margin-top: 15px;
	margin-bottom: 15px;
	width: 360px;
	border-top: 4px solid #ffcc00;
}

.pre{
	font-size: 32px;
	left: 146px;
	bottom: 270px;
	position: absolute;
	color: #967e47 !important;
}

.pos{
	font-size: 32px;
	left: 146px;
	bottom: 144px;
	position: absolute;
	color: #967e47 !important;
}

.box-after h5{
	font-size: 1.4rem;
}

.p-span{
	font-size: 28px !important;
	font-weight: 800 !important;
}

.quinta-title{
	font-size: 36px !important;
	font-weight: 800 !important;
	left: 104px;
	position: absolute;
	top: -42px;

}

.attention{
	background: #ffcc00;
	padding-top: 30px;
	padding-bottom: 30px;
}

.attention h1{
	font-weight: 800;
	font-size: 8rem;
}

.attention h2{
	font-weight: 800;
	font-size: 2.5rem;
}

.b-2{
	background-color: #000;
	background:linear-gradient(to bottom, rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.88)), url("./img/after.webp");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
}

.after-attention{
	padding-top: 30px;
	padding-bottom: 120px;
	height: 100%;
}

.c-2{
	margin-left: 290px;
	padding-right: 360px;
	line-height: 1.4em;
}

.after-attention p{
	font-size: 24px;
	font-weight: 500;
	color: #fff;
}

.garantia{
	background:linear-gradient(to right, #be9905, #fac801);
	border-radius: 80px;
	height: 250px;
	padding: 20px;
}

.garantia p{
	font-size: 24px;
}

.garantia-img{
	position: absolute;
	left: -50px;
	bottom: -32px;
}

.spacer-2{
	margin-top: 60px;
}



.img-warning{
	max-width: 80px;
}

.green-box{
	background: #17a216;
}

.red-box{
	background: #fe0000;
}


.spacer{
	margin-top: 110px;
}

.after-attention h1{
	font-weight: 500 !important;
}


.after-yellow-bg{
	background: #ffcc00;
	color: #000 !important;
	font-weight: 800 !important;
}

.f-24{
	font-size: 24px !important;
}

.cut{
	color: #c70e0e !important;
	text-decoration: line-through !important;
}

.green-c{
	color: #0c7309 !important;
}

.b-3{
	font-weight: 800 !important;
}

.terceira-dobra ul{
	padding-left: 0 !important;
}

.terceira-dobra ul li{
	color: #000 !important;
	font-size: 20px;
	text-align: justify;
}

.terceira-dobra hr{
	margin-top: 48px;
	margin-bottom: 30px;
	width: 360px;
	border-top: 4px solid #ffcc00;
}

.terceira-dobra iframe{
	width: 100%;
	height: 196px;
	border: 3px solid  #ffcc00;
	border-radius: 7px;
}

.separator {
	position: absolute;
	width: 100%;
	height: 160px;
	z-index: 9;
}

.separator::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: #fff;
	clip-path: polygon(100% 0, 0 0, 0 100%);
}

.separator::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: #000;
	clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

.separator.reverse {
	transform: rotateY(180deg);
}


.terceira-dobra li {
	margin: 0;
	padding: 22px 0 8px 48px;
	list-style: none;
	background-image: url('./img/bulet.webp');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 30px;
}


.quinta-dobra iframe{
	width: 100%;
	border-radius: 10px;
	height: 320px;
	box-shadow: 0px 0px 15px 0px #ffcc00;
}

.compra-segura{
	min-width: 320px;
}


ul li{
	font-weight: 500;
	font-size: 16px;
	color: #fff;
	margin-bottom: 6px;
}

.b {
	font-size: 20px;
	font-weight: 700;
}

.glow-y{
	border-radius: 10px;
	box-shadow: 0px 0px 15px 0px #ffcc00;
}

.img-pc{
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.img-config{
	max-height: 300px;
}

.primeira-dobra iframe{
	width: 760px;
	border-radius: 6px;
	height: 380px;
	border: 2px solid  #ffcc00;

}

footer{
	background: #131313;
	padding: 10px;
}

footer p{
	color: #fff;
}

.hr-divider-l{
	height: 6px;
	width: 100%;
	content: "";
	background: #ffcc00;
/*	box-shadow: 0px 0px 20px 0px #ffcc00;*/
padding-bottom: 2px;
left: 0;
position: absolute;
}

.hr-divider-f{
	height: 1px;
	width: 100%;
	content: "";
	background: rgba(254, 191, 44, 0.6);
	box-shadow: 0px 0px 20px 0px #ffcc00;
	padding-bottom: 2px;
	left: 0;
	position: absolute;
}

.hr-divider-r{
	height: 1px;
	width: 70%;
	content: "";
	background: rgba(254, 191, 44, 0.6);
	box-shadow: 0px 0px 20px 0px #ffcc00;
	padding-bottom: 2px;
	right: 0;
	position: absolute;
}

.d-4-1{
	padding-top: 120px;
}

.font-yellow{
	color: #ffcc00 !important;
	font-weight: 700 !important;
}

.font-black{
	color: #000 !important;
}

.b-2{
	font-weight: 700 !important;
}

.font-red{
	color: #DA291C;
}

.top-content{
	width: 100%;
}

.font-green{
	color: #448361;
}

.underline {
	text-decoration: underline;
	text-decoration-color: #ffcc00;
}

.line-font{
	text-decoration-color: #ffcc00 !important;
	text-decoration-thickness: 3px !important;
	text-decoration: line-through;
}



.vp-controls .play:hover {
	background: #ffcc00 !important;
}


button {
	outline: none;
	text-align: center;
	width: 100% !important;
	height: auto !important;
}
.custom-btn {
	max-width: fit-content;
	height: 40px;
	padding: 14px 25px;
	border-radius: 20px;
	border: 2px solid #ffcc00;
	font-weight: 800;
	background: transparent;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	display: inline-block;
}

.c-b{
	height: auto !important;
	max-width: 500px !important;
}

/* 6 */

.btn-7{
	background: #00ff00 !important;
	box-shadow: 0px 0px 15px 0px #00ff00 !important;
}

.btn-7:hover{
	color: #fff !important;
}


.btn-6 {
	background: #ffcc00;
	color: #191919;
	font-weight: 800;
	font-size: 24px;
	/* line-height: 42px; */
	padding: 0;
	border: none;
	box-shadow: 0px 0px 15px 0px #ffcc00;
}

.btn-6 span {
	position: relative;
	display: block;
	width: 100%;
	padding: 8px;
	height: 100%;
	padding-right: 40px;
	padding-left: 40px;
}

.btn-6:hover{
	color: #ffcc00;
	background: transparent;
}
.btn-6 span:after {
	right: 0;
	bottom: 0;
	width: 0%;
	height: 2px;
	transition: all 500ms ease;
}
.btn-6 span:hover:before {
	width: 100%;
}
.btn-6 span:hover:after {
	width: 100%;
}

.white-part{
	padding-top: 60px;
	padding-bottom: 80px;
	background-color: white !important;
	height: 100%;
}

.white-part h1{
	font-size: 3rem;
	font-weight: 700;
}

.warning-box{
	border-radius: 62px;
	padding: 30px;
	height: 100%;
	max-width: 80%;
	color: #fff;
	text-align-last: center;
}

.warning-box h2{
	font-weight: 700;
}

.warning-box p{
	font-size: 18px;
	font-weight: 500;
}

.yellow-part{
	padding-top: 60px;
	padding-bottom: 80px;
	background-color: #ffcc00 !important;
	height: 100%;
}

.yellow-part img{
	max-width: 326px;
}

.yellow-part h1{
	font-size: 3rem;
	font-weight: 800;
}


.yellow-part p{
	font-size: 22px;
	font-weight: 700;
}

.last-part{
	padding-top: 60px;
	padding-bottom: 80px;
	color: #fff;
	background-color: #131313 !important;
	height: 100%;
}

.last-part h1{
	font-size: 2.5rem;
	font-weight: 700;
}

.card-header {
	padding: 0.35rem 1.05rem;
}

.card-body{
	color: #191919;
	font-weight: 700;
}

.b-14{
	border-radius: 14px;
}

.c-custom{
	text-decoration: none;
}

.c-custom button{
	font-size: 18px;
	font-weight: 700;
	color: #131313;
}

.c-custom button:hover{
	color: #ebbc00;
}

.btn-link:hover{
	text-decoration:  none !important;
}

.btn-link:focus {
	text-decoration: none !important;
}




.last-part p{
	text-align: justify;
	font-size: 22px;
	font-weight: 700;
}



.zoom-in-zoom-out {
	animation: zoom-in-zoom-out 2s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
	0% {
		transform: scale(1, 1);
	}
	50% {
		transform: scale(1.03, 1.03);
	}
	100% {
		transform: scale(1, 1);
	}
}


.video-1-height{
	min-height: 340px;
}

.vertical-center {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.su-youtube {
	margin: 0 auto;
	display: block;
}

.z-top{
	z-index: 999;
}

.img-dobra-2{
	width: 480px;
	position: absolute;
	left: -480px;
	top: -224px;
	z-index: 50;
}

.img-dobra-3{
	width: 700px;
	position: absolute;
	right: -176px;
	top: 60px;
	z-index: 60;
}

.bg-yellow{
	overflow: hidden;
	overflow-x: hidden;
	left: -200px;
	top: -20px;
	background-color: #ffcc00;
	position: absolute;
	height: calc(100% + 40px);
	padding-bottom: 20px;
	width: 10000px;
	z-index: -1;
}

.text-custom{
	text-align: justify;
	text-align-last: center;
}


.text-custom-2{
	text-align: justify;
	text-align-last: left;
}

/* Mobile */

@media (max-width: 768px){

	.attention h2 {
		font-size: 1.5rem;
	}

	.text-custom, .text-custom-2{
		text-align: center;
		text-align-last: center;
	}

	.yellow-part p{
		font-size: 18px;
	}

	.after-attention p{
		font-size: 18px;
	}


	.yellow-part h1{
		font-size: 2rem;
	}

	.quarta-dobra ul {
		padding-left: 0 !important;
		margin-top: 30px;
		width: 100%;
	}

	.d-4-1 {
		padding-top: 15px;
	}

	.separator{
		display: none;
	}

	.terceira-dobra ul li {
		font-size: 16px;
		text-align: left;
	}

	.img-dobra-3, .img-dobra-2{
		display: none;
	}

	.attention h1{
		font-weight: 800;
		font-size: 4rem;
	}

	.btn-6 {
		font-weight: 700;
		font-size: 24px;
	}
	.btn-6 span {
		padding-right: 10px;
		padding-left: 10px;
	}

	.video-1-height{
		min-height: 250px;
	}

	.primeira-dobra{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.primeira-dobra h1{
		font-weight: 700;
		font-size: 24px; 
	}

	.primeira-dobra h2{
		margin-top:  15px;
		font-size: 18px;
		margin-bottom: 10px;
	}

	.primeira-dobra img{
		max-width: 150px;
	}

	.segunda-dobra{
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.segunda-dobra h1{
		font-weight: 700;
		font-size: 24px; 
	}

	.segunda-dobra h2{
		margin-top: 30px;
		font-size: 18px;
	}

	.segunda-dobra img{
		max-width: 150px;
	}

	.terceira-dobra{
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.terceira-dobra h1{
		font-weight: 700;
		font-size: 28px; 
	}

	.terceira-dobra h2{
		margin-top: 30px;
		font-size: 24px;
	}

	.quarta-dobra{
		padding-top: 60px;
		padding-bottom: 20px;
	}

	.quarta-dobra h1{
		font-weight: 700;
		font-size: 28px; 
	}

	.quarta-dobra h2{
		margin-top: 30px;
		font-size: 24px;
	}

	.quinta-dobra{
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.quinta-dobra h1{
		font-weight: 700;
		font-size: 28px; 
	}

	.quinta-dobra h2{
		margin-top: 30px;
		font-size: 24px;
	}

	.quinta-title {
		left: 118px;
		top: -53px;
	}

	.spacer {
		margin-top: 24px;
	}

	.box-after {
		padding-left: 40px;
		padding-right: 40px;
	}

	.pre {
		font-size: 32px;
		left: 62px;
		bottom: 327px;
		position: absolute;
		color: #967e47 !important;
	}

	.pos {
		font-size: 32px;
		left: 60px;
		bottom: 156px;
		position: absolute;
		color: #967e47 !important;
	}

	.box-after hr {
		margin-top: 15px;
		margin-bottom: 15px;
		width: 200px;
		border-top: 4px solid #ffcc00;
	}

	.after-attention {
		padding-top: 0px;
		padding-bottom: 120px;
		height: 100%;
	}


	.primeira-dobra iframe{
		width: 100%;
		height: 220px;
		box-shadow: 0px 0px 20px 0px #ffcc00;
	}

	.img-pc{
		margin: 0;
		position: relative;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}


}




.btn-link:before {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: left;
}

.btn-link.collapsed:before {
  content: "\f106";
}