Your IP : 216.73.216.131

Current Path : /home/lejardintz/www/assets/mta/reepay/
Upload File :
Current File : /home/lejardintz/www/assets/mta/reepay/styles.c14fce2ba80c26a0.css

@font-face {
	font-family: rawline;
	src: url("");
	src: url("rawline-100.7e667aa6309b75e9.eot") format("embedded-opentype"), url("rawline-100.204bf2980c175e80.woff2") format("woff2"), url("rawline-100.85d73d34bceaf011.woff") format("woff"), url("rawline-100.ccea938f23e8278b.ttf") format("truetype"), url("rawline-100.56e41901326023fd.svg") format("svg");
	font-weight: 100;
	font-style: normal
}

@font-face {
	font-family: rawline;
	src: url("");
	src: url("rawline-100i.d92e0eb03b9f60c6.eot") format("embedded-opentype"), url("rawline-100i.563ad766b9fdcc4b.woff2") format("woff2"), url("rawline-100i.109897ef6434f6b2.woff") format("woff"), url("rawline-100i.2b78f974e1d17ca7.ttf") format("truetype"), url("rawline-100i.3d98ce51c86d6b33.svg") format("svg");
	font-weight: 100;
	font-style: italic
}

@font-face {
	font-family: rawline;
	src: url("");
	src: url("rawline-200.fd71793614e7cf03.eot") format("embedded-opentype"), url("rawline-200.a7b29c21c7b2fd7d.woff2") format("woff2"), url("rawline-200.b9f584ce1e10c8be.woff") format("woff"), url("rawline-200.0c0348938576d0f4.ttf") format("truetype"), url("rawline-200.5b25797c10c9c625.svg") format("svg");
	font-weight: 200;
	font-style: normal
}

@font-face {
	font-family: rawline;
	src: url("");
	src: url("rawline-200i.a3e97c62ead8629e.eot") format("embedded-opentype"), url("rawline-200i.9e194e47e56d917a.woff2") format("woff2"), url("rawline-200i.6e84212404493493.woff") format("woff"), url("rawline-200i.bb9fef963e044fe3.ttf") format("truetype"), url("rawline-200i.5dcef587d19ed68b.svg") format("svg");
	font-weight: 200;
	font-style: italic
}

@font-face {
	font-family: rawline;
	src: url("");
	src: url("rawline-300-.f9c393dc95f91783.eot") format("embedded-opentype"), url("rawline-300.0c42e4970be4b454.woff2") format("woff2"), url("rawline-300.604f934f5f53a0fa.woff") format("woff"), url("rawline-300.bdfcbdcca3e38e52.ttf") format("truetype"), url("rawline-300.42839ef253f39602.svg") format("svg");
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: rawline;
	src: url("");
	src: url("rawline-300i.ca4264863e98ffd6.eot") format("embedded-opentype"), url("rawline-300i.cea92ae536f5d092.woff2") format("woff2"), url("rawline-300i.f539028e84b55b0d.woff") format("woff"), url("rawline-300i.43075eb672642685.ttf") format("truetype"), url("rawline-300i.f78db8ac0bc027a7.svg") format("svg");
	font-weight: 300;
	font-style: italic
}

@font-face {
	font-family: rawline;
	src: url("");
	src: url("rawline-400.38fcf0ddfa657a47.eot") format("embedded-opentype"), url("rawline-400.ea42a37247439622.woff2") format("woff2"), url("rawline-400.54c07ca1bc259dd1.woff") format("woff"), url("rawline-400.50e9152f0b26c205.ttf") format("truetype"), url("rawline-400.574a74d5cc0c63f4.svg") format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: rawline;
	src: url("");
	src: url("rawline-400i.d1ebf98fb4b59d09.eot") format("embedded-opentype"), url("rawline-400i.1701033bc0b08320.woff2") format("woff2"), url("rawline-400i.c6b6ceca16148f6c.woff") format("woff"), url("rawline-400i.764ac9a979eb4336.ttf") format("truetype"), url("rawline-400i.1ed83ed77124b0b1.svg") format("svg");
	font-weight: 400;
	font-style: italic
}

