html, body, header, section, article, footer, nav, ul, li, h1, h2, h3, h4, h5, h6, p, div, span, table, tbody, thead, tfoot, caption, tr, td, th, img, figure, figcaption, a, form, input, button, iframe, blockquote, ins, strong, b, aside{
	box-sizing: border-box;
	padding: 0px;
	border: 0px;
	margin: 0px;
}
html,body{
	width: 100%;
}
p {
	margin: 20px 0px;
}
a.links {
	text-decoration: none;
	font-weight: 700;
	color: blue;
}
a.links:hover {
	color: #e8a253;
}
body{
	font-family: "Mulish";
	font-size: 22px;
	font-weight: 400;
	letter-spacing: 0px;
	font-kerning: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-optical-sizing: none;
	color: #8f5c2d;
	background-color: #f4ebe0;
}
@font-face {
	font-family: "Bernadette";
	font-style: normal;
	font-weight: 400;
	src: url(/fonts/bernadette.otf) format('opentype');
}
@font-face {
	font-family: "Mulish";
	font-style: normal;
	font-weight: 200 1000;
	font-display: swap;
	src: url(/fonts/mulish.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.ac {
	text-align: center;
}
.loader {
	margin: 0px auto;
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	position: relative;
	animation: rotate 1s linear infinite
}
.loader::before, .loader::after {
	content: "";
	position: absolute;
	inset: 0px;
	border-radius: 50%;
	border: 7px solid #e8e2d9;
	animation: prixClipFix 2s linear infinite;
}
.loader::after{
	transform: rotate3d(90, 90, 0, 180deg);
	border-color: #e77d31;
}
@keyframes rotate {
	0% {transform: rotate(0deg)}
	100% {transform: rotate(360deg)}
}
@keyframes prixClipFix {
	0% {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
	50% {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
	75%, 100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
}
.hidden {
	display: none;
}
#header-logo {
	position: absolute;
	top: -50px;
	width: 100%;
	min-width: 320px;
	height: 355px;
	background: url('https://www.rabiasparabolasdejesus.com.br/imgs/rabi-as-parabolas-de-jesus_logo.png') no-repeat;
	background-position: top center;
	background-size: 500px 355px;
}
#container {
	margin: 190px auto 20px auto;
	max-width: 90%;
	min-width: 320px;
}
#frame-a {
	margin: 0px auto;
	padding: 10px;
	max-width: 900px;
	min-width: 300px;
	border-radius: 30px 0px;
	background-color: #ffffff;
	background-position: top right;
	box-shadow: 0px 0px 10px 0px #4f4439;
}
@media screen and (min-width:400px){
	#frame-a {
		padding: 20px;
	}
}
#title {
	grid-area: title;
	padding: 70px 0px 15px 0px;
	text-align: left;
	color: #4f4439;
}
#title h1 {
	margin: 0px;
	padding: 10px 20px;
	font-size: 20px;
	font-weight: 700;
	font-kerning: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-optical-sizing: none;
	letter-spacing: 0px;
	text-align: center;
	border-radius: 10px;
	background-color: #eef3f7;
}
#description {
	grid-area: description;
	font-size: 18px;
}
#content {
	grid-area: content;
	font-size: 16px;
}
.button {
	display: block;
	margin: 10px auto;
	padding: 5px 10px;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0px;
	font-kerning: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-optical-sizing: none;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	border: 2px solid #ffffff;
	border-radius: 10px;
	background-color: #e77d31;
	cursor: pointer;
}
footer {
	background-color: #feeabe;
	padding: 10px;
	color: #9b6331;
	font-size: 14px;
	text-align: center;
}
footer p {
	margin: 5px;
	padding: 0px;
}
#f-container {
	max-width: 900px;
	min-width: 320px;
	margin: 0px auto;
}

#images {
	grid-area: images;
}
#images-container {
	display: grid;
	position: relative;
	grid-template-areas:
		'images-box'
		'images-ctrl'
		'images-desc';
	gap: 0px;
	max-width: 450px;
	min-width: 300px;
	margin: 0px auto;
}
#images-box {
	position: relative;
	grid-area: images-box;
	cursor: pointer;
	margin-bottom: -6px;
}
.images-fade {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 2s ease-in-out;
}
.images-size {
	width: 100%;
	height: auto;
	border-radius: 10px 10px 0px 0px;
}
.images-visible {
	opacity: 1;
}
.images-hidden {
	opacity: 0;
}
#images-x {
	position: relative;
}
#images-y {
	position: absolute;
}
#images-ctrl {
	grid-area: images-ctrl;
}
#images-ctrl-container {
	display: grid;
	grid-template-columns: 30px auto 30px;
	gap: 0px;
	width: 100%;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	background-color: #d8b67e;
}
#images-ctrl_menu {
	padding: 0px 5px;
}
#images-ctrl_menu ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	text-align: center;
}
#images-ctrl_menu li {
	display: inline-block;
	margin: 5px;
	padding: 0px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
}
#images-ctrl_menu div {
	display: block;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
