html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

*, *:before, *:after {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	font-family: 'Roboto', sans-serif;
	background-color: #FFF;
	color: #000;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
}

a {
	color: #000;
	text-decoration: none;
}

input:focus, select:focus, textarea:focus, button:focus {
	outline: none;
}

::placeholder {
	color: #595959;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #595959;
}

::-ms-input-placeholder {
	color: #595959;
}

/*GLOBAL*/

:root {
	--max-area: 960px;
	--color-main: #7868E6;
}

.content {
	width: 100%;
	max-width: var(--max-area);
	margin: auto auto auto auto;
	padding-left: 10px;
	padding-right: 10px;
}

@media screen and (min-width:960px) {
	.content {
		padding-left: 0px;
		padding-right: 0px;
	}
}

/*LOADING*/

.loadingWrapper {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	overflow: hidden;
	background-color: #FFF;
	z-index: 2;
	display: table;
	margin: 0;
	padding: 0;
}

.loading {
	z-index: 9999;
	position: absolute;
	display: inline-block;
	border-radius: 12px;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.spinner {
	margin: 0px auto;
	border-radius: 100%;
	border-width: 2px;
	border-style: solid;
	border-color: #555555 rgb(238, 238, 238) rgb(238, 238, 238);
	border-image: initial;
	width: 52px;
	height: 52px;
	animation: spinner-spin 0.8s linear infinite;
	transition: all 0.3s linear;
}

.loading-search {
	z-index: 9999;
	position: absolute;
	display: none;
	border-radius: 12px;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.spinner-search {
	margin: 0px auto;
	border-radius: 100%;
	border-width: 2px;
	border-style: solid;
	border-color: #FFF #ffffff98 #ffffff98;
	border-image: initial;
	width: 24px;
	height: 24px;
	animation: spinner-spin 0.8s linear infinite;
	transition: all 0.3s linear;
}

.spinner-btn {
	margin: 0px auto;
	border-radius: 100%;
	border-width: 2px;
	border-style: solid;
	border-color: #FFF #ffffff98 #ffffff98;
	border-image: initial;
	width: 20px;
	height: 20px;
	animation: spinner-spin 0.8s linear infinite;
	transition: all 0.3s linear;
}

@keyframes spinner-spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.shine {
	background-image: linear-gradient( to right, transparent 33%, rgba(255, 255, 255, 0.3) 50%, transparent 66%);
	background-size: 300% 100%;
	animation: shine 3s infinite;
}

@keyframes shine {
	0% {
		background-position: right;
	}
}

/*BOX DICA*/

.tip {
	width: 100%;
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #FFEFC4;
	border-radius: 5px;
	padding: 8px;
}

.tip samp {
	font-size: 13px;
	text-align: left;
	width: 100%;
}

.tip img {
	width: 22px;
	margin-right: 5px;
}

/*BOX ERROR*/

.box-error {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #F07167;
	color: #FFF;
	border-radius: 5px;
	padding: 8px;
}

.box-error samp {
	font-size: 13px;
	text-align: left;
	width: 100%;
}

.box-error img {
	width: 22px;
	margin-right: 5px;
}

/*HIDE ICON DO FORM */

input.hide-clear[type=search]::-ms-clear, input.hide-clear[type=search]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

input.hide-clear[type="search"]::-webkit-search-decoration, input.hide-clear[type="search"]::-webkit-search-cancel-button, input.hide-clear[type="search"]::-webkit-search-results-button, input.hide-clear[type="search"]::-webkit-search-results-decoration {
	display: none;
}

/*FORM GERAL INPUT*/

.input-material {
	margin: 13px 0;
	position: relative;
	width: 100%;
}

.input-material input {
	-webkit-appearance: none;
	-webkit-focus-ring-color: none;
	border-radius: 0px;
	background: transparent;
	border: none;
	border-bottom: solid 1px #b6b6b6;
	padding: 20px 0px 10px;
	transition: padding 0.4s;
	width: 100%;
	font-size: 16px;
}

.input-material input:placeholder-shown+label {
	color: #5f5f5f;
	font-size: 16px;
	top: 15px;
	font-weight: 400;
}

.input-material input:focus+label, .input-material label {
	color: #000;
	font-size: 12px;
	pointer-events: none;
	position: absolute;
	left: 0px;
	top: 2px;
	transition: top 0.2s, left 0.2s, font-size 0.2s;
}

.input-material input::placeholder {
	color: transparent;
	display: none;
}

.input-material.on input::placeholder {
	color: #5f5f5f;
	display: block;
}

.input-material.card input {
	-webkit-appearance: none;
	-webkit-focus-ring-color: none;
	background-position: right 0px center;
	background-size: 38px;
	background-repeat: no-repeat;
}

.input-material input:focus, input:not(:placeholder-shown) {
	border-bottom: solid 1px #000;
	outline: none;
}

.togglePassword::before {
	position: absolute;
	top: 18px;
	right: 0;
	width: 27px;
	height: 27px;
	background-image: url("../svg/ico_eye_close.svg");
	background-size: 24px;
	background-repeat: no-repeat;
	content: "\00a0 ";
	cursor: pointer;
}

.togglePassword.on::before {
	background-image: url("../svg/ico_eye.svg");
	top: 20px;
	height: 28px;
}

.coll-input {
	display: grid;
	grid-gap: 30px;
	grid-template-columns: 22% auto;
}

.coll-input-date {
	display: grid;
	grid-template-columns: auto 20% auto;
}

.divider-date {
	font-size: 19px;
	color: #7A7A7A;
	align-self: flex-end;
	padding-bottom: 20px;
	text-align: center;
}

.divider-text-date {
	background-color: #FFF;
}

.text-date-input {
	font-size: 12px;
	height: 0px;
}

.form-geral {
	width: 100%;
}

.form-geral textarea {
	font-size: 16px;
	display: block;
	width: 100%;
	border: 0;
	background: white no-repeat;
	font-family: inherit;
	font-size: inherit;
	background-color: white;
	padding-bottom: 10px;
	padding-top: 10px;
	display: block;
	width: 100%;
	border: none;
	border-bottom: 1px solid #b6b6b6;
	border-radius: 0px;
	-webkit-appearance: none;
	-webkit-focus-ring-color: none;
	-webkit-border-radius: 0px;
	padding-left: 1px;
	padding-right: 1px;
	margin-top: 10px;
}

.form-geral textarea {
	outline: none;
	resize: none;
}

.form-geral textarea:focus {
	outline: none;
	border-bottom: 1px solid #000;
}

.form-options {
	width: 100%;
	display: flex;
	margin-top: 20px;
}

.form-options input[type="radio"] {
	display: none;
}

.form-options label {
	width: 100%;
	padding: 10px;
	font-size: 14px;
	position: relative;
	text-align: center;
	background-color: #fff;
	border: 1px solid #707070;
	border-right: 0px;
	cursor: pointer;
}

.form-options label:last-child {
	border-right: 1px solid #707070;
}

.form-options input[type="radio"]:checked+label {
	color: #fff;
	background-color: var(--color-main);
}

.error {
	color: red;
	font-size: 13px;
	padding-top: 5px;
}

.success {
	color: #00C987;
	font-size: 13px;
	padding-top: 5px;
}

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

.bt-icon-cart {
	width: 80px;
	height: 58px;
	display: flex;
	margin-top: 30px;
	margin-left: 10px;
	align-items: center;
	justify-content: center;
	background-color: var(--color-main);
	border-radius: 4px;
	cursor: pointer;
}

.bt-icon-cart img {
	width: 32px;
}

.bt-icon-cart:hover {
	border: 1px solid var(--color-main);
}

.bt-store {
	width: 100%;
	height: 58px;
	margin-top: 30px;
	padding: 0;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	color: #FFF;
	font-weight: 400;
	font-size: 15px;
	cursor: pointer;
	background-color: var(--color-main);
}

.bt-store:active {
	opacity: 0.8;
}

.bt-main {
	width: 100%;
	height: 58px;
	margin-top: 30px;
	padding: 0;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	color: #FFF;
	font-weight: 400;
	font-size: 15px;
	cursor: pointer;
	background-color: var(--color-main);
}

.bt-main:active {
	opacity: 0.8;
}

.bt-main:disabled {
	background-color: #cccccc;
	color: #666666;
}

.btn-basic {
	width: 100%;
	height: 48px;
	margin-top: 10px;
	padding: 0;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	color: #FFF;
	font-weight: 400;
	font-size: 15px;
	cursor: pointer;
	background-color: var(--color-main);
}

.btn-basic:active {
	opacity: 0.8;
}

.bt-green {
	background-color: #00C987;
}

.formNum {
	font-size: 13px;
	float: right;
	margin-top: 5px;
}

.subtext-bt {
	width: 100%;
	margin-top: 10px;
	text-align: center;
}

.subtext-bt samp {
	font-size: 12px;
	color: #4d4d4d;
	width: 100%;
}

.subtext-bt img {
	width: 14px;
	vertical-align: middle
}

/*INPUT COM BORDAS*/

.col-input-two {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.col-input-two>div {
	margin-right: 8px;
}

.col-input-two>div:last-child {
	margin-right: 0px;
}

.input-border {
	width: 100%;
	position: relative;
}

.input-border.margin-top-10 {
	margin-top: 10px;
}

.input-border input {
	width: 100%;
	height: 40px;
	color: #000;
	padding-left: 10px;
	border: none;
	border: solid 1px #C7C7C7;
	border-radius: 3px;
	font-size: 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.input-border input:focus {
	border: solid 1px #000;
}

.input-border.icons input {
	background-color: white;
	display: block;
	background-position: 10px 50%;
	background-size: 18px;
	background-repeat: no-repeat;
	padding-left: 35px;
}

.input-border select {
	width: 100%;
	height: 40px;
	color: #000;
	padding-left: 10px;
	border: none;
	border: solid 1px #C7C7C7;
	border-radius: 3px;
	background-color: transparent;
	font-size: 13px;
}

.input-border select {
	appearance: none;
	-webkit-appearance: none
}

.input-border.select::after {
	position: absolute;
	top: 18px;
	right: 10px;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid rgba(0, 0, 0, 0.4);
	pointer-events: none;
}

.input-border-sizes {
	width: 100%;
	position: relative;
}

.input-border-sizes select {
	width: 100%;
	height: 40px;
	color: #000;
	padding-left: 10px;
	border: none;
	border: solid 1px #000;
	border-radius: 4px;
	background-color: #FFF;
	font-size: 15px;
}

.input-border-sizes select {
	appearance: none;
	-webkit-appearance: none
}

.input-border-sizes.select::after {
	position: absolute;
	top: 18px;
	right: 10px;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid rgba(0, 0, 0);
	pointer-events: none;
}

/*SELECIONAR FORM*/

.form-col {
	display: flex;
	align-items: center;
	align-self: stretch;
	height: 60px;
}

.co-selecionar-small {
	width: 80px;
	margin-left: 20px;
}

.select-material {
	position: relative;
	width: 100%;
	height: 40px;
}

.select-text {
	position: relative;
	font-family: inherit;
	background-color: transparent;
	width: 100%;
	padding: 12px 12px 12px 0;
	font-size: 16px;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #b6b6b6;
}

.select-material .select-text {
	appearance: none;
	-webkit-appearance: none
}

.select-material:after {
	position: absolute;
	top: 18px;
	right: 10px;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid rgba(0, 0, 0, 0.12);
	pointer-events: none;
}

.select-bar {
	position: relative;
	display: block;
	width: 100%;
}

.select-text:disabled {
	color: #4D4D4D;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

/*CHECKBOX*/

.checkbox-btn input[type="checkbox"] {
	display: block;
	opacity: 0;
	z-index: 1
}

.checkbox-btn label {
	display: inline-block;
	vertical-align: middle;
	padding-left: 22px;
	position: relative;
	user-select: none;
	font-size: 14px;
	line-height: 17px;
	color: #424242;
	cursor: pointer;
}

.checkbox-btn label a {
	color: var(--color-main);
}

.checkbox-btn label::after {
	position: absolute;
	content: "";
	width: 16px;
	height: 16px;
	left: 0;
	top: 0;
	background-color: white;
	border: 1px solid #424242;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-clip: padding-box;
	cursor: pointer
}

.checkbox-btn label::before {
	position: absolute;
	content: "";
	width: 9px;
	height: 4px;
	top: 5.5px;
	left: 3.5px;
	border: 2px solid #000;
	border-top: none;
	border-right: none;
	background: transparent;
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0;
	-webkit-transition: all 0.12s ease-in-out;
	-o-transition: all 0.12s ease-in-out;
	transition: all 0.12s ease-in-out;
	z-index: 1;
}

.checkbox-btn label:active::before {
	opacity: 0.3;
}

.checkbox-btn input[type="checkbox"]:checked+label {
	color: #000;
}

.checkbox-btn input[type="checkbox"]:checked+label::after {
	border: 2px solid #000;
}

.checkbox-btn input[type="checkbox"]:checked+label::before {
	opacity: 1;
}

/*RADIO FORM*/

.radio input[type='radio'] {
	display: none;
}

.radio label {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.radio label:before {
	content: " ";
	display: inline-block;
	top: 5px;
	margin: 0 5px 0 0;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	border: 2px solid #262626;
	background-color: transparent;
	vertical-align: middle;
}

.radio input[type='radio']:checked+label:after {
	border-radius: 100%;
	width: 9px;
	height: 9px;
	position: absolute;
	top: 5.1px;
	left: 3.6px;
	content: " ";
	display: block;
	background-color: var(--color-main);
}

@media screen and (max-width:960px) {
	.radio input[type='radio']:checked+label:after {
		top: 4.9px;
		left: 3.6px;
	}
}

/*TOPO DA LOJA*/

.header-store {
	width: 100%;
	height: 70px;
	background-color: var(--color-main);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
}

.content-header-store {
	max-width: var(--max-area);
	width: 100%;
	position: relative;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.coll-header-logo {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: start;
}

.logo-header-store {
	height: 70px;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.logo-header-store img {
	width: 144px;
}

.coll-header-icons {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ico-header-store {
	height: 70px;
	margin-left: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: pointer;
}

.ico-header-store:first-child {
	margin-left: 0px;
}

.ico-header-store:active {
	opacity: 0.5;
}

.ico-header-store img {
	width: 24px;
}

.ico-header-cart img {
	width: 26px;
}

.count-cart {
	position: absolute;
	display: none;
	background-color: #3FFFEC;
	border: 2px solid var(--color-main);
	text-align: center;
	color: #FFF;
	font-size: 12px;
	line-height: 19px;
	font-weight: 500;
	width: 21px;
	height: 21px;
	border-radius: 100%;
	top: 18px;
	right: -7px;
}

.count-cart.on {
	display: block;
}

/*BUSCA TOPO*/

.search-none {
	display: none;
}

.header-search {
	display: flex;
	position: relative;
	width: 400px;
	height: 44px;
	border-radius: 5px;
	background-color: #8073FF;
	padding: 1px;
}

.header-search input {
	width: 100%;
	font-size: 16px;
	font-weight: 300 !important;
	padding: 14px;
	border: none;
	overflow: auto;
	outline: none;
	box-shadow: none;
	background-color: #8073FF;
	border-radius: 5px;
	color: #FFF;
	font-family: "Roboto"
}

.header-search input::placeholder {
	font-weight: 300 !important;
	color: #DCD9FF;
	opacity: 1;
	font-family: "Roboto"
}

.header-ico-search {
	width: 50px;
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.header-ico-search img {
	width: 22px;
}

.ico-search-mobile {
	display: none;
}

.close-search-mobile {
	display: none;
}

/*MOBILE TOPO*/

@media screen and (max-width:960px) {
	.logo-header-store {
		padding: 15px;
	}
	.logo-header-store img {
		width: 130px;
	}
	.ico-header-store {
		height: 70px;
		width: 56px;
		margin-left: 0px;
	}
	.ico-header-store:hover {
		background-color: #8073FF;
	}
	.count-cart {
		top: 18px;
		right: 7px;
	}
	.search-none {
		display: flex;
	}
	.header-search {
		position: absolute;
		display: none;
		width: 100%;
		height: 70px;
		top: 0;
		left: 0;
		align-items: center;
		justify-content: space-between;
		background-color: var(--color-main);
		z-index: 3;
	}
	.header-search.on {
		display: flex;
	}
	.header-ico-search {
		width: 70px;
		height: 70px;
	}
	.header-ico-search:hover {
		background-color: #8073FF;
	}
	.header-ico-search img {
		width: 22px;
	}
	.header-search input {
		width: 100%;
		font-size: 19px;
		font-weight: 300 !important;
		padding: 14px;
		border: none;
		overflow: auto;
		outline: none;
		box-shadow: none;
		background-color: var(--color-main);
		color: #FFF;
		font-family: "Roboto"
	}
	.header-search input::placeholder {
		font-weight: 300 !important;
		color: #DCD9FF;
		opacity: 1;
		font-family: "Roboto"
	}
	.ico-search-mobile {
		width: 36px;
		padding-left: 15px;
		display: flex;
	}
}

@media screen and (max-width:360px) {
	.logo-header-store img {
		width: 125px;
	}
	.ico-header-store {
		height: 70px;
		width: 48px;
	}
	.ico-header-store img {
		width: 22px;
	}
	.ico-header-cart img {
		width: 24px;
	}
	.count-cart {
		top: 18px;
		right: 7px;
	}
}

/*CATEGORIAS*/

.header-category {
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 22px;
	border-bottom: 1px solid #D8D8D8;
	visibility: hidden;
}

.header-category.on {
	margin-top: 70px;
	visibility: visible;
}

.content-category {
	width: 100%;
	height: 50px;
	max-width: var(--max-area);
	overflow-x: scroll;
	white-space: nowrap;
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x inherit;
}

.content-category::-webkit-scrollbar {
	display: none;
}

.item-category {
	cursor: pointer;
	font-size: 17px;
	color: #000;
	font-weight: 300;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding-left: 10px;
	padding-right: 10px;
	scroll-snap-align: center;
}

.item-category img {
	width: 18px;
	margin-right: 4px;
}

.item-category:first-child {
	padding-left: 0px;
}

.item-category:active {
	background-color: #F5F5F5;
}

.arrow-category {
	width: 10px;
}

/*MOBILE CATEGORIA*/

@media screen and (max-width:960px) {
	.content-category {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/*PAINEL*/

.panel {
	width: 100%;
	margin-top: 20px;
	min-height: 380px;
	display: grid;
	grid-gap: 0px;
	grid-template-columns: 60% 40%;
}

.panel-col {
	position: relative;
	width: 100%;
	height: auto;
	border-left: 1px solid #CCC;
	padding-left: 50px;
}

.panel-col:first-child {
	border-left: 0;
	padding-right: 50px;
	padding-left: 0px;
}

.panel-title {
	display: flex;
	font-size: 18px;
	font-weight: 500;
	color: #000;
	margin-bottom: 20px;
	align-items: center;
	justify-content: space-between;
}

.panel-title.big {
	font-size: 20px;
}

.panel-subtitle {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 20px;
}

.panel-subtitle.bold {
	font-weight: 500;
}

.panel-subtitle.small {
	font-size: 14px;
}

.panel-subtitle.margin-top {
	margin-top: 20px;
}

.panel-subtitle.margin-top5 {
	margin-top: 5PX;
}

.panel-subtitle.margin-bottom10 {
	margin-bottom: 10px;
}

.panel-subtitle.nomargin {
	margin-bottom: 0px;
}

.panel-subtitle a {
	font-size: 14px;
	font-weight: 400;
	color: #00C987;
}

.welcome {
	width: 100%;
	height: auto;
	border: 1px solid #CCC;
	border-radius: 6px;
	padding: 40px;
}

.ico-welcome {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ico-welcome img {
	width: 84px;
}

.text-welcome {
	width: 100%;
	text-align: center;
	font-size: 26px;
	font-weight: 500;
	margin-top: 10px;
}

.text-welcome samp {
	display: inline-block;
	width: 100%;
	font-size: 16px;
	font-weight: 300;
	margin-top: 5px;
}

.panel-link-title {
	width: 100%;
	font-size: 20px;
	font-weight: 300;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
	cursor: pointer;
}

.panel-link-img img {
	width: 24px;
	cursor: pointer;
}

.panel-balance-title {
	width: 100%;
	font-size: 16px;
	margin-left: 18px;
}

.panel-balance-title samp {
	width: 100%;
	font-size: 23px;
	font-weight: 500;
	color: var(--color-main);
	display: inline-block;
}

.panel-balance-img img {
	width: 43px;
}

.btn-balance {
	width: 100%;
	padding: 10px;
	font-size: 12px;
	text-align: center;
	margin-left: 18px;
	background-color: #FFF;
	color: var(--color-main);
	border-radius: 4px;
	border: 1px solid var(--color-main);
	cursor: pointer;
}

.btn-balance:hover {
	opacity: 0.6;
}

.panel-select-period {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	padding: 8px;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	background-color: #F5F5F5;
	border-radius: 4px;
	cursor: pointer;
}

.panel-select-period:active {
	opacity: .8;
}

.panel-select-period img {
	width: 17px;
	margin-right: 4px;
}

.panel-select-period::after {
	margin-left: 4px;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid rgba(0, 0, 0, 0.4);
	pointer-events: none;
}

.panel-insights {
	display: grid;
	grid-gap: 10px;
}

.panel-insights>.col1 {
	grid-area: 1 / 1 / 2 / 3;
}

.panel-insights>.col2 {
	grid-area: 2 / 1 / 3 / 2;
}

.panel-insights>.col3 {
	grid-area: 2 / 2 / 3 / 3;
}

.panel-insights-img {
	width: 22px;
	cursor: pointer;
}

.item-insights {
	width: 100%;
	padding: 10px;
	display: inline-block;
	border: 1px solid #D8D8D8;
	border-radius: 4px;
	padding: 10px;
}

.insights-title {
	width: 100%;
	font-size: 45px;
	font-weight: 300;
	color: var(--color-main);
}

.insights-subtitle {
	width: 100%;
	font-size: 13px;
	font-weight: 300;
	color: #000;
}

.info-insights-visit {
	display: none;
}

.info-insights-order {
	display: none;
}

.info-insights-user {
	display: none;
}

/*MOBILE PANEL*/

@media screen and (max-width:960px) {
	.panel {
		grid-template-columns: 100%;
		min-height: auto;
	}
	.panel-col {
		height: auto;
		border-left: 0;
		padding: 0;
		justify-content: flex-start;
		align-items: left;
	}
	.panel-col:first-child {
		padding: 0;
		margin-bottom: 20px;
	}
	.panel-col.hide {
		display: none;
	}
	.panel-balance-title samp {
		font-size: 20px;
	}
	.panel-balance-img img {
		width: 40px;
	}
	.panel-insights>.col1 {
		grid-area: 1;
	}
	.panel-insights>.col2 {
		grid-area: 2;
	}
	.panel-insights>.col3 {
		grid-area: 3;
	}
}

/*MENU PANEL*/

.menu-account {
	Width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
}

.menu-account li {
	display: flex;
	width: 100%;
	justify-content: left;
	align-items: center;
	height: 55px;
	padding-left: 0px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	border-bottom: 1px solid #EEEEEE;
	background: url("../svg/ico_catarrow.svg") no-repeat 0 0;
	background-position: center right 0px;
	background-size: auto 12px;
}

.menu-account li a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 55px;
}

.menu-account li img {
	width: 22px;
	margin-right: 10px;
}

.menu-account li:active {
	background-color: #F1F1F1;
}

.menu-account li samp {
	display: block;
	width: 100%;
	font-size: 13px;
	color: #858585;
	font-weight: 300;
}

.menu-account li:last-child {
	border: 0;
}

.margen-bottom30 {
	margin-bottom: 80px;
}

.menu-footer {
	Width: 100%;
}

.menu-footer li {
	display: flex;
	width: 100%;
	justify-content: left;
	align-items: center;
	height: 55px;
	padding-left: 0px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	border-bottom: 1px solid #EEEEEE;
}

.menu-footer li:active {
	background-color: #F1F1F1;
}

.menu-footer li:last-child {
	border: 0;
}

.menu-footer li a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 55px;
}

/*CREATE FORM*/

.create {
	width: 100%;
	margin-top: 90px;
	display: grid;
	grid-gap: 0px;
	grid-template-columns: 50% 50%;
}

.create-col {
	position: relative;
	width: 100%;
	height: 100%;
	border-left: 1px solid #CCC;
	padding-left: 50px;
}

.create-col:first-child {
	border-left: 0;
	padding-right: 50px;
	padding-left: 0px;
}

/*ICONS FORM CREATE*/

.forms-ico input {
	font-size: 16px;
	background-color: white;
	padding-bottom: 12px;
	padding-top: 12px;
	display: block;
	width: 100%;
	border: none;
	border-bottom: 1px solid #929292;
	border-radius: 0px;
	-webkit-appearance: none;
	-webkit-focus-ring-color: none;
	-webkit-border-radius: 0px;
	padding-left: 1px;
	padding-right: 1px;
	margin-top: 12px;
	background-position: 0px 11px;
	background-size: 19px;
	background-repeat: no-repeat;
	padding-left: 28px;
}

.forms-ico input:focus {
	outline: none;
	border-bottom: 1px solid #000;
}

.forms-ico label {
	position: relative;
	display: block;
}

#name_store {
	background-image: url(../svg/ico_store2.svg);
}

#domain {
	background-image: url(../svg/ico_url.svg);
	padding-left: 121px;
	padding-top: 10px;
}

.label-domain::after {
	content: attr(data-domain);
	position: absolute;
	top: 10px;
	left: 26px;
	font-size: 16px;
	display: block;
	color: #000;
}

#price_affiliate {
	background-image: url(../svg/ico_real.svg);
}

#tax_affiliate {
	background-image: url(../svg/ico_real.svg);
}

#whats_affiliate {
	background-image: url(../svg/ico_whatsapp.svg);
}

#insta_affiliate {
	background-image: url(../svg/ico_instagram.svg);
}

#andress_affiliate {
	background-image: url(../svg/ico_address.svg);
}

#key_pix {
	background-image: url(../svg/ico_credit.svg);
}

/*CREATE FORM MOBILE*/

@media screen and (max-width:960px) {
	.create {
		grid-template-columns: 100%;
		min-height: auto;
	}
	.create-col {
		border-left: 0;
		padding: 0;
		justify-content: flex-start;
		align-items: left;
	}
	.create-col:first-child {
		padding: 0;
		margin-bottom: 20px;
	}
}

/*PERSONALIZE*/

.personalize {
	width: 100%;
	margin-top: 30px;
	display: grid;
	grid-gap: 0px;
	grid-template-columns: 50% 50%;
}

.personalize-col {
	position: relative;
	width: 100%;
	height: 100%;
	border-left: 1px solid #CCC;
	padding-left: 50px;
}

.personalize-col:first-child {
	border-left: 0;
	padding-right: 50px;
	padding-left: 0px;
}

.upload-logo {
	margin-bottom: 20px;
	width: 100%;
	display: block;
}

.title-upload {
	font-size: 15px;
	font-weight: 400;
}

.title-colors {
	width: 100%;
	font-size: 15px;
	font-weight: 400;
}

.content-colors {
	width: 100%;
	margin-top: 20px;
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
	justify-items: center;
	align-items: center;
}

.content-colors input[type="radio"] {
	width: 60px;
	height: 60px;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	-webkit-appearance: none;
}

.content-colors input[type=radio]:checked {
	border: 8px solid rgba(255, 255, 255, .5);
}

/*PERSONALIZE MOBILE*/

@media screen and (max-width:960px) {
	.personalize {
		grid-template-columns: 100%;
		min-height: auto;
	}
	.personalize-col {
		border-left: 0;
		padding: 0;
		justify-content: flex-start;
		align-items: left;
	}
	.personalize-col:first-child {
		padding: 0;
		margin-bottom: 30px;
	}
}

/*LOGIN*/

.login {
	width: 100%;
	margin-top: 20px;
	display: grid;
	grid-gap: 0px;
	grid-template-columns: 40% 60%;
	min-height: 380px;
}

.login-col {
	position: relative;
	width: 100%;
	padding-left: 40px;
}

.login-col:first-child {
	border-left: 0;
	padding-left: 0px;
}

.title-login {
	font-size: 18px;
	font-weight: 500;
	color: #000;
}

.subtext-btn {
	width: 100%;
	text-align: right;
	margin-top: 20px;
	font-size: 14px;
	color: #2B2B2B;
}

.text-signup {
	width: 100%;
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	color: #000;
	font-weight: 400;
}

.text-signup a {
	font-size: 14px;
	font-weight: 500;
	color: var(--color-main);
	padding-left: 10px;
}

.avatar-login {
	width: 100%;
	text-align: right;
}

.avatar-login img {
	width: 80%;
}

/*LOGIN MOBILE*/

@media screen and (max-width:960px) {
	.login {
		grid-template-columns: 100%;
	}
	.login-col {
		border-left: 0;
		padding: 0;
		justify-content: flex-start;
		align-items: left;
	}
	.login-col:first-child {
		padding: 0;
	}
	.login-col:last-child {
		display: none;
	}
}

/*SINGUP*/

.text-login {
	width: 100%;
	text-align: center;
	margin-top: 20px;
	font-size: 13px;
	color: #2B2B2B;
}

.text-login a {
	color: var(--color-main);
}

/*HOME*/

.resources-slide {
	width: 100%;
	height: 36px !important;
	display: flex;
	background-color: #595B83;
	text-align: center;
	align-items: center;
	padding-top: 12px;
	padding-bottom: 12px;
	border-radius: 4px;
	margin-top: 10px;
}

.item-resource {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #FFF;
	font-weight: 300;
	text-align: center;
}

.item-resource img {
	width: 18px !important;
	margin-right: 6px;
}

.item-resource:after {
	content: '';
	position: absolute;
	top: 5px;
	border-left: 1px solid #FFF;
	right: 0px;
	height: 50%;
}

.item-resource:last-child:after {
	display: none;
}

.banner-home {
	display: block;
	width: 100%;
	margin-top: 10px;
}

.banner-home img {
	width: 100%;
	border-radius: 6px;
}

.menu-home {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	margin-top: 10px;
}

.item-menu-home {
	width: 100%;
	height: 90px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	font-size: 20px;
	font-weight: 400;
}

.item-menu-home:hover {
	opacity: 0.8;
}

.item-menu-home img {
	width: 68px;
	margin-left: 20px;
}

.item-menu-home.anime {
	background-color: #FF5A97;
}

.item-menu-home.pet {
	background-color: #FAB991;
}

.item-menu-home.pet img {
	width: 50px;
}


.item-menu-home.series {
	background-color: #6E8BFE;
}

.item-menu-home.geek {
	background-color: #00D3B8;
}

.item-menu-home.humor {
	background-color: #FED049;
}

/*HOME MOBILE*/

@media screen and (max-width:960px) {
	.item-resource {
		font-size: 15px;
		font-weight: 400;
	}
	.item-resource:after {
		display: none;
	}
	.banner-home img {
		height: 240px;
		object-fit: cover;
	}
	.menu-home {
		grid-template-columns: repeat(2, 1fr);
	}
	.item-menu-home {
		font-size: 20px;
	}
	.item-menu-home img {
		width: 55px;
		margin-left: 10px;
	}

	.item-menu-home.pet img {
		width: 40px;
	}
}

@media screen and (max-width:360px) {
	.item-menu-home {
		font-size: 18px;
	}
	.item-menu-home img {
		width: 50px;
	}
}

/*CATALOGO*/

.title-home {
	font-size: 18px;
	font-weight: 500;
	color: #000;
	margin-top: 20px;
}

.subtitle-home {
	font-size: 16px;
	font-weight: 500;
	color: #000;
	margin-top: 30px;
}

.catalog {
	width: 100%;
	margin-top: 20px;
	max-width: var(--max-area);
	display: grid;
	row-gap: 20px;
	column-gap: 10px;
	grid-template-columns: repeat(4, 1fr);
}

.catalog.min-height-360 {
	min-height: 360px;
}

.item-catalog {
	width: 100%;
	color: #000;
}

.img-catalog {
	width: 100%;
	min-height: 170px;
	background-color: #c9c9c9;
	border-radius: 10px;
	position: relative;
}

.img-catalog img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	display: block;
}

.img-catalog:active img {
	opacity: 0.9;
}

.tag-catalog {
	position: absolute;
	background-color: #7B6079;
	border-radius: 6px;
	text-align: center;
	color: #FFF;
	font-size: 13px;
	font-style: italic;
	font-weight: 400;
	padding: 5px;
	bottom: 10px;
	right: 10px;
}

.desc-catalog {
	width: 100%;
	margin-top: 10px;
	display: flex;
	align-items: start;
	flex-direction: column;
}

.title-catalog {
	font-size: 15px;
	color: #000;
}

.price-catalog {
	font-size: 16px;
	color: var(--color-main);
	font-weight: 600;
	margin-top: 3px;
}

.price-catalog samp {
	text-decoration: line-through;
	font-weight: 300;
	color: #838383;
	margin-right: 4px;
	font-size: 14px;
}

.dividi-catalog {
	font-size: 13px;
	font-weight: 300;
	color: #000;
	margin-top: 2px;
}

/*DESKTOP CATALOGO*/

@media screen and (max-width:960px) {
	.catalog {
		grid-template-columns: repeat(2, 1fr);
	}
}

/*LOAD IMAGE*/

.lazyload, .lazyloading {
	opacity: 0;
}

.lazyloaded {
	opacity: 1;
	transition: opacity 300ms;
}

/*SEM RESULTADOS*/

.no-results {
	width: 100%;
	min-height: 360px;
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.no-results.on {
	display: flex;
}

.no-results img {
	width: 70px;
}

.no-results p {
	color: #000;
	font-size: 15px;
	margin-top: 10px;
	text-align: center;
}

.no-results.big-height {
	min-height: 400px;
}

/*SCREEN SUCESSO*/

.screen-success {
	width: 100%;
	height: 65vh;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	flex-direction: column;
}

.screen-success-ico {
	width: 80px;
}

.screen-success h1 {
	color: #000;
	font-size: 22px;
	font-weight: 500;
	margin-top: 10px;
}

.screen-success h2 {
	color: #000;
	font-size: 15px;
	font-weight: 300;
	margin-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

.qr-code {
	width: 200px;
	margin-top: 10px;
}

/*PRODUTO*/

.product {
	display: grid;
	width: 100%;
	margin-top: 10px;
	grid-template-columns: repeat(2, 50%);
}

.product-col {
	position: relative;
	width: 100%;
	height: 100%;
	padding-right: 20px;
}

.product-col:last-child {
	padding-right: 0px;
}

.product-header {
	display: flex;
	width: 100%;
	font-size: 17px;
	font-weight: 500;
	align-items: center;
	justify-content: space-around;
}

.product-title {
	color: #000;
	font-size: 18px;
	width: 100%;
}

.product-price {
	text-align: right;
	color: var(--color-main);
	font-size: 18px;
	width: 100%;
}

.product-price samp {
	text-decoration: line-through;
	font-weight: 300;
	color: #838383;
	margin-right: 4px;
}

.product-desc {
	width: 100%;
	margin-top: 10px;
	color: #000;
	font-size: 15px;
	font-weight: 300;
}

.info-buy {
	width: 100%;
	height: 28px !important;
	display: flex;
	align-items: center;
	justify-content: start;
	align-items: right;
	margin-top: 20px;
}

.item-info-buy {
	width: 100%;
	display: flex;
	align-items: right;
	align-items: center;
	justify-content: start;
	font-size: 14px;
	color: #000;
}

.item-info-buy img {
	width: 22px !important;
	margin-right: 5px;
}

.time-offer {
	width: 100%;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	margin-top: 10px;
	font-size: 14px;
}

.time-offer div {
	margin-left: 5px;
	font-weight: 500;
}

.end-time {
	width: 100%;
	display: none;
	text-align: center;
	margin-top: 10px;
	font-size: 14px;
	color: #C60C0C;
}

/*DESKTOP PRODUTO*/

@media screen and (max-width:360px) {
	.product-price samp {
		width: 100%;
		display: block;
	}
}

@media screen and (max-width:960px) {
	.product {
		grid-template-columns: repeat(1, 100%);
	}
	.product-col {
		padding-right: 0px;
	}
	.product-header {
		margin-top: 10px;
	}
	.product-title {
		font-size: 17px;
	}
	.product-price {
		font-size: 17px;
	}
	.product-desc {
		font-size: 15px;
	}
}

/*OPÇÕES*/

.options-header {
	width: 100%;
	margin-top: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-transform: uppercase;
}

.options-title {
	width: 100%;
	display: flex;
	margin-top: 20px;
	font-size: 14px;
	font-weight: 500;
	color: #4B4B4B;
	align-items: center;
	justify-content: space-between;
}

.options-title p {
	font-weight: 400;
	font-size: 13px;
}

.options {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	row-gap: 22px;
	margin-top: 10px;
}

.options input[type="radio"] {
	display: none;
}

.options label {
	flex: 1 1 calc(10.666% - 5px);
	min-width: 30px;
	padding: 10px;
	position: relative;
	text-align: center;
	background-color: #FFF;
	border-radius: 4px;
	border: 1px solid #707070;
	cursor: pointer;
}

.options.options-tamanho {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	row-gap: 22px;
	margin-top: 10px;
}

.options.options-tamanho input[type="radio"] {
	display: none;
}

.options.options-tamanho label {
	flex: 0 0 auto;
	width: 64px;
	padding: 10px;
	position: relative;
	text-align: center;
	background-color: #FFF;
	border-radius: 4px;
	border: 1px solid #707070;
	cursor: pointer;
	font-size: 15px;
}

.extra-price {
	position: absolute;
	text-align: center;
	color: #000;
	font-size: 12px;
	line-height: 19px;
	font-weight: 300;
	bottom: -22px;
	right: 0px;
	z-index: 1;
}

.options input[type="radio"]:checked+label{
	color: #000;
	border: 1px solid #C99900;
	background-color: #fff6d4;
}

@media (max-width: 768px) {
	.options-tamanho label {
		width: 48px;
	}
}

/*SLIDE PRODUTO*/

.swiper-container.slide-product {
	background-color: #c9c9c9;
	width: 100%;
	height: auto;
	border-radius: 6px;
}

.swiper-slide img {
	width: 100%;
	display: block;
}

.swiper-pagination>.swiper-pagination-bullet {
	opacity: 1;
	border: var(--color-main) solid 1px;
	background-color: transparent;
}

.swiper-pagination>.swiper-pagination-bullet-active {
	background-color: var(--color-main);
}

.slide-next {
	position: absolute;
	top: 50%;
	width: 10px;
	height: 10px;
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	right: 20px;
}

.slide-next img {
	opacity: 0.5;
	width: 24px;
}

.slide-prev {
	position: absolute;
	top: 50%;
	width: 10px;
	height: 10px;
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	left: 20px;
}

.slide-prev img {
	width: 24px;
	opacity: 0.5;
	transform: rotate(180deg);
}

@media screen and (max-width:960px) {
	.slide-next {
		display: none;
	}
	.slide-prev {
		display: none;
	}
}

/*TABELA TAMANHOS*/

.product-subtitle {
	width: 100%;
	display: flex;
	font-size: 17px;
	font-weight: 500;
	color: #000;
	margin-top: 30px;
	margin-bottom: 20px;
	align-items: center;
	justify-content: start;
}

.product-subtitle img {
	width: 24px;
	margin-right: 6px;
}

.sizes-product {
	width: 100%;
	background-color: #F3F3F3;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	border-radius: 6px;
	padding: 20px;
	grid-gap: 10px;
}

.sizes-col-product {
	display: flex;
	align-items: center;
	justify-content: start;
	flex-direction: column;
}

.avatar-sizes {
	width: 280px;
	margin-bottom: 20px;
	opacity: 0.6;
}

.avatar-sizes-title {
	width: 100%;
	font-size: 17px;
	color: #000;
	font-weight: 500;
}

.avatar-sizes-title.margin-bottom {
	margin-bottom: 20px;
}

.avatar-sizes-subtitle {
	width: 100%;
	display: flex;
	align-items: center;
	font-size: 15px;
	color: #000;
	font-weight: 300;
	margin-top: 10px;
}

.avatar-sizes-subtitle img {
	width: 10px;
	margin-right: 6px;
}

.table-sizes {
	display: table;
	width: 100%;
	margin-top: 20px;
}

.row-sizes {
	display: table-row;
}

.col-sizes {
	display: table-cell;
	padding: 5px;
	text-align: center;
	vertical-align: top;
	font-size: 14px;
}

.col-sizes.title {
	font-weight: 500;
}

.color-col-sizes {
	background-color: #e0e0e0;
}

.sizes-text {
	margin-top: 10px;
	font-size: 14px;
	color: #000;
}

/*DESKTOP TAMANHOS*/

@media screen and (max-width:960px) {
	.sizes-product {
		grid-template-columns: repeat(1, 100%);
		grid-gap: 30px;
	}
}

/*AVALIAÇÕES DO PRODUTO*/

.review-product {
	width: 100%;
	background-color: #F3F3F3;
	display: grid;
	grid-template-columns: 40% auto;
	border-radius: 6px;
	padding: 20px;
	grid-gap: 10px;
}

.review-col-product {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
}

.review-title {
	width: 100%;
	font-size: 17px;
	font-weight: 500;
	text-align: left;
}

.review-title span {
	display: inline-block;
	width: 100%;
	font-size: 14px;
	font-weight: 300;
	margin-top: 5px;
}

.review-bt {
	width: 140px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	text-align: center;
	background-color: #767FAD;
	color: #FFF;
	border-radius: 4px;
	cursor: pointer;
	margin-top: 20px;
}

.review-bt:hover {
	opacity: 0.8;
}

.review-content {
	width: 100%;
	background-color: #FFFFFF;
	border-radius: 4px;
	border: 1px solid #757575;
	padding: 10px;
}

.review-scroll {
	width: 100%;
	height: 140px;
	overflow-y: auto;
	overflow-x: hidden;
}

.review-scroll::-webkit-scrollbar-track {
	background-color: #FFF;
}

.review-scroll::-webkit-scrollbar {
	width: 4px;
	background-color: #FFF;
}

.review-scroll::-webkit-scrollbar-thumb {
	background-color: #757575;
	border-radius: 14px;
}

.review-item {
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ECECEC;
	margin-right: 10px;
}

.review-item:first-child {
	margin-top: 0px;
}

.review-item:last-child {
	border-bottom: 0px;
}

.review-user {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
	font-weight: 500;
}

.review-user img {
	width: 13px;
	margin-right: 5px;
}

.review-message {
	display: block;
	font-size: 14px;
	font-weight: 300;
	margin-top: 5px;
}

.create-review {
	width: 100%;
	margin-bottom: 50px;
}

/*DESKTOP AVALIAÇÕES DO PRODUTO*/

@media screen and (max-width:960px) {
	.review-product {
		grid-template-columns: repeat(1, 100%);
		grid-gap: 20px;
		padding: 14px;
	}
}

/*TOAST*/

.toast {
	position: fixed;
	display: block;
	width: 100%;
	max-width: 210px;
	bottom: 60px;
	padding: 14px;
	font-size: 14px;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	animation: toast-fade-in 1s normal;
	border-radius: 20px;
	color: white;
	text-align: center;
	opacity: 1;
}

@keyframes toast-fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.toast.red {
	background-color: #c04600;
}

.toast.green {
	background-color: #00AC7F;
}

.toast.black {
	background-color: #353535;
}

/*MODAL*/

.fundo-sombra-modal {
	display: block;
	position: fixed;
	z-index: 4;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	opacity: 0.6;
	background: #808080;
	touch-action: none;
}

.modal {
	display: block;
	position: fixed;
	width: 80%;
	max-width: 600px;
	padding: 20px;
	left: 50%;
	top: 50%;
	background: #fff;
	z-index: 5;
	border-radius: 4px;
	transform: translate(-50%, -50%);
}

.topo-modal {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
}

.titulo-modal {
	width: 100%;
	font-size: 18px;
	font-weight: 500;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
	overflow: hidden;
}

.icone-modal img {
	width: 18px;
}

/*MODAL OPC*/

.modal-opc {
	position: fixed;
	width: 80%;
	max-width: 400px;
	left: 50%;
	top: 50%;
	display: none;
	background: #fff;
	z-index: 60;
	border-radius: 4px;
	transform: translate(-50%, -50%);
}

.modal-opc.on {
	display: block;
	touch-action: none;
}

.shadow-opc {
	display: none;
	z-index: 3;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	opacity: 0.5;
	background: #808080;
	touch-action: none;
}

.shadow-opc.on {
	display: block;
}

.modal-opc ul {
	text-align: left;
	width: 100%;
}

.modal-opc ul li {
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	height: 45px;
	line-height: 45px;
	cursor: pointer;
	padding-left: 20px;
}

.modal-opc ul li:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.modal-opc ul li:last-child {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.modal-opc ul li:hover {
	background: #eeeeee;
}

.modal-opc ul li a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

/*CARRINHO*/

.cart {
	width: 100%;
	margin-top: 20px;
}

.content-cart {
	display: none;
}

.content-cart.on {
	display: block;
}

.products-cart {
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	font-size: 16px;
}

.col-products-cart {
	width: 100%;
	height: 65px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #ccc;
}

.col-products-cart:last-child {
	border-bottom: 0;
}

.products-desc-cart {
	width: 100%;
	font-size: 16px;
}

.products-desc-cart a {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.products-desc-cart div:last-child {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.products-options-cart {
	display: flex;
	align-items: center;
	font-size: 13px;
	font-weight: 300;
	text-transform: capitalize;
}

.products-options-cart li+li::before {
	content: "|";
	padding-left: 5px;
	padding-right: 5px;
}

.products-price-cart {
	font-size: 13px;
	width: 100px;
}

.products-price-cart.right {
	text-align: right;
}

.products-delete-cart {
	width: 20px;
	cursor: pointer;
}

.products-delete-cart img {
	width: 20px;
}

.container-extras {
	width: 100%;
	margin-top: 20px;
	display: flex;
	align-items: start;
	flex-direction: column;
	font-size: 16px;
}

.bt-small {
	width: 180px;
	padding-left: 5px;
	padding-right: 5px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	text-align: center;
	background-color: var(--color-main);
	color: #FFF;
	border-radius: 4px;
	margin-left: auto;
	cursor: pointer;
}

.results-frete {
	display: none;
	width: 100%;
	border: solid 1px #B4B4B4;
	border-radius: 4px;
	margin-top: 10px;
	padding: 20px;
	font-size: 14px;
}

.results-frete.on {
	display: block;
}

.results-frete li+li {
	padding-top: 15px;
}

.total-cart {
	width: 100%;
	display: flex;
	margin-top: 40px;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
}

.col-total-cart {
	width: 100%;
}

.btn-simple {
	width: 100%;
	padding: 12px;
	font-size: 14px;
	text-align: center;
	background-color: #FFF;
	color: var(--color-main);
	border-radius: 4px;
	border: 1px solid var(--color-main);
	cursor: pointer;
}

.btn-simple.margin-top-20 {
	margin-top: 20px;
}

.text-total-cart {
	text-align: right;
	font-size: 15px;
	font-weight: 300;
	color: #000;
}

.text-total-cart div:last-child {
	color: #000;
	font-size: 17px;
	font-weight: 500;
	margin-top: 5px;
}

.andress-cart {
	display: none;
}

.andress-cart.on {
	display: block;
}

/*SOBRE A LOJA*/

.about {
	width: 100%;
	margin-top: 100px;
	display: grid;
	grid-gap: 0px;
	grid-template-columns: repeat(2, 1fr);
	min-height: 70vh;
}

.about-col {
	position: relative;
	width: 100%;
	height: 70%;
	border-left: 1px solid #CCC;
	margin: auto;
	padding-left: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.about-col:first-child {
	border-left: 0;
	padding-right: 50px;
	padding-left: 0px;
}

.logo-content {
	width: 100%;
}

.logo-about {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

.logo-about img {
	width: 120px;
	border-radius: 70px;
}

.text-about {
	width: 100%;
	font-weight: 500;
	font-size: 18px;
	text-align: center;
}

.text-about samp {
	font-weight: 300;
	display: block;
	font-size: 16px;
	margin-top: 10px;
}

.contact-content {
	width: 100%;
}

.grid-contact {
	width: 100%;
	display: grid;
	grid-gap: 15px;
}

.col-contact {
	border-bottom: 1px solid #CCC;
	padding-bottom: 15px;
}

.col-contact:last-child {
	border: 0;
}

.title-contact {
	width: 100%;
	height: 30px;
	font-size: 15px;
	color: #000;
	font-weight: 500;
	display: flex;
	align-items: center;
}

.title-contact img {
	width: 17px;
	margin-right: 6px;
}

.title-contact samp {
	font-weight: 300;
	padding-left: 5px;
	font-size: 14px;
}

.text-contact {
	width: 100%;
	font-size: 14px;
	font-weight: 300;
}

.text-contact a {
	color: var(--color-main);
}

.margin-top-20 {
	margin-top: 20px;
}

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

/*MOBILE SOBRE*/

@media screen and (max-width:960px) {
	.about {
		grid-template-columns: repeat(1, 1fr);
		min-height: auto;
	}
	.about-col {
		border-left: 0;
		padding: 0;
		justify-content: flex-start;
		align-items: left;
	}
	.about-col:first-child {
		padding: 0;
		margin-bottom: 60px;
	}
}

/*STEPS CHECKOUT DA LOJA*/

.create-progress-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	list-style-type: none;
	padding-left: 0;
	margin-top: 30px;
	margin-bottom: 30px;
}

.create-progress-bar li:not(:first-child) {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
}

.create-progress-bar li:not(:first-child):before {
	flex: 1;
	height: 4px;
	background: #E4E4E4;
	content: '';
	margin: 0px;
}

.create-progress-bar li.active .step-inner-wrapper {
	background-color: #00C987;
	color: #FFF;
}

.create-progress-bar li.active:before {
	background: #00C987;
}

.step-inner-wrapper {
	width: 26px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #E4E4E4;
	color: #9A9A9A;
	border-radius: 50%;
	position: relative;
	font-size: 13px;
}

.step-title {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 100%);
}

/*LIST MAIN */

.list-main {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.list-main.margin-top-20 {
	margin-top: 20px;
}

.item-list-main {
	width: 100%;
	padding: 10px;
	display: flex;
	position: relative;
	justify-content: space-between;
	border: 1px solid #D8D8D8;
	border-radius: 4px;
	margin-bottom: 20px;
}

.item-list-main.hover:hover {
	opacity: 0.5;
}

.item-list-main.center {
	align-items: center;
}

.item-list-main.top {
	align-items: top;
}

.item-list-main.big-padding {
	padding: 18px;
}

.item-list-main.no-margin {
	margin: 0px;
}

.item-list-main:last-child {
	margin-bottom: 0px;
}

.item-radio {
	cursor: pointer;
	margin-bottom: 20px;
}

.item-radio:last-child {
	margin-bottom: 0px;
}

.item-radio>input {
	display: none;
}

.item-radio>input:checked+div {
	border: 1px solid #C99900;
	background-color: #FFFBEC;
}

.tag-notify-order {
	position: absolute;
	top: 5px;
	left: 0;
	background-color: #EF893A;
	color: #FFF;
	font-size: 10px;
	padding: 3px;
	border-radius: 0px 6px 6px 0px;
}

/*ENDEREÇOS DA LOJA*/

.ico-address {
	width: 30px;
}

.ico-address img {
	width: 18px;
}

.content-address {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.text-address {
	width: 100%;
	margin-bottom: 5px;
	font-size: 14px;
	color: #000;
}

.text-address samp {
	font-weight: 300;
	font-size: 13px;
}

.text-address:first-child {
	font-weight: 500;
}

.text-address:last-child {
	margin-bottom: 0px;
}

.actions-address {
	width: 100%;
	margin-top: 5px;
	font-size: 16px;
	color: var(--color-main);
}

.actions-address a {
	color: var(--color-main);
}

.btn-simple-store {
	width: 100%;
	padding: 14px;
	margin-top: 20px;
	font-size: 14px;
	text-align: center;
	background-color: #FFF;
	color: var(--color-main);
	border-radius: 4px;
	border: 1px solid var(--color-main);
	cursor: pointer;
}

/*FORMAR DE ENVIO CHECKOUT*/

.ico-shipping-checkout {
	width: 58px;
	margin-left: 10px;
}

.ico-shipping-checkout img {
	width: 48px;
}

.text-shipping-checkout {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-left: 20px;
	font-size: 17px;
	font-weight: 500;
}

.text-shipping-checkout samp {
	font-size: 14px;
	font-weight: 300;
}

/*FORMAR DE PAGAMENTO CHECKOUT*/

.ico-payment-checkout {
	width: 58px;
	margin-left: 10px;
}

.ico-payment-checkout img {
	width: 48px;
}

.text-payment-checkout {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-left: 20px;
	font-size: 16px;
	font-weight: 500;
}

.text-payment-checkout samp {
	font-size: 14px;
	font-weight: 300;
}

/*LISTA PEDIDOS*/

.ico-orders {
	width: 32px;
}

.ico-orders img {
	width: 32px;
}

.text-orders {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-left: 10px;
	font-size: 17px;
	font-weight: 500;
}

.text-orders samp {
	font-size: 14px;
	font-weight: 300;
}

.tag-order {
	font-size: 14px;
	padding: 5px 20px 5px 20px;
	border-radius: 30px;
	border: 1px solid #000;
}

.tag-order.pendente {
	border: 1px solid #D2BD63;
	background-color: #F7F0D1;
	color: #806B0F;
}

.tag-order.aprovado {
	border: 1px solid #8DD1E3;
	background-color: #D7F2FD;
	color: #0B6E8A;
}

.tag-order.efetuado {
	border: 1px solid #91BBA5;
	background-color: #E0F8EA;
	color: #37885D;
}

.tag-order.cancelado {
	border: 1px solid #B19092;
	background-color: #FFE1E0;
	color: #753F40;
}

.tag-order.preparação {
	border: 1px solid #8DD1E3;
	background-color: #D7F2FD;
	color: #0B6E8A;
}

.tag-order.enviado {
	border: 1px solid #91BBA5;
	background-color: #E0F8EA;
	color: #37885D;
}

.bt-icon-filter {
	width: 50px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--color-main);
	border-radius: 4px;
	cursor: pointer;
}

.bt-icon-filter img {
	width: 26px;
}

#number_order {
	background-image: url(../svg/ico_order2.svg);
}

#date_order {
	background-image: url(../svg/ico_calendar.svg);
}

.content-filter {
	width: 100%;
	margin-bottom: 10px;
}

.count-filter {
	font-size: 13px;
	color: #525252;
	width: 100%;
	margin-bottom: 10px;
}

.filters-plus {
	display: none;
}

.filters-plus.on {
	display: block;
}

/*DETALHES DO PEDIDO*/

.order-detail-main {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}

.order-detail-title {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 20px;
}

.order-detail-title.no-margin {
	margin-bottom: 0px;
}

.order-detail-title.margin-top {
	margin-top: 20px;
}

.order-detail-title-text {
	width: 100%;
	padding-left: 5px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.order-detail-title-text samp {
	font-weight: 300;
	width: 100%;
}

.order-detail-title-text a {
	font-size: 14px;
	font-weight: 500;
	color: #0A9901;
}

.order-detail-title-ico {
	width: 15px;
}

.order-detail-title-ico img {
	width: 15px;
}

.item-historic-status {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #D8D8D8;
}

.item-historic-status:last-child {
	border-bottom: 0px;
}

.title-historic-status {
	font-size: 15px;
	font-weight: 500;
	background-color: #FFF;
}

.title-historic-status.aprovado {
	color: #124386;
	fill: #124386;
}

.title-historic-status.pendente {
	color: #806B0F;
	fill: #806B0F;
}

.title-historic-status.cancelado {
	color: #753F40;
	fill: #753F40;
}

.title-historic-status.preparação {
	color: #0B6E8A;
	fill: #0B6E8A;
}

.title-historic-status.enviado {
	color: #37885D;
	fill: #37885D;
}

.title-historic-status samp {
	width: 100%;
	font-size: 14px;
	font-weight: 300;
	display: inline-block;
	color: #000;
}

.data-historic-status {
	font-size: 14px;
	font-weight: 300;
	color: #707070;
}

.text-cod-rastreio {
	width: 100%;
	font-size: 14px;
	font-weight: 500;
	padding-left: 5px;
}

.text-cod-rastreio samp {
	font-weight: 300;
}

.link-cod-rastreio {
	font-size: 13px;
	color: #0A9901;
}

.ico-cod-rastreio {
	width: 24px;
}

.ico-cod-rastreio img {
	width: 24px;
}

/*SAQUES E GANHOS*/

.content-withdraw {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 300;
	font-size: 20px;
	color: #000;
	padding-bottom: 20px;
	border-bottom: 1px solid #D8DBEB;
}

.content-withdraw a {
	font-size: 15px;
	font-weight: 400;
	color: var(--color-main);
}

.item-transaction {
	width: 100%;
	display: flex;
	position: relative;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #D8D8D8;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.item-transaction:last-child {
	border-bottom: 0px;
}

.item-transaction:hover {
	opacity: 0.6;
}

.ico-transaction {
	width: 45px;
}

.title-transaction {
	width: 100%;
	font-size: 17px;
	font-weight: 500;
	color: #000;
	margin-left: 10px;
}

.title-transaction samp {
	width: 100%;
	display: inline-block;
	font-size: 15px;
	font-weight: 200;
	color: #000;
}

.value-transaction {
	font-size: 16px;
	font-weight: 500;
	color: #000;
	text-align: right;
	;
}

.value-transaction samp {
	display: inline-block;
	font-size: 14px;
	font-weight: 200;
	color: #000;
}

.bt-filter-transaction {
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--color-main);
	border-radius: 6px;
	font-size: 15px;
	font-weight: 400;
	padding-left: 16px;
	padding-right: 16px;
	color: var(--color-main);
	cursor: pointer;
}

.bt-filter-transaction:hover {
	opacity: 0.6;
}

.bt-filter-transaction img {
	width: 10px;
	margin-left: 4px;
	transform: rotate(90deg);
}

.bt-filter-transaction.on img {
	transform: rotate(270deg);
}

#date_transaction {
	background-image: url(../svg/ico_calendar.svg);
}

.bt-download {
	width: 100%;
	padding: 15px;
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	border: 1px solid #00C987;
	border-radius: 4px;
	margin-bottom: 20px;
	color: #00C987;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
	margin-top: 20px;
	cursor: pointer;
}

.bt-download img {
	width: 22px;
	margin-right: 4px;
}

/*FAQ*/

.accordion-subtitle {
	width: 100%;
	align-items: center;
	font-size: 16px;
	font-weight: 300;
	margin-top: 5px;
}

.accordion-subtitle a {
	color: var(--color-main);
	font-weight: 400;
}

.accordion {
	margin-top: 20px;
	margin-bottom: 20px;
}

.accordion .accordion-item {
	border-bottom: 1px solid #e5e5e5;
}

.accordion .accordion-item button[aria-expanded='true'] {
	border-bottom: 1px solid var(--color-main);
}

.accordion button {
	position: relative;
	display: block;
	text-align: left;
	width: 100%;
	padding: 1em 0;
	color: #000;
	font-size: 16px;
	font-weight: 300;
	border: none;
	background: none;
	outline: none;
}

.accordion button:hover, .accordion button:focus {
	cursor: pointer;
	color: var(--color-main);
}

.accordion button:hover::after, .accordion button:focus::after {
	cursor: pointer;
	color: var(--color-main);
	border: 1px solid var(--color-main);
}

.accordion button .accordion-title {
	padding: 1em 1.5em 1em 0;
}

.accordion button .icon {
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 0;
	width: 22px;
	height: 22px;
	background: url(../svg/ico_arow.svg) no-repeat 0 0;
	background-position: center right 0px;
	background-size: auto 12px;
	transform: rotate(90deg);
}

.accordion button[aria-expanded='true'] {
	color: var(--color-main);
}

.accordion button[aria-expanded='true'] .icon::after {
	width: 0;
}

.accordion button[aria-expanded='true']+.accordion-content {
	opacity: 1;
	max-height: 9em;
	transition: all 200ms linear;
	will-change: opacity, max-height;
}

.accordion .accordion-content {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: opacity 200ms linear, max-height 200ms linear;
	will-change: opacity, max-height;
}

.accordion .accordion-content p {
	font-size: 15px;
	font-weight: 300;
	margin: 1em 0;
}

.accordion .accordion-content a {
	color: var(--color-main);
}

/*REVENDA*/

.resale-banner {
	width: 100%;
	background-color: var(--color-main);
	background-image: url(../img/bg-about.png);
	background-repeat: repeat;
	background-size: contain;
	background-position: center;
	color: #FFF;
}

.content-resale-banner {
	width: var(--max-area);
	min-height: 330px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.resale-text {
	padding-right: 20px;
}

.resale-text h1 {
	display: block;
	font-size: 36px;
	font-weight: 500;
}

.resale-text p {
	display: block;
	font-size: 18px;
	font-weight: 300;
}

.resale-bt {
	width: 240px;
	padding: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #26DDA1;
	border-radius: 4px;
	color: #FFF;
	font-size: 18px;
	font-weight: 500;
	cursor: pointer;
}

.resale-bt:hover {
	opacity: 0.8;
}

.resale-bt img {
	width: 24px;
	margin-right: 5px;
}

.card-resale {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 20px;
}

.card-resale-img {
	width: 100%;
	margin-right: 20px;
}

.card-resale-img img {
	width: 340px;
	height: 180px;
	border-radius: 6px;
	object-fit: cover;
}

.card-resale-text {
	height: 180px;
	font-size: 18px;
	font-weight: 500;
	text-align: left;
	border-radius: 6px;
	border: 1px solid #ccc;
	padding: 20px;
}

.card-resale-text p {
	font-size: 16px;
	font-weight: 300;
	margin-top: 10px;
}

/*MOBILE REVENDA*/

@media screen and (max-width:960px) {
	.content-resale-banner {
		width: 100%;
		flex-direction: column;
	}
	.resale-text {
		padding: 10px;
		text-align: center;
	}
	.resale-text h1 {
		font-size: 32px;
	}
	.resale-text p {
		font-size: 17px;
		margin-top: 20px;
	}
	.resale-bt {
		margin-top: 20px;
	}
	.card-resale {
		flex-direction: column;
	}
	.card-resale-text {
		height: auto;
		padding: 10px;
		margin-top: 10px;
	}
	.card-resale-img img {
		width: 100%;
		height: 200px;
	}
}

/*INFOS GLOBAIS*/

.infos-global {
	Width: 100%;
	margin-top: 20px;
	min-height: 380px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.infos-global P {
	width: 100%;
	font-size: 16px;
	color: #000;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 500;
}

.infos-global samp {
	font-size: 15px;
	color: #000;
	font-weight: 300;
	margin-bottom: 10px;
}

.infos-global samp a {
	color: var(--color-main);
}

.infos-global samp:last-child {
	margin-bottom: 0px;
}

/*FOOTER*/

.footer {
	width: 100%;
	position: relative;
	background-color: #F6F8FF;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
	border-top: 1px solid #D8DBEB;
	margin-top: 60px;
}

.content-footer {
	width: 100%;
	max-width: var(--max-area);
	position: relative;
	margin: 0 auto;
}

.bt-footer-show {
	width: 150px;
	height: 30px;
	display: flex;
	position: absolute;
	justify-content: center;
	align-items: center;
	top: -50px;
	left: 0;
	background-color: #F6F8FF;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-weight: 400;
	border: solid #D8DBEB;
	border-width: 1px 1px 0 1px;
	border-radius: 6px 6px 0 0;
	z-index: 2;
	cursor: pointer;
}

.bt-footer-show img {
	width: 10px;
	margin-left: 6px;
	transform: rotate(270deg);
}

.bt-footer-show.on img {
	width: 10px;
	margin-left: 6px;
	transform: rotate(90deg);
}

.footer-about {
	display: none;
	width: 100%;
	margin-top: 20px;
	font-size: 15px;
	color: #000;
	font-weight: 500;
	border-bottom: 1px solid #D8DBEB;
	padding-bottom: 20px;
}

.footer-about.on {
	display: block;
}

.footer-about p {
	width: 100%;
	color: #000;
	font-size: 14px;
	font-weight: 200;
	margin-top: 10px;
}

.footer-links {
	width: 100%;
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.content-footer-links {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 25%);
	column-gap: 10px;
	row-gap: 20px;
}

.content-footer-links a {
	font-size: 14px;
	color: #000;
}

.content-footer-links a:hover {
	color: var(--color-main);
}

.content-footer-links img {
	width: 10px;
	margin-right: 4px;
}

.footer-pay {
	font-size: 15px;
	color: #000;
	font-weight: 500;
}

.footer-pay img {
	margin-top: 12px;
	width: 280px;
	display: block;
}

.footer-social {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #D8DBEB;
	color: #636363;
	font-size: 14px;
}

.content-footer-social {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.content-footer-social img {
	width: 36px;
	padding-left: 10px;
}

.container-cookie {
	width: calc(100% -100px);
	min-height: 60px;
	position: fixed;
	bottom: 10px;
	display: none;
	justify-content: space-between;
	align-items: center;
	left: 50%;
	transform: translateX(-50%);
	background-color: #FFF;
	box-shadow: 0 0 9px 0 rgba(0, 0, 0, .3)!important;
	border-radius: 4px;
	padding: 10px;
	z-index: 10;
}

.container-cookie.on {
	display: flex;
}

.text-cookie {
	font-size: 13px;
}

.text-cookie a {
	color: var(--color-main);
}

.bt-cookie {
	width: 160px;
	padding: 10px;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	color: #FFF;
	font-weight: 400;
	font-size: 15px;
	cursor: pointer;
	background-color: var(--color-main);
}

.bt-cookie:hover {
	opacity: 0.8;
}

/*MOBILE FOOTER*/

@media screen and (max-width:960px) {
	.footer-links {
		flex-direction: column;
	}
	.content-footer-links {
		padding-bottom: 20px;
		grid-template-columns: repeat(2, 50%);
		column-gap: 14px;
		row-gap: 20px;
	}
	.item-footer-link {
		font-size: 15px;
	}
	.footer-pay {
		width: 100%;
		padding-top: 20px;
		border-top: 1px solid #D8DBEB;
	}
	.footer-pay img {
		width: 100%;
	}
	.footer-social {
		padding-bottom: 20px;
	}
	.container-cookie {
		width: 90%;
		flex-direction: column;
	}
	.bt-cookie {
		width: 100%;
		margin-top: 10px;
	}
}

@media screen and (max-width:360px) {
	.item-footer-link {
		font-size: 14px;
	}
}

.whatsapp-button {
	position: fixed;
	bottom: 30px;
	right: 30px;
	background-color: #25D366;
	color: white;
	width: 90px;
	height: 40px;
	border-radius:20px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	cursor: pointer;
	transition: transform 0.3s ease;
	font-size: 15px;
	gap: 5px;
	z-index: 1000;
}
.whatsapp-button:hover {
	transform: scale(1.1);
}