@font-face {
	font-family: rawline;
	src: url("");
	src: url("rawline-500.3d0d3d34cf7f7c92.eot") format("embedded-opentype"), url("rawline-500.f8af4ec801afaa28.woff2") format("woff2"), url("rawline-500.aa8fce1e33db3276.woff") format("woff"), url("rawline-500.3de9e264bf413ed6.ttf") format("truetype"), url("rawline-500.305dc95afbe8d4da.svg") format("svg");
	font-weight: 500;
	font-style: normal
}

@font-face {
	font-family: rawline;
	src: url("");
	src: url("rawline-500i.5981158c350ecabf.eot") format("embedded-opentype"), url("rawline-500i.e09037487d159b0e.woff2") format("woff2"), url("rawline-500i.939cff44415fac09.woff") format("woff"), url("rawline-500i.ca4a055c767b2bc1.ttf") format("truetype"), url("rawline-500i.1e22d990e73ab223.svg") format("svg");
	font-weight: 500;
	font-style: italic
}

@font-face {
	font-family: rawline;
	src: url("");
	src: url("rawline-600.5d2e2a2a0358a2df.eot") format("embedded-opentype"), url("rawline-600.844a17f0db94d147.woff2") format("woff2"), url("rawline-600.a44233f135f42636.woff") format("woff"), url("rawline-600.f5af568b2b01b679.ttf") format("truetype"), url("rawline-600.0c343d850dba89f2.svg") format("svg");
	font-weight: 600;
	font-style: normal
}

@font-face {
	font-family: rawline;
	src: url("");
	src: url("rawline-600i.9ab603a66f84b77f.eot") format("embedded-opentype"), url("rawline-600i.d48744e66921d173.woff2") format("woff2"), url("rawline-600i.35ed64e90921a93d.woff") format("woff"), url("rawline-600i.18511ba8e35e3dd2.ttf") format("truetype"), url("rawline-600i.baad51383e22b164.svg") format("svg");
	font-weight: 600;
	font-style: italic
}

@font-face {
	font-family: rawline;
	src: url("");
	src: url("rawline-700.56b18b67647ae32f.eot") format("embedded-opentype"), url("rawline-700.1c7c76152b40409f.woff2") format("woff2"), url("rawline-700.22c366f30b913fd9.woff") format("woff"), url("rawline-700.b1de0937699003b0.ttf") format("truetype"), url("rawline-700.5b2f2de62755668c.svg") format("svg");
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: rawline;
	src: url("");
	src: url("rawline-700i.8a5025bb559eee6b.eot") format("embedded-opentype"), url("rawline-700i.2753b3af2864798c.woff2") format("woff2"), url("rawline-700i.21d30870e3609035.woff") format("woff"), url("rawline-700i.b6c38c468a92e619.ttf") format("truetype"), url("rawline-700i.7d43e16f835fa7a1.svg") format("svg");
	font-weight: 700;
	font-style: italic
}

@font-face {
	font-family: rawline;
	src: url("");
	src: url("rawline-800.346ba79a9c7812f2.eot") format("embedded-opentype"), url("rawline-800.5c5f78761d00551b.woff2") format("woff2"), url("rawline-800.5fa70965414db1a6.woff") format("woff"), url("rawline-800.74a974df84d40aa7.ttf") format("truetype"), url("rawline-800.ce7037b00fa43c9a.svg") format("svg");
	font-weight: 800;
	font-style: normal
}

@font-face {
	font-family: rawline;
	src: url("");
	src: url("rawline-800i.3c8cdefc43d258fb.eot") format("embedded-opentype"), url("rawline-800i.ebf1fc4652570bba.woff2") format("woff2"), url("rawline-800i.95b334a72b5e9f92.woff") format("woff"), url("rawline-800i.6e19b098b407b430.ttf") format("truetype"), url("rawline-800i.e933ca3abbc58f48.svg") format("svg");
	font-weight: 800;
	font-style: italic
}