#images-ctrl_left {
	background: url('https://www.rabiasparabolasdejesus.com.br/imgs/arrow-l.png') no-repeat;
	background-position: center;
	background-size: 20px 20px;
	cursor: pointer;
}
#images-ctrl_right {
	background: url('https://www.rabiasparabolasdejesus.com.br/imgs/arrow-r.png') no-repeat;
	background-position: center;
	background-size: 20px 20px;
	cursor: pointer;
}
.images-ctrl_on {
	background-color: #ffffff;
}
.images-ctrl_off {
	background-color: #c19964;
}
#images-desc {
	grid-area: images-desc;
	align-content: center;
	padding: 10px;
	min-height: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8f5c2d;
	text-align: center;
	background-image: linear-gradient(180deg, #eef3f7, #d9dee2);
	border-radius: 0px 0px 10px 10px;
}

#cart {
	grid-area: cart;
}
#cart-container {
	margin: 0px auto;
	max-width: 350px;
	min-width: 300px;
}
.cart-label {
	margin: 5px 0px;
	padding: 5px 0px;
	font-size: 22px;
	font-weight: 700;
	border-top: 1px solid #8f5c2d;
	border-bottom: 2px solid #8f5c2d;
	
}
.cart-title {
	font-size: 17px;
	font-weight: 700;
	text-align: center;
}
.cart-data {
	font-weight: 700;
	color: #444444;
	text-align: center;
}
#sum {
	display: grid;
	grid-template-areas:
		'quant-label price-label'
		'quant price-value';
	grid-template-columns: 35% 65%;
	gap: 10px;
}
#quant-label {
	grid-area: quant-label;
}
#price-label {
	grid-area: price-label;
}
#quant {
	grid-area: quant;
	display: grid;
	grid-template-areas:
		'quant-minus quant-value quant-plus';
	grid-template-columns: 30px auto 30px;
	gap: 0px;
}
.quant-button {
	padding: 0px;
	margin: 0px;
	width: 30px;
	height: 30px;
	border: 2px solid #d8b67e;
	background-color: #d8b67e;
	background-position: center;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	cursor: pointer;
}
#quant-minus {
	grid-area: quant-minus;
}
#quant-minus div {
	border-radius: 10px 0px 0px 10px;
	background-image: url('https://www.rabiasparabolasdejesus.com.br/imgs/cart_btn-minus.png');
}
#quant-value {
	grid-area: quant-value;
}
#cart_q {
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 22px;
	text-align: center;
	border-top: 2px solid #d8b67e;
	border-bottom: 2px solid #d8b67e;
	background-color: #ffffff;
}
#quant-plus {
	grid-area: quant-plus;
}
#quant-plus div {
	border-radius: 0px 10px 10px 0px;
	background-image: url('https://www.rabiasparabolasdejesus.com.br/imgs/cart_btn-plus.png');
}
#price-value {
	grid-area: price-value;
}
#cep {
	display: grid;
	grid-template-areas:
		'cep_label cep_number cep_button';
	grid-template-columns: 55px auto 90px;
	gap: 5px;
	max-width: 400px;
	margin: 10px auto;
	padding: 0px 10px;
	border-radius: 10px;
	background-color: #d8b67e;
}
#cep_label {
	grid-area: cep_label;
	align-self: center;
	font-size: 17px;
	font-weight: 700;
}
#cep_number {
	grid-area: cep_number;
	align-self: center;
}
#cep_button {
	grid-area: cep_button;
}
#cep_n {
	width: 100%;
	height: 30px;
	line-height: 30px;
	border: 1px solid #cccccc;
	font-size: 17px;
	text-align: center;
}
#cep_calc {
	margin: 5px;
}
#shipping_label {
	margin: 10px auto;
	font-size: 14px;
	font-weight: 700;
	border-bottom: 1px solid #777777;
}
.shipping {
	display: grid;
	grid-template-areas:
		'shipping_transport shipping_mode shipping_time shipping_price';
	grid-template-columns: 70px 85px 50px auto;
	gap: 2px;
	max-width: 400px;
	margin: 10px auto;
	padding: 5px;
	border: 2px dotted #777777;
	border-radius: 10px;
	font-family: Arial, "sans-serif";
	font-size: 12px;
	color: #000000;
	align-items: center;
	text-align: center;
	cursor: pointer;
}
.shipping_transport {
	grid-area: shipping_transport;
}
.shipping_transport img {
	width: 100%;
	height: auto;
}
.shipping_mode {
	grid-area: shipping_mode;
}
.shipping_time {
	grid-area: shipping_time;
}
.shipping_price {
	grid-area: shipping_price;
	font-weight: 700;
}
.shipping-sel {
	background-color: #f4ebe0;
	border: 2px solid #e77d31;
}
#order {
	margin: 5px 0px;
	padding: 0px;
}
.order_value {
	display: grid;
	grid-template-areas:
		'order_value-label order_value-price';
	grid-template-columns: auto;
	align-items: center;
	gap: 5px;
	margin: 0px 10px;
	padding: 5px 0px;
	border-bottom: 1px solid #777777;
}
.order_value-label {
	grid-area: order_value-label;
	font-size: 16px;
}
.order_value-price {
	grid-area: order_value-price;
	text-align: right;
	font-weight: 700;
	font-size: 18px;
}
#order_total {
	display: grid;
	grid-template-areas:
		'order_total-label order_total-price';
	grid-template-columns: auto;
	align-items: center;
	gap: 5px;
	margin: 0px 10px;
	padding: 5px 0px;
}
#order_total-label {
	grid-area: order_total-label;
	font-size: 20px;
}
#order_total-price {
	grid-area: order_total-price;
	text-align: right;
	font-weight: 700;
}
#order_button {
	border-top: 2px solid #8f5c2d;
	padding-top: 10px;
	font-size: 16px;
	color: #000000;
	text-align: center;
}
#shopping {
	display: grid;
	grid-template-areas:
		'title'
		'images'
		'cart'
		'description'
		'content';
	grid-template-columns: auto;
	gap: 10px;
}
@media screen and (min-width:800px){
	#shopping {
		grid-template-areas:
			'title title'
			'images cart'
			'images description'
			'content content';
		grid-template-columns: 55% 45%;
		margin: 0px 20px;
	}
}
.box {
	max-width: 420px;
	margin: 70px auto;
	border-radius: 10px;
	background-color: #e8e2d9;
}
.box-label {
	padding: 5px;
	border-radius: 10px 10px 0px 0px;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	color: #ffffff;
	background-color: #8f5c2d;
}
.box-cad {
	position: relative;
	padding: 10px;
	font-size: 16px;
}
.box-cad-line {
	margin: 5px 0px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #8f5c2d;
}
.box-cad-line span {
	display: block;
	padding-bottom: 5px;
	font-weight: 600;
}
.box-cad-line ul {
	margin: 10px;
}
.box-cad-line li {
	margin: 5px;
}
.box-cad-input {
	width: 100%;
	height: 26px;
	line-height: 26px;
	padding: 0px 5px;
	border: 1px solid #cccccc;
	font-size: 16px;
	text-align: left;
}
#cad_gift {
	display: grid;
	grid-template-areas:
		'label label'
		'check-0 check-1'
		'msg msg';
	grid-template-columns: 120px auto;
	gap: 0px;
}
#cad_gift_label {
	grid-area: label;
}
.cad-gift-check {
	border: 1px solid #cccccc;
}
#cad_gift_check-0 {
	grid-area: check-0;
}
#cad_gift_check-1 {
	grid-area: check-1;
}
#cad_gift_msg {
	grid-area: msg;
}
.cad-gift-msg {
	display: grid;
	grid-template-areas:
		'msg-book msg-box msg-no'
		'msg-text msg-text msg-text';
	grid-template-columns: auto 20px 120px;
	align-items: center;
	margin: 5px 0px;
	padding: 5px;
	border: 1px solid #ffffff;
	border-radius: 5px;
}
.cad-gift-msg-book {
	grid-area: msg-book;
	font-weight: 700;
}
.cad-gift-msg-box {
	grid-area: msg-box;
}
.cad-gift-msg-box input {
	border: 1px solid #cccccc;
}
.cad-gift-msg-no {
	grid-area: msg-no;
	font-size: 12px;
}
.cad-gift-msg-text {
	grid-area: msg-text;
}
.cad-gift-msg-text textarea {
	width: 100%;
	resize: none;
	margin: 5px 0px;
	font-size: 16px;
	border: 1px solid #cccccc;
}
.curtain {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	opacity: 0.7;
}