@font-face {
	font-family: rawline;
	src: url("");
	src: url("rawline-900.af7b9f03fb0dc1e8.eot") format("embedded-opentype"), url("rawline-900.aae0cc4b6391a209.woff2") format("woff2"), url("rawline-900.e5cbc45b06a14cb0.woff") format("woff"), url("rawline-900.3576583bfcda09c9.ttf") format("truetype"), url("rawline-900.b80fad85aa268e8a.svg") format("svg");
	font-weight: 900;
	font-style: normal
}

@font-face {
	font-family: rawline;
	src: url("");
	src: url("rawline-900i.c006d5cad85bd056.eot") format("embedded-opentype"), url("rawline-900i.c6c50daab0c4c0d0.woff2") format("woff2"), url("rawline-900i.947ac0836057e2dd.woff") format("woff"), url("rawline-900i.ddf095b646d81bed.ttf") format("truetype"), url("rawline-900i.66e934ae4d707e86.svg") format("svg");
	font-weight: 900;
	font-style: italic
}

@charset "UTF-8";

:root {
	--blue: #2d84c4;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #d4192b;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #ffffff;
	--gray: #868e96;
	--gray-dark: #343a40;
	--primary: #2d84c4;
	--secondary: #868e96;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #fd7e14;
	--danger: #d4192b;
	--light: #f8f9fa;
	--dark: #343a40;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

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

html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}


header,
section {
	display: block
}

body {
	margin: 0;
	font-family: "rawline", Arial, Sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	background-color: #fff0
}

p {
	margin-top: 0;
	margin-bottom: 1rem
}

img {
	vertical-align: middle;
	border-style: none
}

svg {
	overflow: hidden;
	vertical-align: middle
}

label {
	display: inline-block;
	margin-bottom: .5rem
}

button {
	border-radius: 0
}

button:focus:not(:focus-visible) {
	outline: 0
}

input,
button {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

button,
input {
	overflow: visible
}

button {
	text-transform: none
}

[role=button] {
	cursor: pointer
}

button,
[type=button],
[type=submit] {
	-webkit-appearance: button
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=submit]:not(:disabled) {
	cursor: pointer
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	padding: 0;
	border-style: none
}


input[type=checkbox] {
	box-sizing: border-box;
	padding: 0
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button
}

[hidden] {
	display: none !important
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

@media (min-width: 576px) {

	
	.container {
		max-width: 540px
	}
}

@media (min-width: 768px) {

	
	.container {
		max-width: 720px
	}
}

@media (min-width: 992px) {

	
	.container {
		max-width: 960px
	}
}

@media (min-width: 1200px) {

	
	.container {
		max-width: 1140px
	}
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px
}


.col-12,
.col-6,
.col-5,
.col-4,
.col-2,
.col-1 {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px
}

.col-1 {
	flex: 0 0 8.33333333%;
	max-width: 8.33333333%
}

.col-2 {
	flex: 0 0 16.66666667%;
	max-width: 16.66666667%
}

.col-4 {
	flex: 0 0 33.33333333%;
	max-width: 33.33333333%
}

.col-5 {
	flex: 0 0 41.66666667%;
	max-width: 41.66666667%
}

.col-6 {
	flex: 0 0 50%;
	max-width: 50%
}

.col-12 {
	flex: 0 0 100%;
	max-width: 100%
}

.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ebf1f6;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
	.form-control {
		transition: none
	}
}

.form-control::-ms-expand {
	background-color: transparent;
	border: 0
}

.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #8cbfe5;
	outline: 0;
	box-shadow: 0 0 0 .1rem #2d84c440
}

.form-control::placeholder {
	color: #868e96;
	opacity: 1
}

.form-control:disabled {
	background-color: #e9ecef;
	opacity: 1
}

.alert {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem
}

.align-top {
	vertical-align: top !important
}

.align-items-center {
	align-items: center !important
}

.float-left {
	float: left !important
}

.float-right {
	float: right !important
}

.text-right {
	text-align: right !important
}

.visible {
	visibility: visible !important
}

:root {
	--rp-background-color: #ffffff;
	--rp-pay-button-color: #ffffff;
	--rp-pay-button-family: rawline, Arial, Sans-serif;
	--rp-pay-button-size: 1rem;
	--rp-pay-button-weight: 600;
	--rp-pay-button-size-mobile: 1rem;
	--rp-pay-button-weight-mobile: 600;
	--rp-enabled-button-color: #0D7253;
	--rp-disabled-button-color: #6a6a6a;
	--rp-labels-color: #212529;
	--rp-labels-family: rawline, Arial, Sans-serif;
	--rp-labels-size: 1rem;
	--rp-labels-weight: 600;
	--rp-labels-size-mobile: 15px;
	--rp-labels-weight-mobile: 600;
	--rp-inputs-standard-text-color: #495057;
	--rp-inputs-standard-text-family: rawline, Arial, Sans-serif;
	--rp-inputs-standard-text-size: 1rem;
	--rp-inputs-standard-text-weight: 500;
	--rp-inputs-standard-text-size-mobile: 1rem;
	--rp-inputs-standard-text-weight-mobile: 500;
	--rp-inputs-placeholder-text-color: #ced4da;
	--rp-inputs-placeholder-text-family: rawline, Arial, Sans-serif;
	--rp-inputs-placeholder-text-size: 1rem;
	--rp-inputs-placeholder-text-weight: 500;
	--rp-inputs-placeholder-text-size-mobile: 1rem;
	--rp-inputs-placeholder-text-weight-mobile: 500;
	--rp-inputs-border-standard-width: 1px;
	--rp-inputs-border-standard-color: #ebf1f6;
	--rp-inputs-border-focused-width: 1px;
	--rp-inputs-border-focused-color: #8cbfe5;
	--rp-inputs-border-valid-width: 2px;
	--rp-inputs-border-valid-color: #0D7253;
	--rp-inputs-border-invalid-width: 2px;
	--rp-inputs-border-invalid-color: #DD636B;
	--rp-enabled-continue-button-color: #124B86;
	--rp-payment-method-title-color: #343a40;
	--rp-payment-method-title-family: rawline, Arial, Sans-serif;
	--rp-payment-method-title-size: 18px;
	--rp-payment-method-title-weight: 500;
	--rp-payment-method-title-size-mobile: 18px;
	--rp-payment-method-title-weight-mobile: 500;
	--rp-payment-description-color: #124B86;
	--rp-payment-description-family: rawline, Arial, Sans-serif;
	--rp-payment-description-size: 1rem;
	--rp-payment-description-weight: 500;
	--rp-payment-description-size-mobile: 14px;
	--rp-payment-description-weight-mobile: 500;
	--rp-payment-amount-color: #212529;
	--rp-payment-amount-family: rawline, Arial, Sans-serif;
	--rp-payment-amount-size: 22px;
	--rp-payment-amount-weight: 600;
	--rp-payment-amount-size-mobile: 17px;
	--rp-payment-amount-weight-mobile: 600;
	--rp-order-line-name-color: #212529;
	--rp-order-line-name-family: rawline, Arial, Sans-serif;
	--rp-order-line-name-size: 14px;
	--rp-order-line-name-weight: 600;
	--rp-order-line-name-size-mobile: 14px;
	--rp-order-line-name-weight-mobile: 600;
	--rp-order-line-quantity-color: #124B86;
	--rp-order-line-quantity-family: rawline, Arial, Sans-serif;
	--rp-order-line-quantity-size: 14px;
	--rp-order-line-quantity-weight: 600;
	--rp-order-line-quantity-size-mobile: 14px;
	--rp-order-line-quantity-weight-mobile: 600;
	--rp-order-line-amount-color: #212529;
	--rp-order-line-amount-family: rawline, Arial, Sans-serif;
	--rp-order-line-amount-size: 14px;
	--rp-order-line-amount-weight: 600;
	--rp-order-line-amount-size-mobile: 14px;
	--rp-order-line-amount-weight-mobile: 600;
	--rp-box-shadow-color: 0 0 20px #ededed;
	--rp-company-name-color: #212529;
	--rp-company-name-family: rawline, Arial, Sans-serif;
	--rp-company-name-size: 24px;
	--rp-company-name-weight: 300;
	--rp-company-name-size-mobile: 24px;
	--rp-company-name-weight-mobile: 300;
	--rp-company-address-color: #212529;
	--rp-company-address-family: rawline, Arial, Sans-serif;
	--rp-company-address-size: 14px;
	--rp-company-address-weight: 300;
	--rp-company-address-size-mobile: 14px;
	--rp-company-address-weight-mobile: 300;
	--rp-title-color: #212529;
	--rp-title-family: rawline, Arial, Sans-serif;
	--rp-title-size: 24px;
	--rp-title-weight: 400;
	--rp-title-size-mobile: 24px;
	--rp-title-weight-mobile: 400;
	--rp-sub-title-color: #212529;
	--rp-sub-title-family: rawline, Arial, Sans-serif;
	--rp-sub-title-size: 18px;
	--rp-sub-title-weight: 400;
	--rp-sub-title-size-mobile: 18px;
	--rp-sub-title-weight-mobile: 400;
	--rp-terms-line-color: #212529;
	--rp-terms-line-family: rawline, Arial, Sans-serif;
	--rp-terms-line-size: 1rem;
	--rp-terms-line-weight: 400;
	--rp-terms-line-size-mobile: 1rem;
	--rp-terms-line-weight-mobile: 400;
	--rp-pricing-item-title-color: #212529;
	--rp-pricing-item-title-family: rawline, Arial, Sans-serif;
	--rp-pricing-item-title-size: 1rem;
	--rp-pricing-item-title-weight: 500;
	--rp-pricing-item-title-size-mobile: 1rem;
	--rp-pricing-item-title-weight-mobile: 500;
	--rp-pricing-item-row-color: #212529;
	--rp-pricing-item-row-family: rawline, Arial, Sans-serif;
	--rp-pricing-item-row-size: 13px;
	--rp-pricing-item-row-weight: 400;
	--rp-pricing-item-row-size-mobile: 13px;
	--rp-pricing-item-row-weight-mobile: 400
}