#warning-curtain {
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;
	background-color: #000;
	opacity: 0.7;
	z-index: 9999999998;
}
#warning-ctn {
	position: fixed;
	width: 316px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 9999999999;
	background-color: #8f5c2d;
	border-radius: 10px;
	border: 2px solid #c19964;
}
#warning-title {
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	border-radius: 10px 10px 0px 0px;
}
#warning-msg {
    padding: 10px;
	font-size: 16px;
	color: #000000;
	background-color:#f4ebe0;
}
#warning-close {
	line-height: 30px;
	font-family: Arial,sans-serif;
	font-size: 14px;
	color: #f4ebe0;
	text-align: center;
	letter-spacing: 2px;
	cursor: pointer;
	border-radius: 0px 0px 10px 10px;
}
#pag-bank {
	width: 270px;
	margin: 10px auto;
}
#pag-bank_info {
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	padding: 5px;
}
#pag-bank_pay {
	display: grid;
	grid-template-areas: 'pay-logo pay-methods';
	gap: 0px;
	height: 34px;
	border-radius: 16px;
	border: 2px solid #444444;
	cursor: pointer;
}
#pag-bank_pay-logo {
	grid-area: pay-logo;
	width: 88px;
	height: 30px;
	border-radius: 14px 0px 0px 14px;
	background-image: url('https://www.rabiasparabolasdejesus.com.br/imgs/pag-bank_yellow.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 88px 30px;
}
#pag-bank_pay-methods {
	grid-area: pay-methods;
	align-self: center;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 700;
	color: #444444;
}
#on-line {
	display: grid;
	grid-template-columns: auto;
	max-width: 900px;
	min-width: 300px;
	margin: 0px auto;
}
#menu { 
	margin-top: 10px;
}
#menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#menu li {
	max-width: 70%;
	margin: 0px auto;
}
#menu li a {
	display: block;
	margin: 5px;
	padding: 7px 14px;
	font-size: 14px;
	font-weight: 700;
	color: #444444;
	text-align: center;
	text-decoration: none;
	background-color: #d8b67e;
	border-radius: 0px 20px 0px 20px;
}
#menu li a:hover {
	color: #ffffff;
	background-color: #8f5c2d;
}
#certificate div {
	margin: 0px auto;
	width: 100px;
	height: 50px"
}
@media screen and (min-width:1000px){
	#on-line {
		grid-template-columns: auto 125px;
	}
	#menu li {
		float: left;
	}
	#certificate div {
		margin: 0px;
	}
}
#pag-bank_button {
	width: 148px;
	height: 50px;
	margin: 0px auto;
	border: 2px solid #444444;
	border-radius: 25px;
	background-image: url('https://www.rabiasparabolasdejesus.com.br/imgs/pag-bank_yellow.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 148px 50px;
	cursor: pointer;
}
#stock {
	padding: 5px 0px;
	margin: 5px 0px;
	font-size: 14px;
	border-top: 1px solid #8f5c2d;
	border-bottom: 1px solid #8f5c2d;
}
#products {
	display: grid;
	width: 300px;
	grid-template-columns: 300px;
	gap: 20px;
	margin: 100px auto 50px auto;
}
.pro-box a {
	text-decoration: none;
}
.pro-box_img {
	width: 300px;
	height: 300px;
}
.pro-box_img img {
	width: 100%;
	height: auto;
}
.pro-box_name {
	margin: 5px 0px;
	font-weight: bold;
	font-size: 20px;
	color: #4f4439;
	text-align: center;
}
.pro-box_price {
	width: 150px;
	margin: 5px auto;
	padding: 5px;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	border-radius: 10px;
	background-color: #d8b67e;
}
@media (min-width:770px){
	#products {
		width: 650px;
		gap: 50px;
		grid-template-columns: 300px 300px;
	}
}
blockquote {
	margin-left: 30px;
}
ul {
	margin-left: 20px;
}
li {
	margin-bottom: 10px;
}
#alert-me {
	padding: 10px;
	border: 2px solid #e77d31;
	background-color: #f4ebe0;
}
#alert-me_txt {
	font-size: 14px;
	font-weight: 700;
	color: #444;
}
#alert-me_email {
	margin: 10px 0px;
}
#alert-me_email input {
	width: 100%;
	height: 30px;
	line-height: 30px;
	border: 1px solid #cccccc;
	font-size: 17px;
	text-align: center;
}