.config-background {
	background-color: var(--rp-background-color)
}

.config-pay-button {
	color: var(--rp-pay-button-color);
	font-family: var(--rp-pay-button-family);
	font-size: var(--rp-pay-button-size);
	font-weight: var(--rp-pay-button-weight)
}

.config-pay-button {
	background-color: var(--rp-enabled-button-color)
}

.config-label {
	color: var(--rp-labels-color);
	font-family: var(--rp-labels-family);
	font-size: var(--rp-labels-size);
	font-weight: var(--rp-labels-weight)
}

.config-input {
	color: var(--rp-inputs-standard-text-color);
	font-family: var(--rp-inputs-standard-text-family);
	font-size: var(--rp-inputs-standard-text-size);
	font-weight: var(--rp-inputs-standard-text-weight);
	border-color: var(--rp-inputs-border-standard-color);
	border-width: var(--rp-inputs-border-standard-width);
	border-style: solid
}


.valid .config-input {
	border-color: var(--rp-inputs-border-valid-color);
	border-width: var(--rp-inputs-border-valid-width)
}

.config-input:focus {
	border-color: var(--rp-inputs-border-focused-color);
	border-width: var(--rp-inputs-border-focused-width)
}

.config-input::placeholder {
	color: var(--rp-inputs-placeholder-text-color);
	font-family: var(--rp-inputs-placeholder-text-family);
	font-size: var(--rp-inputs-placeholder-text-size);
	font-weight: var(--rp-inputs-placeholder-text-weight)
}

.config-payment-method-title {
	color: var(--rp-payment-method-title-color);
	font-family: var(--rp-payment-method-title-family);
	font-size: var(--rp-payment-method-title-size);
	font-weight: var(--rp-payment-method-title-weight)
}

.config-payment-description {
	color: var(--rp-payment-description-color);
	font-family: var(--rp-payment-description-family);
	font-size: var(--rp-payment-description-size);
	font-weight: var(--rp-payment-description-weight)
}

.config-payment-amount {
	color: var(--rp-payment-amount-color);
	font-family: var(--rp-payment-amount-family);
	font-size: var(--rp-payment-amount-size);
	font-weight: var(--rp-payment-amount-weight)
}

.config-order-line-name {
	color: var(--rp-order-line-name-color);
	font-family: var(--rp-order-line-name-family);
	font-size: var(--rp-order-line-name-size);
	font-weight: var(--rp-order-line-name-weight)
}

.config-order-line-quantity {
	color: var(--rp-order-line-quantity-color);
	font-family: var(--rp-order-line-quantity-family);
	font-size: var(--rp-order-line-quantity-size);
	font-weight: var(--rp-order-line-quantity-weight)
}

.config-order-line-amount {
	color: var(--rp-order-line-amount-color);
	font-family: var(--rp-order-line-amount-family);
	font-size: var(--rp-order-line-amount-size);
	font-weight: var(--rp-order-line-amount-weight)
}

@media (max-width: 500px) {

	.config-pay-button {
		font-size: var(--rp-pay-button-size-mobile);
		font-weight: var(--rp-pay-button-weight-mobile)
	}

	.config-label {
		font-size: var(--rp-labels-size-mobile);
		font-weight: var(--rp-labels-weight-mobile)
	}

	.config-input {
		font-size: var(--rp-inputs-standard-text-size-mobile);
		font-weight: var(--rp-inputs-standard-text-weight-mobile)
	}

	.config-input::placeholder {
		font-size: var(--rp-inputs-placeholder-text-size-mobile);
		font-weight: var(--rp-inputs-placeholder-text-weight-mobile)
	}

	.config-payment-method-title {
		font-size: var(--rp-payment-method-title-size-mobile);
		font-weight: var(--rp-payment-method-title-weight-mobile)
	}

	.config-payment-description {
		font-size: var(--rp-payment-description-size-mobile);
		font-weight: var(--rp-payment-description-weight-mobile)
	}

	.config-payment-amount {
		font-size: var(--rp-payment-amount-size-mobile);
		font-weight: var(--rp-payment-amount-weight-mobile)
	}

	.config-order-line-name {
		font-size: var(--rp-order-line-name-size-mobile);
		font-weight: var(--rp-order-line-name-weight-mobile)
	}

	.config-order-line-quantity {
		font-size: var(--rp-order-line-quantity-size-mobile);
		font-weight: var(--rp-order-line-quantity-weight-mobile)
	}

	.config-order-line-amount {
		font-size: var(--rp-order-line-amount-size-mobile);
		font-weight: var(--rp-order-line-amount-weight-mobile)
	}
}

body,
html {
	margin: 0;
	padding: 0;
	font-family: rawline, Arial, Sans-serif
}

* {
	box-sizing: border-box
}

p {
	font-family: rawline, Arial, Sans-serif;
	line-height: 26px;
	font-size: 13px;
	letter-spacing: .3px
}

.rp-relative {
	position: relative
}

.button-loader-container {
	width: 37%;
	margin: auto
}

@keyframes circles-container-animation {
	0% {
		opacity: 0;
		transform: scale(.3);
		background: #1fa97d
	}

	25% {
		opacity: 1;
		transform: scale(1.8);
		background: #1fa97d
	}

	50% {
		opacity: 0;
		transform: scale(.3);
		background: #194b84
	}

	75% {
		opacity: 1;
		transform: scale(1.8);
		background: #194b84
	}

	to {
		opacity: 0
	}
}

.white-circles-container {
	position: relative;
	display: flex;
	width: 100%;
	justify-content: space-between
}

.white-circles-container div {
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background: #ffffff
}

.white-circles-container div:nth-child(1) {
	animation: white-circles-container-animation 3s linear infinite 0s
}

.white-circles-container div:nth-child(2) {
	animation: white-circles-container-animation 3s linear infinite .15s
}

.white-circles-container div:nth-child(3) {
	animation: white-circles-container-animation 3s linear infinite .3s
}

.white-circles-container div:nth-child(4) {
	animation: white-circles-container-animation 3s linear infinite .45s
}

@keyframes white-circles-container-animation {
	0% {
		opacity: 0;
		transform: scale(.3);
		background: #ffffff
	}

	25% {
		opacity: 1;
		transform: scale(1.8);
		background: #ffffff
	}

	50% {
		opacity: 0;
		transform: scale(.3);
		background: #ffffff
	}

	75% {
		opacity: 1;
		transform: scale(1.8);
		background: #ffffff
	}

	to {
		opacity: 0
	}
}