html {
height: 100%;
overflow-x: hidden;
overflow-y: scroll;
/* scroll-behavior: smooth; */
height: -webkit-fill-available;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(/fonts/KFOjCnqEu92Fr1Mu51TjASc3CsTKlA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(/fonts/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(/fonts/KFOjCnqEu92Fr1Mu51TjASc2CsTKlA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(/fonts/KFOjCnqEu92Fr1Mu51TjASc5CsTKlA.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(/fonts/KFOjCnqEu92Fr1Mu51TjASc1CsTKlA.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(/fonts/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2');
unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(/fonts/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/fonts/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/fonts/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/fonts/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/fonts/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/fonts/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/fonts/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/fonts/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/fonts/KFOjCnqEu92Fr1Mu51S7ACc3CsTKlA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/fonts/KFOjCnqEu92Fr1Mu51S7ACc-CsTKlA.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/fonts/KFOjCnqEu92Fr1Mu51S7ACc2CsTKlA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/fonts/KFOjCnqEu92Fr1Mu51S7ACc5CsTKlA.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/fonts/KFOjCnqEu92Fr1Mu51S7ACc1CsTKlA.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/fonts/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format('woff2');
unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/fonts/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/fonts/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/fonts/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/fonts/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/fonts/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/fonts/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/fonts/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/fonts/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/fonts/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/fonts/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/fonts/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/fonts/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/fonts/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/fonts/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/fonts/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*@font-face {
font-family: 'Roboto';
src: url(/fonts/Roboto-Regular.ttf);
}
@font-face {
font-family: "Roboto Light";
src: url("/fonts/Roboto-Light.ttf") format("truetype");
}
@font-face {
font-family: "Roboto";
src: url("/fonts/Roboto-Regular.ttf") format("truetype");
}*/
/*
@font-face {
font-family: "Roboto-Medium";
src: url("/fonts/Roboto-Medium.ttf") format("truetype");
}
@font-face {
font-family: "Roboto-Bold";
src: url("/fonts/Roboto-Bold.ttf") format("truetype");
}
@font-face {
font-family: "Roboto-Black";
src: url("/fonts/Roboto-Black.ttf") format("truetype");
}*/
@font-face {
font-family: "Alice-Regular";
src: url("/fonts/Alice-Regular.ttf") format("truetype");
}
* {
box-sizing: border-box;
/*transition: all .1s ease;*/
}
html,
body {
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-text-size-adjust: none;
-webkit-text-size-adjust: 100%;
background: linear-gradient(0deg, #ffffff 0%, #f5f7fa 100%) fixed;
background-color: #ffffff;
color: #000000;
font-family: 'Roboto', sans-serif;
font-weight: 200;
font-size: 16px;
line-height: unset;
margin: 0px auto 0px auto;
width: 100%;
max-width: 1500px;
min-width: 300px;
outline: none;
padding: 0;
}
/* Client-specific Styles */
body {
background-color: #ffffff;
height: 100vh;
margin: 0;
min-height: -webkit-fill-available;
}
/* body:before {
content: "";
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 900px;
height: 900px;
background: #76cc98;
background: linear-gradient(90deg, #76cc98 0%, #52a974 100%);
transform: skew(-45deg);
transform-origin: top;
} */
*:focus {
outline: none;
}
:after,
:before {
-moz-box-sizing: unset;
-webkit-box-sizing: unset;
box-sizing: unset;
}
label {
display: unset;
font-weight: unset;
margin-bottom: unset;
max-width: unset;
}
.text-success {
color: unset;
}
a {
color: #000000 !important;
outline: none;
text-decoration: none;
}
a:hover {
color: #000000 !important;
outline: none;
text-decoration: none;
}
a:visited {
color: #000000 !important;
outline: none;
text-decoration: none;
}
a:active {
color: #000000 !important;
outline: none;
text-decoration: none;
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
input::-webkit-input-placeholder {
/* WebKit browsers */
padding-left: 0px;
font-weight: 200;
}
input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
padding-left: 0px;
font-weight: 200;
}
input::-moz-placeholder {
/* Mozilla Firefox 19+ */
padding-left: 0px;
font-weight: 200;
}
input:-ms-input-placeholder {
/* Internet Explorer 10+ */
padding-left: 0px;
font-weight: 200;
}
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
/*border: 1px solid #c9d4da;*/
-webkit-text-fill-color: #000000;
-webkit-box-shadow: 0 0 0px 100px #FFFFFF inset;
transition: background-color 5000s ease-in-out 0s;
}
/*canvas {
display: block;
vertical-align: bottom;
}*/
.brand_name {
display: none;
margin-bottom: -20px;
padding-left: 30px;
width: 250px;
}
textarea,
button,
input.text,
input[type="text"],
input[type="tel"],
input[type="button"],
button[disabled],
input[type=submit][disabled=disabled],
button[disabled=disabled],
input[type=submit]:disabled,
button:disabled,
input[type="email"],
input[type="password"],
input[type="number"],
input[type="submit"] {
-moz-appearance: none;
-moz-outline-style: none;
-webkit-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
border-radius: 0;
display: inline;
margin: 0;
outline: none;
outline-style: none;
padding: 0;
}
button:focus {
outline: none;
}
::-webkit-input-placeholder {
text-indent: 0px !important;
font-weight: 200;
}
:-moz-placeholder {
text-indent: 0px !important;
font-weight: 200;
}
::-moz-placeholder {
text-indent: 0px !important;
font-weight: 200;
}
:-ms-input-placeholder {
text-indent: 0px !important;
font-weight: 200;
}
::selection {
background-color: #01754b;
color: #ffffff;
}
b {
font-weight: 400;
}
strong {
font-weight: 400;
}
.body_wrapper {
background-color: #ffffff;
border-radius: 0px;
box-shadow: 0 0 30px 0 rgba(104, 132, 163, 0.1);
display: block;
min-height: 100%;
padding: 0px;
position: relative;
text-align: center;
}
.body_wrapper_account {
background-color: #ffffff;
border-radius: 0px;
box-shadow: 0 0 30px 0 rgba(104, 132, 163, 0.1);
display: block;
min-height: 100%;
padding: 0px 0px 75px;
position: relative;
text-align: center;
/*overflow: hidden;*/
/*margin-top: 25px;*/
}
.body_wrapper_login {
background-color: #ffffff;
border-radius: 0px;
box-shadow: 0 0 30px 0 rgba(104, 132, 163, 0.1);
display: block;
height: 100vh;
min-height: 500px;
padding: 0px 50px 50px 50px;
position: relative;
text-align: center;
}
.body_wrapper_content {
border: solid 1px #dde3e6;
border-radius: 15px;
display: none;
margin: 0px 10px 30px 10px;
padding: 25px 30px 0px 30px;
position: relative;
}
.angled_box {
background-color: #76cc98e3;
border-radius: 100px;
display: inline-block;
height: 1200px;
left: -500px;
position: absolute;
top: -350px;
transform: rotate(45deg);
width: 1200px;
z-index: 0;
}
/* .products_background {
background: url(img/mrsv-bg.svg) no-repeat;
width: 800px;
height: 800px;
display: inline-block;
position: fixed;
left: 0;
top: 0;
} */
.top_navigation_wrapper {
display: block;
font-size: 18px;
height: 40px;
position: relative;
text-align: right;
}
.top_navigation_wrapper div {
border: solid 2px #ffffff;
border-radius: 50px;
cursor: pointer;
display: inline-block;
padding: 10px 20px 10px 20px;
position: relative;
}
.top_navigation_wrapper div:hover {
border: solid 2px #53aa75;
border-radius: 50px;
}
div.navigation_selected {
border: solid 2px #53aa75;
border-radius: 50px;
}
.navigation_wrapper {
display: block;
float: left;
font-size: 16px;
padding-bottom: 20px;
position: relative;
text-align: left;
}
.navigation_wrapper_container {
display: inline-block;
position: relative;
}
.navigation_parent {
border-radius: 100px;
font-size: 20px;
font-weight: 400;
margin-right: 10px;
padding: 7px 20px 9px 20px;
}
.navigation_child {
border-radius: 100px;
color: #aaaaaa;
font-size: 16px;
margin-right: 10px;
padding: 5px 20px 7px 20px;
}
.navigation_container {
width: 100%;
position: relative;
display: block;
text-align: center;
padding: 15px 0px 0px 0px;
border-bottom: solid 1px #d4dbe9;
position: sticky;
top: 0;
z-index: 3;
background: #FFFFFF;
box-shadow: 0 3px 8px 0 rgb(116,129,141,10%);
}
.navigation_container .swiper {
position: relative;
width: 100%;
min-width: 300px;
height: unset;
min-height: unset;
z-index: 0;
padding: 0px 0px 0px 7px;
}
.navigation_container .swiper-wrapper {
height: unset;
display: flex;
align-items: center;
justify-content: center;
}
.navigation_container .swiper-slide {
display: inline-table;
margin-right: 0px;
flex: 0;
box-sizing: content-box;
width: 100%;
padding: 7px 15px 20px 15px;
cursor: pointer;
border-radius: 0px;
border-bottom: solid 1px #FFFFFF;
color: #000000;
font-size: 16px;
text-decoration: none;
white-space: nowrap;
font-weight: 400;
text-align: center;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}
.navigation_container .swiper-slide-selected {
background-color: #ffffff;
border-bottom: solid 1px #01754b;
color: #01754b;
}
.navigation_container .swiper-slide-active {
}
@keyframes fadeInAnimation {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.crypto_pair_content {
animation: fadeInAnimation ease 1s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
.select_crypto_container_left {
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, rgba(255,255,255,0) 80%,rgba(255,255,255,1) 100%);
position: absolute;
pointer-events: none;
z-index: 2;
}
.select_crypto_container {
position: relative;
max-width: 100%;
margin: 0 auto;
overflow: hidden;
list-style: none;
z-index: 1;
padding: 30px 0px 0px 0px;
}
.select_crypto_container > .swiper-slide__content {
position: absolute;
top: 0;
}
.select_crypto_container .swiper-slide {
height: 46px;
display: inline-flex;
background-color: transparent;
border: solid 1px #ccd7e9;
border-radius: 50px;
color: #000000;
font-size: 16px;
padding: 0px;
text-decoration: none;
white-space: nowrap;
font-weight: 400;
align-items: center;
justify-content: center;
transition: all 200ms linear;
transform: scale(0.85);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.select_crypto_container .swiper-slide-active {
transform: scale(1);
background: #eff8f3;
border: solid 1px #01754b;
color: #01754b;
font-weight: 400;
}
.select_crypto_container .swiper-slide__content {
height: 300px;
}
.select_crypto_container .swiper-button-next,
.swiper-button-prev {
display: none;
}
.selected {
background-color: #52a974;
color: #ffffff;
}
.mr_progress_bar {
height: 2px;
background: #64bb86;
width: 0%;
position: absolute;
bottom: -1px;
left: 0;
transition: width .6s ease;
z-index: -1;
}
.buy_tokens_order_button {
font-size: 16px;
font-weight: 400;
line-height: 1.17648;
background: #01754b !important;
border-radius: 100px !important;
clear: both !important;
color: #ffffff !important;
cursor: pointer !important;
display: inline-block !important;
margin-top: 5px !important;
padding: 10px 25px 10px 25px !important;
text-align: center !important;
width: 200px;
clear: both;
/*
border: solid 1px #64bb86 !important;
box-shadow: 0 2px 5px 0 rgb(104,132,163,20%);
*/
}
.product_timeline_tab_container {
background: #ffffff;
/*border-bottom: solid 1px #dde3e6;*/
margin: 0px 0px 0px 0px;
display: block;
width: 100%;
}
.buy_sell_tokens_sub_nav {
margin: 0px 0px 0px 0px;
border-bottom: solid 1px #dde3e6;
padding: 0px;
font-size: 14px;
display: block;
position: relative;
text-align: center;
}
.buy_sell_nav {
padding: 0px 5px;
display: inline-block;
position: relative;
}
#timeline .product_timeline_tab_container {
background: #ffffff;
border-bottom: solid 1px #dde3e6;
margin: 0px 0px 0px 0px;
/*display: inline-block;*/
width: 100%;
max-width: 800px;
display: none;
}
.product_timeline_tab_container_box {
display: block;
position: relative;
}
.my_account_navigation {
}
.contact_input_container_spacer {
display: block;
height: 10px;
}
.trailPagination_box {
display: block;
text-align: left;
position: relative;
}
.caretTrail {
position: relative;
top: 2px;
}
.caretTrail:before {
content: '';
position: absolute;
top: 0;
left: 0;
border-left: 6px solid #000000;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
}
.caretTrail:after {
content: '';
position: absolute;
left: 0;
top: 1px;
border-left: 5px solid #fff;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
}
.ui-helper-hidden-accessible {
display: none;
}
.AutocompleteSuggestion {
display: block;
position: absolute;
z-index: 1;
padding: 0px;
}
ul.ui-menu {
list-style: none;
max-width: 950px;
display: inline-block;
background: #FFFFFF;
border: solid 1px #c9d4da;
padding: 5px 0px 0px 0px;
position: absolute !important;
text-align: left;
box-shadow: 0 3px 8px 0 rgb(116,129,141,10%);
}
ul.ui-menu li {
padding: 0px;
}
ul.ui-menu li:hover {
}
.ui-autocomplete {
max-height: 247px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
border-radius: 0px;
}
.ui-menu-item-wrapper {
padding: 12px 15px 12px 15px !important;
cursor: pointer;
font-size: 14px;
}
.ui-state-active {
background-color: #f5f6fb;
/*border: solid 1px #01754b;*/
color: #000000;
}
.ui-state-active:hover {
background-color: #f5f6fb;
/*border: solid 1px #01754b;*/
color: #000000;
}
.ui-state-active.ui-menu-item-wrapper > span:nth-of-type(1) {
}
/* scrollbar */
/* width */
.ui-autocomplete::-webkit-scrollbar {
width: 7px;
}
/* Track */
.ui-autocomplete::-webkit-scrollbar-track {
background: transparent;
}
/* Handle */
.ui-autocomplete::-webkit-scrollbar-thumb {
background-color: #ffffff;
border-radius: 0px;
border: solid 1px rgb(201,212,218,50%);
}
/* Handle on hover */
.ui-autocomplete::-webkit-scrollbar-thumb:hover {
background-color: #ffffff;
}
ul.trailPagination {
padding: 0px;
list-style: none;
}
ul.trailPagination li {
display: inline;
font-size: 14px;
padding: 0px 6px 0px 5px;
}
ul.trailPagination li + li:before {
}
ul.trailPagination li a {
color: #01754b !important;
text-decoration: none;
}
ul.trailPagination li a:hover {
color: #01754b;
text-decoration: none;
}
.address_name {
text-align: left;
font-weight: 400;
font-size: 18px;
padding: 0px 0px 5px 0px;
}
.card-brand {
text-align: left;
font-weight: 200;
font-size: 22px;
padding: 0px 0px 5px 0px;
}
.bank-brand {
text-align: left;
font-weight: 400;
font-size: 18px;
padding: 0px 0px 0px 0px;
}
.my_address {
text-align: left;
}
.card-number-data {
text-align: right;
padding: 10px 0px 15px 0px;
font-size: 20px;
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
align-content: center;
}
.bank-account-number-data {
padding: 10px 0px 0px 0px;
font-size: 20px;
display: flex;
width: 100%;
align-content: flex-start;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.card-chip-box {
display: flex;
position: relative;
}
.card-chip-box img {
width: 50px;
height: 50px;
}
.card-digits-box {
display: flex;
align-items: center;
flex-direction: row;
align-content: center;
}
.card-digits {
padding: 0px 7px 0px 0px;
vertical-align: middle;
font-size: 22px;
}
.card-last-digits {
font-weight: 400;
font-size: 25px;
}
#edit-card-last-digits {
font-weight: 400;
}
.primary_address_label_box {
text-align: left;
display: block;
padding: 15px 0px 0px 0px;
}
.address_container {
min-height: 100%;
width: 100%;
/*padding: 5rem;*/
background-color: inherit;
display: grid;
grid-template-columns: 1fr;
justify-content: center;
align-items: center;
}
.card-container {
min-height: 100%;
width: 100%;
/*padding: 5rem;*/
background-color: inherit;
display: grid;
grid-template-columns: 1fr;
justify-content: center;
align-items: center;
padding: 0px 8px 20px 8px;
}
#card-container-box .my_account_button_container {
}
.disabled-field {
background: #f4f6fb !important;
/*border: solid 1px rgb(201, 212, 218, 50%) !important;*/
}
#add-card .my_account_button_light_gray {
border: solid 1px #FFFFFF !important;
}
.my_account_button_container .my_account_button_light_gray {
border: solid 1px #FFFFFF !important;
}
#card-container-box .box_container_boundary_adjusted {
margin: 0px 0px 0px 0px;
}
.address_container_responsive {
display: grid;
/*padding: 1rem;*/
/*grid-template-rows: repeat(2, 1fr);*/
grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
/*column-gap: 0.5rem;*/
}
.card-container-responsive {
justify-items: center;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
gap: 15px;
}
.card-name-date {
display: inline-flex;
flex-direction: row;
align-content: center;
justify-content: flex-end;
align-items: center;
flex-wrap: nowrap;
width: 100%;
font-size: 16px;
}
.name-on-card {
display: flex;
justify-content: flex-start;
width: 100%;
text-align: left;
}
.security-code-box {
display: flex;
align-items: center;
}
.security-code-label {
font-size: 10px;
text-transform: uppercase;
display: inline-flex;
text-align: right;
justify-content: flex-end;
line-height: 11px;
}
.security-code {
font-size: 18px;
/* text-transform: uppercase; */
/* width: 10px; */
display: inline-flex;
line-height: 26px;
padding: 0px 0px 0px 5px;
font-weight: 400;
}
.side-by-side-box-container {
display: flex;
gap: 10px;
}
.side-by-side-box {
display: flex;
width: 50%;
position: relative;
}
#add-card .terms label {
padding: 2px 0px 0px 0px;
font-size: 16px;
color: #000000;
}
#new-card-last-digits {
font-weight:400;
}
.card-brand-name {
padding: 4px 8px 5px 8px;
font-size: 12px;
border-radius: 5px;
cursor: pointer;
font-weight: 400;
color: #000000;
display: inline-flex;
position: absolute;
top: 18px;
right: 15px;
border: 1px solid #c8d0dd;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 180px;
}
.autocomplete #AutocompleteSuggestion {
display: none;
position: relative;
z-index: 1;
padding: 0px;
list-style: none;
margin: -17px 0px 0px 0px;
}
.autocomplete #AutocompleteSuggestion ul {
list-style: none;
display: block;
width: 100%;
background: #FFFFFF;
border: solid 1px #c9d4da;
padding: 0px 0px 0px 0px;
position: absolute;
text-align: left;
box-shadow: 0 3px 8px 0 rgb(116, 129, 141, 10%);
max-height: 254px;
overflow-y: auto;
overflow-x: hidden;
border-radius: 0px;
margin: 16px 0px 0px 0px;
}
.autocomplete #AutocompleteSuggestion #suggestions li {
padding: 12px 15px 12px 15px;
cursor: pointer;
font-size: 16px;
list-style: none;
}
.autocomplete #AutocompleteSuggestion li div:nth-of-type(1) {
display: block;
font-weight: 400;
font-size: 18px;
}
.autocomplete #AutocompleteSuggestion li span:nth-of-type(1) {
display: block;
font-weight: 200;
font-size: 14px;
}
.autocomplete #AutocompleteSuggestion #suggestions li:hover {
background-color: #f5f6fb;
color: #000000;
}
.autocomplete #AutocompleteSuggestion ul::-webkit-scrollbar {
width: 7px;
}
.autocomplete #AutocompleteSuggestion ul::-webkit-scrollbar-thumb {
background-color: #ffffff;
border-radius: 0px;
border: solid 1px rgb(201, 212, 218, 50%);
}
.autocomplete #AutocompleteSuggestion ul::-webkit-scrollbar-track {
background: transparent;
}
.exp-date-box {
display: flex;
align-items: center;
padding: 0px 0px 0px 0px;
}
.bank-account-type-box {
display: flex;
align-items: center;
padding: 0px 0px 0px 0px;
}
.exp-date-label {
font-size: 10px;
text-transform: uppercase;
display: inline-flex;
text-align: right;
justify-content: flex-end;
line-height: 11px;
}
.exp-date {
font-size: 16px;
/* text-transform: uppercase; */
/* width: 10px; */
display: inline-flex;
line-height: 26px;
padding: 0px 0px 0px 6px;
font-weight: 400;
}
.bank-account-type {
font-size: 16px;
/* text-transform: uppercase; */
/* width: 10px; */
display: inline-flex;
line-height: 26px;
padding: 0px;
font-weight: 200;
}
.bank-name-ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 235px;
display: block;
position: relative;
}
.address_box_container {
margin: 0.5rem;
}
.card-box-container {
}
.swipe_signout_button {
background: transparent !important;
cursor: pointer;
color: #000000 !important;
font-weight: 400 !important;
}
.account_settings_saved {
background-color: #eff8f3;
border: solid 1px #53aa75;
border-radius: 10px;
color: #00754a;
display: block;
font-size: 16px;
line-height: 22px;
margin: 0px 0px 25px 0px;
padding: 10px 25px 10px 25px;
text-align: center;
}
.forgot_password_success {
background-color: #eff8f3;
border: solid 1px #53aa75;
border-radius: 10px;
color: #00754a;
display: block;
font-size: 16px;
line-height: 22px;
margin: 0px 0px 25px 0px;
padding: 10px 25px 10px 25px;
text-align: center;
}
.forgot_password_error {
background-color: #fff7f7;
border: solid 1px #e9a5a5;
border-radius: 10px;
color: #c10000;
display: block;
font-size: 16px;
line-height: 22px;
margin: 0px 0px 25px 0px;
padding: 10px 25px 10px 25px;
text-align: center;
list-style-type: none;
}
.field_label_title {
display: inline-block;
position: relative;
bottom: -9px;
left: 10px;
padding: 0px 10px;
z-index: 1;
background: #FFFFFF;
}
.contact_input_container .contact_form_input {
height: 60px;
padding: 18px 15px 0px 15px !important;
}
.password_holder .contact_form_input {
height: 60px;
padding: 18px 15px 0px 15px !important;
}
.login_container .contact_form_input {
height: 60px;
padding: 18px 15px 0px 15px !important;
}
.login_container input.invalid {
height: 60px;
padding: 18px 15px 0px 15px !important;
}
.contact_label_box .contact_form_input {
height: 60px;
padding: 18px 15px 0px 15px !important;
}
#email_address_label {
display: block;
position: relative;
}
.login_container .email_error {
top: 15px;
}
.contact_input_container .email_error {
top: 15px;
}
.password_holder .email_error {
top: 15px;
}
.login_container .contact_form_input {
background: #f4f6fb;
border: solid 1px rgb(201,212,218,50%) !important;
}
.login_container input.invalid {
background: #f4f6fb;
border: solid 1px rgb(201,212,218,50%) !important;
}
/*.movable_label {
position: absolute;
top: calc(50% + (-1px));
left: 10px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 16px;
color: #000000;
pointer-events: none;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s;
padding: 0px 5px 0px 5px;
}
input:focus + .movable_label,
input.has-value + .movable_label,
textarea:focus + .movable_label,
textarea.has-value + .movable_label {
top: 21px;
font-size: 14px;
color: #000000;
}*/
/*textarea:focus + .movable_label,
textarea.has-value + .movable_label {
top: 0px;
}*/
input:focus::-webkit-input-placeholder {
color: transparent;
}
.movable_label {
position: absolute;
top: calc(50% + (-1px));
left: 11px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 16px;
color: #000000;
pointer-events: none;
-webkit-transition: all 0.10s ease-out 0s;
transition: all 0.10s ease-out 0s;
padding: 0px 5px 0px 5px;
}
input:focus ~ .movable_label {
top: 19px;
font-size: 13px;
color: #000000;
}
input:not(:placeholder-shown) + .movable_label {
top: 19px;
font-size: 13px;
color: #000000;
opacity: 1;
}
/* start gallery */
.swiper {
width: 100%;
height: 100%;
min-height: 600px;
z-index: -1;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
min-height: 600px;
max-height: 1200px;
max-width: 1500px;
object-fit: cover;
/*image-rendering: auto;
image-rendering: crisp-edges;
image-rendering: pixelated;*/
/* Safari seems to support, but seems deprecated and does the same thing as the others. */
/*image-rendering: -webkit-optimize-contrast;*/
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,14px));
height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,14px));
display: inline-block;
border-radius: 50%;
background: #ffffff;
opacity: var(--swiper-pagination-bullet-inactive-opacity, 1.0);
border: solid 1px #c8cdd9;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 300px;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap,2px);
}
:root {
--swiper-theme-color: #dde3e6;
}
.no_code_received {
padding: 25px 0px 0px 0px;
font-size: 16px;
font-weight: 400;
}
.trust_device {
font-size: 16px;
font-weight: 400;
}
.trust_description {
font-size: 16px;
font-weight: 200;
}
.resend_2fa_code {
font-weight: 200;
font-size: 16px;
padding: 8px 0px 0px 0px;
}
.resend-2fa-countdown {
font-weight: 400;
color: #01754b;
}
.ok_resend_2fa_code {
display: none;
}
.having_trouble {
font-size: 16px;
font-weight: 200;
padding: 30px 0px 0px 0px;
display: block;
}
/* end gallery */
.product_timeline_row {
margin: 10px -16px;
}
/* Add padding BETWEEN each column */
.product_timeline_row,
.product_timeline_row > .product_timeline_column {
padding: 8px;
}
/* Create three equal columns that floats next to each other */
.product_timeline_column {
display: none; /* Hide all elements by default */
}
/* Clear floats after rows */
.product_timeline_row:after {
clear: both;
content: "";
display: table;
}
/* Content */
.product_timeline_content {
}
/* The "show" class is added to the filtered elements */
.product_timeline_show {
display: block;
}
/* Style the buttons */
.product_timeline_btn {
background-color: transparent;
border: none;
cursor: pointer;
font-size: 18px;
outline: none;
padding: 15px 12px 14px 12px;
/* border-bottom: solid 3px #FFFFFF;*/
}
.product_timeline_btn:hover {
background-color: transparent;
}
.product_timeline_btn.product_timeline_btn_active {
-moz-box-shadow: inset 0px -1px 0px #64bb86, 0px 1px 0px #64bb86;
-webkit-box-shadow: inset 0px -1px 0px #64bb86, 0px 1px 0px #64bb86;
box-shadow: inset 0px -1px 0px #64bb86, 0px 1px 0px #64bb86;
/* background-color: rgb(100,187,134, 7%); */
color: #000000;
}
@keyframes color {
0% {
box-shadow: 0 0 10px 0 #ffffff;
}
50% {
box-shadow: 0 0 20px 0 #76cc98;
}
100% {
box-shadow: 0 0 10px 0 #ffffff;
}
}
.buy_future_tokens_order_button {
/*border: solid 2px #64bb86;*/
border: solid 1px #dde3e6;
border-radius: 100px;
clear: both;
/*background: linear-gradient(90deg, #b7bcd2 0%, #b7bcd2 100%);*/
/*color: #64bb86;*/
color: #000000;
display: block;
font-size: 15px;
font-weight: 400;
height: 61px;
padding: 10px 10px 0px 10px;
text-align: center;
}
.round_one_label {
font-size: 24px;
padding: 0px 0px 11px 0px;
}
.phase_label {
font-size: 30px;
font-weight: 800;
}
.next_phase_label {
font-size: 24px;
padding-bottom: 20px;
}
.next_phase_price {
font-size: 50px;
}
.token_label {
margin-top: -7px;
padding-bottom: 35px;
}
.pre_sale_wrapper {
padding: 0px 50px 75px 50px;
background: linear-gradient(180deg, #ffffff 10%, rgba(245,247,250,0.5) 100%);
border-bottom: solid 1px #e7eaf1;
position: relative;
}
#particles-js {
position: absolute;
padding: 0;
margin: 0;
height: 100%;
width: 100%;
max-width: 1500px;
left: 0;
}
.pre_sale_wrapper_title_left {
display: block;
font-family: sans-serif;
font-size: 80px;
font-weight: 200;
line-height: 80px;
margin: 90px 0px 0px 0px;
position: relative;
text-align: left;
/* Fallback: Set a background color. */
background-color: #000000;
/* Create the gradient. */
background-image: linear-gradient(45deg, #53aa75, #009ab9);
/* Set the background size and repeat properties. */
background-size: 100%;
background-repeat: repeat;
/* Use the text as a mask for the background. */
/* This will show the gradient as a text color rather than element bg. */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-background-clip: text;
-moz-text-fill-color: transparent;
padding-bottom: 4px;
}
.pre_sale_wrapper_title {
display: block;
font-size: 35px;
line-height: 40px;
margin: 0px 0px 20px 0px;
position: relative;
}
.pre_sale_blockchain {
display: block;
font-size: 13px;
margin: 10px 0px 50px 0px;
position: relative;
}
.pre_sale_wrapper_explanation {
font-size: 25px;
margin: 26px 50px 0px 0px;
text-align: left;
}
.bold_text {
font-size: 35px;
font-weight: 400;
}
.pre_sale_wrapper_title_large {
font-size: 60px;
}
.around_phase_one {
border: solid 1px #dde3e6;
border-radius: 20px;
box-shadow: 0 0 20px 0 rgb(234, 237, 239);
float: left;
height: 288px;
padding: 30px 30px 30px 30px;
width: 100%;
position: relative;
overflow: hidden;
}
.around_phase_two {
border: solid 1px #dde3e6;
border-radius: 20px;
box-shadow: 0 0 20px 0 rgb(234, 237, 239);
float: left;
height: 288px;
padding: 30px 30px 30px 30px;
width: 100%;
}
.pre_sale_ad_left {
float: left;
width: 25%;
/* padding: 10px;*/
}
.pre_sale_ad_left_ended {
padding-left: 20px;
}
.pre_sale_ad_right {
float: left;
padding-left: 20px;
width: 25%;
}
.pre_sale_ad_right_active {
float: left;
padding-left: 20px;
width: 40%;
}
.pre_sale_ad_ended {
float: left;
padding-left: 0px;
width: 25%;
}
.tagline_ad_left {
float: left;
padding: 0px;
width: 45%;
z-index: 1;
position: relative;
}
.tagline_ad_right {
float: left;
padding: 10px;
width: 55%;
z-index: 1;
position: relative;
}
.pre_sale_wrapper:after {
clear: both;
content: "";
display: table;
}
.latest_progress {
display: block;
margin-top: -68px;
position: relative;
text-align: center;
}
.latest_progress_container {
display: inline-block;
position: relative;
width: 50%;
}
.latest_progress_container::before {
content: "$0";
float: left;
font-size: 20px;
margin-left: 0px;
position: relative;
text-align: left;
}
.latest_progress_container::after {
content: "$10 Million";
float: right;
font-size: 20px;
margin-right: 0px;
position: relative;
text-align: right;
}
.progress_bar {
border-radius: 20px;
display: inline-block;
/*border: solid 1px #dde3e6;*/
display: none;
padding: 80px 30px 30px 30px;
}
.divider_line {
border-bottom: solid 1px #dde3e6;
display: none;
position: relative;
width: 80%;
}
.divider_line_mask {
display: inline-block;
height: 10px;
overflow: hidden;
width: 75%;
}
.divider_line_mask::after {
border-radius: 125px/12px;
box-shadow: 0 0 8px #ccc;
content: "";
display: block;
height: 25px;
margin: -25px auto 0;
width: 100%;
}
.mrsv_distribution_container_left li {
list-style: none;
padding-left: 0;
position: relative;
}
.mrsv_distribution_container_left li:before {
background-image: url(../img/bullet.svg);
background-position: center;
background-size: cover;
content: "";
height: 20px;
left: -30px;
position: absolute;
top: 10px;
transform: translateY(-10px);
width: 20px;
}
.mrsv_distribution {
display: inline-block;
width: 100%;
position: relative;
text-align: center;
text-align: -webkit-center;
/*background: rgb(240, 240, 255, 60%);
border: solid 1px rgb(226,226,245);
border-radius: 15px;*/
}
.mrsv_distribution img {
}
.mrsv_marketcap {
display: block;
margin: 0px 0px 1% 0px;
/* background: rgb(239 248 243 / 50%); */
padding: 20px 0px 10px 0px;
}
.mrsv_marketcap_container {
background: linear-gradient(0deg, #ffffff 0%, rgb(242, 244, 248) 100%);
margin-bottom: 30px;
/* background: linear-gradient(0deg, #ffffff 0%, rgb(226, 241, 233, 70%) 100%); */
padding-top: 50px;
}
.mrsv_distribution_container {
display: block;
font-size: 18px;
margin-top: 0px;
position: relative;
}
.mrsv_distribution_container_left {
display: none;
float: left;
font-size: 18px;
padding: 100px 50px 0px 40px;
text-align: left;
width: 40%;
}
.mrsv_distribution_container_right {
display: none;
float: left;
padding: 0px 0px 0px 0px;
width: 60%;
}
.mrsv_distribution_container_left li {
padding-bottom: 30px;
text-align: justify;
}
.mrsv_contact_container_title {
font-size: 36px;
font-weight: 400;
text-align: center;
}
.mrsv_distribution_container_left_title {
font-size: 40px;
padding-top: 25px;
}
.mrsv_marketcap_title {
font-size: 40px;
margin-top: 0px;
}
.mrsv_overview_subtitle {
font-size: 18px;
line-height: 25px;
}
.mrsv_contact_subtitle {
font-size: 18px;
line-height: 25px;
padding: 0px 0px 20px 0px;
text-align: center;
}
.mrsv_tokenomics_subtitle {
display: inline-block;
font-size: 18px;
line-height: 25px;
padding: 0px 0px 30px 0px;
max-width: 900px;
}
.mrsv_timeline_subtitle {
display: inline-block;
font-size: 18px;
line-height: 25px;
padding: 0px 0px 30px 0px;
max-width: 900px;
}
.product_preview_box_title .mrsv_timeline_subtitle {
max-width: 550px;
padding: 5px 0px 25px 0px;
}
.mrsv_marketcap_subtitle {
display: inline-block;
font-size: 18px;
line-height: 25px;
padding: 0px 0px 30px 0px;
max-width: 900px;
}
.mrsv_overview_container_title {
font-size: 40px;
padding-top: 60px;
}
.mrsv_product_preview_title {
font-size: 40px;
padding-top: 25px;
}
.mrsv_product_preview_subtitle {
display: inline-block;
font-size: 18px;
line-height: 25px;
max-width: 70%;
padding: 0px 0px 30px 0px;
}
.mrsv_options_box {
background: linear-gradient(180deg, #fafcfe 0%, rgb(255 255 255 / 0%) 100%);
border-radius: 10px;
box-shadow: 0 0 30px 0 rgb(104 132 163 / 10%);
max-width: 310px;
min-height: 215px;
padding: 20px;
}
.mrsv_options_box_svg {
max-height: 129px;
width: 100%;
}
.mrsv_index_effect {
font-size: 16px;
padding: 0px 0px 15px 0px;
}
.mrsv_crypto_actions {
display: inline-block;
float: left;
font-size: 45px;
padding: 0px 0px 50px 0px;
position: relative;
width: 54%;
}
.mrsv_crypto_actions_left {
border-top: solid 2px #000000;
display: inline-block;
float: left;
margin-top: 60px;
position: relative;
width: 23%;
}
.mrsv_crypto_actions_right {
border-top: solid 2px #000000;
display: inline-block;
float: left;
margin-top: 60px;
position: relative;
width: 23%;
}
.mrsv_crypto_actions_box {
display: inline-block;
text-align: center;
width: 100%;
}
.mrsv_options_box_title {
display: inline-block;
font-size: 24px;
font-weight: 400;
/* color: #0b397b; */
padding: 0px 0px 10px 0px;
width: 70%;
}
.mrsv_options_box_description {
border-top: solid 1px #000000;
display: inline-block;
font-size: 16px;
/* color: #0b397b; */
padding: 10px 0px 13px 0px;
width: 70%;
}
.mrsv_options_container_box {
float: left;
min-width: 310px;
position: relative;
width: 25%;
}
.mrsv_options_container_box:nth-child(-n + 4) {
padding-right: 15px;
}
.mrsv_options_container_box_boundary {
padding-left: 15px;
}
.mrsv_options_container {
display: block;
margin-bottom: 50px;
margin-top: 50px;
padding-left: 50px;
padding-right: 50px;
position: relative;
width: 100%;
}
.mrsv_fact_container {
display: inline-block;
margin-bottom: 80px;
margin-top: 225px;
position: relative;
width: 100%;
}
.go_back_home {
display: flex;
}
.creative_metrics {
text-align: left;
padding: 15px 0px 15px 0px;
background: #f4f6fb;
border-top: solid 1px #e7eaf1;
line-height: 22px;
margin: 30px 0px 0px 0px;
}
.creative_metrics_name {
display: inline-block;
width: 200px;
text-align: right;
padding: 0px 6px 0px 0px;
}
.creative_metrics_data {
display: inline-block;
clear: right;
}
.total-metrics {
border: solid 1px #e7eaf1;
background: #ffffff;
}
.maison-campaign-creative-image {
max-width: 1500px;
width: 100%;
padding: 0px 0px 0px 0px;
}
.mrsv_fact_container img {
max-width: 550px;
width: 70%;
}
.mrsv_overview_container {
display: block;
position: relative;
}
.mrsv_tokenomics_container {
/*background: rgb(240, 240, 255, 60%);*/
}
.mrsv_overview_container_box {
background: linear-gradient( 180deg, #ffffff 0%, rgb(232, 243, 252, 100%) 100% );
margin-bottom: 5px;
}
.mrsv_overview_container_box_index {
background-image: url(../img/mrsv_index_background.svg);
background-position: 50% 105%;
background-repeat: no-repeat;
background-size: 105%;
overflow: hidden;
position: relative;
width: 100%;
}
.legal {
float: left;
padding: 10px;
text-align: justify;
text-justify: inter-word;
width: 50%;
}
.confirmation_checkmark {
border-radius: 100px;
height: 50px;
width: 50px;
display: inline-block;
position: relative;
background: #64bb86;
}
.confirmation_checkmark::after {
border-left: solid 3px #ffffff;
content: "";
display: inline-block;
height: 16px;
left: 24px;
position: absolute;
top: 15px;
}
.confirmation_checkmark:after {
border-bottom: 3px solid #ffffff;
border-left: 3px solid #ffffff;
height: 10px;
left: 11px;
top: 15px;
transform: rotate( -45deg );
width: 24px;
}
.read_more {
border: solid 1px transparent;
float: left;
height: 50px;
width: 40px;
display: inline-block;
position: relative;
}
.thank_you {
display: block;
position: relative;
font-size: 16px;
}
.read_more::after {
border-left: solid 2px #000000;
content: "";
display: inline-block;
height: 18px;
left: 24px;
position: absolute;
top: 14px;
}
.go_back_arrow {
border-radius: 100px;
float: left;
width: 50px;
}
.go_back_arrow::after {
border-top: solid 2px #000;
content: "";
display: inline-block;
left: 19px;
position: absolute;
top: 24px;
width: 16px;
}
.arrow_back {
border-color: #000000;
border-style: solid;
border-width: 0px 2px 2px 0px;
box-sizing: border-box;
display: inline-block;
height: 12px;
margin-top: 19px;
transform: rotate(135deg);
transition: border-width 150ms ease-in-out;
width: 12px;
}
.go_back_label {
float: left;
margin: 15px 0px 0px -7px;
}
/* .read_more::before {
content: '';
position: absolute;
display: inline-block;
height: 30px;
border-left: dashed 2px #000;
left: 24px;
top: 13px;
} */
.pre_sale_ends {
font-size: 18px;
margin-top: 60px;
}
.pre_sale_campaign {
background-color: #ffffff;
border: solid 1px #dde3e6;
border-radius: 15px;
display: inline-block;
min-height: 100px;
overflow: hidden;
padding: 30px;
position: relative;
text-align: center;
width: 100%;
}
.country_flag {
flex: auto;
padding: 10px;
width: 50px;
}
.language {
background-color: #b7bcd2;
border-radius: 15px;
color: #ffffff;
display: inline-block;
font-size: 14px;
margin-right: 50px;
padding: 5px 15px 5px 15px !important;
position: relative;
text-align: center;
}
.countdown_clock {
display: block;
position: relative;
}
/* Create two equal columns that floats next to each other */
.current_campaign {
float: left;
font-size: 14px;
padding: 20px 0px 20px 30px;
text-align: left;
width: 50%;
}
/* Create two equal columns that floats next to each other */
.next_campaign {
background-color: #f5f7fa;
border-left: solid 1px #dde3e6;
float: left;
font-size: 14px;
padding: 20px 0px 20px 30px;
text-align: left;
width: 50%;
}
.campaign_row {
border-bottom: solid 1px #dde3e6;
margin: -31px;
}
/* Clear floats after the columns */
.campaign_row:after {
clear: both;
content: "";
display: table;
}
.caret {
bottom: -24px;
display: inline-block;
position: relative;
}
.caret:before {
border-left: 13px solid transparent;
border-right: 13px solid transparent;
border-top: 13px solid #d1d4e6;
content: "";
left: 0;
position: absolute;
top: 0;
}
.caret:after {
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 12px solid #fff;
content: "";
left: 1px;
position: absolute;
top: 0;
}
.bonus_text {
font-size: 18px;
font-weight: 400;
}
.statistics_container {
display: inline-block;
margin-top: 15px;
text-align: center;
width: 50%;
}
.read_more_container {
cursor: pointer;
display: inline-block;
margin-top: 50px;
position: relative;
border: solid 1px #394357;
border-radius: 100px;
padding: 0px 5px;
}
.view_timeline {
display: inline-block;
float: left;
padding: 13px 18px 0px 5px;
position: relative;
font-size: 20px;
color: #000000;
}
.statistics {
float: left;
padding: 15px 10px 10px 10px;
width: 33%;
}
.pre_sale_progress_bar_wrapper {
background-color: #f1f3f4;
border-radius: 100px;
height: 30px;
margin: 0px 0px 0px 0px;
text-align: left;
}
.pre_sale_progress_bar_status {
animation-duration: 2s;
animation-iteration-count: infinite;
animation-name: color;
background: linear-gradient(90deg, #76cc98 0%, #64bb86 100%);
background-color: #52a974;
border-radius: 50px 50px 50px 50px;
box-shadow: 0 0 10px 0 #76cc98;
display: inline-block;
height: 30px;
position: relative;
width: 19%;
}
.pre_sale_progress_bar_status_marker {
background-color: #72b600;
display: inline-block;
height: 39px;
margin: -19px 0px 0px 56px;
position: relative;
width: 0px;
}
.pre_sale_progress_bar_token_status_marker {
background-color: rgb(127, 190, 28);
display: inline-block;
height: 39px;
margin: 0px 0px 0px 10px;
position: relative;
width: 1px;
}
.pre_sale_progress_bar_token_status {
background: rgb(151, 212, 44);
background: linear-gradient( 180deg, rgba(151, 212, 44, 1) 0%, rgba(99, 165, 9, 1) 100% );
display: inline-block;
float: right;
height: 20px;
margin: 19px -10px 0px 0px;
position: relative;
width: 10px;
}
.pre_sale_progress_products_sold {
font-size: 14px;
margin: 23px 0px 0px 5px;
width: 250px;
}
.pre_sale_progress_bar_start_end {
display: inline-block;
font-size: 14px;
height: 30px;
margin-top: -40px;
padding: 0px 0px 0px 0px;
position: relative;
width: 500px;
}
.pre_sale_start {
float: left;
font-size: 20px;
}
.pre_sale_end {
float: right;
font-size: 20px;
}
.around_countdown {
border: solid 1px #dde3e6;
border-radius: 20px;
box-shadow: 0 0 20px 0 rgb(234, 237, 239);
height: 315px;
padding: 30px 0 30px 0;
}
.amount_raised_to_date {
font-size: 16px;
}
.amount_raised {
font-size: 25px;
}
.mr_price_conversion {
clear: both;
display: block;
font-size: 10px;
line-height: 0px;
margin-top: 0px;
position: relative;
}
.mr_conversion_value {
font-size: 18px;
font-weight: 200;
padding-top: 10px;
}
input.select_dollar_amount {
background-color: #ffffff;
border: solid 1px #bbbbbb;
border-radius: 100px;
font-size: 20px;
height: 50px;
padding: 4px 0px 5px 15px;
width: 90%;
}
.select_dollar_amount_wrapper {
display: block;
position: relative;
}
.select_dollar_amount_submit {
background-color: #000000;
border-radius: 100px;
color: #ffffff;
cursor: pointer;
display: inline-block;
float: right;
font-size: 18px;
font-weight: 400;
height: 50px;
line-height: 36px;
margin-top: -50px;
padding: 7px 30px 9px 30px;
position: relative;
z-index: 1;
}
.select_dollar_amount_wrapper_parent {
display: block;
padding: 0px 0px 30px 0px;
position: relative;
text-align: left;
}
.select_dollar_amount_title {
font-size: 35px;
font-weight: 800;
padding: 0px 0px 30px 0px;
}
.cdb {
padding: 0px 0px 11px 0px;
}
.countdown {
padding: 0px 0px 11px 0px;
}
.countdown ul {
padding-inline-start: 0px;
}
.countdown li {
background-color: #f1f3f4;
border: solid 1px #dde3e6;
/*background-color: rgb(223 225 238 / 50%);*/
border-radius: 5px;
color: #000000;
display: inline-block;
font-size: 12px;
list-style-type: none;
margin: 3px;
padding: 6px 15px 10px 15px;
text-transform: uppercase;
width: 110px;
}
.countdown li:first-child {
/*border-radius: 100px 0px 0px 100px;*/
/*padding-left: 20px;
width: 100px;
border-right: solid 1px;*/
}
.countdown li:nth-child(2) { /*border-right: solid 2px #FFFFFF;*/
}
.countdown li:nth-child(3) { /* border-right: solid 1px #FFFFFF;*/
}
.countdown li:last-child {
/*border-radius: 0px 100px 100px 0px;
padding-right: 20px;
width: 100px;*/
}
.countdown li span {
display: block;
font-size: 50px;
font-weight: 200;
}
.message {
display: none;
font-size: 4rem;
padding: 1rem;
}
.emoji {
padding: 0 0.25rem;
}
.faq_container {
display: inline-block;
margin-top: 0px;
max-width: 850px;
position: relative;
padding: 25px;
}
.faq_title {
font-size: 36px;
font-weight: 400;
margin: 0px 0px 30px 0px;
padding-top: 0px;
}
.timeline {
border: solid 1px #dde3e6;
/* box-shadow: 0 0 20px 0 rgb(234 237 239); */
border-radius: 20px;
display: inline-block;
/* background-color: #f7f8fb; */
overflow: hidden;
/*margin-top: 30px; */
padding: 0px;
position: relative;
width: 100%;
}
.timeline_title {
font-size: 40px;
margin-bottom: 30px;
padding-top: 50px;
}
.reserve_tokens_title {
font-size: 36px;
padding-top: 0px;
font-weight: 400;
}
.reserve_tokens_subtitle {
display: inline-block;
font-size: 18px;
line-height: 25px;
padding: 0px 0px 20px 0px;
width: 100%;
}
.reserve_tokens_subtitle_referral {
padding: 0px 0px 0px 0px;
}
.current_token_price {
font-size: 16px;
padding: 15px 0px 10px 0px;
text-align: left;
z-index: 1;
position: relative;
}
.CreateLimitOrder .current_token_price {
text-align: center;
}
.live_chart_rates_container {
display: flex;
margin: 0px 0px 0px 0px;
}
.live_chart_rates_price {
text-align: left;
margin: 0;
flex: 0 auto;
padding: 0px 0px 0px 25px;
}
.live_chart_rates_timeframe {
text-align: right;
vertical-align: middle;
align-items: center;
justify-content: flex-end;
display: flex;
margin: 0;
flex: 1 1 auto;
padding: 4px 25px 0px 0px;
}
.live_chart_rates_timeframe .switch-field {
gap: 2px;
}
.live_chart_rates_timeframe .switch-field input:checked + label {
background: rgb(255, 255, 255);
}
.live_balance_send_container {
padding: 15px 0px 15px 0px;
text-align: center;
position: relative;
display: block;
}
.live_balance_container {
padding: 40px 0px 0px 0px;
text-align: center;
position: relative;
display: block;
}
.live_balance_dollars {
font-size: 45px;
font-weight: 400;
padding: 0px 0px 0px 0px;
text-align: center;
position: relative;
display: inline-flex;
align-items: flex-start;
margin: 0px 0px -3px 0px;
}
.dollar_superscript {
font-size: 50%;
font-weight: 200;
padding: 9px 1px 0px 0px;
}
.live_balance_crypto {
font-size: 16px;
padding: 0px 0px 0px 0px;
text-align: center;
position: relative;
display: block;
}
.live_balance_dollars_cents {
font-size: 55%;
position: relative;
display: contents;
}
.mainContainer_box {
padding-top: 15px;
}
.current_tokens_available {
font: 400 35px Roboto;
}
.current_token_price_dollars {
}
.container_box_crypto {
border: solid 1px #dde3e6;
border-radius: 10px;
overflow: hidden;
margin: 0px 0px 15px 0px;
}
.billing-options-container {
/*border: solid 1px #dde3e6;*/
border-radius: 10px;
overflow: hidden;
margin: 15px 0px 15px 0px;
min-width: 270px;
}
.billing-options-container .collapsible {
background-color: #ffffff;
color: #000000;
cursor: pointer;
font-size: 16px;
font-weight: 400;
outline: none;
padding: 15px 45px 15px 15px;
position: relative;
text-align: left;
}
.billing-options-container .collapsible:after {
right: 15px;
top: 16px;
}
.billing-options-container-line {
border-top: solid 1px #dde3e6;
display:block;
}
.billing-options {
background-color: #ffffff;
font-size: 18px;
max-height: 0;
overflow: hidden;
text-align: left;
transition: max-height 0.2s ease-out;
}
.billing-options .maison_reserve_wrapper {
max-width: 100%;
background: #f5f6fb;
border-top: solid 1px #dde3e6;
}
.billing-options .global-custom-radio {
display: flex;
align-items: center;
cursor: pointer;
font-size: 16px;
color: #000000;
padding: 5px 15px 5px 15px;
}
.billing-options .global-custom-radio-text-bank {
padding: 0px 0px 0px 2px;
}
.container_box_question {
border: solid 1px #dde3e6;
border-radius: 10px;
overflow: hidden;
margin: 0px 0px 15px 0px;
}
.collapsible-liquidity {
background-color: #ffffff;
color: #000000;
cursor: pointer;
font-size: 18px;
font-weight: 400;
outline: none;
padding: 20px 45px 20px 25px;
position: relative;
text-align: left;
width: 100%;
}
.active_box,
.collapsible-liquidity:hover {
}
.collapsible-liquidity.active_box {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.collapsible-liquidity:before {
content: "";
float: left;
height: 29px;
right: 0px;
position: absolute;
width: 29px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transition: 0.35s transform ease-in-out;
}
.collapsible-liquidity:after {
background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg' id='' preserveAspectRatio='xMidYMid meet'%3E%3Cpath d='M13.215 6.833L8.438 11.41c-.16.135-.31.19-.438.19a.635.635 0 01-.415-.167l-4.8-4.6c-.24-.228-.247-.63-.018-.848a.597.597 0 01.848-.018L8 10.17l4.385-4.2a.597.597 0 01.848.018c.23.215.222.617-.018.845z' fill='%232A2B32'%3E%3C/path%3E%3C/svg%3E") no-repeat;
content: "";
float: right;
height: 18px;
right: 20px;
position: absolute;
top: 23px;
width: 18px;
transition: 0.35s transform ease-in-out;
}
.collapsible {
background-color: #ffffff;
color: #000000;
cursor: pointer;
font-size: 18px;
font-weight: 400;
outline: none;
padding: 20px 45px 20px 25px;
position: relative;
text-align: left;
width: 100%;
}
.active_box,
.collapsible:hover {
}
.collapsible.active_box {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.collapsible:before {
content: "";
float: left;
height: 29px;
right: 0px;
position: absolute;
width: 29px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transition: 0.35s transform ease-in-out;
}
.collapsible:after {
background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg' id='' preserveAspectRatio='xMidYMid meet'%3E%3Cpath d='M13.215 6.833L8.438 11.41c-.16.135-.31.19-.438.19a.635.635 0 01-.415-.167l-4.8-4.6c-.24-.228-.247-.63-.018-.848a.597.597 0 01.848-.018L8 10.17l4.385-4.2a.597.597 0 01.848.018c.23.215.222.617-.018.845z' fill='%232A2B32'%3E%3C/path%3E%3C/svg%3E") no-repeat;
content: "";
float: right;
height: 18px;
right: 20px;
position: absolute;
top: 23px;
width: 18px;
transition: 0.35s transform ease-in-out;
}
.active_box:after {
content: "";
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
p {
margin: 0px;
padding: 0px;
}
.content {
background-color: #ffffff;
font-size: 18px;
max-height: 0;
overflow: hidden;
text-align: left;
transition: max-height 0.2s ease-out;
}
.faq_container .content {
}
.content span {
display: block;
font-size: 18px;
padding-bottom: 25px;
padding-left: 25px;
padding-right: 25px;
position: relative;
}
.referral_earning_data .content {
background-color: #f1f3f4;
background-color: #ffffff;
/*box-shadow: inset 1px 0px 0px 0px rgb(226 230 236), inset -1px 0px 0px 0px rgb(226 230 236), inset 0px -1px 0px 0px rgb(226 230 236);*/
/* border-left: solid 2px #64bb86; */
font-size: 18px;
margin-bottom: 0px;
max-height: 0;
overflow: hidden;
padding: 0px;
text-align: left;
transition: max-height 0.2s ease-out;
}
.referral_earning_data .content .collapsible_box {
display: block;
font-size: 18px;
padding-bottom: 25px;
padding-left: 25px;
padding-right: 25px;
position: relative;
}
.in_development {
font-weight: 200;
}
.privacy_box {
display: block;
text-align: center;
padding: 0px 35px 10px 35px;
color: #000000;
background: #f4f6fb;
}
.privacy {
display: inline-block;
font-size: 12px;
max-width: 900px;
padding: 25px 0px 25px 0px;
text-align: justify;
}
.legal_title {
display: block;
font-size: 14px;
margin-bottom: 0px;
}
.indent {
padding-left: 19px;
}
.mrsv_social_container {
display: inline-block;
max-width: 1180px;
padding-top: 35px;
position: relative;
width: 100%;
}
.mrsv_social_container img {
height: 28px;
padding: 0px 15px;
}
.mrsv_social {
}
.mrsv_terms_divider {
border-top: solid 1px #000000;
display: inline-block;
margin-top: 60px;
max-width: 1180px;
position: relative;
width: 100%;
}
.maison_reserve_terms {
clear: both;
display: inline-block;
font-size: 12px;
margin-top: 5px;
max-width: 1200px;
overflow: hidden;
position: relative;
text-align: left;
padding: 15px 25px;
z-index: 1;
}
.maison_reserve_terms_box {
clear: both;
display: block;
position: relative;
text-align: center;
color: #9fa9bd;
background: #394357;
margin-top: 55px;
}
.maison_reserve_branding {
border: none;
display: inline-block;
height: 100%;
padding: 51px 51px 0px 51px;
width: 100%;
}
.maison_reserve_branding img {
width: 100%;
}
.lowercase_email {
text-transform: lowercase;
}
.responsive_brand {
display: none;
position: relative;
}
.responsive_brand img {
height: 40px;
}
.responsive_brand_display {
display: inline-block;
transition: all 0.5s;
left: 40px;
top: 14px;
position: absolute;
}
.corner-ribbon-cs {
width: 200px;
/* background: #e43; */
position: absolute;
top: 25px;
left: -50px;
text-align: center;
line-height: 50px;
letter-spacing: 1px;
color: #FFFFFF;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
display: inline-block;
}
.corner-ribbon-cs.top-right-cs {
top: 31px;
right: -55px;
font-size: 12px;
line-height: 28px;
-webkit-transform: rotate(45deg);
left: auto;
background: #394357;
}
.timeline_container {
display: block;
/*font-family: "Roboto", sans-serif;*/
margin: auto;
max-width: 800px;
position: relative;
}
.order_timeline_container_box {
/*background: linear-gradient(0deg, #ffffff 0%, #f7f8fb 100%);*/
width: 100%;
max-width: 1000px;
display: inline-block;
}
#timeline .order_timeline_container_title {
background: #ffffff;
border-top: none;
box-shadow: none;
font-size: 40px;
font-weight: 200;
padding-top: 25px;
}
#timeline .order_timeline_container_text {
background: #FFFFFF;
padding-bottom: 40px;
}
#timeline .timeline_container {
padding-top: 0px;
}
.order_timeline_container {
background: linear-gradient(0deg, #ffffff 0%, #f5f6fb 100%);
}
.order_timeline_container_title {
background: #f5f6fb;
border-top: solid 1px #dde3e6;
box-shadow: inset 0 5px 0 rgb(221, 227, 230, 30%);
font-size: 45px;
font-weight: 200;
padding-top: 20px;
position: relative;
}
.account_tab_section .order_timeline_container_title {
margin-top: 25px;
}
.order_timeline_container_text {
background: #f5f6fb;
display: block;
font-size: 18px;
padding: 0px 20px 20px 20px;
position: relative;
text-align: center;
}
.timeline_container_box {
/* box-shadow: 0 0 20px 0 rgb(234 237 239); */
border-radius: 20px;
display: inline-block;
max-width: 1000px;
padding: 0px 0px 0px 0px;
/* border: solid 1px #f1f3f4; */
width: 100%;
}
.timeline_container ul.tl {
display: block;
margin: 25px 0px;
padding: 0;
}
.timeline_container ul.tl li {
border-left: 1px solid #64bb86;
list-style: none;
margin: 0 10% 0 12%;
padding: 0 0 30px 30px;
position: relative;
text-align: left;
}
.timeline_container ul.tl li:last-child {
border-left: 0;
}
.timeline_container ul.tl li::before {
background: #ffffff;
border: 4px solid #64bb86;
border-radius: 500%;
content: " ";
height: 20px;
left: -14px;
position: absolute;
top: -5px;
transition: all 500ms ease-in-out;
width: 20px;
}
.timeline_container ul.tl li:hover::before {
border-color: #64bb86;
transition: all 1000ms ease-in-out;
}
ul.tl li .item-title {
font-size: 18px;
padding-bottom: 5px;
font-weight: 400;
}
ul.tl li .item-detail {
color: rgba(0, 0, 0, 1.0);
padding: 0px 0px 0px 0px;
}
ul.tl li .timestamp {
font-size: 12px;
left: -130px;
position: absolute;
text-align: right;
width: 100px;
display: none;
}
.timeline_month {
font-size: 16px;
}
.progress_bar_container {
background-color: #e7f4eb;
border-bottom: solid 2px #e3f3e8;
border-top: solid 2px #dff0e5;
display: inline-block;
height: 10px;
width: 50%;
}
.progress_bar_status {
background-color: #91c9a8;
border-bottom: solid 2px #75bb92;
border-top: solid 2px #81c09b;
box-shadow: inset 0px -2px 4px 0px #75bb92;
display: inline-block;
float: left;
height: 10px;
margin-top: -2px;
width: 20%;
}
/* bar */
.wrapper {
display: none;
position: relative;
width: 50%;
}
.progressbar-wrapper {
height: 60px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.progressbar {
background-color: rgb(98 185 132 / 20%);
height: 100%;
perspective: 500px;
transform: rotateX(340deg) rotateY(0deg);
transform-style: preserve-3d;
width: 100%;
/*transform: rotateX(-20deg) rotateY(-30deg);*/
}
.side {
background-color: rgba(254, 254, 254, 0.3);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.bottom {
background-color: rgb(106 192 140 / 10%);
box-shadow: 10px 10px 50px 5px rgb(82 169 116 / 10%);
transform: rotateX(90deg);
transform-origin: bottom;
}
.top {
background-color: rgb(103 189 137 / 20%);
transform: translate(0, -100%) rotateX(90deg);
transform-origin: bottom;
}
.back {
background-color: rgb(106 192 140 / 10%);
transform: translateZ(-60px);
}
.left {
background-color: rgba(82, 169, 116, 0.6);
transform: rotateY(90deg);
transform-origin: left;
width: 60px;
}
.bar {
background-color: rgba(82, 169, 116, 0.6);
box-shadow: 5px 5px 50px 5px rgb(82, 169, 116, 30%);
height: 100%;
}
.arrow-down-flow {
/*padding-bottom: 1.5%;*/
}
.arrow-down-flow img {
/*width: 5%;
max-width: 29px;*/
}
.arrow_down {
border-color: #000000;
border-style: solid;
border-width: 0px 2px 2px 0px;
box-sizing: border-box;
display: inline-block;
height: 12px;
margin-top: 20px;
margin-left: 12px;
transform: rotate(45deg);
transition: border-width 150ms ease-in-out;
width: 12px;
}
.arrow_down:hover {
}
ol li {
padding-bottom: 10px;
}
/* common */
.ribbon {
height: 150px;
overflow: hidden;
position: absolute;
width: 150px;
}
.ribbon::before,
.ribbon::after {
border: 5px solid #2980b9;
content: "";
display: block;
position: absolute;
z-index: -1;
}
.ribbon span {
background-color: #3498db;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
color: #fff;
display: block;
font: 700 18px/1 "Lato", sans-serif;
padding: 15px 0;
position: absolute;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
text-transform: uppercase;
width: 225px;
}
/* top right*/
.ribbon-top-right {
right: -10px;
top: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
border-right-color: transparent;
border-top-color: transparent;
}
.ribbon-top-right::before {
left: 0;
top: 0;
}
.ribbon-top-right::after {
bottom: 0;
right: 0;
}
.ribbon-top-right span {
left: -25px;
top: 30px;
transform: rotate(45deg);
}
.hand_cream {
display: none;
float: left;
margin: 0px 0px 0px -10px;
width: 100px;
}
.hand_scrub {
display: none;
float: left;
margin: 0px 0px 0px -10px;
width: 100px;
}
.face_toner {
display: none;
float: left;
margin: 0px 0px 0px -10px;
width: 100px;
}
.face_cleanser {
display: none;
float: left;
margin: 0px 0px 0px -10px;
width: 100px;
}
.candle_1 {
display: none;
float: left;
margin: 0px 0px 0px -10px;
width: 100px;
}
.candle_2 {
display: none;
float: left;
margin: 0px 0px 0px -10px;
width: 100px;
}
.hand_sanitizer {
display: none;
float: left;
margin: 0px 0px 0px -10px;
width: 100px;
}
.lip_balm {
display: none;
float: left;
margin: 0px 0px 0px -10px;
width: 100px;
}
.lip_conditioner {
display: none;
float: left;
margin: 0px 0px 0px -10px;
width: 100px;
}
.lip_exfoliator {
display: none;
float: left;
margin: 0px 0px 0px -10px;
width: 100px;
}
.face_moisturizer {
display: none;
float: left;
margin: 0px 0px 0px -10px;
width: 100px;
}
.hydrating_face_mask {
display: none;
float: left;
margin: 0px 0px 0px -10px;
width: 100px;
}
.face_exfoliator {
display: none;
float: left;
margin: 0px 0px 0px -10px;
width: 100px;
}
.shampoo {
display: none;
float: left;
margin: 0px 0px 0px -10px;
width: 100px;
}
.conditioner {
display: none;
float: left;
margin: 0px 0px 0px -10px;
width: 100px;
}
.leave_in_conditioner {
display: none;
float: left;
margin: 0px 0px 0px -10px;
width: 100px;
}
.hydrating_hair_mask {
display: none;
float: left;
margin: 0px 0px 0px -10px;
width: 100px;
}
.scalp_exfoliator {
display: none;
float: left;
margin: 0px 0px 0px -10px;
width: 100px;
}
.body_wash {
display: none;
float: left;
margin: 0px 0px 0px -10px;
width: 100px;
}
.body_moisturizer {
display: none;
float: left;
margin: 0px 0px 0px -10px;
width: 100px;
}
.sun_care {
display: none;
float: left;
margin: 0px 0px 0px -10px;
width: 100px;
}
.bath_bomb {
display: none;
float: left;
margin: 0px 0px 0px -10px;
width: 100px;
}
.body_scrub {
display: none;
float: left;
margin: 0px 0px 0px -10px;
width: 100px;
}
.index_effect_rate {
float: left;
font-size: 14px;
line-height: 28px;
}
.index_effect_box {
float: right;
width: 220px;
}
.index_effect_chart {
display: inline-block;
height: 113px;
margin: 0px 0px 0px -10px;
position: relative;
}
.index_effect_line {
display: inline-block;
left: -25px;
position: absolute;
top: -42px;
}
.index_effect_line svg {
height: 200px;
transform: rotate(-90deg);
width: 100px;
}
.index_effect_line_neutral svg {
transform: rotate(90deg);
}
.index_effect_line_neutral {
margin-top: 40px;
}
.index_effect_line path {
fill: none;
stroke-dasharray: 5, 5; /* adjust this to control the number of dots */
stroke-width: 1px;
}
.index_effect_timeline {
font-size: 14px;
word-spacing: 35px;
}
.curved_text {
display: inline-block;
font-size: 12px;
font-weight: 200;
left: 10px;
padding-top: 15px;
position: absolute;
}
.index_effect_arrow_neutral {
transform: rotate(90deg);
}
.index_effect_arrow {
border: solid 1px transparent;
border-radius: 100px;
float: left;
height: 38px;
/* background: #ffffff; */
left: -9px;
margin-top: 33px;
position: relative;
width: 38px;
}
.index_effect_arrow::after {
border-left: solid 2px #309e67;
content: "";
display: inline-block;
height: 14px;
left: 17px;
position: absolute;
top: 11px;
}
.index_effect_arrow_up {
border-color: #309e67;
border-style: solid;
border-width: 0px 2px 2px 0px;
box-sizing: border-box;
/* transition: border-width 150ms ease-in-out; */
display: inline-block;
height: 12px;
margin-top: 12px;
transform: rotate(225deg);
width: 12px;
}
.product_preview {
margin: 0px 0px 80px 0px;
}
.our_commitment {
font-size: 14px;
max-width: 340px;
padding-top: 35px;
}
.our_bold_commitment {
display: block;
font-size: 16px;
font-weight: 400;
padding-bottom: 5px;
}
.signin_box {
display: inline-block;
margin: 0px 0px 0px 0px;
padding: 25px 25px 25px 25px;
width: 100%;
/* border-bottom: solid 1px #e7eaf1;
background: linear-gradient(360deg, #f4f6fb 0%, #f4f6fb 100%);*/
}
.buy_crypto_box {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px;
}
.signup_box {
display: inline-block;
padding: 40px 50px 50px 50px;
width: 100%;
max-width: 900px;
position: relative;
}
.buy_crypto_box_referral {
display: inline-block;
width: 100%;
max-width: 700px;
margin-top: 25px;
}
.buy_crypto_box_referral .buy_crypto_box_container {
background: #ffffff;
border: solid 1px #dde3e6;
border-radius: 15px;
box-shadow: 0 3px 8px 0 rgb(116 129 141 / 10%);
display: inline-block;
padding: 25px 25px 30px 25px;
text-align: left;
width: 100%;
position: relative;
}
.buy_crypto_box_referral .buy_crypto_box_container .contact_label_box .contact_form_input {
padding: 0px 15px 0px 15px !important;
}
.buy_crypto_box_referral .buy_crypto_box_container span.togglePassword {
top: 41px;
}
.buy_crypto_box_referral .buy_crypto_box_container .contact_label_box #confirm-password {
padding: 0px 15px 0px 15px !important;
}
.referral_reserve_tokens {
display: block;
position: relative;
}
.crypto_calculator_box {
display: inline-block;
margin: 0px 0px 0px 0px;
padding: 25px;
}
.product_container {
align-items: center;
display: flex;
justify-content: center;
margin-right: -400px;
position: relative;
}
.product_container .ui-card {
border: solid 1px #dde3e6;
border-radius: 15px;
box-shadow: 0 3px 8px 0 rgb(116, 129, 141, 10%);
cursor: pointer;
height: 43rem;
opacity: 0;
pointer-events: none;
position: relative;
transform: scale(0.6) translateY(-2rem);
/* background: #2e5266;
background: linear-gradient(to top, #2e5266, #6e8898); */
transition: 1s;
width: 25rem;
z-index: 1;
}
.ui-card img {
width: 100%;
/* padding: 40px; */
}
.product_container .ui-card:after {
/* content: '';
position: absolute;
height: 2px;
width: 100%;
border-radius: 100%;
background-color: rgba(0,0,0,0.3);
bottom: -5rem;
filter: blur(4px); */
}
.product_container .ui-card:nth-child(0):before {
color: #fff;
content: "0";
font-size: 3rem;
font-weight: 300;
left: 50%;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
.product_container .ui-card:nth-child(1):before {
/* content: '1';
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
font-size: 3rem;
font-weight: 300;
color: #fff; */
}
.product_container .ui-card:nth-child(2):before {
/* content: '2';
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
font-size: 3rem;
font-weight: 300;
color: #fff; */
}
.product_container .ui-card:nth-child(3):before {
/* content: '3';
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
font-size: 3rem;
font-weight: 300;
color: #fff; */
}
.product_container .ui-card:nth-child(4):before {
/* content: '4';
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
font-size: 3rem;
font-weight: 300;
color: #fff; */
}
.product_container .ui-card:nth-child(5):before {
/* content: '5';
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
font-size: 3rem;
font-weight: 300;
color: #fff; */
}
.product_container .ui-card:nth-child(6):before {
/* content: '6';
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
font-size: 3rem;
font-weight: 300;
color: #fff; */
}
.product_container .ui-card:nth-child(7):before {
/* content: '7';
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
font-size: 3rem;
font-weight: 300;
color: #fff; */
}
.product_container .ui-card:nth-child(8):before {
/* content: '8';
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
font-size: 3rem;
font-weight: 300;
color: #fff; */
}
.product_container .ui-card:nth-child(9):before {
/* content: '9';
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
font-size: 3rem;
font-weight: 300;
color: #fff; */
}
.product_container .ui-card.active_selection {
opacity: 1;
pointer-events: auto;
transform: scale(1) translateY(0) translateX(0);
transition: 1s;
z-index: 3;
}
.product_container .ui-card.prev,
.product_container .ui-card.next {
opacity: 1;
pointer-events: auto;
transform: scale(0.8) translateY(-1rem) translateX(0);
transition: 1s;
z-index: 2;
}
.image_container {
display: inline-block;
min-height: 100px;
position: relative;
text-align: center;
/*background: linear-gradient(180deg, #ffffff 0%, rgb(218,229,244,30%) 100%);*/
}
.image_container_primary {
padding: 0px;
}
.image_format {
border: none;
display: none;
height: auto;
max-width: 100%;
}
.image_container_title {
font-size: 25px;
font-weight: 400;
/*text-align: left;*/
}
.image_container_description {
font-size: 16px;
padding-top: 1px;
}
.image_container_order {
display: block;
height: 68px;
margin: 20px 0px 0px 0px;
position: relative;
text-align: left;
}
.order_now_rewards_box {
font-size: 14px;
padding-top: 5px;
}
.cashback_label {
font-size: 18px;
}
.image_container_price {
display: inline;
float: right;
font-size: 26px;
text-align: right;
}
.image_container_order_count {
background-color: #ffffff;
border: solid 1px #dde3e6;
border-radius: 100px;
display: inline;
float: left;
font-size: 25px;
font-weight: 400;
padding: 4px 20px 6px 20px;
}
.image_container_order_button {
display: none;
/* background-color: #ffffff; */
border: solid 1px #dde3e6;
border-radius: 100px;
clear: both;
color: #000000;
font-size: 18px;
font-weight: 400;
padding: 10px 30px 11px 30px;
line-height: 18px;
cursor: pointer;
}
.order_coming_soon {
font-size: 12px;
display: block;
position: relative;
}
.coming_soon_label {
font-size: 14px;
}
.highlight_preview {
/* background-image: url(../img/brushstroke.svg);
background-repeat: no-repeat;
background-size: 100% 111%;
padding: 85px;*/
}
.Maison_Wallet_App_Preview_Box {
display: block;
position: relative;
width: 100%;
}
/* start swiper slider */
.swiper-container-boundary {
display: block;
position: relative;
width: 100%;
text-align: center;
height: fit-content;
background: #fafbfd;
padding-bottom: 40px;
border-top: solid 1px #e7eaf1;
border-bottom: solid 1px #e7eaf1;
background: linear-gradient(360deg, #fafbfd 0%, #f4f6fb 100%);
}
.swiper-container-box {
display: inline-block;
position: relative;
max-width: 100%;
overflow: hidden;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before,
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
[class^=swiper-button-] {
transition: all 0.3s ease;
}
.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
[class^=swiper-button-] {
width: 44px;
opacity: 0;
visibility: hidden;
}
.swiper-button-prev {
transform: translateX(50px);
}
.swiper-button-next {
transform: translateX(-50px);
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover,
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
}
.swiper-container {
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
transition: opacity 0.5s ease;
}
.swiper-slide img {
width: 100%;
/*filter: drop-shadow(0px 0px 20px rgba(224,229,237,1.0));*/
}
.Maison_Wallet_App_Title_Box {
font-size: 22px;
padding: 50px 0px 0px 0px;
}
.Maison_Wallet_App_Title {
font-size: 35px;
font-weight: 400;
}
.available_soon {
font-size: 18px;
}
.Maison_Wallet_App_Preview_Box .swiper-slide img {
display: unset;
width: 100%;
height: unset;
min-height: unset;
max-height: unset;
/*max-width: 388px;*/
object-fit: unset;
}
.Maison_Wallet_App_Preview_Box .swiper-slide {
background: transparent;
}
.Maison_Wallet_App_Preview_Box .swiper-pagination {
bottom: 0px;
}
.swiper-slide {
}
:root {
--swiper-theme-color: transparent;
}
/* end swiper slider */
.slider_container {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
}
/* start animated arrow */
.graph_wrapper {
transform: rotate(133deg);
position: relative;
margin-top: -80px;
margin-bottom: -40px;
left: 5%;
}
.path {
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
animation: dash 2.6s linear forwards;
animation-iteration-count: 1;
animation-delay: 1s;
}
@keyframes dash {
to {
stroke-dashoffset: 0;
}
}
.dashed {
/*stroke-dasharray: 20,20;*/
}
#arrow {
animation: arrow 0.5s linear forwards;
opacity: 0;
}
@keyframes arrow {
to {
opacity: 1;
}
}
/* end animated arrow */
.incremental_span {
cursor: pointer;
}
.number {
background-color: transparent;
border: solid 1px #dde3e6;
border-radius: 100px;
display: inline;
float: left;
padding: 0px 10px 0px 10px;
}
.minus,
.plus {
/* border:1px solid #ddd; */
display: inline-block;
/* width:20px;
height:20px; */
font-size: 25px;
/* background:#f2f2f2; */
padding: 0x 5px 0px 5px;
text-align: center;
vertical-align: middle;
}
.minus {
padding-right: 5px;
}
.plus {
padding-left: 5px;
margin-top: -2px;
}
[class~='collapsible']:first-of-type {
}
.collapsible-btm {
}
.order_amount {
background-color: transparent;
border: none;
border-left: solid 1px #bbbbbb;
border-radius: 4px;
border-radius: 0px;
border-right: solid 1px #bbbbbb;
display: inline-block;
font-size: 26px;
height: 40px;
outline: none;
text-align: center;
vertical-align: middle;
width: 20px;
color: #000000;
}
.number {
/* Safari */
-khtml-user-select: none;
/* Konqueror HTML */
-moz-user-select: none;
/* Old versions of Firefox */
-ms-user-select: none;
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Internet Explorer/Edge */
user-select: none;
/* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type="number"] {
-moz-appearance: textfield;
}
.label_2fa {
display: inline-block;
align-items: center;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}
input[class="2fa_checkbox"] {
opacity: 0;
}
/* ---- toggle background in active or not active mode ---- */
input[class="2fa_checkbox"]:checked ~ span.toggle_background_2fa {
background: #eff8f4;
border: solid 1px #51aa75;
}
input[class="2fa_checkbox"]:checked ~ span.toggle_background_2fa .off-status-2fa {
display: none;
visibility: hidden;
opacity: 0;
transition: visibility 0s 0.1s, opacity 0.1s linear;
}
input[class="2fa_checkbox"]:not(:checked) ~ span.toggle_background_2fa .on-status-2fa {
display: none;
visibility: hidden;
opacity: 0;
transition: visibility 0s 0.1s, opacity 0.1s linear;
}
input[class="2fa_checkbox"]:checked ~ span.toggle_background_2fa:after {
left: 38px;
background: #FFF;
border: solid 1px #51aa75;
}
input[class="2fa_checkbox"]:checked ~ span.toggle_background_2fa:active::after {
left: 27px;
background: #FFF;
border: solid 1px #51aa75;
}
input[class="2fa_checkbox"]:not(:checked) ~ span.toggle_background_2fa:active {
background: #f5f6fb;
}
input[class="2fa_checkbox"]:not(:checked) ~ span.toggle_background_2fa:active::after {
left: 6px;
background: #FFFFF;
}
.toggle_background_2fa {
display: flex;
align-items: center;
width: 67px;
height: 33px;
position: relative;
cursor: pointer;
background: #f5f6fb;
border-radius: 2em;
border: 1px solid #c8d0dd;
transition: all 0.2s;
}
/* ---- toggle switching cricle design code ---- */
.toggle_background_2fa::after {
content: "";
display: flex;
position: absolute;
width: 19px;
height: 19px;
left: 6px;
top: 5px;
border-radius: 50px;
background: #FFFFFF;
transition: all 0.2s;
border: solid 1px #c8d0dd;
}
span.toggle_background_2fa:active:after {
width: 30px;
}
/* circle and vertical line in toggle background code */
.off-status-2fa {
position: absolute;
right: 15%;
height: 13px;
font-size: 12px;
font-weight: 200;
color: #000000;
font-family: arial;
}
.on-status-2fa {
position: absolute;
left: 15%;
height: 13px;
font-size: 12px;
font-weight: 200;
color: #02754c;
font-family: arial;
}
.label_notification_preferences {
display: inline-block;
align-items: center;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}
input[class="notification_preferences_checkbox"] {
opacity: 0;
display: none;
}
/* ---- toggle background in active or not active mode ---- */
input[class="notification_preferences_checkbox"]:checked ~ span.toggle_background_notification_preferences {
background: #eff8f4;
border: solid 1px #51aa75;
}
input[class="notification_preferences_checkbox"]:checked ~ span.toggle_background_notification_preferences .off-status-notification_preferences {
display: none;
visibility: hidden;
opacity: 0;
transition: visibility 0s 0.1s, opacity 0.1s linear;
}
input[class="notification_preferences_checkbox"]:not(:checked) ~ span.toggle_background_notification_preferences .on-status-notification_preferences {
display: none;
visibility: hidden;
opacity: 0;
transition: visibility 0s 0.1s, opacity 0.1s linear;
}
input[class="notification_preferences_checkbox"]:checked ~ span.toggle_background_notification_preferences:after {
left: 38px;
background: #FFF;
border: solid 1px #51aa75;
}
input[class="notification_preferences_checkbox"]:checked ~ span.toggle_background_notification_preferences:active::after {
left: 27px;
background: #FFF;
border: solid 1px #51aa75;
}
input[class="notification_preferences_checkbox"]:not(:checked) ~ span.toggle_background_notification_preferences:active {
background: #f5f6fb;
}
input[class="notification_preferences_checkbox"]:not(:checked) ~ span.toggle_background_notification_preferences:active::after {
left: 6px;
background: #FFFFF;
}
.toggle_background_notification_preferences {
display: flex;
align-items: center;
width: 67px;
height: 33px;
position: relative;
cursor: pointer;
background: #f5f6fb;
border-radius: 2em;
border: 1px solid #c8d0dd;
transition: all 0.2s;
}
/* ---- toggle switching cricle design code ---- */
.toggle_background_notification_preferences::after {
content: "";
display: flex;
position: absolute;
width: 19px;
height: 19px;
left: 6px;
top: 5px;
border-radius: 50px;
background: #FFFFFF;
transition: all 0.2s;
border: solid 1px #c8d0dd;
}
span.toggle_background_notification_preferences:active:after {
width: 30px;
}
/* circle and vertical line in toggle background code */
.off-status-notification_preferences {
position: absolute;
right: 15%;
height: 13px;
font-size: 12px;
font-weight: 200;
color: #000000;
font-family: arial;
}
.on-status-notification_preferences {
position: absolute;
left: 15%;
height: 13px;
font-size: 12px;
font-weight: 200;
color: #02754c;
font-family: arial;
}
.current_liquidity_price {
font-size: 16px;
font-weight: 200;
}
.select_amount_to_send {
font-size: 20px;
font-weight: 400;
padding: 0px 0px 20px 0px;
}
.select_wallet_to_send {
font-size: 18px;
font-weight: 200;
padding: 0px 0px 0px 0px;
}
.swiperSendCrypto .live_balance_dollars {
font-size: 35px;
}
.section_title {
font: 400 24px Roboto;
color: #01754b;
padding: 25px 0px 10px 0px;
}
.section_subtitle {
font-size: 16px;
padding: 0px 0px 30px 0px;
}
.box_container_boundary {
padding: 0px 25px 25px 25px;
width: 100%;
max-width: 600px;
display: inline-block;
}
.scent_preference_box_container_boundary {
padding: 0px 15px 25px 15px;
width: 100%;
max-width: 1110px;
display: inline-block;
}
.box_container_boundary_adjusted {
padding: 0px 17px 25px 17px;
width: 100%;
max-width: 800px;
display: inline-block;
margin: -8px 0px 0px 0px;
}
.validated_address_box_container {
background-color: #eff8f3;
border: solid 1px #01754b;
border-radius: 10px;
padding: 15px 15px 15px 15px;
display: block;
position: relative;
margin: 25px 0px 5px 0px;
}
.address_button_group {
text-align: center;
}
.primary_address_label_box input[type="checkbox"] {
/*display: none;*/
font-size: 16px !important;
}
.primary_address_label_box .terms label {
padding: 2px 0px 0px 0px;
font-size: 16px;
color: #000000;
}
.primary_address_label_box .terms {
margin-bottom: 20px;
}
.box_container {
background: #ffffff;
border: solid 1px #dde3e6;
border-radius: 10px;
padding: 25px 25px 30px 25px;
display: block;
position: relative;
}
.personal_information_success_msg {
background-color: #eff8f3;
border: solid 1px #53aa75;
border-radius: 10px;
color: #00754a;
display: block;
font-size: 16px;
line-height: 22px;
margin: 0px 0px 25px 0px;
padding: 10px 25px 10px 25px;
text-align: center;
}
.address_success_msg {
background-color: #eff8f3;
border: solid 1px #53aa75;
border-radius: 10px;
color: #00754a;
display: block;
font-size: 16px;
line-height: 22px;
margin: 8px 8px 17px 8px;
padding: 10px 25px 10px 25px;
text-align: center;
}
.address_data {
min-height: 77px;
}
.card-info-data {
}
.address_box_container {
background: #ffffff;
border: solid 1px #dde3e6;
border-radius: 10px;
padding: 20px 20px 20px 20px;
display: block;
position: relative;
}
.card-box-container {
background: #ffffff;
border: solid 1px #dde3e6;
border-radius: 10px;
padding: 20px 20px 20px 20px;
display: block;
position: relative;
width: 100%;
max-width: 400px;
cursor:pointer;
}
.box_container_title {
font: 400 18px Roboto;
text-align: left;
}
.box_container_subtitle {
font-size: 16px;
max-width: 70%;
text-align: left;
padding: 5px 0px 25px 0px;
}
.my_account_button_container {
padding: 25px 0px;
}
.account_button_container {
padding: 15px 0px 0px 0px;
text-align: right;
}
.label_2fa_box {
display: inline-block;
position: absolute;
top: 0px;
right: 25px;
}
.primary_label {
display: inline-block;
position: absolute;
top: 16px;
right: 0px;
}
.primary-false {
display: none !important;
}
.primary_label_box {
display: inline-block;
position: relative;
font-size: 12px;
font-weight: 400;
color: #01754b;
background: #eff8f3;
padding: 6px 12px;
border-radius: 0px;
}
.scent_preference_checkbox_container .checkbox .checkbox_label {
cursor: pointer;
display: inline-block;
padding-left: 0px;
padding-top: 0px;
position: relative;
}
.checkbox_scent_preference {
display: none;
}
.scent_preference_checkbox_container {
display: inline-block;
position: absolute;
top: 10px;
right: 12px;
}
.my_profile_settings_options {
display: block;
position: relative;
padding: 0px 0px 0px 0px;
cursor: pointer;
}
.my_profile_settings_options_icon {
top: -8px;
position: absolute;
}
.my_profile_settings_options_icon img {
height: 37px;
}
.my_profile_settings_options_label {
padding: 0px 0px 0px 50px;
font-size: 18px;
font-weight: 400;
display: inline-block;
position: relative;
}
.scent_preference_checkbox_container input {
display: none;
cursor: pointer;
}
.scent_preference_checkbox_container input[type=checkbox]:checked + label #checkmark {
opacity: 1;
-moz-transition: opacity 0.1s ease-in;
-o-transition: opacity 0.1s ease-in;
-webkit-transition: opacity 0.1s ease-in;
transition: opacity 0.1s ease-in;
stroke: #01754b;
fill: none;
}
.scent_preference_checkbox_container label {
display: block;
cursor: pointer;
}
.scent_preference_checkbox_container label svg {
width: 25px;
height: 25px;
display: block;
}
.scent_preference_checkbox_container label #checkmark {
opacity: 1;
stroke: #c8d0dd;
-moz-transition: opacity 0.25s ease-out;
-o-transition: opacity 0.25s ease-out;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
}
.scent_preference_image {
min-height: 180px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin: 35px 10px 15px 10px;
}
.scent_preference_title {
font-size: 22px;
font-weight: 400;
}
.scent_preference_binomial_nomenclature {
font-size: 16px;
font-style: italic;
padding: 0px 0px 25px 0px;
}
.filter_label {
padding: 0px 0px 0px 5px;
font-size: 18px;
font-weight: 400;
display: inline-block;
position: relative;
}
.filter_scent_preference_group .scent_preference_button {
display: inline-table;
margin-right: 3px;
margin-bottom: 8px;
flex: 1;
box-sizing: content-box;
padding: 8px 16px 8px 16px;
cursor: pointer;
border-radius: 50px;
border: solid 1px #c8d0dd;
color: #000000;
background-color: #ffffff;
font-size: 16px;
text-decoration: none;
white-space: nowrap;
font-weight: 400;
text-align: center;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.filter_scent_preference_group {
padding: 0px 25px;
}
/* ---- button ---- */
.scent_preference_button {
}
.scent_preference_button:hover {
}
.scent_preference_button:active,
.scent_preference_button.is-checked {
background-color: #f5f6fb;
}
.scent_preference_button.is-checked {
color: #000000;
}
.scent_preference_button:active {
}
/* ---- button-group ---- */
.scent_preference_button_group:after {
content: "";
display: block;
clear: both;
}
.scent_preference_button_group .scent_preference_button {
}
.scent_preference_button_group .scent_preference_button:first-child {
}
.scent_preference_button_group .scent_preference_button:last-child {
}
.scent_preference_button_group {
width: 100%;
max-width: 1060px;
text-align: left;
display: inline-block;
background: #f5f6fb;
border-radius: 10px;
border: 1px solid #dde3e6;
padding: 15px 20px 15px 20px;
}
/* ---- isotope ---- */
.scent_preference_grid {
background: #fff;
margin: 20px 0px 25px 0px;
display: block;
}
/* clear fix */
.scent_preference_grid:after {
content: "";
display: block;
clear: both;
}
/* ui group */
.filter_scent_preference_ {
display: inline-block;
}
.filter_scent_preference .scent_preference_button_group {
display: inline-block;
margin-right: 20px;
}
/* color-shape */
.scent-preference {
/*width: calc(25% - 20px);*/
/*height: 325px;*/
margin: 10px;
float: left;
border: solid 1px #dde3e6;
background-color: #FFFFFF;
border-radius: 10px;
text-align: center;
}
/* large devices, 5 columns */
.scent-preference,
.grid-sizer {
width: calc(25% - 20px);
}
.scent-preference.round {
}
.scent-preference.big.round {
}
.scent-preference.red {
}
.scent-preference.blue {
}
.scent-preference.yellow {
}
.scent-preference.wide,
.color-shape.big {
}
.scent-preference.tall,
.scent-preference.big {
}
.interval_price_up span {
font-size: 14px;
color: #01754b;
}
.interval_price_down span {
font-size: 14px;
color: #000000;
}
#crypto_direction_circle {
display: inline-block;
/* height: 23px;
width: 23px;
border: solid 1px #e3e9f3; */
border-radius: 20px;
top: 0px;
left: -3px;
margin-right: -9px;
position: relative;
}
.crypto_direction_circle_up svg {
height: 10px;
width: 19px;
position: relative;
transform: rotate(360deg);
top: -1px;
align-items: center;
justify-content: center;
fill: #01754b;
}
.crypto_direction_circle_dn svg {
height: 10px;
width: 19px;
position: relative;
transform: rotate(180deg);
top: 0px;
align-items: center;
justify-content: center;
fill: #000000;
}
#buy-tokens-liquidity .crypto_direction_circle_up svg {
top: 0px;
}
#buy-tokens-liquidity .crypto_direction_circle_dn svg {
top: 1px;
}
.terms {
margin-bottom: 30px;
display: flex;
align-items: flex-start;
color: #333;
font-size: 14px;
flex-direction: row;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: flex-start;
text-align: left;
max-width: 300px;
}
input.staking-terms {
position: relative;
margin-right: 6px;
margin-top: 1px;
height: 20px;
width: 20px;
min-width: 20px;
min-height: 20px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 5px;
border: solid 1px #CCD7E9;
background: #ffffff;
cursor: pointer;
}
input.staking-terms:checked::after {
position: absolute;
margin-top: 3px;
margin-left: 6px;
display: block;
height: 8px;
width: 4px;
transform: rotate(45deg);
border-width: 1px;
border-left-width: 0px;
border-top-width: 0px;
border-style: solid;
border-color: #000000;
z-index: 1;
background-color: transparent;
content: '';
}
.maison_accordion {
display: block;
padding: 0px;
position: relative;
max-width: 900px;
}
.maison_accordion_header {
background: #fff;
font-family: "Roboto";
cursor: pointer;
font-size: 16px;
display: block;
padding: 20px;
position: relative;
}
.maison_accordion_item {
background: #FFFFFF;
border: solid 1px #dde3e6;
border-radius: 10px;
overflow: hidden;
margin: 0px 0px 15px 0px;
position: relative;
}
.maison_accordion_item .maison_accordion_item {
}
.maison_accordion_header:hover {
}
.maison_accordion_body {
display: none;
transition: max-height 0.2s ease-out;
}
.maison_accordion_body_contents {
display: block;
margin: 0px;
}
.maison_accordion_item > .maison_accordion_header:after {
background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg' id='' preserveAspectRatio='xMidYMid meet'%3E%3Cpath d='M13.215 6.833L8.438 11.41c-.16.135-.31.19-.438.19a.635.635 0 01-.415-.167l-4.8-4.6c-.24-.228-.247-.63-.018-.848a.597.597 0 01.848-.018L8 10.17l4.385-4.2a.597.597 0 01.848.018c.23.215.222.617-.018.845z' fill='%232A2B32'%3E%3C/path%3E%3C/svg%3E") no-repeat center right;
content: "";
float: right;
height: 18px;
right: 18px;
top: 30px;
width: 18px;
position: absolute;
transition: 0.35s transform ease-in-out;
}
.maison_accordion_item.active > .maison_accordion_header:after {
transition: 0.35s transform ease-in-out;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.maison_accordion_item.active .maison_accordion_header {
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes pulse {
50% {
background: white;
}
}
.adding_wallet {
flex: none;
display: inline-block;
position: relative;
border-radius: 50%;
width: 35px;
height: 35px;
border: 3px solid #F6F7FB;
border-top-color: #01754B;
animation: spin 1s infinite linear;
}
.transaction_pending {
flex: none;
display: inline-block;
border-radius: 50%;
width: 31px;
height: 31px;
border: 6px solid transparent;
border-top-color: #fff;
animation: spin 1.5s infinite linear;
position: absolute;
left: 13px;
}
.pending_status {
border-color: #01754b !important;
}
.crypto_wallet_modal .crypto_wallet_flex_container {
font-weight: 400;
}
.crypto_wallet_flex_container {
padding: 0;
margin: 0;
margin: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-around;
}
.crypto_wallet_flex_item {
text-align: left;
margin: 0;
flex: 1 1 auto;
}
.crypto_wallet_icon_flex_item {
text-align: left;
margin: 0;
flex: 0 auto;
}
.crypto_wallet_icon_flex_item img {
margin: -8px 15px -10px 0px;
width: 50px;
}
.flex_item_right {
text-align: right;
vertical-align: middle;
align-items: center;
display: flex;
flex: 0;
gap: 15px;
justify-content: flex-end;
}
.crypto_wallet_type {
font-size: 18px;
font-weight: 400;
position: relative;
text-align: left;
width: 85px;
margin-right: -20px;
}
.crypto_wallet_type_balance {
font-size: 18px;
font-weight: 400;
position: relative;
text-align: right;
flex: 0 0 auto;
}
.crypto_wallet_count {
font-size: 24px;
font-weight: 400;
vertical-align: middle;
width: 30px;
}
.crypto_wallet_count_label {
vertical-align: middle;
padding-left: 4px;
min-width: 50%;
text-align: left;
}
.crypto_wallet_type_count {
text-align: right;
vertical-align: middle;
align-items: center;
justify-content: center;
display: flex;
/* margin-right: -15px;*/
}
.crypto_wallet_type_arrow {
width: 40px;
}
.built_in_maison_wallet {
background: #F6F7FB;
width: 100%;
display: block;
position: relative;
border-top: solid 1px #dde3e6;
border-bottom: solid 1px #dde3e6;
padding: 13px 20px;
/*box-shadow: inset 0 -5px 0 rgb(212,219,233,15%);*/
}
.user_created_wallets_box {
width: 100%;
display: block;
position: relative;
padding: 0px 20px 0px 20px;
}
.built_in_wallet_label {
font-size: 18px;
font-weight: 400;
display: block;
position: relative;
text-align: left;
padding: 0px;
}
.built_in_maison_wallet_box {
width: 100%;
display: block;
position: relative;
/* background: #FFFFFF;
border: solid 1px #dde3e6;*/
border-radius: 10px;
padding: 7px 0px 0px 0px;
}
.built_in_maison_wallet_box .crypto_address_box {
padding: 3px 20px 0px 0px;
}
.user_created_wallets_label {
font-size: 18px;
font-weight: 400;
display: none;
position: relative;
text-align: left;
padding: 15px 0px 15px 0px;
border-bottom: dashed 1px #dde3e6;
}
.crypto_wallet_holder {
border-bottom: solid 1px #dde3e6;
padding: 0px;
min-height: 53px;
}
.crypto_wallet_actions_box {
width: 100%;
display: block;
position: relative;
text-align: center;
padding: 20px 0px;
text-wrap: nowrap;
}
.crypto_wallet_delete_actions_box {
width: 100%;
display: none;
position: relative;
text-align: center;
padding: 20px 0px;
text-wrap: nowrap;
}
input.crypto_checkbox {
position: relative;
float: left;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
height: 24px;
width: 24px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 5px;
border: solid 1px #CCD7E9;
}
input.crypto_checkbox::before {
display: none;
}
input.crypto_checkbox:checked {
background-color: #FFFFFF;
}
input.crypto_checkbox:checked::after {
position: absolute;
margin-top: 4px;
margin-left: 8px;
display: block;
height: 10px;
width: 5px;
transform: rotate(45deg);
border-width: 1px;
border-left-width: 0px;
border-top-width: 0px;
border-style: solid;
border-color: #000000;
z-index: 1;
background-color: transparent;
content: '';
}
input.crypto_checkbox:hover {
cursor: pointer;
}
.crypto_address_box {
white-space: nowrap;
text-overflow: ellipsis;
min-width: 0;
padding: 0px 20px 0px 7px;
vertical-align: middle;
align-items: center;
display: flex;
}
.user_created_wallets_box .crypto_wallet_flex_item {
vertical-align: middle;
align-items: center;
display: flex;
}
.crypto_address {
width: 100%;
display: block;
position: relative;
text-align: left;
/*overflow: hidden;*/
white-space: nowrap;
text-overflow: ellipsis;
cursor: pointer;
}
.crypto_address_trim {
display: none;
}
.crypto_address_balance {
width: 100%;
display: block;
position: relative;
text-align: left;
font-weight: 400;
padding: 0px 0px 0px 0px;
}
.crypto_address_checkbox {
flex: 0;
}
.crypto_wallet_holder_vline {
border-left: solid 1px #dde3e6
}
.crypto_address_actions {
vertical-align: middle;
align-items: center;
justify-content: center;
display: flex;
}
.q_code {
/* padding-right: 10px;*/
}
.q_code img {
cursor: pointer;
}
.p_key {
/* border-left: solid 1px #dde3e6;*/
}
.p_key img {
cursor: pointer;
}
.s_phrase {
padding-left: 10px;
}
.s_phrase img {
cursor: pointer;
}
.crypto_address_loading {
font-size: 16px;
text-align: left;
vertical-align: middle;
align-items: center;
display: flex;
}
.crypto_address_loading_spinner {
max-width: 45px;
}
.crypto_wallet_actions_box div:first-of-type {
margin-right: 3px;
}
.copy_crypto_address {
cursor: pointer;
}
.built_in_maison_wallet_box .q_code {
margin-top: -8px;
}
.crypto_wallet_modal_background {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999999;
position: fixed;
background: #FFFFFF;
/*background: rgba(0,0,0, 0.40);*/
/*background: rgba(246,247,251, 0.90);*/
/*transition: all 0.5s;*/
display: none;
place-content: center;
width: 100%;
height: 100%;
padding: 0px 25px;
overflow-x: hidden;
/* Hide horizontal scrollbar */
overflow-y: auto;
/* Add vertical scrollbar */
/*backdrop-filter: blur(10px); */
}
.crypto_wallet_modal {
padding: 25px 25px 25px 25px;
background: #ffffff;
width: 100vw;
max-width: 500px;
border: solid 1px #dde3e6;
border-radius: 10px;
/*box-shadow: 0 5px 10px rgb(212,219,233,15%);*/
/*box-shadow: 0 5px 10px rgb(0,0,0,15%), inset 0 0px 0px rgb(1,117,75, 1.0);*/
}
.crypto_wallet_modal_box {
display: grid;
justify-content: center;
align-items: center;
}
.crypto_wallet_modal .close-modal img {
width: 15px;
height: 15px;
min-width: 15px;
min-height: 15px;
display: block;
}
#qr-modal {
padding: 0px 0px;
}
#qr-modal .send_crypto_container_box {
overflow: hidden;
}
#qr-modal .swiper-slide {
background:none;
width:100%;
}
#qr-modal .crypto_wallet_modal {
border: solid 1px #dde3e6;
}
#qr-modal .swiper-pagination-bullets {
bottom: 15px;
}
#qr-modal .send-crypto-box {
overflow: hidden;
min-height: 600px;
max-width: 1500px;
}
#qr-modal .swiper-pagination-bullet {
border: solid 1px #01754b;
}
#qr-modal .swiper-pagination-bullets.swiper-pagination-horizontal {
display: block;
position: relative;
margin: 50px 0px 0px 0px;
}
.hideScrollbar::-webkit-scrollbar {
}
#send-modal .swiper-pagination-bullets.swiper-pagination-horizontal {
display: block;
position: relative;
margin: 0px;
bottom: unset;
top: 0px;
}
#send-modal .swiper-pagination-bullet {
margin-top: 5px;
margin-bottom: 20px;
}
.modal_notice {
background: #FFFFFF;
border: solid 1px #dde3e6;
border-radius: 10px;
font-size: 12px;
padding: 10px 12px;
text-align: left;
margin-top: 15px;
line-height: 1.17648;
}
.modal_wallet_balance_box {
background: #FFFFFF;
border: solid 1px #dde3e6;
border-radius: 10px;
font-size: 12px;
text-align: left;
margin-top: 5px;
line-height: 1.17648;
width: 100%;
overflow: hidden;
}
.modal-wallet-balance-crypto-staked {
background: #f4f6fb;
border-top: solid 1px #dde3e6;
border-radius: 0px;
font-size: 12px;
padding: 10px 12px;
text-align: left;
margin-top: 0px;
line-height: 1.17648;
width: 100%;
}
.modal-wallet-balance-crypto-available {
padding: 10px 12px;
}
.modal_select_wallet_balance_box {
background: #FFFFFF;
/*border: solid 1px #dde3e6;*/
border-radius: 10px;
font-size: 14px;
padding: 0px 15px 12px 15px;
text-align: left;
margin-top: 0px;
line-height: 1.17648;
width: 100%;
display: block;
}
.send-crypto-blockchain-icon {
display:block;
position:relative;
text-align:center;
}
.send-crypto-blockchain-icon img {
min-height: 77px;
min-width: 70px;
max-height: 70px;
max-width: 70px;
position: relative;
display: inline-block;
transform: scale(0.90) !important;
}
.select-wallet-balance-container {
text-align: center;
padding: 0px 0px 0px 0px;
}
.enter-sending-amount {
margin-bottom: 3px;
text-align: left;
display: block;
position: relative;
width: 100%;
}
.enter-sending-amount-label {
text-align: left;
width: 100%;
padding: 0px 0px 2px 0px;
display: block;
flex-direction: row;
justify-content: flex-start;
align-items: baseline;
align-content: flex-end;
flex-wrap: nowrap;
}
.min-send-qty {
font-size: 14px;
display: inline-block;
justify-content: flex-end;
flex-wrap: nowrap;
flex-direction: row;
position: relative;
}
.enter-sending-amount .amount-input {
height: 50px;
font-size: 16px;
padding: 0px 15px 0px 10px;
white-space: nowrap;
border: solid 1px #CCD7E9;
border-radius: 5px;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
width: 100%;
}
.max-button {
padding: 5px 10px;
font-size: 12px;
border-radius: 5px;
cursor: pointer;
font-weight: 400;
color: #000000;
display: inline-flex;
position: absolute;
top: 12px;
right: 15px;
background: #f5f6fb;
border: 1px solid #c8d0dd;
}
.slider-container {
position: relative;
margin: 0px 0px 20px 0px;
}
.sending-slider {
-webkit-appearance: none;
appearance: none;
width: 100%;
max-width: 600px;
/*min-width: 300px;*/
height: 8px;
border: 1px solid transparent;
background-color: #f5f7fb;
outline: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 10px;
}
.sending-slider:hover {
opacity: 1;
}
.sending-slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
background: #ffffff;
border: solid 5px #01754b;
border-radius: 100px;
box-shadow: 0 0 0 3px #ffffff;
cursor: pointer;
height: 20px;
width: 20px;
}
.sending-slider::-moz-range-thumb {
background: #04aa6d;
cursor: pointer;
height: 20px;
width: 20px;
}
.bubble {
font-size: 12px;
padding: 7px 0px 0px 0px;
position: absolute;
border-radius: 0px;
left: 50%;
transform: translateX(-50%);
font-weight: 400;
}
.bubble::after {
content: "";
position: absolute;
width: 2px;
height: 2px;
top: -1px;
left: 50%;
}
input[type="range"]::-moz-range-thumb {
-moz-appearance: none;
-moz-border-radius: 100px;
-webkit-appearance: none;
background: #ffffff;
border: solid 5px #64bb86;
border-radius: 100px;
box-shadow: 0 0 0 3px #ffffff;
height: 20px;
width: 20px;
}
.sending-slider:hover {
opacity: 1;
}
.scene {
width: 80px;
height: 80px;
border: 0px;
margin: 0px 0px 0px 0px;
perspective: 250px;
display: inline-flex;
}
.cube {
width: 80px;
height: 80px;
position: relative;
transform-style: preserve-3d;
animation: spinCube 30s infinite linear;
}
@keyframes spinCube {
from {
transform: rotateY(0deg);
}
to {
transform: rotateY(360deg);
}
}
.cube__face {
position: absolute;
width: 80px;
height: 80px;
border: 1px solid hsla(217, 40%, 86%, 0.25);
line-height: 80px;
text-align: center;
background: none;
display: none;
}
.cube__face--front {
background: linear-gradient(to right, hsla(217, 40%, 86%, 0.20), hsla(217, 40%, 86%, 0.02));
transform: rotateY(0deg) translateZ(40px);
}
.cube__face--right {
background: linear-gradient(to right, hsla(217, 40%, 86%, 0.20), hsla(217, 40%, 86%, 0.02));
transform: rotateY(90deg) translateZ(40px);
}
.cube__face--back {
background: linear-gradient(to right, hsla(217, 40%, 86%, 0.20), hsla(217, 40%, 86%, 0.02));
transform: rotateY(180deg) translateZ(40px);
}
.cube__face--left {
background: linear-gradient(to right, hsla(217, 40%, 86%, 0.20), hsla(217, 40%, 86%, 0.02));
transform: rotateY(-90deg) translateZ(40px);
}
.cube__face--top {
background: linear-gradient(to right, hsla(217, 40%, 86%, 0.20), hsla(217, 40%, 86%, 0.02));
-ms-transform: rotateX(90deg) translateZ(40px);
-webkit-transform: rotateX(90deg) translateZ(40px);
-moz-transform: rotateX(90deg) translateZ(40px);
-o-transform: rotateX(90deg) translateZ(40px);
transform: rotateX(90deg) translateZ(40px);
}
.cube__face--bottom {
background: linear-gradient(to right, hsla(217, 40%, 86%, 0.20), hsla(217, 40%, 86%, 0.02));
-ms-transform: rotateX(-90deg) translateZ(40px);
-webkit-transform: rotateX(-90deg) translateZ(40px);
-moz-transform: rotateX(-90deg) translateZ(40px);
-o-transform: rotateX(-90deg) translateZ(40px);
transform: rotateX(-90deg) translateZ(40px);
}
@keyframes reverse-spin {
from {
transform: rotateY(360deg);
}
to {
transform: rotateY(0deg);
}
}
.cube__letter {
position: absolute;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 80px;
font-weight: bold;
color: black;
pointer-events: none;
animation: reverse-spin 30s infinite linear;
}
.cube__letter svg {
min-height: 77px;
min-width: 70px;
max-height: 70px;
max-width: 70px;
position: relative;
display: inline-block;
}
.crypto_public_address {
display:inline-block;
word-break: break-all;
text-align: center;
cursor: pointer;
/*font-family: monospace;*/
font-size: 18px;
font-weight:400;
}
/*
.swiperSendCrypto .swiper-slide-active {
background: #eff8f3;
border: solid 1px #01754b;
}
*/
.send_crypto_content_box {
border: solid 1px #dde3e6;
border-radius: 10px;
padding: 25px 25px 25px 25px;
display: block;
position: relative;
width: 100%;
max-width: 500px;
overflow: hidden;
}
.modal_wallet_balance_title {
font-size: 16px;
}
.modal_wallet_balance_dollar {
font-size: 20px;
font-weight: 400;
display: block;
}
.modal_wallet_balance_crypto {
font-size: 12px;
font-weight: 200;
}
.crypto_public_address {
}
.send_crypto_title {
display:none;
text-align: center;
font-weight: 200;
padding: 0px 4px 0px 0px;
font-size: 16px;
}
.modal_section_title {
text-align: left;
font-weight: 400;
padding: 20px 0px 7px 0px;
font-size: 18px;
}
.modal_section_big_title {
text-align: left;
font-weight: 400;
padding: 0px 0px 15px 0px;
font-size: 20px;
margin-top: -38px;
}
.modal_section_qrCode {
text-align: left;
padding: 0px 0px 24px 0px;
border-bottom: dashed 1px #dde3e6;
}
.modal_section_dollar {
text-align: left;
padding: 0px 0px 20px 0px;
border-bottom: dashed 1px #dde3e6;
}
.modal_section_divider {
border-bottom: dashed 1px #dde3e6;
}
.modal_crypto_address {
word-break: break-all;
text-align: left;
padding-right: 10px;
cursor: pointer;
font-family: monospace;
}
/*.modal_crypto_address {
color: #0000;
background: linear-gradient(90deg, #01754b 50%, #000 0) var(--lr, 100%) / 200% no-repeat;
-webkit-background-clip: text;
background-clip: text;
transition: 0.4s;
}
.modal_crypto_address:hover {
--lr: 0%;
}*/
.secret_phrase {
word-break: normal;
}
.modal_address_table {
display: table;
width: 100%;
padding-bottom: 20px;
}
.modal_address_cell {
display: table-cell;
vertical-align: top;
}
.close_x_box {
text-align: right;
}
.close_x {
display: inline-block;
font-weight: 200;
margin: -15px -14px 0px 0px;
background-color: transparent;
font-family: 'Roboto';
color: #000000;
cursor: pointer;
padding: 14px;
}
.modal_icon {
margin: -36px 0px 0px 0px;
text-align: center;
display: block;
}
.modal_address_table .modal_address_cell:nth-child(2) {
width: 95px;
text-align: right;
margin-top: -7px;
position: relative;
display: inline-block;
}
/*** Works on common browsers ***/
.modal_crypto_address::selection {
background-color: #FFFFFF;
color: #000000;
}
/*** Mozilla based browsers ***/
.modal_crypto_address::-moz-selection {
background-color: #FFFFFF;
color: #000000;
}
/***For Other Browsers ***/
.modal_crypto_address::-o-selection {
background-color: #FFFFFF;
color: #000000;
}
.modal_crypto_address::-ms-selection {
background-color: #FFFFFF;
color: #000000;
}
/*** For Webkit ***/
.modal_crypto_address::-webkit-selection {
background-color: #FFFFFF;
color: #000000;
}
.crypto_wallet_modal .maison_accordion_item {
border: none;
border-bottom: dashed 1px #dde3e6;
border-radius: 0px;
margin: 0px;
}
.crypto_wallet_modal .maison_accordion_header {
padding: 15px 0px;
}
.crypto_wallet_modal .maison_accordion_item > .maison_accordion_header:after {
right: 0px;
top: 16px;
}
.crypto_wallet_flex_container {
justify-content: flex-start;
}
.crypto_wallet_modal .maison_accordion_body {
font-family: monospace;
text-align: left;
padding: 0px 0px 15px 10px;
}
.crypto_wallet_modal .crypto_wallet_actions_box div:first-of-type {
margin-right: 0px;
}
.crypto_wallet_modal .crypto_wallet_actions_box {
width: 100%;
display: block;
position: relative;
text-align: center;
padding: 30px 0px 10px 0px;
text-wrap: nowrap;
}
.change_wallet_selected {
display: flex;
justify-content: space-between;
align-items: center;
}
.crypto_wallet_selected {
display: inline-flex;
flex-direction: row;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.crypto_wallet_selected_button {
display: inline-flex;
align-content: center;
justify-content: flex-end;
align-items: center;
flex-direction: row;
}
.crypto_wallet_selected span:first-of-type {
padding: 0px 10px 0px 0px;
}
.crypto_wallet_selected span:last-of-type {
font-weight: 400;
font-size: 20px;
font-family: monospace;
}
.scan_qrCode {
text-align: center;
display: block;
background: #f4f6fb;
border: solid 1px rgb(201,212,218,50%);
padding: 25px;
border-radius: 10px;
}
.hide_icon img {
opacity: 0;
}
.maison_privateKey_box input[type="radio"] {
display: none;
}
.maison_privateKey_box input:checked + label {
/*transition: color 0.15s ease-in;*/
background: #eff8f4;
color: #01754b;
box-shadow: inset 0px 0px 0px 1px #01754b;
}
.maison_privateKey_box input:checked + label:first-of-type {
border-top-left-radius: 10px;
}
.maison_privateKey_box input:checked + label:last-of-type {
border-top-right-radius: 10px;
}
.maison_privateKey_content > div {
display: none;
}
.maison_privateKey_box {
max-width: 500px;
min-width: 250px;
padding: 0px 0px 14px 0px;
position: relative;
z-index: 1;
display:none;
}
.maison_privateKey_tab {
box-shadow: inset 0px 0px 0px 1px #dde3e6;
font-size: 16px;
font-weight: 200;
color: #000000;
font-family: "Roboto";
cursor: pointer;
/*transition: color 0.15s ease-in;*/
align-items: center;
display: flex;
justify-content: space-around;
box-sizing: border-box;
background: #FFFFFF;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.maison_privateKey_tab label {
padding: 10px 10px;
vertical-align: middle;
align-items: center;
display: flex;
margin: 0;
flex: 1 1 auto;
height: 100%;
text-align: center;
justify-content: center;
cursor: pointer;
white-space: nowrap;
user-select: none;
}
.maison_privateKey_content {
width: 100%;
padding: 0px;
}
.maison_privateKey_content > div {
}
.import_privatekey {
font-size: 16px;
width: 100%;
position: relative;
display: block;
resize: none;
border: solid 1px #dde3e6;
border-radius: 5px;
height: 130px;
padding: 12px 15px;
margin-top: -15px;
/*border-top-left-radius: 0px;
border-top-right-radius: 0px;*/
}
.import_secretphrase {
font-size: 16px;
width: 100%;
position: relative;
display: block;
resize: none;
border: solid 1px #dde3e6;
border-radius: 10px;
height: 130px;
padding: 12px 15px;
margin-top: -15px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.modal_section_import_title {
text-align: center;
font-weight: 400;
padding: 10px 0px 20px 0px;
font-size: 18px;
}
.maison_privateKey_content textarea::-webkit-scrollbar {
width: 5px;
}
.maison_privateKey_content textarea::-webkit-scrollbar-button {
display: none;
}
.maison_privateKey_content textarea::-webkit-scrollbar-track {
background-color: transparent;
}
.maison_privateKey_content textarea::-webkit-scrollbar-thumb {
background: #f6f7fb;
}
.modal_crypto_wallet_actions_box {
width: 100%;
display: block;
position: relative;
text-align: center;
padding: 20px 0px 0px 0px;
text-wrap: nowrap;
}
.only_send_crypto_type {
font-weight: 400;
}
.wallet_import_error {
background-color: #ffffff;
border: solid 1px #dde3e6;
border-radius: 10px;
color: #000000;
display: block;
font-size: 16px;
line-height: 22px;
margin: 0px 0px 25px 0px;
padding: 10px 25px 10px 25px;
text-align: center;
list-style-type: none;
line-height: 1.17648;
}
button.standard_account_import_button {
outline: none;
border: 0;
position: relative;
transition: padding-right 0.3s ease;
font: 400 16px Roboto;
line-height: 1.17648;
vertical-align: middle;
background: #01754b;
border-radius: 100px;
clear: both;
color: #ffffff;
cursor: pointer;
display: inline-block;
padding: 8px 22px 8px 22px;
text-align: center !important;
}
.standard_account_import_button.spinning {
padding-right: 45px;
}
.standard_account_import_button.spinning:after {
content: "";
right: 20px;
top: calc(50% - 2px);
width: 0;
height: 0;
position: absolute;
border-radius: 50%;
-webkit-animation: rotate360 0.75s infinite linear, exist 0.1s forwards ease;
animation: rotate360 0.75s infinite linear, exist 0.1s forwards ease;
}
.standard_account_import_button.spinning:before {
content: "";
width: 0px;
height: 0px;
border-radius: 50%;
right: 20px;
top: calc(50% - 2px);
position: absolute;
border: 2px solid rgba(255, 255, 255, 0.35);
border-right: 2px solid rgba(255, 255, 255, 1);
-webkit-animation: rotate360 0.75s infinite linear, exist 0.1s forwards ease;
animation: rotate360 0.75s infinite linear, exist 0.1s forwards ease;
}
@-webkit-keyframes rotate360 {
100% {
transform: rotate(360deg);
}
}
@keyframes rotate360 {
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes exist {
100% {
width: 15px;
height: 15px;
margin: -8px 0px;
}
}
@keyframes exist {
100% {
width: 15px;
height: 15px;
margin: -8px 0px;
}
}
/* The icon */
.help-tip {
position: absolute;
top: calc(50% - 0px);
left: 128px;
transform: translate(-50%, -50%);
margin: auto;
text-align: center;
border: 1px solid #dde3e6;
border-radius: 50%;
width: 18px;
height: 18px;
font-size: 11px;
line-height: 18px;
cursor: help;
background: #FFFFFF;
z-index: 1;
}
.help-tip:before {
content: "?";
color: #000000;
}
.help-tip:hover p {
display: block;
transform-origin: 100% 0%;
-webkit-animation: fadeInTip 0.3s ease;
animation: fadeInTip 0.3s ease;
}
/* The tooltip */
.help-tip p {
display: none;
font-family: sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
text-align: left;
background-color: #ffffff;
padding: 8px 12px;
width: 264px;
height: auto;
position: absolute;
left: 50%;
transform: translate(-50%, 7px);
border: solid 1px #dde3e6;
border-radius: 5px;
box-shadow: 0 5px 10px rgb(212,219,233,15%);
color: #37393d;
font-size: 14px;
line-height: 18px;
z-index: 99;
top: 22px;
}
/* The pointer of the tooltip */
.help-tip p:before {
border-bottom-color: #ffffff;
left: calc(50% - 6px);
background: #fff;
border: 1px solid #dde3e6;
border-right: 0;
border-bottom: 0;
content: '';
height: 10px;
position: absolute;
top: -6px;
transform: rotate(45deg);
width: 10px;
}
/* Prevents the tooltip from being hidden */
.help-tip p:after {
width: 10px;
height: 40px;
content: "";
position: absolute;
top: -40px;
left: 0;
}
/* CSS animation */
@-webkit-keyframes fadeInTip {
0% {
opacity: 0;
}
100% {
opacity: 100%;
}
}
@keyframes fadeInTip {
0% {
opacity: 0;
}
100% {
opacity: 100%;
}
}
.modal_icon img {
width: 69px;
}
.select_crypto_wallet_exchange {
display: none;
border: none;
border-radius: 0px;
padding: 25px;
min-width: 300px;
width: 100%;
position: absolute;
background-color: #FFFFFF;
z-index: 1;
top: 0;
left: 0;
}
.select_crypto_wallet_exchange_modal {
display: block;
border: none;
border-radius: 0px;
padding: 25px;
min-width: 280px;
width: 100%;
position: fixed;
background-color: #FFFFFF;
z-index: 3;
top: 0;
left: 0;
height: 100%;
overflow-x: hidden;
/* Hide horizontal scrollbar */
overflow-y: auto;
/* Add vertical scrollbar */
}
.select_crypto_wallet_exchange_modal::-webkit-scrollbar {
display: none;
}
.select_wallet_exchange_title {
font: 400 18px Roboto;
padding: 0px 25px 15px 25px;
}
.styled_radio_button {
cursor: pointer;
display: flex;
align-items: center;
flex: 1;
box-sizing: border-box;
display: flex;
padding: 5px 0px 11px 32px;
-webkit-tap-highlight-color: transparent;
}
.styled_radio_button input[type="radio"] {
position: relative;
appearance: none;
-webkit-appearance: none;
/*transition: linear 0.8s;*/
height: 0;
width: 0;
-webkit-tap-highlight-color: transparent;
}
.styled_radio_button input[type="radio"]:after {
content: "";
position: absolute;
height: 22px;
width: 22px;
top: -12px;
left: -32px;
border-radius: 22px;
border: 1px solid #C8D0DD;
/*transition: linear 0.2s;*/
cursor: pointer;
}
.styled_radio_button input[type="radio"]:checked:after {
content: "";
position: absolute;
height: 22px;
width: 22px;
top: -12px;
left: -32px;
border-radius: 22px;
border: 1px solid #C8D0DD;
/*transition: linear 0.2s;*/
cursor: pointer;
}
.styled_radio_button input[type="radio"]:checked:before {
content: "";
position: absolute;
height: 10px;
width: 10px;
border-radius: 10px;
background: #EFF8F4;
border: solid 1px #51AA75;
left: -26px;
top: -6px;
z-index: 1;
cursor: pointer;
}
.crypto_wallets_chart {
text-align: center;
position: relative;
}
.crypto_wallets_chart_metrics {
position: relative;
left: 0;
top: -245px;
z-index: 1;
}
.large_pie_metric {
font-size: 35px;
font-weight: 400;
}
.small_pie_metric {
text-transform: uppercase;
font-size: 13px;
}
.highcharts-title {
line-height: 24px;
}
.liquidity_pool_dollar_balance {
font-size: 55px;
font-weight: 400;
text-align: center;
display: block;
margin-top: -10px;
}
.liquidity_pool_total_balance {
font-size: 16px;
text-align: center;
padding-top: 20px;
margin-bottom: -20px;
}
#liquidity-pool-pie .highcharts-title {
line-height: 20px;
}
.crypto_wallet_dollar_balance {
font-size: 26px;
font-weight: 400;
text-align: center;
display: block;
}
.crypto_wallet_total_balance {
font-size: 12px;
text-align: center;
}
.pie_chart_energy_liquidity_dollar_share {
font-weight: 400;
font-size: 25px;
}
.pie_chart_crypto_name {
font-weight: 400;
}
.pie_chart_crypto_value {
font-weight: 200;
}
.camera_scanner_box {
padding: 0px;
width: 100%;
display: inline-block;
position: relative;
}
#reader {
border: none !important;
width: 100%;
max-width: 700px;
display: inline-block !important;
position: relative;
padding: 25px 25px 30px 25px;
display: block;
position: relative;
}
#video-container {
position: relative;
overflow: hidden;
}
#qr-video {
width: 100% !important;
height: 100% !important;
max-width: 800px;
object-fit: cover !important;
/*-webkit-filter: brightness(108.5%);*/
z-index: 1;
}
/*.stream_overlay_box {
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
margin: auto;
z-index: 3;
text-align: center;*/
/* this will do the trick */
/*-webkit-mask: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
-webkit-mask-clip: content, padding-box;
-webkit-mask-composite: xor;
mask-composite: exclude;*/
/**/
/*backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background: rgb(255,255,255,0.25);
padding: 25px 25% 25px 25%;
}*/
.stream_overlay_box {
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
margin: auto;
z-index: 3;
text-align: center;
-webkit-mask-image: url(../img/hex-mask-filter.svg);
mask-image: url(../img/hex-mask-filter.svg);
-webkit-mask-repeat: no-repeat;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background: rgb(255,255,255,0.25);
mask-repeat: no-repeat;
mask-position: top center;
-webkit-mask-position-x: center;
-webkit-mask-position-y: center;
/*
filter: brightness(175%);
-webkit-filter: brightness(175%);*/
}
.stream_overlay_focus {
border: none;
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
margin: auto;
z-index: 3;
margin: 25px 25% 25px 25%;
}
#reader__header_message {
border: 0px !important;
}
#html5-qrcode-button-camera-permission, #html5-qrcode-button-camera-start, #html5-qrcode-button-camera-stop {
font: 400 14px Roboto;
line-height: 1.17648;
vertical-align: middle;
background: #01754b !important;
border-radius: 100px !important;
clear: both !important;
color: #ffffff !important;
cursor: pointer !important;
opacity: 1 !important;
display: inline-block;
padding: 8px 18px 8px 18px !important;
text-align: center !important;
}
#qr-shaded-region {
position: absolute;
/* zero all offsets */
top: 0;
right: 0;
bottom: 0;
left: 0;
border: solid 1.5em transparent;
background: rgba(0, 0, 0, 0.03);
/* doesn't work in Firefox */
backdrop-filter: blur(9px);
/* doesn't work in Edge */
--fill: linear-gradient(red, red);
-webkit-mask: var(--fill) padding-box, var(--fill);
-webkit-mask-composite: xor;
mask: var(--fill) padding-box exclude, var(--fill);
content: "";
border-color: rgba(0, 0, 0, 0.10) !important;
}
#reader__scan_region {
margin-bottom: 25px;
}
#reader__scan_region img {
display: none;
}
#reader__scan_region {
min-height: 0px !important;
}
.camera_reader {
display: inline-block;
position: relative;
}
.tl_canvas {
width: 16px;
height: 16px;
background: #ffffff;
-webkit-mask-image: radial-gradient(circle 10px at 0 0, transparent 0, transparent 15px, black 16px);
position: absolute;
top: 0;
left: 0;
transform: rotate(180deg);
}
.tr_canvas {
width: 16px;
height: 16px;
background: #ffffff;
-webkit-mask-image: radial-gradient(circle 10px at 0 0, transparent 0, transparent 15px, black 16px);
position: absolute;
top: 0;
right: 0;
transform: rotate(270deg);
}
.bl_canvas {
width: 16px;
height: 16px;
background: #ffffff;
-webkit-mask-image: radial-gradient(circle 10px at 0 0, transparent 0, transparent 15px, black 16px);
position: absolute;
bottom: 0;
left: 0;
transform: rotate(270deg);
}
.br_canvas {
width: 16px;
height: 16px;
background: #ffffff;
-webkit-mask-image: radial-gradient(circle 10px at 0 0, transparent 0, transparent 15px, black 16px);
position: absolute;
bottom: 0;
right: 0;
transform: rotate(270deg);
}
#html5-qrcode-select-camera {
display: none !important;
}
.crypto_wallet_modal_background .crypto_wallet_actions_box {
display: flex;
padding: 20px 0px 20px 0px;
gap: 10px;
justify-content: center;
flex-direction: row;
width: 100%;
height: unset;
box-shadow: 0 -3px 8px 0 rgb(116, 129, 141, 10%);
border-top: solid 1px #d4dbe9;
position: fixed;
bottom: 0;
z-index: 2;
background-color: #FFFFFF;
}
.crypto_wallet_modal_placer {
padding: 25px 25px 25px 25px;
width: 100vw;
justify-content: center;
align-items: center;
display: flex;
}
.crypto_wallet_modal .maison_accordion .maison_accordion_item:last-child {
border-bottom: 0;
}
.no_balance_wallets {
/*padding: 10px 0px 25px 0px;*/
}
@supports (-webkit-touch-callout: none) {
.on-footer {
position: absolute;
bottom: 0;
transition: padding 226ms ease-out;
padding-bottom: calc(100vh - var(--webkit-footer-gap) + 2%);
}
.webkit-gap {
position: fixed;
top: 0;
bottom: 0;
display: block;
width: 100%;
height: 100%;
z-index: -1;
}
}
input[type="file"] {
display: block;
margin-bottom: 16px;
}
.scan-region-highlight {
position: relative;
}
.redeem_rewards_box {
background: #ffffff;
display: inline-block;
border-radius: 10px;
min-width: 300px;
width: 100%;
max-width: 500px;
position: relative;
margin: 0px 0px 20px 0px;
border: solid 1px #dde3e6;
overflow: hidden;
}
.redeem_rewards_data {
text-align: left;
vertical-align: middle;
align-items: center;
display: flex;
flex: 0;
gap: 15px;
justify-content: flex-end;
padding: 13px 15px;
border-bottom: solid 1px #dde3e6;
}
.redeem_rewards_data_left {
vertical-align: middle;
align-items: center;
justify-content: left;
display: flex;
text-align: left;
margin: 0;
flex: 1 1 auto;
}
.redeem_rewards_data_right {
font-weight: 400;
vertical-align: middle;
align-items: center;
justify-content: right;
display: block;
text-align: right;
margin: 0;
flex: 1 1 auto;
}
.redeem_rewards_box .redeem_rewards_data:last-child {
border-bottom: 0px;
background: #F6F7FB;
}
#result_cashback {
display: contents;
font-size: 28px;
}
#result_rewards {
display: contents;
font-size: 12px;
font-weight: 200;
}
#result_price, #result_cost {
font-size: 20px;
}
#cashback_label {
font-size: 20px;
font-weight: 400;
}
#result_price::before {
content: "$";
}
#result_cost::before {
content: "-$";
}
.cashback_dollar_label {
font-size: 28px;
margin-bottom: -3px;
}
.cashback_masn_label {
font-size: 12px;
font-weight: 200;
}
.redeem_rewards_boundary_box {
display: inline-block;
padding: 0px 0px 25px 0px;
width: 100%;
max-width: 600px;
min-width: 325px;
}
.redeem_rewards_actions_box {
width: 100%;
display: inline-block;
position: relative;
text-align: center;
padding: 0px;
text-wrap: nowrap;
}
.redeem_rewards_actions_box #result_cashbackBtm, result_cashback_dollar_label {
font-weight: 400;
}
.qr_error {
font-size: 16px;
padding: 25px 0px;
}
.oops_qr {
font-weight: 400;
display: inline-block;
}
.qr_error .redeem_rewards_actions_box {
margin: 10px 0px 0px 0px;
}
.qr_experience {
display: block;
position: relative;
}
.qr_overlay_box_1 {
z-index: 3;
position: absolute;
bottom: 88px;
transform: rotate(-90deg);
display: block;
color: #fff;
text-align: left;
line-height: 20px;
}
.qr_overlay_box_1_1 {
font-size: 24px;
font-weight: 400;
display: block;
}
.qr_overlay_box_1_2 {
font-size: 16px;
font-weight: 200;
display: block;
letter-spacing: 1px;
}
.qr_overlay_box_2 {
z-index: 3;
position: absolute;
display: block;
opacity: 0.75;
left: 4%;
bottom: 25px;
}
.qr_overlay_box_2 img {
width: 65px;
}
.qr_overlay_box_3 {
z-index: 3;
position: absolute;
display: block;
right: -8%;
bottom: 1%;
width: 23%;
min-width: 75px;
opacity: 0.25;
}
.qr_overlay_box_4 {
z-index: 3;
position: absolute;
display: block;
right: 12%;
bottom: 48%;
width: 7%;
min-width: 20px;
opacity: 0.75;
transform: rotate(90deg);
}
.qr_overlay_box_5 {
z-index: 3;
position: absolute;
display: block;
right: 10px;
top: 15%;
width: 20px;
opacity: 0.50;
transform: rotate(45deg);
}
.stream_overlay_objects {
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
margin: auto;
z-index: 0;
display: flex;
}
.congrats_qr_box {
padding: 25px 25px 30px 25px;
}
.allow_qr_experience {
padding: 0px 25px;
}
.stream_overlay_box_corner {
height: 24px;
width: 24px;
overflow: hidden;
position: relative;
display: inline-block;
}
.stream_overlay_box_corner:before {
content: '';
position: absolute;
top: -20px;
right: -20px;
height: 45px;
width: 45px;
border-radius: 100%;
box-shadow: #ffffff 0 0 0 50px;
}
.tl_corner {
position: absolute;
top: 0;
left: 0;
z-index: 3;
transform: rotate(90deg);
}
.tr_corner {
position: absolute;
top: 0;
right: 0;
z-index: 3;
transform: rotate(180deg);
}
.bl_corner {
position: absolute;
bottom: 0;
left: 0;
z-index: 3;
transform: rotate(0deg);
}
.br_corner {
position: absolute;
bottom: 0;
right: 0;
z-index: 3;
transform: rotate(270deg);
}
.qr_hex_mask {
display: inline-block;
position: relative;
-webkit-mask-image: url(../img/hex-mask.svg);
mask-image: url(../img/hex-mask.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
mask-position: top center;
-webkit-mask-position-x: center;
-webkit-mask-position-y: center;
}
.redeem_rewards_successful {
display: block;
position: relative;
padding: 74px 0px 0px 0px;
background-image: url(/img/rewards-successful.svg);
background-size: initial;
background-position: 50% 100%;
background-repeat: no-repeat;
height: 310px;
margin: 20px 0px 0px 0px;
}
.redeem_rewards_successful_title {
font-size: 30px;
font-weight: 400;
}
.redeem_rewards_successful_subtitle {
}
.redeem_rewards_successful_dollar_amount {
padding: 15px 0px 0px 0px;
font-size: 45px;
font-weight: 400;
}
.redeem_rewards_successful_maison_amount {
font-size: 14px;
}
.redeem_rewards_successful_action {
padding: 44px 40px 30px 40px;
max-width: 340px;
display: inline-block;
}
.me_lp_container_tiles {
display: block;
position: relative;
text-align: center;
padding: 0px 25px 0px 25px;
}
.me_lp_container {
padding: 0px;
width: 100%;
max-width: 700px;
min-width: 325px;
display: inline-block;
}
.customers_vs_mwh_container {
padding: 0px;
/* width: min-content; */
/* min-width: 300px; */
display: inline-block;
}
.me_lp_container_responsive {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(10px, 1fr));
column-gap: 10px;
}
.customers_vs_mwh_box_container_responsive {
display: inline-flex;
column-gap: 10px;
}
.customers_vs_mwh_box_container {
border: none;
padding: 10px 15px 20px 15px;
display: block;
position: relative;
text-align: center;
}
.me_lp_container_box_container {
border: solid 1px #dde3e6;
border-radius: 10px;
padding: 15px;
display: block;
position: relative;
text-align: center;
}
.me_lp_container_box_container div:nth-child(2) {
font-size: 30px;
font-weight: 400;
}
.me_lp_container_box_container div:nth-child(3) {
padding: 10px 0px 0px 0px;
}
.me_lp_explanation_box {
display: block;
position: relative;
}
.me_lp_explanation_fineprint {
display: inline-block;
max-width: 700px;
position: relative;
font-size: 12px;
padding: 0px 25px 50px 25px;
}
.me_lp_charts_container {
display: block;
position: relative;
text-align: center;
padding: 25px 25px 0px 25px;
}
.lp_charts_box {
border: solid 1px #dde3e6;
border-radius: 10px;
padding: 15px;
position: relative;
text-align: center;
width: 100%;
min-width: 280px;
display: block;
min-height: 300px;
margin-bottom: 20px;
}
.me_lp_charts_container_sub {
display: inline-block;
width: 100%;
max-width: 700px;
}
.energy_lp_direction_circle {
display: inline-block;
border-radius: 21px;
top: -1px;
left: -3px;
margin-right: -1px;
position: relative;
border: solid 1px #dde3e6;
height: 21px;
width: 21px;
}
.energy_lp_direction_circle svg {
height: 10px;
width: 19px;
position: relative;
transform: rotate(360deg);
top: -2px;
align-items: center;
justify-content: center;
fill: #000000;
}
.lp_chart_labels {
border-bottom: dashed 1px #53aa75;
height: 40px;
width: 25%;
position: absolute;
right: 22%;
}
.lp_chart_labels_data {
display: inline-block;
text-align: left;
padding: 30px 0px 0px 105%;
line-height: 20px;
}
.lp_chart_labels_data_percent {
font-size: 25px;
font-weight: 400;
}
.lp_chart_labels_data_dollars {
font-size: 16px;
}
#liquidity-pool-pie {
padding: 15px 0px 0px 0px;
}
.lp_percent_change {
font-weight: 400;
}
.customers_vs_mwh {
display: block;
clear: both;
position: relative;
width: 100%;
}
.customers_vs_mwh_box_container_active_customers {
font-size: 50px;
font-weight: 400;
color: #53AA75;
padding: 0px 0px 15px 0px;
}
.customers_vs_mwh_box_container_mwh_used {
font-size: 50px;
font-weight: 400;
color: #076482;
padding: 0px 0px 15px 0px;
}
.dollar_balance_wallets {
padding: 0px 0px 25px 0px;
}
.crypto_wallets_dollar_sum {
}
.wallets_dollar_cents {
font-size: 55%;
position: relative;
display: contents;
}
.send_switch_field_container {
width: 100%;
display: block;
text-align: center;
}
.send_switch_field_options {
width: 100%;
max-width: 250px;
display: inline-block;
text-align: center;
padding: 5px 0px;
}
.send_switch-field {
display: flex;
gap: 0px;
/* margin-bottom: 36px; */
/* overflow: hidden; */
}
.nested_exchange_box_container .send_switch-field {
gap: 0px;
}
.stake_decision .send_switch-field {
gap: 0px;
}
.send_switch-field input {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.send_switch-field label {
background-color: #ffffff;
border: 1px solid #d4dbe9;
color: #000000;
font-size: 16px;
line-height: 1;
margin-right: -1px;
padding: 10px 0px;
text-align: center;
/* transition: all 0.1s ease-in-out; */
width: 50%;
}
.send_switch-field label:nth-of-type(2) {
width: calc(50% + 1px);
}
.send_switch-field label:hover {
cursor: pointer;
}
.send_switch-field input:checked + label {
background: rgb(239, 248, 243);
border-color: #53aa75;
box-shadow: none;
/* background: linear-gradient(90deg, #76cc98 0%, #64bb86 100%); */
color: #01754b;
font-weight: 400;
z-index: 1;
}
.send_switch-field label:first-of-type {
border-radius: 50px 0 0 50px;
}
.send_switch-field label:last-of-type {
border-radius: 0 50px 50px 0;
}
/*.buy_crypto_credit_card_box_container .switch-field label {
font-size: 18px;
}*/
.select_wallet_balance_box {
display: block;
gap: 10px;
}
.crypto_icon_selected {
display: inline-flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.crypto_icon_selected img {
min-height: 60px;
min-width: 60px;
height: 60px;
width: 60px;
object-fit: contain;
}
.crypto_icon_selected > svg .svg_object_1 {
fill: #01754b;
}
.crypto_icon_selected > svg .svg_object_2 {
fill: #01754b;
}
.crypto_wallet_selected_data {
}
.send_text-wrapper {
display: flex;
justify-content: left;
margin: 20px 0px 0px 0px;
font-size: 16px;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
padding: 0px 0px 5px 0px;
font-weight: 400;
}
.transaction_fee_balance {
padding: 20px 0px 0px 0px;
font-size: 14px;
margin: 0px;
position: relative;
display: block;
width: 100%;
}
.transaction_fee_balance > div:nth-of-type(1) {
display: block;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.transaction_fee_balance > div:nth-of-type(1) > div:nth-of-type(1) {
padding: 0px
}
.transaction_fee_balance > div:nth-of-type(1) > div:nth-of-type(2) {
padding: 0px;
}
.transaction_fee_balance > div:nth-of-type(1) > div:nth-of-type(2) > span:nth-of-type(1) {
font-weight: 400;
}
.blockchain-dollar-fee {
font-weight:400;
}
.send_crypto_content_box .swiper-horizontal {
position: relative;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed */
}
.send_crypto_content_box .swiper-button-next-send, .swiper-button-prev-send {
display: inline-block;
transform: unset;
}
.send_crypto_content_box [class^=swiper-button-] {
height: 30px;
width: 30px;
opacity: unset;
visibility: unset;
display: inline-flex;
z-index: 1;
border: solid 0px #01754b;
/*background: hsla( 217, 40%, 86%, 0.20);*/
border-radius: 30px;
margin-top: -11px;
}
.send_crypto_content_box .swiper-button-next-send:after {
background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg' id='' preserveAspectRatio='xMidYMid meet'%3E%3Cpath d='M13.215 6.833L8.438 11.41c-.16.135-.31.19-.438.19a.635.635 0 01-.415-.167l-4.8-4.6c-.24-.228-.247-.63-.018-.848a.597.597 0 01.848-.018L8 10.17l4.385-4.2a.597.597 0 01.848.018c.23.215.222.617-.018.845z' fill='%23000000'%3E%3C/path%3E%3C/svg%3E") no-repeat center right;
content: "";
height: 18px;
width: 18px;
position: relative;
display: inline-block;
transform: rotate(-90deg);
background-repeat: no-repeat;
background-position: bottom;
margin: 0px 0px 0px -2px;
}
.send_crypto_content_box .swiper-button-prev-send:after {
background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg' id='' preserveAspectRatio='xMidYMid meet'%3E%3Cpath d='M13.215 6.833L8.438 11.41c-.16.135-.31.19-.438.19a.635.635 0 01-.415-.167l-4.8-4.6c-.24-.228-.247-.63-.018-.848a.597.597 0 01.848-.018L8 10.17l4.385-4.2a.597.597 0 01.848.018c.23.215.222.617-.018.845z' fill='%23000000'%3E%3C/path%3E%3C/svg%3E") no-repeat center right;
content: "";
height: 18px;
width: 18px;
display: inline-block;
position: relative;
transform: rotate(90deg);
background-repeat: no-repeat;
background-position: bottom;
margin: 0px -2px 0px 0px;
}
.send_crypto_content_box .swiper-button-next-send {
right: 0px;
}
.send_crypto_content_box .swiper-button-prev-send {
left: 0px;
}
.send_crypto_content_box .swiper-button-next-send.swiper-button-disabled, .send_crypto_content_box .swiper-button-prev-send.swiper-button-disabled {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-button-next-send, .swiper-button-prev-send {
position: absolute;
top: var(--swiper-navigation-top-offset,50%);
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: none;
}
.swiper-button-next-send:after, .swiper-rtl .swiper-button-prev-send:after {
content: 'next';
}
.send_input-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
height: 50px;
align-items: center;
column-gap: 0px;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
padding: 0px;
flex-wrap: nowrap;
}
.send_number_control {
min-width: 50px;
min-height: 50px;
width: 50px;
height: 50px;
border-style: solid;
border-width: 1px;
border-color: #e4e9ec;
border-radius: 0px;
font-size: 0px;
cursor: pointer;
text-align: center;
touch-action: manipulation;
-webkit-touch-callout: none;
}
#decrement {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
line-height: 48px;
border-right: 1px solid transparent;
z-index: 1;
}
#increment {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
line-height: 48px;
border-left: 1px solid transparent;
z-index: 1;
}
#custom-dollar {
height: 50px;
border-top: solid 1px #e4e9ec;
border-bottom: solid 1px #e4e9ec;
}
/* .number_control:hover {
border-color: #00754b;
background-color: #eff8f3;
}*/
.send_number_control_touch {
border-color: #00754b;
background-color: #eff8f3;
/*box-shadow: 0px 0px 0px 10px rgba(239, 248, 243, .3);*/
}
#decrement.send_number_control_touch {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-color: #00754b;
background-color: #eff8f3;
border-right: 1px solid #00754b;
/*box-shadow: 0px 0px 0px 10px rgba(239, 248, 243, .3);*/
}
#increment.send_number_control_touch {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-color: #00754b;
background-color: #eff8f3;
border-left: 1px solid #00754b;
/*box-shadow: 0px 0px 0px 10px rgba(239, 248, 243, .3);*/
}
.send_custom_dollar_amount {
width: 100%;
padding-right: 5px;
padding-left: 5px;
font-size: 35px;
border: none;
text-align: center;
font-family: 'Roboto';
background: transparent;
appearance: none;
border: none;
border-radius: 0;
display: inline;
font-family: 'Roboto', sans-serif;
font-weight: 200;
font-size: 20px;
margin: 0;
outline: none;
outline-style: none;
padding: 0;
margin: 0px -5px !important;
}
.send_custom_dollar_amount input:focus {
outline: 0;
box-shadow: 0px;
}
.send_custom_dollar_amount input::-webkit-input-placeholder {
/* WebKit browsers */
font-weight: 200;
}
.send_custom_dollar_amount input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
font-weight: 200;
}
.send_custom_dollar_amount input::-moz-placeholder {
/* Mozilla Firefox 19+ */
font-weight: 200;
}
.send_custom_dollar_amount input:-ms-input-placeholder {
/* Internet Explorer 10+ */
font-weight: 200;
}
#svg_plus {
width: 13px;
height: 17px;
}
#svg_minus {
width: 13px;
height: 16px;
}
/*.number_control:hover > svg #svg_number_controller {
stroke: #01754b;
}*/
.send_number_control_touch > svg #svg_number_controller {
stroke: #01754b;
}
#input-price::selection, #currency-field::selection {
background-color: transparent;
color: #000000;
}
.enter_amount_container {
display: block;
position: relative;
touch-action: manipulation;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently */
padding: 10px 0px 0px 0px;
}
.swiperSendCrypto .swiper-slide {
touch-action: manipulation;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently */
}
.send_from_address {
padding: 0px 0px 5px 0px;
font-size: 16px;
font-weight: 400;
position: relative;
display: block;
}
.send_from_address_container {
display: block;
position: relative;
margin: 0px 0px 0px 0px;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
border: solid 1px #CCD7E9;
border-radius: 5px;
overflow: hidden;
}
.wallet-balance-available-to-send {
font-size:16px;
display: block;
position:relative;
padding: 20px 0px 0px 0px;
}
.activate_camera {
display: inline-block;
position: absolute;
right: 0px;
top: 10px;
}
.activate_camera img {
height: 31px;
width: 30px;
}
.validated_address {
display: inline-block;
position: absolute;
right: -3px;
top: 8px;
}
.validate_crypto_address {
display: none;
position: absolute;
right: 11px;
top: 9px;
}
.validated_address img {
height: 35px;
width: 35px;
object-fit: cover;
}
.send_from_address_container .contact_form_input {
height: 50px;
padding: 0px 45px 0px 10px !important;
border: none !important;
text-overflow: ellipsis;
white-space: nowrap;
}
.swiperSendCrypto .modal_select_wallet_balance_box {
font-size: 14px;
}
.swiperSendCrypto .modal_wallet_balance_dollar {
font-size: 25px;
padding: 10px 0px 0px 0px;
}
.swiperSendCrypto .modal_wallet_balance_crypto {
font-size: 14px;
}
.from_balance_crypto {
display:none;
text-align: left;
font-size: 16px;
font-weight: 400;
}
.to_balance_crypto {
text-align: left;
font-size: 16px;
margin: 40px 0px 2px 0px;
}
#send-crypto-step-1 {
}
#send-crypto-step-2 {
}
#send-crypto-step-3 {
}
#send-crypto-step-2 > div:nth-of-type(2) > div:nth-of-type(1) {
font-size: 16px;
font-weight: 200;
display: block;
}
#send-crypto-step-2 > div:nth-of-type(2) > div:nth-of-type(2) {
font-size: 14px;
background: #FFFFFF;
border-radius: 10px;
padding: 10px 0px 5px 0px;
margin-top: 5px;
line-height: 1.17648;
width: 100%;
}
#send-crypto-step-2 > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) {
font-size: 28px;
font-weight: 400;
display: block;
}
#send-crypto-step-2 > div:nth-of-type(2) > div:nth-of-type(4) {
font-size: 16px;
padding: 10px 0px 0px 0px;
}
#send-crypto-step-2 > div:nth-of-type(2) > div:nth-of-type(5) {
word-break: break-all;
text-align: left;
cursor: pointer;
font-family: monospace;
text-align: center;
padding: 0px 0px 30px 0px;
font-size: 18px;
}
#send-crypto-step-2 > div:nth-of-type(2) > div:nth-of-type(6) {
background: #f4f6fb;
border: solid 1px rgb(201,212,218,50%) !important;
border-radius: 10px;
font-size: 12px;
padding: 15px 15px;
text-align: center;
line-height: 1.17648;
position: relative;
margin-top: 0px;
height: 100%;
}
#send-crypto-step-2 > div:nth-of-type(2) > span:nth-of-type(1) {
font-size: 14px;
font-weight: 200;
}
#send-crypto-step-2 > div:nth-of-type(2) > div:nth-of-type(1) {
font-size: 16px;
font-weight: 200;
display: block;
}
#send-crypto-step-2 > div:nth-of-type(2) > div:nth-of-type(8) > div:nth-of-type(2) {
font-size: 14px;
padding: 0px 0px 0px 0px;
}
#send-crypto-step-3 {
padding: 0px;
height: 400px;
position: relative;
background-image: url(/img/crypto-sent-success.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin: 25px 0px 0px 0px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
justify-items: center;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
}
#send-crypto-step-3 > div:nth-of-type(1) {
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 35%;
}
#send-crypto-step-3 > div:nth-of-type(1) > div:nth-of-type(1) {
font: 400 30px Roboto;
color: #000000;
padding: 0px 0px 5px 0px;
}
#send-crypto-step-3 > div:nth-of-type(1) > div:nth-of-type(2) {
font-size: 16px;
padding: 0px 30% 35px 30%;
}
.ui-menu-item-wrapper > span:nth-of-type(1) {
display: block;
font-weight: 400;
font-size: 16px;
}
#confirm-error-address {
font-size: 16px;
padding: 0px 0px 0px 0px;
font-weight: 200;
}
#confirm-error-amount {
font-size: 16px;
padding: 0px 0px 0px 0px;
font-weight: 200;
}
.send-receive-crypto {
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 12px;
margin: 0px;
}
.send-receive-crypto-icon {
/*border: solid 1px #01754b;*/
border-radius: 50%;
display: inline-block;
position: relative;
}
.receive-crypto-icon-box {
display: inline-grid;
justify-items: center;
color: #01754b;
font-weight: 400;
gap: 5px;
font-size: 14px;
cursor: pointer;
}
.receive-crypto-icon-box img {
width: 55px;
transform: rotate(-180deg);
}
.send-crypto-icon-box {
display: inline-grid;
justify-items: center;
color: #01754b;
font-weight: 400;
gap: 5px;
font-size: 14px;
cursor: pointer;
}
.send-crypto-icon-box img {
width: 55px;
}
.send-crypto-box {
display: block;
position: relative;
width: 100%;
max-width: 500px;
}
.send_crypto_container {
display: flex;
position: relative;
text-align: center;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: flex-start;
padding: 0px 0px 80px 0px;
}
.action-crypto-inversed img {
transform: rotate(-180deg);
}
.action-crypto-icon-box {
display: inline-grid;
justify-items: center;
color: #01754b;
font-weight: 400;
gap: 0px;
font-size: 14px;
cursor: pointer;
}
.action-crypto-icon-box img {
width: 55px;
margin: 0px 0px -7px 0px;
}
.action-crypto-box {
display: block;
position: relative;
width: 100%;
max-width: 500px;
}
.action_crypto_container {
display: flex;
position: relative;
text-align: center;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: flex-start;
padding: 0px 0px 80px 0px;
}
span[data-selected-crypto-coin] {
text-transform: capitalize;
}
.back-arrow-position span[data-cryptoname] {
text-transform: lowercase;
}
.error-handler-box {
height: 50px;
}
.back-arrow-icon {
position: absolute;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
margin: -2px 0px 0px 0px;
cursor: pointer;
}
.back-arrow-icon img {
width: 45px;
}
.back-arrow-position {
position: relative;
font: 400 30px Roboto;
color: #000000;
padding: 0px;
display: inline-block;
width: 100%;
max-width: 500px;
}
.create_account_btn_box {
text-align: center;
display: block;
}
.view_on_blockchain_link {
height: 30px;
width: 30px;
vertical-align: middle;
align-items: center;
display: flex;
justify-content: center;
flex-wrap: nowrap;
position: absolute;
right: 3px;
top: 3px;
align-content: center;
}
.view_on_blockchain {
height: 30px;
width: 30px;
vertical-align: middle;
align-items: center;
display: flex;
justify-content: center;
flex-wrap: nowrap;
position: absolute;
right: 0px;
top: 0px;
align-content: center;
}
.view_on_blockchain svg {
height: 13px;
width: 23px;
position: relative;
transform: rotate(45deg);
top: 0px;
align-items: center;
justify-content: center;
fill: #000000;
}
.error-handler-border {
/*border-color: #000000 !important;*/
}
.address-validated-border {
border-color: #01754b !important;
}
/*.signin_box:before {
content: "System updates scheduled between 01/16/2023 7:30pm - 01/17/2023 2:00am. All services will be back to normal after that time period.";
background-color: #fff7f7;
border: solid 1px #e9a5a5;
border-radius: 10px;
color: #c10000;
display: block;
font-size: 14px;
line-height: 22px;
margin: 0px 0px 25px 0px;
padding: 10px 25px 10px 25px;
text-align: center;
}*/
.staking-pair-explanation-box {
font-size: 14px;
text-align: left;
margin-top: 15px;
width: 100%;
overflow: hidden;
}
.staking-pair-explanation-box {
display: none;
}
.modal_wallet_balance_box {
display: none;
}
.action-crypto-icon-box-divider {
border-right: dashed 1px #01754b;
display: inline-flex;
position: relative;
height: 59px;
}
.view-balance-expander {
font-size: 14px;
text-align: left;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
cursor:pointer;
gap:6px;
}
.view-balance-expander-icon {
position: relative;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: flex-end;
}
.view-balance-expander-icon:after {
background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg' id='' preserveAspectRatio='xMidYMid meet'%3E%3Cpath d='M13.215 6.833L8.438 11.41c-.16.135-.31.19-.438.19a.635.635 0 01-.415-.167l-4.8-4.6c-.24-.228-.247-.63-.018-.848a.597.597 0 01.848-.018L8 10.17l4.385-4.2a.597.597 0 01.848.018c.23.215.222.617-.018.845z' fill='%23000000'%3E%3C/path%3E%3C/svg%3E") no-repeat center right;
content: "";
height: 12px;
width: 12px;
position: relative;
display: inline-block;
transform: rotate(-90deg);
background-repeat: no-repeat;
background-position: bottom;
}
.view-balance-expander-icon-opened {
transform: rotate(90deg);
margin: 3px 0px 0px -1px;
}
.view-balance-expander-label {
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.show-more-expander-icon {
position: relative;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: flex-end;
}
.show-more-expander-icon:after {
background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg' id='' preserveAspectRatio='xMidYMid meet'%3E%3Cpath d='M13.215 6.833L8.438 11.41c-.16.135-.31.19-.438.19a.635.635 0 01-.415-.167l-4.8-4.6c-.24-.228-.247-.63-.018-.848a.597.597 0 01.848-.018L8 10.17l4.385-4.2a.597.597 0 01.848.018c.23.215.222.617-.018.845z' fill='%23000000'%3E%3C/path%3E%3C/svg%3E") no-repeat center right;
content: "";
height: 12px;
width: 12px;
position: relative;
display: inline-block;
transform: rotate(-90deg);
background-repeat: no-repeat;
background-position: bottom;
}
.show-more-expander-icon-opened {
transform: rotate(90deg);
margin: 3px 0px 0px -1px;
}
.select-stablecoin-subtitle {
font-size: 16px;
text-align: left;
padding: 0px 0px 10px 0px;
}
.stablecoins-explanation {
margin: 25px 0px 30px 0px;
}
.send_crypto_content_box .swiper-pagination-bullet {
border: solid 1px #01754b;
}
.staking-type-box {
display: inline-block;
width: 100%;
max-width: 500px;
text-align: left;
}
.staking-type-title {
text-align: left;
font: 400 18px Roboto;
padding: 0px 0px 5px 0px;
}
.staking-bold {
font-weight: 400;
}
.selected-staking-range-dollar {
display: block;
color: #01754b;
font-weight: 400;
}
.staking-range_dollar_container {
width: 100%;
display: block;
text-align: center;
height: 20px;
padding: 0px 0px 23px 0px;
}
.range_dollar_container {
width: 100%;
display: block;
text-align: center;
min-width: 300px;
height: 20px;
padding: 0px 0px 60px 0px;
}
.slider_range_dollar_options {
width: 100%;
max-width: 680px;
display: inline-block;
text-align: center;
padding: 5px 0px;
}
.flex-container {
display: flex;
flex-direction: row;
justify-content: center;
text-align: center;
padding: 0px 5px;
}
.flex-container > div {
text-align: center;
font-size: 16px;
font-family: 'Roboto';
font-weight: 200;
flex: 100%;
}
.select-staking-term-container .flex-container {
padding: 0px;
}
.slider-container-selection {
display: flex;
justify-content: center;
position: relative;
width: 100%;
margin: 50px 0px 0px 0px; /* Center the slider */
}
.staking-slider-selection {
width: 100%;
-webkit-appearance: none;
appearance: none;
background: transparent;
position: absolute;
top: -25px;
}
.staking-slider-selection::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 20px;
height: 20px;
background: #01754b;
border-radius: 50%;
cursor: pointer;
}
.staking-slider-selection::-moz-range-thumb {
width: 20px;
height: 20px;
background: #01754b;
border-radius: 50%;
cursor: pointer;
}
.flex-container {
display: flex;
justify-content: space-between;
width: 100%;
padding: 0 40px; /* Adjust padding to match slider container width */
}
#energy-staking-5m, #energy-staking-10m, #energy-staking-25m, #energy-staking-50m, #energy-staking-100m {
cursor: pointer;
}
.paired-staking-range-maison {
flex: 1;
text-align: center;
cursor:pointer;
}
.criteria-selected-paired-staking-range-maison {
flex: 1;
text-align: center;
cursor: auto;
}
.paired-staking-range-dollar {
flex: 1;
text-align: center;
cursor:pointer;
}
.selected-staking-range-maison {
font-weight: 400 !important;
color: #01754b;
}
.selected-staking-range-dollar {
font-weight: 400 !important;
color: #01754b;
}
.staking-slider-box-container {
display: flex;
width: 100%;
position: relative;
}
.staking-slider-box-left,
.staking-slider-box-right {
flex: 0 0 10%;
}
#staking-3 .staking-slider-box-left,
.staking-slider-box-right {
flex: 0 0 7.5%;
}
#staking-3 .staking-slider-box-middle {
flex: 0 0 85%;
z-index: 1;
}
.staking-slider-box-middle {
flex: 0 0 80%;
z-index: 1;
}
.floating-slider-track {
width: 100%;
height: 8px;
border: 1px solid transparent;
background-color: #f5f6fb;
position: absolute;
border-radius: 10px;
bottom: 17px;
z-index: 0;
}
.slider-marker {
width: 2px;
height: 8px;
border: 1px solid transparent;
background-color: #ffffff;
position: absolute;
bottom: 17px;
z-index: 0;
pointer-events: none;
}
.slider-marker-1 {
left: 12.5%;
}
.slider-marker-2 {
left: 37.5%;
}
.slider-marker-3 {
left: 62.5%;
}
.slider-marker-4 {
left: 87.5%;
}
#staking-3 .slider-marker-1 {
left: 10%;
}
#staking-3 .slider-marker-2 {
left: 30%;
}
#staking-3 .slider-marker-3 {
left: 50%;
}
#staking-3 .slider-marker-4 {
left: 69.5%;
}
#staking-3 .slider-marker-5 {
left: 89.5%;
}
.select-energy-liquidity-container .slider-marker-1 {
left: 10%;
}
.select-energy-liquidity-container .slider-marker-2 {
left: 30%;
}
.select-energy-liquidity-container .slider-marker-3 {
left: 50%;
}
.select-energy-liquidity-container .slider-marker-4 {
left: 69.5%;
}
.select-energy-liquidity-container .slider-marker-5 {
left: 89.5%;
}
.select-energy-liquidity-container .staking-slider-box-container {
justify-content: space-between;
}
.select-energy-liquidity-container .staking-slider-box-left, .staking-slider-box-right {
flex: 0 0 4%;
}
.select-energy-liquidity-container .staking-slider-box-middle {
flex: 0 0 85%;
z-index: 1;
}
#staking-2 {
padding: 0px 0px 50px 0px;
}
#staking-3 {
padding: 0px 0px 50px 0px;
}
#staking-2 .view-balance-expander-icon-opened {
margin: 0px;
}
#staking-3 .view-balance-expander-icon-opened {
margin: 0px;
}
#staking-2 .staking-pair-explanation {
padding: 0px;
margin-top: 10px;
}
#staking-2 .view-balance-expander {
padding: 10px 0px 15px 0px;
margin: 0px 0px -19px 0px;
justify-content: center;
}
#staking-3 .view-balance-expander {
padding: 15px 0px 15px 0px;
margin: 0px 0px -19px 0px;
justify-content: center;
}
#staking-3 .staking-pair-explanation {
padding: 0px;
}
.usdc-apy-box {
display: block;
text-align: center;
line-height: 1;
padding: 0px 0px 15px 0px;
color: #01754b;
}
.usdc-apy {
font-size: 40px;
font-weight: 400;
}
.usdc-apy-label {
font-size: 14px;
padding-top: 2px;
font-weight: 200;
}
.staking-slider-box-middle .staking-slider-selection {
background-color: transparent;
}
.stake-equal-amount-title {
display:none;
}
.stake-amount-title {
font-weight:400;
font-size:18px;
text-align:center;
padding: 0px 0px 5px 0px;
}
.staking-pair-container {
display: flex;
align-items: center;
justify-content: space-between;
margin: 20px 20px 0px 20px;
flex-direction: row;
align-content: center;
flex-wrap: nowrap;
width: 100%;
}
.staking-pair-container-rewards {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0px 20px 30px 20px;
flex-direction: row;
align-content: center;
flex-wrap: nowrap;
width: 100%;
}
.staking-pair-box-rewards {
border: none;
padding: 0px;
text-align: center;
margin: 0px 0px 0px 0px;
width: 100%;
}
.staking-pair-box-rewards .amount {
display: block;
background-color: transparent;
border-radius: 5px;
padding: 10px 7px 0px 7px;
font-size: 22px;
font-weight: 400;
margin: 0px 5px 0px 5px;
color: #01754b;
}
.staking-pair-box {
border: 1px solid #dde3e6;
border-radius: 10px;
padding: 10px;
text-align: center;
margin: 10px 0px 0px 0px;
width: 100%;
}
.staking-pair-box .amount {
display: block;
background-color: #f5f6fb;
border-radius: 5px;
padding: 7px;
font-size: 20px;
font-weight: 400;
margin: 5px 0px 7px 0px;
}
.staking-pair-plus-section {
width: 73px;
text-align: center;
font-size: 24px;
font-weight: 200;
color: #01754b;
}
.staking-pair-available {
font-size:12px;
}
.staking-pair-name {
font-size: 16px;
}
.staking-pair-explanation {
display: block;
text-align: left;
width: 100%;
padding: 20px 0px 0px 2px;
}
.staking-lock-period {
width: 100%;
display: block;
text-align: left;
padding: 0px 0px 5px 2px;
font-size: 14px;
}
#staking-3 .balance {
padding: 0px 0px 0px 0px;
}
#staking-3 .stake-amount-title {
font-weight: 400;
font-size: 18px;
text-align: center;
padding: 0px 0px 15px 0px;
}
.add-energy-liquidity-container {
display: block;
text-align: center;
padding: 0px 25px;
}
.view-energy-liquidity-container {
display: block;
text-align: center;
padding: 0px 25px;
}
.select-term-energy-liquidity-container {
text-align: center;
padding: 25px 25px 0px 25px;
display: flex;
align-content: center;
align-items: center;
justify-content: flex-start;
flex-direction: column;
}
.select-energy-liquidity-container {
display: inline-flex;
position: relative;
text-align: center;
border: solid 1px #dde3e6;
border-radius: 10px;
padding: 20px;
width: 100%;
min-width: 310px;
max-width: 500px;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
text-align: left;
margin: 0px 0px 0px 0px;
}
#liquidity-1 .select-energy-liquidity-container {
margin: 0px 0px 25px 0px;
padding: 20px 0px 0px 0px;
overflow:hidden;
}
#liquidity-1 .maison_reserve_wrapper {
background: #ffffff;
}
#liquidity-1 .collapsible {
padding: 15px 45px 15px 20px;
font-weight:200;
font-size:16px;
}
#liquidity-1 .collapsible:after {
right: 19px;
top: 16px;
}
#liquidity-1 .collapsible-liquidity {
padding: 15px 45px 15px 20px;
font-weight: 200;
font-size: 16px;
}
#liquidity-1 .collapsible-liquidity:after {
right: 19px;
top: 16px;
}
.dividend-history-container {
padding: 0px 0px 10px 0px;
background: #ffffff;
border-left: solid 1px #dde3e6;
border-right: solid 1px #dde3e6;
border-bottom: solid 1px #dde3e6;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.monthly-dividend-history-container {
padding: 20px 0px 10px 0px;
}
.dividend-history-container-active {
}
#liquidity-1 input.staking-terms {
cursor: auto;
}
.energy-liquidity-checkbox {
margin: 2px 0px 6px 0px;
display: flex;
align-items: flex-end;
color: #000;
font-size: 16px;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
text-align: left;
max-width: 300px;
}
.energy-liquidity-level-1 {
font-size: 20px;
font-weight: 400;
}
.energy-liquidity-level-1-1 {
font-size: 16px;
padding: 3px 0px 10px 0px;
}
.energy-liquidity-level-2 {
padding: 10px 0px 0px 20px;
font-weight: 400;
font-size: 16px;
}
.energy-liquidity-level-3 {
padding: 5px 0px 0px 40px;
}
.energy-liquidity-spacer {
display: block;
border-top: dashed 1px #dde3e6;
padding: 11px 0px;
margin: 18px 0px 0px 0px;
}
.energy-source-selection-tile-container {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
align-content: center;
gap: 10px;
margin: 10px 0px 0px 0px;
}
.energy-source-selection-tile {
display: inline-flex;
width: calc(33% - 6px);
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
cursor:pointer;
}
.criteria-selected-energy-source-selection-tile {
display: inline-flex;
width: calc(33% - 6px);
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
cursor: auto;
}
.fuel-type-svg img {
height:60px;
width: 60px;
}
.criteria-selected-fuel-type-svg img {
height: 60px;
width: 60px;
}
.energy-source-selection-tile-box {
border: solid 1px #ccd7e9;
border-radius: 10px;
display: inline-flex;
width: 100%;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
min-height: 80px;
}
.criteria-selected-energy-source-selection-tile-box {
border: solid 1px #ccd7e9;
border-radius: 10px;
display: inline-flex;
width: 100%;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
min-height: 80px;
}
.selected-energy-source-selection-tile-box {
border: solid 1px #ccd7e9;
border-radius: 10px;
display: inline-flex;
width: 100%;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
min-height: 80px;
}
.criteria-selected-selected-energy-source-selection-tile-box {
border: solid 1px #ccd7e9;
border-radius: 10px;
display: inline-flex;
width: 100%;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
min-height: 80px;
}
.selected-energy-source-selection-tile-box svg {
max-width: 65px;
}
.criteria-selected-selected-energy-source-selection-tile-box svg {
max-width: 65px;
}
.energy-source-selection-tile-box svg {
max-width: 65px;
}
.energy-source-selection-tile-box-details {
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
justify-content: center;
font-size: 12px;
padding: 5px 0px 5px 0px;
}
.criteria-selected-energy-source-selection-tile-box-details {
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
justify-content: center;
font-size: 12px;
padding: 5px 0px 5px 0px;
}
.energy-source-selection-tile-box-details span:nth-of-type(1) {
font-weight:400;
font-size:16px;
}
.energy-source-selection-tile-box-details span:nth-of-type(2) {
font-weight:200;
}
.criteria-selected-energy-source-selection-tile-box-details span:nth-of-type(1) {
font-weight: 400;
font-size: 16px;
}
.criteria-selected-energy-source-selection-tile-box-details span:nth-of-type(2) {
font-weight: 200;
}
.staking-slider-selection,
.staking-slider-selection:disabled {
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 8px;
border: 1px solid transparent;
background-color: #f5f6fb;
outline: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 10px;
opacity: 1; /* Standard compliant browsers */
-moz-opacity: 1; /* Firefox and Mozilla browsers */
-webkit-opacity: 1; /* WebKit browser e.g. Safari */
filter: alpha(opacity=100); /* For IE8 and earlier */
}
.staking-slider-selection:hover {
opacity: 1; /* Standard compliant browsers */
-moz-opacity: 1; /* Firefox and Mozilla browsers */
-webkit-opacity: 1; /* WebKit browser e.g. Safari */
filter: alpha(opacity=100); /* For IE8 and earlier */
}
.staking-slider-selection::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
background: #ffffff;
border: solid 5px #01754b;
border-radius: 100px;
box-shadow: 0 0 0 3px #ffffff;
cursor: pointer;
height: 20px;
width: 20px;
}
.staking-slider-selection::-moz-range-thumb {
background: #04aa6d;
cursor: pointer;
height: 20px;
width: 20px;
}
.select-energy-liquidity-container .flex-container {
padding: 0px;
}
.selected-liquidity-criteria .staking-slider-selection::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
background: #ffffff;
border: solid 5px #01754b;
border-radius: 100px;
box-shadow: 0 0 0 3px #ffffff;
cursor: auto;
height: 20px;
width: 20px;
}
.selected-liquidity-criteria .staking-slider-selection::-moz-range-thumb {
background: #04aa6d;
cursor: auto;
height: 20px;
width: 20px;
}
/* Maintain styles for disabled state */
.staking-slider-selection:disabled::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
background: #ffffff;
border: solid 5px #01754b;
border-radius: 100px;
box-shadow: 0 0 0 3px #ffffff;
cursor: auto;
height: 20px;
width: 20px;
opacity: 1; /* Standard compliant browsers */
-moz-opacity: 1; /* Firefox and Mozilla browsers */
-webkit-opacity: 1; /* WebKit browser e.g. Safari */
filter: alpha(opacity=100); /* For IE8 and earlier */
}
.staking-slider-selection:disabled::-moz-range-thumb {
background: #04aa6d;
cursor: auto;
height: 20px;
width: 20px;
opacity: 1; /* Standard compliant browsers */
-moz-opacity: 1; /* Firefox and Mozilla browsers */
-webkit-opacity: 1; /* WebKit browser e.g. Safari */
filter: alpha(opacity=100); /* For IE8 and earlier */
}
.selected-liquidity-criteria .staking-slider-selection::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
background: #ffffff;
border: solid 5px #01754b;
border-radius: 100px;
box-shadow: 0 0 0 3px #ffffff;
cursor: auto;
height: 20px;
width: 20px;
}
.selected-liquidity-criteria .staking-slider-selection::-moz-range-thumb {
background: #04aa6d;
cursor: auto;
height: 20px;
width: 20px;
}
/* Maintain styles for disabled state in selected-liquidity-criteria */
.selected-liquidity-criteria .staking-slider-selection:disabled::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
background: #ffffff;
border: solid 5px #01754b;
border-radius: 100px;
box-shadow: 0 0 0 3px #ffffff;
cursor: auto;
height: 20px;
width: 20px;
opacity: 1; /* Standard compliant browsers */
-moz-opacity: 1; /* Firefox and Mozilla browsers */
-webkit-opacity: 1; /* WebKit browser e.g. Safari */
filter: alpha(opacity=100); /* For IE8 and earlier */
}
.selected-liquidity-criteria .staking-slider-selection:disabled::-moz-range-thumb {
background: #04aa6d;
cursor: auto;
height: 20px;
width: 20px;
opacity: 1; /* Standard compliant browsers */
-moz-opacity: 1; /* Firefox and Mozilla browsers */
-webkit-opacity: 1; /* WebKit browser e.g. Safari */
filter: alpha(opacity=100); /* For IE8 and earlier */
}
.first-dividend-date {
display: inline-block;
max-width: 500px;
width: 100%;
text-align: center;
border-radius: 10px;
padding: 15px 15px;
margin: 0px 0px 15px 0px;
color: #000000;
background: #f5f6fb;
}
.first-dividend-date-1-month-ahead {
display: block;
font-size: 20px;
font-weight: 400;
}
.liquidity-allocated {
display: block;
text-align: center;
background: #f5f6fb;
border-radius: 10px;
padding: 15px;
margin: 35px 0px 0px 0px;
}
.liquidity-allocated div:nth-of-type(1) {
font-size: 30px;
font-weight: 400;
}
.liquidity-allocated div:nth-of-type(2) {
}
.energy-liquidity-level {
display: inline-flex;
flex-direction: row;
}
.energy-liquidity-level-0 {
min-width: 145px;
}
.select-term-energy-liquidity-boundary {
display: inline-flex;
gap: 10px;
margin: 15px 0px 0px 0px;
}
.select-term-energy-liquidity-box {
display: block;
border: solid 1px #dde3e6;
border-radius: 10px;
padding: 15px;
text-align: center;
cursor:pointer;
}
.select-term-energy-liquidity-box-selected {
display: block;
border: solid 1px rgb(81 170 117);
background: #eff8f4;
}
.select-term-energy-liquidity-box-top {
position: relative;
display: block;
}
.select-term-energy-liquidity-box-top span:nth-of-type(1) {
font-weight: 400;
display: block;
font-size: 20px;
}
.select-term-energy-liquidity-box-top span:nth-of-type(2) {
}
.select-term-energy-liquidity-box-middle {
padding: 25px 0px 27px 0px;
}
.select-term-energy-liquidity-box-middle span:nth-of-type(1) {
display: block;
font-size: 35px;
font-weight: 400;
line-height: 36px;
}
.select-term-energy-liquidity-box-middle span:nth-of-type(2) {
font-size: 14px;
}
.select-term-energy-liquidity-box-bottom {
font-size: 12px;
}
.select-energy-liquidity-container .global-radio-container {
display: flex;
gap: 10px;
align-items: flex-start;
flex-direction: column;
margin: 10px 0px 2px 0px;
}
.select-term-energy-liquidity-container .terms {
display: inline-flex;
align-items: flex-start;
margin-bottom: 10px;
}
.liquidity-provider-notice {
display: inline-flex;
font-size: 12px;
text-align: center;
max-width: 370px;
}
.usdc-wallet-address {
font-weight:400;
}
.billing-options-spacer {
display: block;
position:relative;
padding: 8px 0px;
}
.tile-box-selected {
border: solid 1px rgb(81 170 117);
}
.criteria-selected-tile-box-selected {
border: solid 1px rgb(81 170 117);
}
.tile-box-details-selected {
color: #01754b;
}
.criteria-selected-tile-box-details-selected {
color: #01754b;
}
.funding-method-format {
padding: 20px 0px 0px 0px;
overflow: hidden;
margin: 0px 0px 25px 0px;
}
.last-funding-method {
border-bottom: none !important;
margin: 5px 0px 0px 0px !important;
}
.funding-method-format .billing-options-container {
border-bottom: solid 1px #dde3e6;
border-radius: 0px;
margin: 5px 0px 30px 0px;
}
.funding-method-format .energy-liquidity-level-1 {
padding: 0px 20px;
}
.funding-method-format .energy-liquidity-level-1-1 {
padding: 3px 20px 0px 20px;
}
.funding-method-format .billing-options-container .collapsible {
padding: 15px 45px 15px 20px;
}
.funding-method-format .billing-options-container .collapsible:after {
right: 19px;
top: 16px;
}
.funding-method-format .billing-options-spacer {
padding: 0px;
}
.funding-method-format .billing-options .global-custom-radio {
padding: 6px 20px 6px 20px;
}
.funding-method-format .billing-options .maison_reserve_wrapper {
background: none;
border-top: none;
padding: 0px 0px 15px 0px;
}
.liquidity-position-dates {
display: flex;
justify-content: space-between;
align-content: center;
flex-wrap: nowrap;
flex-direction: row;
align-items: center;
text-align: center;
}
.liquidity-position-date-box {
width: 50%;
}
.liquidity-position-date-box span {
display: block;
font-size: 18px;
font-weight: 400;
}
.liquidity-position-date-box-line {
border-left: dashed 1px #000000;
height: 50px;
display:block;
position:relative;
}
.liquidity-position-amount {
text-align: center;
padding: 20px 0px 20px 0px;
display: block;
position: relative;
}
.liquidity-position-amount span {
}
.liquidity-position-dollar-amount {
font-size: 28px;
font-weight: 400;
}
.active-liquidity-count-box {
padding: 0px 0px 20px 0px;
display:block;
position:relative;
text-align: center;
}
.active-liquidity-count {
font-weight: 400;
font-size: 20px;
}
.active-liquidity-details {
display: block;
position: relative;
padding: 0px 20px 25px 20px;
}
.active-liquidity-details .collapsible {
padding: 15px 45px 15px 15px;
font-size: 16px;
font-weight:200;
}
.active-liquidity-details .billing-options-spacer {
padding: 0px;
}
.active-liquidity-details .billing-options .maison_reserve_wrapper {
background: none;
border-top: none;
padding: 0px 0px 15px 0px;
}
.active-liquidity-details .collapsible:after {
right: 15px;
top: 16px;
}
.active-liquidity-details-items {
display: block;
position: relative;
padding: 11px 15px 9px 15px;
line-height: 24px;
border: solid 1px #51aa75;
border-radius: 10px;
overflow: hidden;
background: #eff8f4;
}
.liquidity-details-items {
font-weight:400;
}
.liquidity-details-status {
display: inline-flex;
position: absolute;
right: 15px;
top: 9px;
font-size: 12px;
font-weight: 400;
background: #01754b;
color: #ffffff;
padding: 0px 12px;
align-content: center;
justify-content: center;
align-items: center;
border-radius: 25px;
}
.selected-liquidity-criteria {
padding: 15px 20px 25px 20px;
}
.no-dividend-history {
font-size: 16px;
text-align: center;
padding: 10px 0px 30px 0px;
}
.not-active-liquidity-details-items .active-liquidity-details-items {
border: solid 1px #dde3e6;
background: #f5f6fb;
}
.not-active-liquidity-details-items .liquidity-details-status {
border: solid 1px #CCD7E9;
background: #ffffff;
color: #000000;
}
.liquidity-crypto-name {
padding-right: 4px;
}
.dividend-schedule-container {
padding: 0px;
margin-top: 0px;
display: block;
text-align: center;
width: 100%;
}
.dividend-schedule-container .view-balance-expander {
justify-content: center;
}
.dividend-schedule-container .view-balance-expander-icon-opened {
margin: 0px;
}
.dividend-schedule-container .dividend-history-container {
padding: 40px 0px 5px 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
/* wind turbine */
.wind-turbine {
position: absolute;
left: 25%;
transform: scale(0.75);
z-index: 0;
}
.wind-turbine-box {
-moz-transform: scaleX(-1); /* Gecko */
-o-transform: scaleX(-1); /* Opera */
-webkit-transform: scaleX(-1); /* Webkit */
transform: scaleX(-1); /* Standard */
filter: FlipH; /* IE 6/7/8 */
}
.pole {
width: 50px;
margin: 10px 0px;
border-bottom: 406px solid #f4f6fb;
border-right: 1em solid transparent;
border-left: 1em solid transparent;
}
.pole::after {
content: "";
width: 50px;
height: 50px;
position: absolute;
top: 0px;
left: 0px;
border: 10px solid #f4f6fb;
border-radius: 100px;
background: #ffffff;
}
.rotor {
width: 50px;
height: 50px;
background-color: #f4f6fb;
border-radius: 50%;
position: absolute;
animation-name: rotate;
animation-duration: 45s;
animation-iteration-count: 1000;
animation-timing-function: linear;
border: solid 0px #ffffff;
}
@keyframes rotate {
from {
transform: rotate(360deg);
}
to {
transform: rotate(0deg);
}
}
.blade {
width: 32em;
height: 1em;
background-color: #f4f6fb;
position: absolute;
top: 8px;
left: 25px;
border-radius: 0 3em 5em 0;
transform-origin: 0 1em;
}
.blade:before {
/*content: "";
background-color: #f4f6fb;
position: absolute;
width: 5em;
height: 2em;*/
}
.blade:after {
content: "";
width: 1.5em;
position: absolute;
top: 1em;
left: 2em;
border-top: 2em solid #f4f6fb;
border-right: 22em solid transparent;
border-left: 6em solid transparent;
}
.blade1 {
transform: rotate(0deg);
}
.blade2 {
transform: rotate(120deg);
}
.blade3 {
transform: rotate(240deg);
}
/* wind turbine */
.next-dividend {
padding: 15px 0px 0px 0px;
font-size:14px;
}
.next-dividend-date {
display: block;
text-align: center;
padding: 0px 0px 5px 0px;
}
.dividend-countdown {
display: flex;
gap: 5px;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.dividend-countdown div {
padding: 1px;
border-radius: 5px;
text-align: center;
border: none;
font-size: 10px;
text-transform: uppercase;
line-height: 20px;
width: 38px;
border: solid 0px;
}
.dividend-countdown div span {
display: block;
font-size: 20px;
font-weight: 400;
line-height: 14px;
}
.total-cost-per-kwh {
font-size:20px;
}
.price-simulator-container {
display: inline-flex;
position: relative;
text-align: center;
border-radius: 10px;
width: 100%;
min-width: 310px;
max-width: 500px;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
text-align: left;
margin: 0px 0px 0px 0px;
}
.price-simulator-input-group {
margin-bottom: 15px;
}
.price-simulator-label {
font-weight: 200;
font-size: 16px;
display: block;
}
input.price-simulator-input {
height: 50px;
font-size: 16px;
padding: 0px 15px 0px 10px;
white-space: nowrap;
border: solid 1px #CCD7E9;
border-radius: 5px;
display: block;
position: relative;
margin: 3px 0px 0px 0px;
width: 100%;
}
.price-simulator-input-group-container {
display: flex;
gap: 10px;
/* Optional: Adjusts the space between the two input groups */
}
.price-simulator-input-group-container .price-simulator-input-group {
flex: 1;
/* Ensures both input groups take up equal width */
}
.price-simulator-h1 {
font-size: 30px;
font-weight: 400;
line-height: 30px;
padding: 0px 0px 15px 0px;
}
.price-simulator-h2 {
font-size: 25px;
font-weight: 400;
line-height: 0px;
padding: 0px 0px 10px 0px;
}
.price-simulator-results {
margin-top: 20px;
border: solid 1px #dde3e6;
border-radius: 10px;
padding: 20px 0px 0px 0px;
display: block;
position: relative;
}
.price-simulator-nested-results {
background: #f5f6fb;
border-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
padding: 20px 20px 30px 20px;
display: block;
position: relative;
text-align: center;
border-top: solid 1px #dde3e6;
}
.price-simulator-result-item {
margin-top: 15px;
font-size: 22px;
font-weight: 400;
}
.price-simulator-table {
display: flex;
flex-direction: column;
width: 100%;
}
.price-simulator-row {
display: flex;
width: 100%;
}
.price-simulator-row:not(:last-child) .price-simulator-cell {
border-bottom: none;
/* Remove bottom border for all rows except the last */
}
.price-simulator-cell {
flex: 1 1 0%;
min-width: 0;
padding: 10px;
text-align: center;
border-top: solid 1px #dde3e6;
/* 1px border around each cell */
}
/* Set the first and last column to have a fixed width of 25% */
.price-simulator-row .price-simulator-cell:first-child,
.price-simulator-row .price-simulator-cell:last-child {
flex: none;
width: 30%;
}
.price-simulator-middle-column {
border-left: 0px;
border-right: 0px;
}
.price-simulator-first-row-text {
font-weight: 400;
}
.price-simulator-hypothetical-scenario {
font-size: 12px;
padding: 15px 20px 10px 20px;
}
.price-simulator-how-much-buying {
font-size: 18px;
padding: 0px 35px 0px 35px;
}
.only-buyer-in-existence {
font-size: 16px;
padding: 0px 20px 0px 20px;
}
.price-simulator-results-summary {
text-align: center;
}
.price-simulator-results-summary .price-simulator-result-item {
margin-top: 0px;
margin-bottom: 15px;
font-size: 30px;
}
.price-simulator-input-group .staking-slider-box-container {
justify-content: space-between;
}
.price-simulator-input-group .staking-slider-box-middle {
flex: 0 0 84%;
z-index: 1;
}
.price-simulator-input-group .staking-slider-box-left, .staking-slider-box-right {
flex: 0 0 4%;
}
.price-simulator-input-group .flex-container {
display: flex;
justify-content: space-between;
width: 100%;
padding: 0 0px;
}
.price-simulator-input-group .slider-marker-1 {
left: 10%;
}
.price-simulator-input-group .slider-marker-2 {
left: 30%;
}
.price-simulator-input-group .slider-marker-3 {
left: 50%;
}
.price-simulator-input-group .slider-marker-4 {
left: 69.5%;
}
.price-simulator-input-group .slider-marker-5 {
left: 89.5%;
}
.price-simulator-input-group .slider_range_dollar_options .paired-staking-range-maison:first-of-type {
padding: 0px 0px 0px 7px;
}
.profile_navigation_option_group {
display: inline-block;
background: #FFFFFF;
border-radius: 10px;
min-width: 300px;
width: 100%;
max-width: 400px;
position: relative;
margin: 0px 0px 30px 0px;
border: solid 1px #dde3e6;
overflow: hidden;
}
.profile_navigation_option_box {
padding: 0px 25px;
}
.crypto_wallets_option_box {
padding: 0px 25px 60px 25px;
width: 100%;
max-width: 700px;
min-width: 325px;
display: inline-block;
}
.container_box_crypto .content .collapsible_box {
font-size: 16px;
display: block;
padding-bottom: 25px;
padding-left: 25px;
padding-right: 25px;
padding-top: 25px;
position: relative;
}
.container_box_crypto .collapsible_box {
border-top: solid 1px #dde3e6;
background: #F6F7FB;
}
.crypto_brand_box {
display: block;
font-size: 14px;
font-weight: 200;
text-wrap: nowrap;
}
.crypto_wallet_framework > div:nth-of-type(2) .crypto_brand_box {
text-align: right;
}
.crypto_brand_logo_box {
display: inline-block;
padding: 0px 5px 0px 0px;
float: left;
width: 35px;
}
.crypto_brand_logo {
height: 39px;
}
.crypto_brand_name_box {
}
.profile_navigation_option {
width: 100%;
text-align: left;
display: block;
border-radius: 0px;
border: 0px solid #dde3e6;
padding: 18px 20px 18px 18px;
margin: 0px 0px 0px 0px;
position: relative;
cursor: pointer;
}
.profile_navigation_option::after, .profile_navigation_option .profile_navigation_option::after {
border-color: #000000;
}
.profile_navigation_option::after {
content: "";
width: 14px;
height: 14px;
background: url(/img/vector-arrow-right.svg) no-repeat 0px 0px;
top: 21px;
right: 15px;
position: absolute;
display: inline-block;
}
/* .profile_navigation_option::after {
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-style: solid;
border-right-width: 1px;
content: "";
display: inline-block;
height: 8px;
right: 20px;
position: absolute;
top: 22px;
width: 8px;
-moz-transform: rotate(315deg);
-ms-transform: rotate(315deg);
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}*/
.profile_navigation_option_group .profile_navigation_option:not(:last-of-type) {
border-bottom: solid 1px #dde3e6;
}
#staking-3 .select-staking-term-container .collapsible_box {
width: 100%;
background: #f5f6fb;
border-radius: 5px;
padding: 10px;
border: solid 1px #dde3e6;
}
#staking-3 .select-staking-term-container .maison_reserve_row {
border-top: none;
}
#staking-3 .maison_reserve_wrapper {
margin: 0 auto;
max-width: 500px;
}
.energy-staking-highlight {
/* border: solid 1px #51aa75 !important; */
background: #eff8f4;
border-radius: 5px;
color: #01754b;
/* font-weight: 400; */
box-shadow: inset 0 0px 0px 1px rgb(81 170 117);
}
.select-energy-staking-term-container {
display: inline-flex;
position: relative;
text-align: center;
border: none;
border-radius: 10px;
padding: 20px 0px 0px 0px;
width: 100%;
min-width: 290px;
max-width: 500px;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.select-staking-term-container .collapsible_box {
width: 100%;
}
.select-staking-term-container .collapsible_box .maison_reserve_cell {
width: 50%;
text-indent: 30px;
text-align: right;
}
.select-staking-term-container .cell_alignment_right {
text-align: left !important;
}
.staking_frequency_group .interval_settings_container {
margin: 0px 0px 0px 0px;
}
.interval_settings_container {
position: relative;
display: block;
align-items: center;
/*justify-content: center;*/
margin: 15px 0px 0px 0px;
}
.frequency_tabs {
display: flex;
position: relative;
background: #fff;
border-radius: 2em;
border: 0px solid transparent;
background: #FFFFFF;
padding: 0px;
border-radius: 2em;
line-height: 15px;
}
.frequency_tabs * {
z-index: 2;
}
.frequency_tabs input[type=radio] {
display: none;
}
.frequency_tab {
display: flex;
align-items: center;
justify-content: center;
height: 32px;
width: 33.3333%;
font-size: 12px;
font-weight: 200;
color: #000000;
font-family: arial;
border-radius: 2em;
text-transform: uppercase;
cursor: pointer;
transition: color 0.15s ease-in;
}
.notification {
display: flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
margin-left: 0.75rem;
border-radius: 2em;
background-color: #eff8f4;
transition: 0.15s ease-in;
}
.frequency_tabs input[type=radio]:checked + label {
color: #01754b;
}
.frequency_tabs input[type=radio]:checked + label > .notification {
background-color: #01754b;
color: #fff;
}
.frequency_tabs input[id=frequency-1]:checked ~ .glider {
transform: translateX(0);
}
.frequency_tabs input[id=frequency-2]:checked ~ .glider {
transform: translateX(100%);
}
.frequency_tabs input[id=frequency-3]:checked ~ .glider {
transform: translateX(200%);
}
.frequency_tabs input[id=frequency-1-1]:checked ~ .glider {
transform: translateX(0);
}
.frequency_tabs input[id=frequency-1-2]:checked ~ .glider {
transform: translateX(100%);
}
.frequency_tabs input[id=frequency-1-3]:checked ~ .glider {
transform: translateX(200%);
}
.frequency_tabs input[id=frequency-2-1]:checked ~ .glider {
transform: translateX(0);
}
.frequency_tabs input[id=frequency-2-2]:checked ~ .glider {
transform: translateX(100%);
}
.frequency_tabs input[id=frequency-2-3]:checked ~ .glider {
transform: translateX(200%);
}
.frequency_tabs input[id=frequency-3-1]:checked ~ .glider {
transform: translateX(0);
}
.frequency_tabs input[id=frequency-3-2]:checked ~ .glider {
transform: translateX(100%);
}
.frequency_tabs input[id=frequency-3-3]:checked ~ .glider {
transform: translateX(200%);
}
.frequency_tabs input[id=frequency-4-1]:checked ~ .glider {
transform: translateX(0);
}
.frequency_tabs input[id=frequency-4-2]:checked ~ .glider {
transform: translateX(100%);
}
.frequency_tabs input[id=frequency-4-3]:checked ~ .glider {
transform: translateX(200%);
}
.glider {
position: absolute;
display: flex;
height: 32px;
width: 33.3333%;
background: #eff8f4;
border: solid 1px #51aa75;
z-index: 1;
border-radius: 2em;
transition: 0.25s ease-out;
}
@media (max-width: 700px) {
.back-arrow-icon {
margin: -9px 0px 0px 0px;
}
.frequency_tabs {
}
}
.notification_preferences_box {
display: inline-block;
position: relative;
max-width: 500px;
padding: 0px 0px 35px 0px;
}
.notification_preferences_options_group {
display: inline-block;
background: #f5f6fb;
border-radius: 10px;
min-width: 300px;
width: 100%;
max-width: 500px;
position: relative;
margin: 0px 0px 20px 0px;
border: solid 1px #dde3e6;
overflow: hidden;
}
.notification_preferences_options {
display: inline-block;
background: #f5f6fb;
border-radius: 10px;
padding: 20px 95px 20px 20px;
min-width: 300px;
width: 100%;
max-width: 500px;
position: relative;
margin: 0px 0px 10px 0px;
}
.notification_preferences_options_group .notification_preferences_options {
border-radius: 0px;
margin: 0px 0px 0px 0px;
}
.staking_frequency_group {
padding: 0px 25px 20px 25px;
background: #FFFFFF;
max-width: 320px;
}
.frequency_group {
padding: 20px 20px 20px 20px;
background: #FFFFFF;
}
.notification_preferences_options_group .notification_preferences_options:not(:last-of-type) {
border-bottom: solid 1px #dde3e6;
}
.notification_preferences_title {
display: block;
text-align: left;
font-weight: 400;
}
.notification_preferences_subtitle {
display: block;
text-align: left;
font-weight: 200;
padding: 5px 0px 0px 0px;
}
.notification_preferences_checkbox {
top: 13px;
right: 20px;
position: absolute;
display: inline-block;
}
.take_action {
display: none;
}
.limited_a {
font-size: 14px;
/*opacity: 0.75;*/
}
.maison_wrap {
width: 100%;
perspective: 200px;
transform-style: preserve-3d;
pointer-events: none;
}
.maison_particles {
position: absolute;
display: block;
width: 100%;
left: 0;
pointer-events: none;
margin-top: -40px;
}
.signups_since_inception {
margin: 0px 0px -40px 0px;
padding: 40px 40px 42px 40px;
background: #2d364a;
color: #FFFFFF;
background: linear-gradient(-45deg, #394357, #1a253a, #394357, #1a253a);
background-size: 300% 300%;
animation: referral_code_box 30s ease infinite;
overflow: hidden;
/*background-image: linear-gradient(360deg, rgba(26,37,58, 25%), #1a253a 100%), url(../img/circle-bg.svg);
background-position: 0px 0px, 50% 50%;
background-size: auto, cover;
background-repeat: repeat, no-repeat;*/
}
.signups_since_inception_title {
margin: 0px;
font-size: 18px;
}
.signups_since_inception_count {
font-size: 65px;
height: 85px;
}
.signups_since_inception .act_today {
border-top: none;
margin-top: 0px;
z-index: 1;
position: relative;
}
.signups_since_inception .act_today_title {
font-size: 38px;
line-height: 40px;
}
.act_today_title {
font-size: 36px;
line-height: 38px;
padding: 0px 0px 10px 0px;
text-align: center;
text-transform: uppercase;
}
.act_today {
border-top: solid 1px #c9d4da;
font-size: 18px;
margin-top: 28px;
padding: 28px 0px 0px 0px;
text-align: center;
width: 100%;
}
.signups_since_inception .act_today {
padding: 20px 0px 0px 0px;
}
.act_today .mr_conversion_value {
font-size: 16px;
}
.rewards_calculator {
border: solid 1px #c9d4da !important;
border-radius: 5px !important;
font-size: 28px !important;
height: 50px;
padding: 0px 0px 0px 27px !important;
width: 100%;
}
.rewards_calculator_percentage {
border: solid 1px #c9d4da !important;
border-radius: 5px !important;
font-size: 28px !important;
height: 50px;
padding: 0px 0px 0px 10px !important;
width: 100%;
}
.rewards_calculator_results_label {
}
.rewards_group {
padding: 0px 0px 50px 0px;
}
.calculator_container {
background: #ffffff;
border: solid 1px #dde3e6;
border-radius: 15px;
box-shadow: 0 3px 8px 0 rgb(116,129,141,10%);
display: inline-block;
padding: 40px 50px 50px 50px;
text-align: left;
max-width: 740px;
}
.form {
border-right: solid 1px #dde3e6;
float: left;
padding: 0px 50px 0px 0px;
width: 50%;
}
.slidecontainer {
width: 100%;
}
.slider {
-webkit-appearance: none;
-webkit-transition: 0.2s;
background: #dde3e6;
border: none;
border-radius: 100px;
height: 9px;
margin: 20px 0px 0px 0px;
opacity: 1;
outline: none;
transition: opacity 0.2s;
width: 100%;
}
.slider:hover {
opacity: 1;
}
.slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
background: #ffffff;
border: solid 5px #64bb86;
border-radius: 100px;
box-shadow: 0 0 0 3px #ffffff;
cursor: pointer;
height: 20px;
width: 20px;
}
.slider::-moz-range-thumb {
background: #04aa6d;
cursor: pointer;
height: 20px;
width: 20px;
}
input[type="range"]::-moz-range-thumb {
-moz-appearance: none;
-moz-border-radius: 100px;
-webkit-appearance: none;
background: #ffffff;
border: solid 5px #64bb86;
border-radius: 100px;
box-shadow: 0 0 0 3px #ffffff;
height: 20px;
width: 20px;
}
.dollar_sign {
float: left;
font-size: 28px;
padding: 8px 0px 0px 11px;
position: absolute;
}
.result {
float: left;
font-size: 20px;
padding: 0px 0px 0px 50px;
width: 50%;
}
.profit-loss {
font-size: 42px;
font-weight: 400;
}
.rewards_calculator_results_label {
font-size: 42px;
font-weight: 400;
}
.result_dollar_value {
float: left;
font-size: 22px;
margin-top: 7px;
padding: 0px 1px 0px 0px;
}
.profit_label {
color: #5a5a5a;
font-size: 18px;
margin-bottom: -5px;
text-align: center;
}
.totalFee {
margin: 14px 0px;
}
.result_container {
display: block;
text-align: center;
}
.result_box {
display: inline-block;
text-align: center;
}
.result_box_content {
display: inline-block;
text-align: center;
}
.range_slider_digits {
display: block;
font-size: 14px;
margin: 5px 0px 0px 0px;
padding: 5px 0px;
position: relative;
width: 100%;
}
.range_slider_digits_left {
float: left;
}
.range_slider_digits_right {
float: right;
}
.percentage_input {
/* width: 80%; */
width: -webkit-calc(100% - 0px);
width: -moz-calc(100% - 0px);
width: calc(100% - 0px);
}
.percentage_sign {
display: inline-block;
float: right;
font-size: 24px;
padding: 11px 0px 0px 1px;
position: absolute;
}
.total-crypto {
background: rgba(100, 187, 134, 10%);
border-top: solid 2px rgba(100, 187, 134, 50%);
display: block;
font-size: 18px;
margin: 20px 0px 0px 0px;
padding: 15px 0px;
position: relative;
text-align: center;
}
.rewards_group_double {
display: inline-block;
position: relative;
width: -webkit-calc(50% - 3px);
width: -moz-calc(50% - 3px);
width: calc(50% - 3px);
}
.rewards_group_double_right {
display: inline-block;
padding-left: 5px;
position: relative;
width: -webkit-calc(50% - 3px);
width: -moz-calc(50% - 3px);
width: calc(50% - 3px);
}
.rewards_group_double:nth-child(1) {
padding-right: 5px;
}
.rewards_group:nth-child(4) {
padding-bottom: 0px;
}
.profit_calculator_title {
display: block;
font-size: 36px;
font-weight: 400;
padding: 0px 0px 30px 0px;
position: relative;
text-align: center;
}
.highlighted_faq {
background: rgba(100, 187, 134, 10%);
border: solid 1px rgba(100, 187, 134, 50%);
}
.highlighted_faq:hover {
background-color: rgba(100, 187, 134, 10%);
}
.highlighted_faq:before {
border: solid 1px rgba(100, 187, 134, 50%);
}
/* start nav */
.collapsing {
-o-transition-duration: 0s;
/* position: relative;
height: 0;
overflow: hidden;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease; */
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.navbar-default {
-moz-transition: all 0.25s;
-webkit-transition: all 0.25s;
background-color: #ffffff;
transition: all 0.25s;
}
.navbar-header > .navbar-brand {
-moz-transition: padding 0.25s ease-in;
-webkit-transition: padding 0.25s ease-in;
color: #000000;
padding: 15px;
transition: padding 0.25s ease-in;
}
.navbar-header > .navbar-brand:hover,
.navbar-header > .navbar-brand:focus {
color: #000000;
outline: none;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: #ffffff;
outline: none;
}
.navbar-default .navbar-toggle,
.navbar-default .navbar-collapse {
/* border-color: transparent; */
outline: none;
}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
color: #000000;
outline: none;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
color: #000000;
outline: none;
}
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
border-color: #53aa75;
color: #000000 !important;
}
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
background-color: transparent;
}
.navbar-collapse.in {
overflow-y: hidden;
}
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
max-height: unset;
}
.navbar-toggle .icon-bar {
border-radius: 0px;
}
.CreateLimitOrder {
display: block;
position: relative;
}
.ActiveLimitOrder {
display: block;
position: relative;
}
.buy_crypto_box_container {
background: #ffffff;
border: solid 0px #dde3e6;
border-radius: 15px;
/*box-shadow: 0 3px 8px 0 rgb(116 129 141 / 10%);*/
display: inline-block;
padding: 0px 0px 0px 0px;
/* width: 100%;
max-width: 900px; */
text-align: left;
width: 100%;
position: relative;
}
.signup_box_container {
background: #ffffff;
border: solid 1px #dde3e6;
border-radius: 10px;
/*box-shadow: 0 3px 8px 0 rgb(116 129 141 / 10%);*/
display: inline-block;
padding: 40px 50px 50px 50px;
text-align: left;
width: 100%;
max-width: 900px;
position: relative;
}
.buy_crypto_box_container_account {
box-shadow: none;
}
.crypto_box {
background-color: #ffffff;
border: 1px solid #dde3e6;
border-radius: 5px;
color: #000000;
display: inline-block;
font-size: 18px;
height: 125px;
padding: 10px 0px;
text-align: center;
width: 120px;
}
.crypto_box:nth-child(1),
.crypto_box:nth-child(2),
.crypto_box:nth-child(3),
.crypto_box:nth-child(4),
.crypto_box:nth-child(5) {
margin-right: 8px;
}
.select_crypto_switch label {
}
.select_crypto_switch_right {
}
.select_crypto_switch img {
height: 60px;
margin-bottom: -5px;
margin-top: -5px;
}
.select_crypto_switch svg {
height: 60px;
margin-bottom: -5px;
margin-top: -5px;
}
.crypto_conversion_amount {
display: none;
font-size: 14px;
/* border-top: solid 1px #dde3e6; */
/* padding-top: 10px; */
/* margin-top: 10px; */
padding-bottom: 7px;
text-align: center;
}
.choose_dollar_amount {
font-size: 20px;
padding-bottom: 10px;
}
.choose_token_amount {
font-size: 20px;
padding-bottom: 0px;
}
.select_crypto_options {
font-size: 20px;
padding-bottom: 10px;
padding-top: 30px;
}
.tokens_assigned_title {
background: rgb(247, 248, 251);
font-size: 20px;
margin-top: -5px;
padding-top: 20px;
text-align: center;
/* box-shadow: inset 0 8px 0px 0 rgb(104,132,163,8%); */
}
.tokens_assigned {
background: rgb(247, 248, 251);
font-size: 35px;
font-weight: 400;
padding-bottom: 15px;
text-align: center;
}
.mr-step-title {
font-size: 22px;
padding: 0px 25%;
}
.mr-step-sub-title {
font-size: 18px;
padding: 3px 0 0 0;
}
.switch-field {
display: flex;
gap: 5px;
/* margin-bottom: 36px; */
/* overflow: hidden; */
}
.nested_exchange_box_container .switch-field {
gap: 0px;
}
.stake_decision .switch-field {
gap: 0px;
}
.switch-field input {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.switch-field label {
background-color: #ffffff;
border: 1px solid #d4dbe9;
color: #000000;
font-size: 24px;
line-height: 1;
margin-right: -1px;
padding: 20px 0px;
text-align: center;
/* transition: all 0.1s ease-in-out; */
width: 25%;
}
.switch-field label:nth-of-type(2) {
width: calc(25% + 1px);
}
.switch-field label:nth-of-type(3) {
width: calc(25% + 1px);
}
.switch-field label:nth-of-type(4) {
width: calc(25% + 1px);
}
.switch-field label:hover {
cursor: pointer;
}
.switch-field input:checked + label {
background: rgb(239, 248, 243);
border-color: #53aa75;
box-shadow: none;
/* background: linear-gradient(90deg, #76cc98 0%, #64bb86 100%); */
color: #01754b;
font-weight: 400;
z-index: 1;
}
.switch-field label:first-of-type {
border-radius: 5px 0 0 5px;
}
.switch-field label:last-of-type {
border-radius: 0 5px 5px 0;
}
/*.buy_crypto_credit_card_box_container .switch-field label {
font-size: 18px;
}*/
/**
* Circle Styles
*/
.circle_boundary {
display: inline-block;
position: relative;
height: 12%;
width: 12%;
max-height: 100px;
max-width: 100px;
}
.circle_holder {
display: block;
text-align: center;
position: relative;
}
.circle {
position: relative;
display: block;
margin: 0;
background-color: transparent;
color: #394357;
text-align: center;
}
.circle:after {
display: block;
padding-bottom: 100%;
width: 100%;
height: 0;
border-radius: 50%;
/* border: solid 2px #49a87d; */
/* background-color: #fafbfc; */
content: "";
box-shadow: inset 0 0 0 2px #53aa75;
}
.circle__inner {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.circle__wrapper {
display: table;
width: 100%;
height: 100%;
}
.circle__content {
display: table-cell;
padding: 0;
vertical-align: middle;
}
/* End Particles */
.maison_reserve_terms_box {
clear: both;
display: block;
position: relative;
text-align: center;
color: #9fa9bd;
background: #394357;
margin-top: 55px;
}
.particles-mr {
width: 100%;
height: 100%;
display: block;
top: 0;
left: 0;
background-color: #394357;
position: absolute;
z-index: 0;
transform-style: preserve-3d;
/* animation: rotate-container 10s infinite ease-in-out alternate; */
overflow: hidden;
}
.main-particles-mr {
display: block;
position: relative;
z-index: 1;
}
@keyframes move {
0% {
transform: translateY(0);
opacity: 0;
}
10%, 90% {
opacity: 1;
}
100% {
transform: translateY(-45vw);
opacity: 0;
}
}
@keyframes rotate-container {
0% {
transform: perspective(1000px) translateZ(0px);
}
100% {
transform: perspective(1000px) translateZ(150px);
}
}
/* green energy */
.maison_reserve_energy_brand {
padding: 50px 0px 35px 0px;
}
.green_energy_main_container {
position: relative;
width: 100%;
/*height: 100vh;*/
background-size: cover;
background-attachment: fixed;
background-position: 50% -200px;
background-repeat: no-repeat;
margin: 0;
padding: 0;
display: block;
margin: -20px 0px 0px 0px;
}
.energy_account_type {
display: inline-block;
padding: 0px 0px 20px 0px;
position: relative;
}
.energy_account_type_title {
display: inline-block;
padding: 0px 10px;
font-weight: 200;
cursor: pointer;
}
.energy_account_type_title_active {
font-weight: 400;
}
.green_energy_box {
display: block;
position: relative;
text-align: center;
padding: 50px 0px;
}
.green_energy_sources_line {
min-width: 325px;
max-width: 800px;
padding: 0px 25px;
}
.green_energy_sources_line_box {
display: inline-block;
width: 100%;
min-width: 325px;
padding: 0px 0px 25px 0px;
margin: -15px 0px 0px 0px;
}
.green_energy_title {
display: block;
text-align: center;
font-size: 50px;
color: #54aa76;
}
.time_to_switch {
display: block;
text-align: center;
font-size: 80px;
color: #53aa75;
padding: 30px 25px 0px 25px;
}
.zip_code_search_container {
display: block;
position: relative;
padding: 0px;
background-image: url(/img/service-address.svg);
background-size: contain;
background-position: 50% 100%;
background-repeat: no-repeat;
height: 420px;
}
.zip_code_search_business_container {
background-image: url(/img/service-business-address.svg);
}
.starting_in_texas {
}
.texas_energy_metrics_box {
padding: 0px 25px 25px 25px;
margin: -12% 0px 0px 0px;
z-index: 1;
position: relative;
}
.starting_in_texas_print_box {
display: block;
text-align: center;
}
.starting_in_texas_print {
display: inline-block;
font-size: 12px;
text-align: center;
max-width: 715px;
padding: 0px 25px;
}
.green_energy_available {
font-size: 18px;
margin-top: -37px;
border: solid 1px #9aa4b6;
padding: 0px 0px 25px 0px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
width: 100%;
max-width: 280px;
background: #ffffff;
}
.green_energy_not-available {
font-size: 16px;
margin-top: -15px;
border: solid 1px #949fb2;
padding: 30px 0px 25px 0px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
width: 100%;
max-width: 280px;
background: #fafbfd;
}
.zip_container {
display: block;
text-align: center;
margin: 0px 0px 0px 0px;
}
.zip_container_box {
display: inline-block;
}
.zip_code_label {
font-size: 16px;
pointer-events: none;
z-index: 1;
display: block;
position: relative;
margin: 0px 0px -30px 0px;
z-index: 1;
}
.zip_geolocation {
display: block;
z-index: 0;
padding: 1px;
position: relative;
background: #a1abbc;
border-radius: 10px;
overflow: hidden;
}
.green_energy_geolocation_not_available {
border-radius: 9px !important;
font-size: 30px !important;
text-align: center !important;
font-weight: 200 !important;
height: 77px !important;
width: 270px !important;
padding: 24px 25px 0px 25px !important;
box-sizing: border-box !important;
outline: none !important;
border: none !important;
position: relative;
z-index: 1;
}
.green_energy_geolocation {
border-radius: 9px !important;
font-size: 30px !important;
text-align: center !important;
font-weight: 200 !important;
height: 77px !important;
width: 270px !important;
padding: 24px 25px 0px 25px !important;
box-sizing: border-box !important;
outline: none !important;
border: none !important;
position: relative;
z-index: 1;
}
.green_energy_geolocation:focus {
background: #FFFFFF;
border: solid 1px #9aa4b6;
outline: none;
box-shadow: none !important;
/*border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
*/
}
.we_service_your_area {
padding: 55px 0px 10px 0px;
font-size: 16px;
}
.zip_results_box_container {
display: inline-block;
width: 100%;
max-width: 250px;
text-align: center;
}
.zip_results_box {
display: flex;
position: relative;
max-height: 100px;
max-width: 100%;
margin: 0px 0px 25px 0px;
}
.green_energy_signup {
background-color: #53AA75;
border-radius: 50px;
color: #ffffff;
width: 165px;
font-size: 14px;
padding: 10px 0px;
display: inline-block;
cursor: pointer;
}
.green_energy_signup_coming {
display: none;
}
.left_tile {
width: 50%;
display: inline-block;
padding: 10px 0px;
font-size: 18px;
}
.middle_tile {
width: 1px;
border-right: dashed 1px #000000;
display: inline-block;
position: relative;
}
.right_tile {
width: 50%;
display: inline-block;
padding: 10px 0px;
font-size: 18px;
}
.left_tile_green_energy {
display: inline-block;
padding: 10px 0px;
font-size: 16px;
text-align: center;
}
.middle_tile_green_energy {
display: inline-block;
position: relative;
text-align: center;
width: 80px;
}
.right_tile_green_energy {
display: inline-block;
padding: 10px 0px;
font-size: 16px;
text-align: center;
}
.maison_reserve_energy_brand img {
height: 40px;
}
.texas_energy_metrics_asset {
width: 100%;
max-width: 900px;
}
.maison_texas_energy_app_preview_mobile {
display: none;
}
.maison_texas_energy_app_preview {
width: 100%;
max-width: 1000px;
}
.maison_texas_energy_app_preview_box {
display: block;
position: relative;
text-align: center;
padding: 25px 25px;
}
.best_rate {
font-size: 40px;
display: block;
text-align: center;
font-weight: 400;
}
.cent_symbol {
font-size: 23px;
padding: 0px 0px 0px 3px;
font-weight: 200;
}
.maison_reserve_ecosystem_box {
display: none;
text-align: center;
padding: 0px 25px;
}
.maison_reserve_ecosystem {
display: inline-block;
border: solid 1px #CCD7E9;
max-width: 700px;
padding: 25px;
text-align: left;
font-size: 14px;
margin: 40px 0px;
border-radius: 15px;
}
.green_energy_sources_tile_title {
font-size: 28px;
margin: 0px 0px -25px 0px;
}
.green_arrow_box {
top: -22px;
display: block;
position: relative;
font-size: 38px;
}
.green_energy_sources_tiles {
background-color: #fff;
padding: 0px;
text-align: center;
font-size: 14px;
}
.green_energy_sources_cards {
overflow: hidden;
max-width: 1200px;
margin: 0 auto;
display: grid;
gap: 15px;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
padding: 0px 25px;
}
.green_energy_tile {
display: block;
position: relative;
border-radius: 20px;
padding: 23px 25px 23px 25px;
background: #FFFFFF;
border: solid 1px #53aa75;
font-style: italic;
font-size: 18px;
color: #53AA75;
}
.green_energy_icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.green_energy_icon_box {
display: block;
position: relative;
padding: 0px 0px 0px 0px;
min-height: 150px;
margin: 10px 0px 0px 0px;
}
.best_term {
font-size: 40px;
display: block;
text-align: center;
font-weight: 400;
}
.zip_arrow {
height: 100px;
top: -138px;
right: -85px;
position: relative;
margin: 0px 0px -179px 0px;
}
.zip_results_labels {
font-size: 12px;
text-transform: uppercase;
}
.geolocation-border {
position: absolute;
content: '';
top: 0;
left: 0;
width: 0%;
height: 0%;
background: #53aa75;
z-index: -1;
transition: height 0.3s, width 0.3s 0.1s;
}
.green_energy_geolocation:focus ~ .geolocation-border {
width: 100%;
height: 100%;
}
.green_energy_geolocation_not_available:focus ~ .geolocation-border {
width: 100%;
height: 100%;
}
.green_energy_not_available_box {
padding: 10px 0px 0px 0px;
}
.green_energy_not_available_arrow {
margin: -20px 0px 0px 0px;
}
.get_cash_back {
display: inline-block;
text-align: center;
font-size: 24px;
padding: 0px 25px 50px 25px;
width: 100%;
max-width: 600px;
}
.get_cash_back_box {
display: block;
text-align: center;
}
.love_maison_description_box {
opacity: 0.80;
}
.love_maison_box {
display: grid;
position: relative;
float: left;
padding: 0px 0px 0px 0px;
margin: -7px 0px 0px 0px;
font-size: 20px;
border: solid 1px rgb(255 255 255 / 50%);
border-radius: 100%;
height: 40px;
width: 40px;
text-align: center;
line-height: 38px;
font-weight: 400;
}
.love_maison {
width: 50px;
opacity: 0.50;
}
.love_maison_description {
display: grid;
font-style: italic;
padding: 0px 0px 0px 10px;
}
.top_reasons_to_love_content {
display: block;
position: relative;
padding: 0px 25px 25px 25px;
text-align: left;
}
.green_energy_highlight {
}
.top_reasons_to_love {
display: block;
text-align: center;
/*background-image: url(../img/love_background.svg), linear-gradient(225deg, rgba(83,170,117,0.15), rgba(0,154,185,0.15));*/
/* background: linear-gradient(315deg, #76cc98 0%, #53aa75 100%);*/
background: #53aa75;
padding: 25px 25px 15px 25px;
margin: 0px 0px -55px 0px;
}
.top_reasons_to_love_box {
display: inline-block;
text-align: center;
max-width: 650px;
font-size: 20px;
padding: 10px 0px 0px 0px;
color: #FFFFFF;
}
.top_reasons_to_love_top_title {
padding: 0px 10px 30px 10px;
font-size: 35px;
text-align: center;
font-weight: 400;
max-width: 550px;
text-transform: uppercase;
display: inline-block;
color: #FFFFFF;
}
.top_reasons_to_love_title {
color: #ffffff;
font-size: 22px;
font-weight: 400;
padding: 0px 0px 3px 0px;
font-style: normal;
}
.make_a_difference {
display: inline-block;
text-align: center;
font-size: 28px;
padding: 0px 25px 50px 25px;
width: 100%;
max-width: 575px;
}
.make_a_difference_box {
display: block;
text-align: center;
padding-top: 5px;
margin-top: -2px;
border-top: solid 1px #a1abbc;
background: #ffffff;
z-index: 1;
position: relative;
}
.our_promise {
display: none;
text-align: center;
background-image: url(../img/our_promise_background.svg);
padding: 30px;
}
.our_promise_to_customers {
width: 100%;
max-width: 900px;
}
.our_promise_box {
display: inline-block;
max-width: 700px;
}
.our_promise_title {
}
.horizontal_arrow {
width: 200px;
padding: 0px 10px 100px 0px;
}
.tile_green_energy_number {
font-size: 32px;
}
.green_energy_box_container {
display: block;
text-align: center;
padding: 15px 25px 0px 25px;
}
.green_energy_3_box_container {
display: inline-block;
}
.is-hidden {
display: none !important;
}
.PageBackToWork {
display: flex;
justify-content: center;
align-items: center;
font-family: sans-serif;
font-weight: 200;
font-size: 45px;
color: #53AA75;
padding: 50px 0px 50px 0px;
}
.PageBackToWork-heading-rotationTextContainer {
position: relative;
}
.PageBackToWork-heading-rotationText {
display: inline-block;
position: relative;
}
.PageBackToWork-heading-rotationText.is-inactive {
position: absolute;
right: 0;
bottom: 100%;
}
.PageBackToWork-heading-itText {
display: inline-block;
font-size: 45px;
padding-right: 12px;
}
/* Start Particles */
.featured_in_the_news {
display: inline-block;
}
.featured_on_label {
font-size: 20px;
border-bottom: solid 1px #dde3e6;
padding-bottom: 10px;
/*box-shadow: 0 5px 1px 0px rgb(221 227 230 / 25%);*/
}
.featured_on_container {
display: inline-block;
width: 100%;
max-width: 1200px;
margin-top: 50px;
text-align: center;
}
.featured_on {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
grid-gap: 5px;
grid-auto-rows: minmax(50px, auto);
grid-auto-flow: dense;
/*background: rgb(221 227 230 / 25%);*/
padding: 10px 20px;
max-width: 900px;
/*border-bottom: solid 1px #dde3e6;
border-left: solid 1px #dde3e6;
border-right: solid 1px #dde3e6;*/
}
.featured_on_label_text {
}
.featured_on div {
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
align-items: center;
display: flex;
}
.featured_on svg {
height: 60px;
width: 100px;
padding: 10px;
flex: auto;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
}
.featured_on img {
height: 60px;
width: 100px;
padding: 10px;
flex: auto;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
}
#TokenListingDollarAmount {
text-align: center;
}
.select_crypto_switch {
display: grid;
grid-gap: 7px;
grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
margin: 0 auto;
max-width: 787px;
text-align: center;
}
.select_crypto_switch input {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.select_crypto_switch label {
background-color: #ffffff;
border: 1px solid #dde3e6;
border-radius: 5px;
color: #000000;
display: inline-block;
font-size: 18px;
padding: 10px 0px;
text-align: center;
width: 100%;
}
.select_crypto_switch label:hover {
cursor: pointer;
}
.select_crypto_switch input:checked + label {
/* background: linear-gradient(90deg, #76cc98 0%, #64bb86 100%); */
background: rgba(100, 187, 134, 10%);
border-color: #53aa75;
box-shadow: none;
color: #000000;
z-index: 1;
}
/* start insights chart */
.insights_container_box {
display: block;
text-align: center;
margin: 25px 0px;
}
.nested_insights_container_box {
display: inline-block;
min-width: 320px;
width: 100%;
}
.insight_container_1 {
display: flex;
width: 100%;
height: 200px;
z-index: 0;
position: relative;
font-size: 14px;
padding: 0px 1px;
margin: 0px 0px -1px 0px;
/*background-image: linear-gradient(0deg, transparent 48px, rgba(221, 227, 230, 1) 49px, transparent 1px);
background-size: 50px 50px;*/
background-color: #ffffff;
background-size: 7px 7px, 50px 50px;
background-image: linear-gradient(to right, transparent 3px, #fff 3px), linear-gradient(to bottom, #d4dbe9 1px, transparent 1px);
background-position: 0px 1px;
}
.insight_container_2 {
display: flex;
width: 100%;
padding: 14px 0px 14px 0px;
border-top: solid 1px #d4dbe9;
z-index: 1;
position: relative;
font-size: 14px;
background: #ffffff;
}
.insight_container_3 {
display: flex;
width: 100%;
padding: 14px 0px 0px 0px;
border-top: solid 1px #d4dbe9;
z-index: 2;
position: relative;
font-size: 14px;
}
.insight_container_4 {
display: flex;
width: 100%;
padding: 3px 0px 14px 0px;
z-index: 2;
position: relative;
font-size: 12px;
border-bottom: solid 1px #d4dbe9;
}
.insight_container_5 {
display: flex;
width: 100%;
padding: 20px 0px 0px 0px;
z-index: 1;
position: relative;
font-size: 14px;
line-height: 20px;
}
.insight_container_column_auto {
flex: auto;
color: #000000;
text-align: right;
position: relative;
}
.insight_container_column_auto_title {
text-align: left;
}
.insight_container_column {
text-align: center;
justify-content: center;
display: flex;
flex: 1;
color: #000000;
position: relative;
}
.insights_label {
text-align: right;
font-weight: 400;
justify-content: right;
padding-right: 10px;
}
.insights_column {
position: absolute;
bottom: -1px;
display: block;
width: calc(80% - 0px);
background: #f5f6fb;
box-shadow: 0px 0px 0px 1px #d4dbe9;
}
.highlighted_insight_column {
background: #eff8f3;
box-shadow: 0px 0px 0px 1px #53aa75;
z-index: 1;
}
.insight_container_column:focus {
outline: none;
}
.toolTip_insights_details {
display: block;
opacity: 0.75;
}
.toolTip_insights_details_value {
font-size: 14px;
font-weight: 400;
opacity: 1;
}
.toolTip_insights_details_space {
display: block;
height: 5px;
}
.insight_container_column .insights_column_toolTip {
font-size: 14px;
background-color: #000000;
color: #ffffff;
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 110px;
min-width: max-content;
padding: 10px 10px;
opacity: 0;
text-align: center;
}
.insight_container_column .insights_column_toolTip::before {
position: absolute;
content: "";
border-width: 10px;
border-color: #000000 transparent transparent;
border-style: solid;
left: 50%;
bottom: -20px;
transform: translateX(-50%);
opacity: 0;
}
.insight_container_column:hover {
}
.insight_container_column:hover .insights_column_toolTip,
.insight_container_column:hover .insights_column_toolTip::before {
opacity: 1;
z-index: 2;
}
.your_orders_price_range_box {
font-size: 14px;
margin: 15px 0px 0px 0px;
}
.your_orders_price_range {
display: inline-block;
height: 10px;
width: 10px;
border: solid 1px #53aa75;
background: #eff8f3;
margin: 0px 4px 0px 0px;
}
.insights_dollar_value::before {
content: "$"
}
/* end insights chart */
/* .select_crypto_switch label:first-of-type {
border-radius: 4px 0 0 4px;
}
.select_crypto_switch label:last-of-type {
border-radius: 0 4px 4px 0;
} */
/* start energy simulator */
.electric_calculator_simulator {
padding: 25px;
margin: 0px 0px 25px 0px;
}
.faq p.sqft, .faq p.residents, .faq p.habits {
font-size: 18px;
font-weight: 600
}
.faq select[name=maison_reserve_electric_sqft], .faq select[name=maison_reserve_electric_residents], .faq select[name=maison_reserve_electric_habits] {
margin-left: 10px;
}
.horizontal .ui-slider-label-ticks {
margin-left: -.6em
}
.horizontal .ui-slider-label-ticks:first-child {
margin-left: 0
}
.horizontal .ui-slider-label-ticks:last-child {
margin-left: 0;
right: 0;
left: initial !important
}
.horizontal .ui-slider-label-ticks span {
position: absolute;
top: 5px;
font-size: 16px;
left: 50%;
display: initial;
/*transform: translateX(-50%)*/
}
.horizontal .ui-slider-label-ticks span {
margin-left: 0px;
}
.horizontal .ui-slider-label-ticks:first-child span {
left: 0;
transform: none
}
.horizontal .ui-slider-label-ticks:last-child span {
left: initial;
right: 0;
transform: none
}
.horizontal .ui-slider-label-ticks span.hint {
top: 1.7em;
transform: none
}
.horizontal .ui-slider-label-ticks span.saver_customer {
right: initial;
left: 0;
margin-left: 0
}
.horizontal .ui-slider-label-ticks span.spending_customer {
right: 0;
left: initial
}
.question.results {
margin-bottom: 30px
}
.results .estimated_results {
font-weight: 700
}
.ui-effects-wrapper {
display: inline-block !important
}
.find_best_rates input[type=radio], .find_best_rates input[type=checkbox] {
display: none
}
.find_best_rates input[type=radio] ~ label {
display: block;
font-weight: 400;
font-size: 20px;
line-height: 1.2;
color: #5e5e5e;
cursor: pointer;
margin: 0 0 20px !important;
padding: 0 0 0 30px !important;
position: relative
}
.find_best_rates input[type=radio] ~ label:before, .find_best_rates input[type=checkbox] ~ label:before {
border: 1px solid #d8d8d8;
border-radius: 50%;
content: '';
display: block;
height: 18px;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 18px
}
.find_best_rates input[type=radio]:checked ~ label:before, .find_best_rates input[type=checkbox]:checked ~ label:before {
background-color: #33bee8;
border: 1px solid #33bee8
}
#step4.step .full_question div.options {
width: 200px
}
.find_best_rates .step .inner .full_question p.notes {
max-width: calc(100% - 300px);
margin-top: 30px;
margin-left: 100px;
font-weight: 400;
font-size: 17px;
line-height: 150%;
margin-bottom: 20px;
color: #222
}
.find_best_rates .step .inner .full_question p.notes strong {
font-size: 19px
}
.find_best_rates {
visibility: visible !important
}
.find_best_rates .step .full_question .faqs p {
color: #5e5e5e;
font-size: 16px;
line-height: 1.5
}
.find_best_rates .step .inner .full_question {
padding: 20px 40px 50px
}
.find_best_rates .step-content {
min-height: 400px
}
.find_best_rates .faqs {
border: none;
padding: 0
}
.find_best_rates .step .full_question .faqs p {
font-size: 18px
}
.find_best_rates {
background: #ffffff;
border: solid 1px #dde3e6;
border-radius: 15px;
box-shadow: 0 3px 8px 0 rgb(116 129 141 / 10%);
display: inline-block;
padding: 30px 40px 40px 40px;
text-align: left;
max-width: 600px;
}
.ui-slider-label-ticks span {
min-width: 0px;
}
.find_best_rates h5.dark_header {
background: #33bee8;
border: none;
border-radius: 10px 10px 0 0;
color: #fff;
font-size: 30px;
font-weight: 400;
line-height: 1.2;
margin-top: 0 !important;
padding: 22px 50px
}
.find_best_rates .inner {
display: block;
}
.find_best_rates .question {
padding: 15px 0px;
margin-bottom: 10px;
}
.find_best_rates .question p {
font-size: 16px;
padding: 0px 0px 10px 0px;
text-align: left;
}
.find_best_rates .ui-slider-horizontal {
height: 8px;
background: #dde3e6;
margin-bottom: 10px;
}
.find_best_rates .ui-widget-content {
border: 1px solid #dde3e6;
border-radius: 10px;
}
.find_best_rates .ui-slider-horizontal .ui-slider-handle {
top: -10px
}
.find_best_rates .ui-slider .ui-slider-handle {
width: 26px;
height: 26px;
border-radius: 26px;
z-index: 1 !important;
}
.find_best_rates .ui-state-default, .find_best_rates .ui-widget-content .ui-state-default, .find_best_rates .ui-state-hover, .find_best_rates .ui-widget-content .ui-state-hover {
border: 3px solid #ffffff;
background: #64bb86;
text-align: center;
}
.find_best_rates .horizontal .ui-slider-labels {
}
.find_best_rates .question .ui-slider-wrapper.horizontal {
height: 2em;
max-width: 100%
}
.find_best_rates .question.with_hints .ui-slider-wrapper.horizontal {
height: auto;
padding-bottom: 2em
}
.page-template-answers .faq p:last-child {
padding-bottom: 0
}
.find_best_rates span.hint {
position: absolute;
top: 20px
}
.find_best_rates .question.results {
text-align: center;
background: #eff8f3;
margin-top: -5px;
}
.kwh_box {
background: #f6f7fc !important;
}
.maison_reserve_electric_estimated_usage {
font-size: 30px;
font-weight: 400;
}
.maison_reserve_electric_estimated_usage_cost {
font-size: 30px;
font-weight: 400;
}
.maison_reserve_electric_estimated_usage_cost_symbol {
font-size: 30px;
font-weight: 400;
}
.find_best_rates span.estimated_usage {
font-size: 60px;
font-weight: 700;
display: block;
line-height: .5;
margin: 30px auto 10px
}
.find_best_rates .disclaimer p {
font-size: 12px;
padding: 20px 0px 0px 0px;
text-align: justify;
}
.find_best_rates .compare_btn {
}
.horizontal .ui-slider-label-ticks {
border-left: 0 !important
}
.find_best_rates .question select {
font-size: 16px;
}
.electric_calculator_simulator select:disabled {
color: #000000;
opacity: 1.0;
border: none;
background: transparent;
font-weight: 400;
}
.electric_calculator_simulator select {
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 0px;
text-overflow: '';
}
.saver_customer, .spending_customer {
padding: 20px 0px 0px 0px;
}
.slider_circle {
height: 10px;
width: 10px;
background: #ffffff;
border-radius: 10px;
display: inline-block;
position: relative;
}
.number_of_residents_field .ui-slider-labels .ui-slider-label-ticks:last-child span {
left: 50% !important;
right: 0;
transform: none;
}
.number_of_residents {
left: 50% !important;
right: 0;
transform: none;
top: 0px !important;
position: relative !important;
}
/* end energy simulator */
/* start email notification */
#widget {
position: relative;
z-index: 2;
pointer-events: none;
}
#EmailSignupNotification {
visibility: hidden;
overflow: hidden;
max-width: 120px;
height: 90px;
margin: auto;
background-color: #FFFFFF;
background-image: linear-gradient(45deg, #53aa75, #009ab9);
/*background: linear-gradient(90deg, #53aa75 120px, #FFFFFF 120px);*/
/*background-image: linear-gradient(45deg, #53aa75, #009ab9);*/
color: #000;
text-align: left;
border-radius: 15px;
position: fixed;
z-index: 1;
left: 0;
right: 0;
bottom: 30px;
white-space: nowrap;
box-shadow: 0 3px 10px 0 rgba(83,170,117,0.30), 0 3px 10px 0 rgba(0,154,185,0.30);
/*border: solid 1px #53aa75;*/
opacity: 0.95;
}
#EmailSignupNotification #img {
float: left;
height: 90px;
box-sizing: border-box;
color: #FFF;
padding: 3px 0px 0px 0px;
text-align: center;
width: 120px;
/*background: #53aa75;*/
display: block;
position: relative;
}
#EmailSignupNotification #desc {
color: #FFF;
padding: 0px 0px 0px 16px;
margin: 16px 0px 15px 0px;
overflow: hidden;
white-space: nowrap;
border-left: dashed 1px #FFFFFF;
}
#EmailSignupNotification.visiblenotification {
visibility: visible;
-webkit-animation: fadein 0.5s, expand 0.5s 0.5s, stay 3s 1s, shrink 0.5s 2s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, expand 0.5s 0.5s, stay 8s 1s, shrink 0.5s 9s, fadeout 0.5s 9.5s;
}
@-webkit-keyframes fadein {
from {
bottom: 0;
opacity: 0;
}
to {
bottom: 30px;
opacity: 1;
}
}
@keyframes fadein {
from {
bottom: 0;
opacity: 0;
}
to {
bottom: 30px;
opacity: 1;
}
}
@-webkit-keyframes expand {
from {
min-width: 50px;
}
to {
min-width: 350px;
}
}
@keyframes expand {
from {
min-width: 50px;
}
to {
min-width: 350px;
}
}
@-webkit-keyframes stay {
from {
min-width: 350px;
}
to {
min-width: 350px;
}
}
@keyframes stay {
from {
min-width: 350px;
}
to {
min-width: 350px;
}
}
@-webkit-keyframes shrink {
from {
min-width: 350px;
}
to {
min-width: 50px;
}
}
@keyframes shrink {
from {
min-width: 350px;
}
to {
min-width: 50px;
}
}
@-webkit-keyframes fadeout {
from {
bottom: 30px;
opacity: 1;
}
to {
bottom: 60px;
opacity: 0;
}
}
@keyframes fadeout {
from {
bottom: 30px;
opacity: 1;
}
to {
bottom: 60px;
opacity: 0;
}
}
.EmailSignup {
font-size: 16px;
font-weight: 100;
padding: 0px 0px 0px 0px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 200px;
}
.time {
font-size: 14px;
font-weight: 100;
color: #FFF;
opacity: 0.5;
padding-top: 2px;
}
.ipEmailSignup {
font-size: 14px;
font-weight: 100;
display: block;
}
.countryEmailSignup {
font-size: 14px;
font-weight: 100;
display: block;
opacity: 0.5;
}
#alert-bell {
height: 69px;
margin-top: -4px;
}
.new-signup {
font-size: 14px;
font-weight: 400;
margin-top: -14px;
display: block;
position: relative;
color: #FFF;
}
@media screen and (max-width: 550px) {
.new-signup {
font-size: 12px;
font-weight: 400;
margin-top: -12px;
}
.time {
font-size: 14px;
}
#alert-bell {
height: 57px;
margin-top: -1px;
}
#EmailSignupNotification {
height: 80px;
width: 111px;
}
#EmailSignupNotification #img {
height: 80px;
width: 111px;
padding: 3px 0px 0px 0px;
}
#EmailSignupNotification #desc {
padding: 0px 0px 0px 16px;
margin: 13px 0px 12px 0px;
}
.EmailSignup {
font-size: 14px;
font-weight: 100;
padding: 0px 0px 0px 0px;
}
}
/* end email notification */
input.valid ~ .email_validator .valid_email {
opacity: 1;
transform: scale(1);
visibility: visible;
}
input.invalid ~ .email_validator .not_valid_email {
opacity: 1;
transform: scale(1);
visibility: visible;
}
.email_validator {
display: inline-block;
pointer-events: none;
position: absolute;
right: 24px;
text-align: right;
top: 12px;
transition: all 0.25s ease;
}
.valid_email,
.not_valid_email {
opacity: 0;
position: absolute;
transform: scale(0.5);
transition: all 0.25s ease;
visibility: hidden;
}
.valid_email {
background: rgba(100, 187, 134, 10%);
border-radius: 5px;
box-shadow: inset 0 0 0 1px #53aa75;
display: inline-block;
font-size: 14px;
height: 26px;
margin: 0px 0px 0px -45px;
padding: 5px 0px;
text-align: center;
width: 58px;
}
.not_valid_email {
background: rgb(201, 212, 218, 40%);
border-radius: 5px;
box-shadow: inset 0 0 0 1px rgb(201, 212, 218);
display: inline-block;
font-size: 14px;
height: 26px;
margin: 0px 0px 0px -75px;
padding: 5px 0px;
text-align: center;
width: 88px;
}
.password_rules {
background: #f7f8fb;
border-left: solid 2px #64bb86;
display: block;
font-size: 15px;
margin-bottom: 20px;
padding: 18px 20px 10px 20px;
position: relative;
/* color: #596e79; */
}
.password_rules_title {
font-size: 16px;
padding-bottom: 5px;
}
#password_rules ul li {
/*font-size: 12px;
font-weight: normal;*/
/* color: #000000;
list-style-type: '↝' */
/* list-style-type: circle; */
/* list-style: url('img/rocket.svg'); */
}
#password_rules ul {
list-style: none;
padding: 0px 0px 0px 10px;
}
#password_rules ul li:before {
content: "\21E2";
margin: 0 10px;
}
#password_rules ul li.password_complete {
color: #53aa75;
}
span.togglePassword {
cursor: pointer;
font-size: 13px;
display: block;
text-align: right;
position: absolute;
z-index: 2;
top: 22px;
right: 16px;
}
.meter-text {
color: #000000;
display: flex;
font-size: 14px;
justify-content: space-between;
text-transform: uppercase;
width: 100%;
}
.meter-text .meter-status {
font-size: 14px;
text-transform: uppercase;
}
.meter {
background: rgb(201, 212, 218, 50%);
border-radius: 0px;
display: block;
height: 2px;
overflow: hidden;
width: 100%;
}
.meter .meter-bar {
display: block;
height: 100%;
transition: width 0.4s ease-in-out, transform 0.4s ease-in-out;
width: 0;
}
@media (max-width: 767px) {
.nav {
height: 100vh;
}
.nav > li > a {
border-radius: 50px;
cursor: pointer;
display: inline-block;
padding: 10px 20px 10px 20px;
position: relative;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
background-color: #ffffff;
border: solid 2px #53aa75;
color: #000000;
padding: 8px 20px 8px 20px;
}
}
@media (min-width: 768px) {
.navbar-default {
/* background-color: transparent; */
background-color: #ffffff;
border-bottom: solid 1px #dde3e6;
border-color: transparent;
/* margin-top: 50px; */
/* box-shadow: 0 0 30px 0 rgb(104,132,163,10%); */
box-shadow: 0 3px 8px 0 rgb(116, 129, 141, 10%);
display: flex;
max-width: 1500px;
min-height: 67px;
padding-top: 10px;
width: 100%;
}
.navbar-fixed-bottom,
.navbar-fixed-top {
left: unset !important;
position: fixed;
right: unset !important;
}
.navbar-header > .navbar-brand {
color: rgba(255, 255, 255, 0.7);
padding: 19px;
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
color: #000000;
}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
border: solid 2px #ffffff;
border-radius: 50px;
color: #000000;
cursor: pointer;
font-size: 16px;
padding: 10px 20px 10px 20px;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
color: #000000;
}
.navbar-default.affix {
background-color: #ffffff;
padding-top: 10px;
}
.navbar-default.affix .navbar-header .navbar-brand {
color: #000000;
font-size: 15px;
letter-spacing: 1px;
padding: 20px;
}
.navbar-default.affix .navbar-header .navbar-brand:hover,
.navbar-default.affix .navbar-header .navbar-brand:focus {
color: #000000;
}
.navbar-default.affix .nav > li > a,
.navbar-default.affix .nav > li > a:focus {
}
.navbar-default.affix .nav > li > a:hover,
.navbar-default.affix .nav > li > a:focus:hover {
color: #000000;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
background-color: #ffffff;
color: #000000;
}
}
/* end nav */
.contact_rocket_container {
background-image: url(../img/contact_rocket_background.svg);
background-position: 50% 105%;
/* background-repeat: no-repeat; */
/* background-size: contain; */
background-repeat: repeat-x;
display: none;
height: 500px;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
}
.rocket {
background-image: url(img/rocket-launch.png);
background-repeat: no-repeat;
background-size: 100%;
display: inline-block;
height: 300px;
position: relative;
width: 100px;
}
.contact_form_container {
display: inline-block;
margin-top: 25px;
position: relative;
padding: 0px 25px 25px 25px;
width: 100%;
max-width: 600px;
}
.nested_fields {
display: inline-block;
}
.nested_fields:nth-child(1) {
margin-right: 6px;
padding: 0px 0px 0px 0px;
width: calc(50% - 5px);
}
.nested_fields:nth-child(2) {
padding: 0px 0px 0px 0px;
width: calc(50% - 5px);
}
.referral_group_button_box {
padding: 10px 0px;
}
.incentivized_referral_title {
font-size: 35px;
text-align: center;
padding: 0px 0px 5px 0px;
font-weight: 400;
line-height: 40px;
}
.incentivized_referral_explanation {
padding: 0px 0px 25px 0px;
text-align: center;
}
.nested_referral_group {
display: block;
position: relative;
padding: 0px 0px 20px 0px;
}
.nested_referral_group_first {
display: block;
position: relative;
}
.nested_referral_group_clone {
display: block;
position: relative;
padding: 7px 0px 0px 0px;
}
.incentivized_referral {
padding: 25px 25px 25px 25px;
border-top: solid 1px #dde3e6;
border-bottom: solid 1px #dde3e6;
/*box-shadow: inset 0 5px 0 rgb(221,227,230,30%);*/
background: linear-gradient( 0deg, #f5f6fb 0%, #f5f6fb 100%);
margin: 0px 0px 45px 0px;
display: inline-block;
max-width: 450px;
border-left: solid 1px #dde3e6;
border-right: solid 1px #dde3e6;
border-radius: 10px;
}
.referral_nested_fields {
display: inline-block;
}
.referral_nested_fields:nth-child(1) {
margin-right: 3px;
padding: 0px 0px 0px 0px;
width: calc(75% - 2px);
}
.referral_nested_fields:nth-child(2) {
padding: 0px 0px 0px 0px;
width: calc(25% - 5px);
}
.add_friend_email {
text-align: left;
padding: 5px 15px 5px 15px;
border: solid 1px #dde3e6 !important;
border-radius: 50px !important;
display: table;
margin: 10px 0px 0px 0px;
cursor: pointer;
font-size: 16px;
}
.login_screen {
display: block;
text-align: center;
}
.login_container {
background: #ffffff;
border: solid 1px #dde3e6;
border-radius: 10px;
/*box-shadow: 0 3px 8px 0 rgb(116 129 141 / 10%);*/
display: inline-block;
padding: 30px 25px 30px 25px;
text-align: center;
width: 100%;
max-width: 400px;
}
.login_container_title {
font-size: 20px;
font-weight: 400;
padding-top: 5px;
}
.login_container_fields {
display: inline-block;
padding-bottom: 15px;
text-align: left;
width: 100%;
}
.login_form_input {
border: solid 1px #c9d4da !important;
border-radius: 5px !important;
color: #000000;
font-size: 16px !important;
font-weight: 200;
height: 50px;
padding: 0px 10px 0px 10px !important;
width: 100%;
}
.new_account_link {
display: block;
padding-top: 20px;
position: relative;
}
.do_back_container {
display: inline-block;
margin-top: 10px;
position: relative;
}
.contact_form_input {
border: solid 1px #c9d4da !important;
border-radius: 5px !important;
font: 400 16px Roboto;
font-size: 16px !important;
font-weight: 400;
height: 50px;
padding: 0px 15px 0px 15px !important;
width: 100%;
}
#confirm-password {
height: 60px;
padding: 18px 15px 0px 15px !important;
}
.AddressSuggestActive {
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
input[type=text]:disabled, input[type=email]:disabled, input[type=password]:disabled {
}
input::placeholder {
font-size: 16px !important;
font-weight: 200;
}
.contact_form_small_input {
width: calc(50% - 5px);
}
.login_button {
background: linear-gradient(90deg, #76cc98 0%, #64bb86 100%);
border-radius: 100px;
clear: both;
color: #ffffff;
/* height: 61px; */
cursor: pointer;
display: inline-block;
font-size: 18px;
font-weight: 400;
padding: 10px 25px 10px 25px;
text-align: center;
width: 100%;
}
.contact_label_box {
font-size: 16px;
padding: 0px 0px 15px 0px;
text-align: left;
position: relative;
}
.actively_staking .staking_industry_container {
pointer-events: none;
width: 50%;
display: inline-grid;
}
/*.actively_staking #Aerospace,
.actively_staking #Agriculture,
.actively_staking #Arts,
.actively_staking #Automotive,
.actively_staking #Biotech,
.actively_staking #Construction,
.actively_staking #Education,
.actively_staking #FinancialServices,
.actively_staking #Government,
.actively_staking #Healthcare,
.actively_staking #Hospitality,
.actively_staking #Manufacturing,
.actively_staking #OilGas,
.actively_staking #Pharmaceutical,
.actively_staking #Transportation,
.actively_staking #RealEstate,
.actively_staking #RenewableEnergy,
.actively_staking #Retail,
.actively_staking #Tourism,
.actively_staking #Utilities {
display: none;
}
*/
.staking_industry_selection input {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 0px;
}
.staking_industry_selection label {
background-color: #ffffff;
border: 1px solid #dde3e6;
border-radius: 5px;
color: #000000;
display: inline-block;
font-size: 14px;
padding: 15px 0px;
text-align: center;
width: 100%;
}
.staking_industry_selection label:hover {
cursor: pointer;
}
.staking_industry_selection input:checked + label {
/* background: linear-gradient(90deg, #76cc98 0%, #64bb86 100%); */
background: rgba(109,83,170,10%);
border-color: #6d53aa;
box-shadow: none;
color: #000000;
z-index: 1;
}
.checkbox input[type="checkbox"] {
cursor: pointer;
opacity: 0;
}
.checkbox .checkbox_label {
cursor: pointer;
display: inline-block;
padding-left: 28px;
padding-top: 8px;
position: relative;
font-weight: 200;
}
.checkbox .checkbox_label::before,
.checkbox .checkbox_label::after {
content: "";
/*Needed for the line-height to take effect*/
display: inline-block;
outline: none;
position: absolute;
}
/*Outer box of the fake checkbox*/
.checkbox .checkbox_label::before {
background: #ffffff;
border: solid 1px #c9d4da;
border-radius: 5px;
height: 20px;
left: 0px;
top: 6px;
width: 20px;
}
/*Checkmark of the fake checkbox*/
.checkbox .checkbox_label::after {
border-bottom: 1px solid;
border-left: 1px solid;
height: 6px;
left: 7px;
top: 11px;
transform: rotate(-45deg);
width: 12px;
}
/*Hide the checkmark by default*/
.checkbox input[type="checkbox"] + .checkbox_label::after {
content: none;
}
/*Unhide on the checked state*/
.checkbox input[type="checkbox"]:checked + .checkbox_label::after {
content: "";
}
/*Adding focus styles on the outer-box of the fake checkbox*/
.checkbox input[type="checkbox"]:focus + .checkbox_label::before { /* outline: rgb(59, 153, 252) auto 5px; */
}
.checkbox,
.radio {
margin-bottom: 14px !important;
}
.checkbox,
.radio {
margin-top: 0px;
}
.checkbox_filter input[type="checkbox"] {
cursor: pointer;
opacity: 0;
display: none;
}
.checkbox_filter .checkbox_filter_label {
cursor: pointer;
display: inline-block;
padding-left: 35px;
padding-top: 8px;
position: relative;
font-weight: 200;
}
.checkbox_filter .checkbox_filter_label::before,
.checkbox_filter .checkbox_filter_label::after {
content: "";
/*Needed for the line-height to take effect*/
display: inline-block;
outline: none;
position: absolute;
}
/*Outer box of the fake checkbox*/
.checkbox_filter .checkbox_filter_label::before {
background: #ffffff;
border: solid 1px #c9d4da;
border-radius: 5px;
height: 26px;
left: 0px;
/*(24px line-height - 16px height of fake checkbox) / 2 - 1px for the border
*to vertically center it.
*/
top: 3px;
width: 26px;
}
/*Checkmark of the fake checkbox*/
.checkbox_filter .checkbox_filter_label::after {
border-bottom: 1px solid;
border-left: 1px solid;
height: 6px;
left: 7px;
top: 11px;
transform: rotate(-45deg);
width: 12px;
}
/*Hide the checkmark by default*/
.checkbox_filter input[type="checkbox"] + .checkbox_filter_label::after {
content: none;
}
/*Unhide on the checked state*/
.checkbox_filter input[type="checkbox"]:checked + .checkbox_filter_label::after {
content: "";
}
/*Adding focus styles on the outer-box of the fake checkbox*/
.checkbox_filter input[type="checkbox"]:focus + .checkbox_filter_label::before { /* outline: rgb(59, 153, 252) auto 5px; */
}
.checkbox_filter,
.radio {
}
.checkbox_filter,
.radio {
margin: 0px 0px 7px 0px;
min-width: 150px;
width: 18%;
display: inline-block;
}
.filter_box {
display: block;
position: relative;
padding: 0px 0px 0px 0px;
cursor: pointer;
}
.filter_icon {
display: inline-block;
position: relative;
top: -2px;
}
.filter_icon img {
width: 24px;
}
.filter_scent_box_container {
display: block;
position: relative;
}
/* Text states (for js) */
.hide_filters {
opacity: 0;
display: none;
}
.show_filters {
opacity: 1;
display: block;
padding: 15px 0px 0px 0px;
}
.sustainability_container {
max-width: 1200px;
margin: 20px auto;
padding: 0 25px;
width: 100%;
display: grid;
/* Define Auto Row size */
/*grid-auto-rows: 100px;*/
/*Define our columns */
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-gap: 1em;
}
.sustainability_module {
/*border-top: solid 1px #e7eaf1;
border-bottom: solid 1px #e7eaf1;
background: #eff8f3;
margin-top: 40px;*/
padding-bottom: 10px;
background: linear-gradient(225deg, rgba(83,170,117,0.15), rgba(0,154,185,0.15));
}
.sustainability_box {
padding: 10px 10px 20px 10px;
}
.sustainability_title {
font-size: 35px;
font-weight: 400;
padding-top: 50px;
}
.sustainability_subtitle {
display: inline-block;
font-size: 18px;
line-height: 25px;
padding: 0px 0px 20px 0px;
width: 100%;
max-width: 600px;
}
.sustainability_box_title {
display: block;
position: relative;
font-size: 26px;
font-weight: 400;
padding: 10px 0px;
}
.mr-step-title-number {
font-size: 60px;
font-weight: 400;
display: block;
text-align: center;
position: relative;
}
.contact_nested_fields {
display: block;
position: relative;
}
.contact_form_textarea {
border: solid 1px #c9d4da !important;
border-radius: 5px !important;
font-size: 16px !important;
font-weight: 200;
height: 177px;
padding: 15px !important;
resize: none;
width: 100%;
}
#last_name_label {
display: block;
position: relative;
}
.contact_form_textarea::placeholder {
font-weight: 200;
}
.contact_form_input::placeholder {
font-weight: 200;
}
.character_remaining {
display: block;
font-size: 14px;
font-weight: 200;
position: relative;
}
.contact_input_container {
display: block;
position: relative;
}
/* .contact_form_input~.focus-border {
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 2px;
background-color: #3399FF;
transition: 0.4s;
display: inline-block;
}
.contact_form_input:focus~.focus-border {
width: 100%;
transition: 0.4s;
left: 0;
} */
.contact_form_input:focus {
outline: none;
}
.contact_form_textarea:focus::-webkit-input-placeholder {
color: #000000;
}
.contact_form_input:focus::-webkit-input-placeholder {
color: #000000;
}
.contact_form_input:focus + .focus-border {
transform: scale(1);
}
.focus-border {
-webkit-transform: scale(0, 1);
-webkit-transition: all 0.1s linear;
background-color: #64bb86;
bottom: 0;
display: inline-block;
height: 2px;
left: 0;
position: absolute;
transform: scale(0, 1);
transition: all 0.1s linear;
width: 100%;
}
.create_account {
font-size: 16px;
font-weight: 400;
line-height: 1.17648;
background: #01754b !important;
border-radius: 100px !important;
clear: both !important;
color: #ffffff !important;
cursor: pointer !important;
display: inline-block !important;
padding: 10px 25px 10px 25px !important;
text-align: center !important;
margin-top: 20px !important;
text-align: center !important;
/*
border: solid 1px #64bb86 !important;
box-shadow: 0 2px 5px 0 rgb(104,132,163,20%);
*/
}
.account_signin_button {
font: 400 16px Roboto;
line-height: 1.17648;
background: #01754b !important;
border-radius: 100px !important;
clear: both !important;
color: #ffffff !important;
cursor: pointer !important;
display: inline-block !important;
margin-top: 5px !important;
padding: 10px 25px 10px 25px !important;
text-align: center !important;
/*
border: solid 1px #64bb86 !important;
box-shadow: 0 2px 5px 0 rgb(104,132,163,20%);
*/
width: 100% !important;
}
.my_account_button, input.my_account_button[type="submit"], button.my_account_button, button.my_account_button[disabled=disabled], input.my_account_button[type=submit][disabled=disabled], input.my_account_button[type=submit]:disabled, input.my_account_button[type="button"] {
border: 0;
position: relative;
transition: padding-right 0.3s ease;
font: 400 16px Roboto;
line-height: 1.17648;
vertical-align: middle;
background: #01754b !important;
border-radius: 100px !important;
clear: both !important;
color: #ffffff !important;
cursor: pointer !important;
display: inline-block !important;
padding: 10px 25px 10px 25px;
text-align: center !important;
/*
border: solid 1px #64bb86 !important;
box-shadow: 0 2px 5px 0 rgb(104,132,163,20%);
*/
}
button.my_account_button.spinning {
padding-right: 45px;
}
.my_account_button.spinning {
padding-right: 45px;
}
.my_account_button.spinning:after {
content: "";
right: 20px;
top: calc(50% - 2px);
width: 0;
height: 0;
position: absolute;
border-radius: 50%;
-webkit-animation: rotate360 0.75s infinite linear, exist 0.1s forwards ease;
animation: rotate360 0.75s infinite linear, exist 0.1s forwards ease;
}
.my_account_button.spinning:before {
content: "";
width: 0px;
height: 0px;
border-radius: 50%;
right: 20px;
top: calc(50% - 2px);
position: absolute;
border: 2px solid rgba(255, 255, 255, 0.35);
border-right: 2px solid rgba(255, 255, 255, 1);
-webkit-animation: rotate360 0.75s infinite linear, exist 0.1s forwards ease;
animation: rotate360 0.75s infinite linear, exist 0.1s forwards ease;
}
@keyframes rotate360 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes exist {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.liquidity-provider-action, input.liquidity-provider-action[type="submit"], button.liquidity-provider-action, button.liquidity-provider-action[disabled=disabled], input.liquidity-provider-action[type=submit][disabled=disabled], input.liquidity-provider-action[type=submit]:disabled, input.liquidity-provider-action[type="button"] {
border: 0;
position: relative;
transition: padding-right 0.3s ease;
font: 400 16px Roboto;
line-height: 1.17648;
vertical-align: middle;
background: #01754b !important;
border-radius: 100px !important;
clear: both !important;
color: #ffffff !important;
cursor: pointer !important;
display: inline-block !important;
padding: 10px 25px 10px 25px;
text-align: center !important;
}
button.liquidity-provider-action.spinning, .liquidity-provider-action.spinning {
padding-right: 45px;
}
.liquidity-provider-action.spinning:after {
content: "";
right: 20px;
top: calc(50% - 0px);
width: 16px;
display: inline-flex;
height: 16px;
position: absolute;
border-radius: 50%;
-webkit-animation: rotate360 0.75s infinite linear, exist 0.1s forwards ease;
animation: rotate360 0.75s infinite linear, exist 0.1s forwards ease;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.liquidity-provider-action.spinning:before {
content: "";
width: 16px;
height: 16px;
display: inline-flex;
border-radius: 50%;
right: 20px;
top: calc(50% - 10px);
position: absolute;
border: 2px solid rgba(255, 255, 255, 0.35);
border-right: 2px solid rgba(255, 255, 255, 1);
-webkit-animation: rotate360 0.75s infinite linear, exist 0.1s forwards ease;
animation: rotate360 0.75s infinite linear, exist 0.1s forwards ease;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.create_account, input.create_account[type="submit"], button.create_account, button.create_account[disabled=disabled], input.create_account[type=submit][disabled=disabled], input.create_account[type=submit]:disabled, input.create_account[type="button"] {
border: 0;
position: relative;
transition: padding-right 0.3s ease;
font: 400 16px Roboto;
line-height: 1.17648;
vertical-align: middle;
background: #01754b !important;
border-radius: 100px !important;
clear: both !important;
color: #ffffff !important;
cursor: pointer !important;
padding: 10px 25px 10px 25px;
text-align: center !important;
}
button.create_account.spinning {
padding-right: 45px;
}
.create_account.spinning {
padding-right: 45px;
}
.create_account.spinning:after {
content: "";
right: 20px;
top: calc(50% - 2px);
width: 0;
height: 0;
position: absolute;
border-radius: 50%;
-webkit-animation: rotate360 0.75s infinite linear, exist 0.1s forwards ease;
animation: rotate360 0.75s infinite linear, exist 0.1s forwards ease;
}
.create_account.spinning:before {
content: "";
width: 0px;
height: 0px;
border-radius: 50%;
right: 20px;
top: calc(50% - 2px);
position: absolute;
border: 2px solid rgba(255, 255, 255, 0.35);
border-right: 2px solid rgba(255, 255, 255, 1);
-webkit-animation: rotate360 0.75s infinite linear, exist 0.1s forwards ease;
animation: rotate360 0.75s infinite linear, exist 0.1s forwards ease;
}
button.standard_account_button_light.spinning, standard_account_button_light.spinning {
padding-right: 45px !important;
}
button.standard_account_button_light.spinning:after {
content: "";
right: 20px;
top: calc(50% - 0px);
width: 16px;
display: inline-flex;
height: 16px;
position: absolute;
border-radius: 50%;
-webkit-animation: rotate360 0.75s infinite linear, exist 0.1s forwards ease;
animation: rotate360 0.75s infinite linear, exist 0.1s forwards ease;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
button.standard_account_button_light.spinning:before {
content: "";
width: 16px;
height: 16px;
display: inline-flex;
border-radius: 50%;
right: 20px;
top: calc(50% - 10px);
position: absolute;
border: 2px solid rgba(1,117,75, 0.35);
border-right: 2px solid rgba(1,117,75, 1);
-webkit-animation: rotate360 0.75s infinite linear, exist 0.1s forwards ease;
animation: rotate360 0.75s infinite linear, exist 0.1s forwards ease;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.standard_account_button {
font: 400 16px Roboto;
line-height: 1.17648;
vertical-align: middle;
background: #01754b !important;
border-radius: 100px !important;
clear: both !important;
color: #ffffff !important;
cursor: pointer !important;
display: inline-block !important;
padding: 8px 22px 8px 22px !important;
text-align: center !important;
/*
border: solid 1px #64bb86 !important;
box-shadow: 0 2px 5px 0 rgb(104,132,163,20%);
*/
}
.standard_account_button_light {
font: 400 16px Roboto;
line-height: 1.17648;
vertical-align: middle;
position: relative;
transition: padding-right 0.3s ease;
background: #ffffff !important;
border-radius: 100px !important;
clear: both !important;
color: #01754b !important;
cursor: pointer !important;
display: inline-block !important;
padding: 8px 22px 8px 22px !important;
text-align: center !important;
border: solid 1px #01754b !important;
/*
border: solid 1px #64bb86 !important;
box-shadow: 0 2px 5px 0 rgb(104,132,163,20%);
*/
}
.my_account_button_light {
font: 400 16px Roboto;
line-height: 1.17648;
vertical-align: middle;
background: #FFFFFF !important;
border-radius: 100px !important;
clear: both !important;
color: #01754b !important;
cursor: pointer !important;
display: inline-block !important;
padding: 9px 25px 9px 25px !important;
text-align: center !important;
border: solid 1px #01754b !important;
margin: 0px 0px 0px 0px !important;
/*
border: solid 1px #64bb86 !important;
box-shadow: 0 2px 5px 0 rgb(104,132,163,20%);
*/
}
.exchange_liquidity_button_container .my_account_button_light {
font: 400 16px Roboto;
line-height: 1.17648;
vertical-align: middle;
background: #FFFFFF !important;
border-radius: 100px !important;
clear: both !important;
color: #01754b !important;
cursor: pointer !important;
display: inline-block !important;
padding: 9px 25px 9px 25px !important;
text-align: center !important;
border: solid 1px #01754b !important;
margin: 5px 0px 0px 0px !important;
/*
border: solid 1px #64bb86 !important;
box-shadow: 0 2px 5px 0 rgb(104,132,163,20%);
*/
}
.button_container {
display: inline-block;
position: relative;
}
.button_spacer {
padding: 0px 5px 0px 0px;
display: inline-block;
position: relative;
}
.show-more-container {
padding: 20px 0px 0px 0px;
font-size: 14px;
text-align: left;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
cursor: pointer;
gap: 6px;
}
.my_account_button_light_gray {
font: 400 16px Roboto;
line-height: 1.17648;
vertical-align: middle;
background: #FFFFFF !important;
border-radius: 100px !important;
clear: both !important;
color: #000000 !important;
cursor: pointer !important;
display: inline-block !important;
padding: 9px 20px 9px 20px !important;
text-align: center !important;
border: solid 1px #c8d0dd !important;
/*
border: solid 1px #64bb86 !important;
box-shadow: 0 2px 5px 0 rgb(104,132,163,20%);
*/
}
.account_button_light_gray {
font: 400 16px Roboto;
line-height: 1.17648;
vertical-align: middle;
background: #FFFFFF !important;
border-radius: 100px !important;
clear: both !important;
color: #000000 !important;
cursor: pointer !important;
display: inline-block;
padding: 9px 20px 9px 20px !important;
text-align: center !important;
border: solid 1px #c8d0dd !important;
/*
border: solid 1px #64bb86 !important;
box-shadow: 0 2px 5px 0 rgb(104,132,163,20%);
*/
}
.my_account_button_light_green {
font: 400 16px Roboto;
line-height: 1.17648;
vertical-align: middle;
background: #FFFFFF !important;
border-radius: 100px !important;
clear: both !important;
color: #01754b !important;
cursor: pointer !important;
display: inline-block !important;
padding: 9px 20px 9px 20px !important;
text-align: center !important;
border: solid 1px #01754b !important;
/*
border: solid 1px #64bb86 !important;
box-shadow: 0 2px 5px 0 rgb(104,132,163,20%);
*/
}
.my_account_button_borderless {
font: 200 16px Roboto;
line-height: 1.17648;
vertical-align: middle;
background: #FFFFFF !important;
clear: both !important;
color: #000000 !important;
cursor: pointer !important;
display: inline-block !important;
padding: 2px 10px 2px 10px !important;
text-align: center !important;
border: none !important;
margin: 5px 0px 0px 0px !important;
text-decoration: underline;
/*
border: solid 1px #64bb86 !important;
box-shadow: 0 2px 5px 0 rgb(104,132,163,20%);
*/
}
.card_nested_fields {
display: flex;
position: relative;
}
.nested_card_fields {
display: inline-block;
font-size: 16px;
padding: 0px;
text-align: left;
}
.nested_card_fields:nth-child(1) {
margin-right: 11px;
padding: 0px 0px 0px 0px;
width: calc(50% - 5px);
}
.transfer_erc20_button {
background: #53aa75 !important;
border-radius: 100px !important;
clear: both !important;
color: #ffffff !important;
cursor: pointer !important;
display: inline-block !important;
font-size: 18px !important;
font-weight: 400 !important;
margin-top: 5px !important;
padding: 10px 25px 10px 25px !important;
text-align: center !important;
/*
border: solid 1px #64bb86 !important;
box-shadow: 0 2px 5px 0 rgb(104,132,163,20%);
*/
opacity: 1 !important;
}
.stop_staking_button {
background: #53aa75 !important;
border-radius: 100px !important;
clear: both !important;
color: #ffffff !important;
cursor: pointer !important;
display: inline-block !important;
font-size: 18px !important;
font-weight: 400 !important;
margin-top: 5px !important;
padding: 10px 25px 10px 25px !important;
text-align: center !important;
/*
border: solid 1px #64bb86 !important;
box-shadow: 0 2px 5px 0 rgb(104,132,163,20%);
*/
opacity: 1 !important;
}
.transfer_erc20_button[type="submit"][disabled] {
-webkit-appearance: none;
opacity: 1;
}
.transfer_erc20_button.disabled {
-webkit-appearance: none;
opacity: 1;
}
.stop_staking_button[type="submit"][disabled] {
-webkit-appearance: none;
opacity: 1;
}
.stop_staking_button.disabled {
-webkit-appearance: none;
opacity: 1;
}
.order_amount[type="number"][disabled] {
-webkit-appearance: none;
opacity: 1 !important;
color: #000000 !important;
-webkit-text-fill-color: #000000;
}
.contact_form_input[type="text"][disabled] {
-webkit-appearance: none;
opacity: 1 !important;
color: #000000 !important;
background-color: #FFFFFF;
-webkit-text-fill-color: #000000;
}
.stake_decision_option {
display: none;
}
.active_stake_decision_option {
display: block;
padding: 0px 50px;
}
.total_stake_interest_earned {
margin-left: 3px;
font-size: 14px;
}
.earn_apr {
font-size: 16px;
padding-top: 2px;
font-weight: 200;
}
.switch-field label {
width: 50% !important;
}
.maison_rate_chart_box .switch-field label {
border: 1px solid #FFFFFF;
border-radius: 5px;
}
.send_crypto_to_wallet {
}
.your_balance_send_to_friend {
display: block;
position: relative;
text-align: center;
font-size: 18px;
margin: 0px 0px 0px 0px;
/*background: #f5f6fb;*/
padding: 15px 0px;
/*border: solid 1px #dde3e6;*/
border-radius: 10px;
background: rgb(239, 248, 243);
border: solid 1px #53aa75;
}
.buy_again_crypto_container_box {
padding: 36px 0px;
}
.buy_crypto_first_time_container_box {
padding: 36px 25px;
}
.only_click_notice {
display: block;
margin: 30px 0px 0px 0px;
position: relative;
}
#token-dollar-amount {
font-weight: 400;
}
.direction_of_payment_send {
border: solid 1px #FFFFFF;
border-radius: 100px;
display: inline-block;
height: 60px;
margin: 0px 0px 0px 0px;
position: relative;
width: 50px;
}
.available_tokens_for_transfer {
font: 400 26px Roboto;
}
.btc_scanning_countdown_timer {
display: inline-block;
position: relative;
text-align: center;
max-width: 400px;
}
.friendly_reminder {
font-size: 14px;
padding: 15px;
text-align: left;
margin: 0px 0px 0px 0px;
border: solid 1px #dde3e6;
border-radius: 10px;
text-align: center;
}
.friendly_token_reminder {
font-size: 16px;
padding: 15px;
text-align: left;
margin: 0px 0px 0px 0px;
border: solid 1px #dde3e6;
border-radius: 10px;
}
.warning_reminder {
display: block;
letter-spacing: 2px;
text-align: center;
font-weight: 400;
font-size: 18px;
padding-bottom: 5px;
}
.stake_explanation {
margin-top: 30px;
display: block;
position: relative;
}
.stake_overview_box {
text-align: center;
max-width: 400px;
display: inline-block;
font-size: 18px;
}
.once_validated {
font-size: 18px;
display: inline-block;
position: relative;
max-width: 450px;
}
.thank_you_once_validated {
text-align: center;
width: 100%;
/*max-width: 550px;*/
font-size: 18px;
}
.currently_being_staked {
text-align: center;
width: 100%;
max-width: 450px;
display: inline-block;
font-size: 18px;
}
.currently_being_staked .maison_reserve_table {
margin-top: 25px;
font-size: 16px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.stake_your_crypto_title {
font-size: 26px;
}
.stake_decision {
margin-top: 0px;
margin-bottom: 30px;
width: 100%;
max-width: 800px;
display: inline-block;
padding: 0px 50px;
}
.stake_yes {
display: inline-block;
position: relative;
padding: 20px;
background: #64bb86;
color: #fff;
text-align: center;
}
.stake_yes_label {
font-size: 30px;
font-weight: 400;
}
.stake_no {
display: inline-block;
position: relative;
padding: 20px;
background: #f7f8fb;
color: #000;
text-align: center;
}
.stake_no_label {
font-size: 30px;
font-weight: 400;
}
.active_stake_decision_option .checkbox .checkbox_label {
cursor: pointer;
display: inline-block;
padding-left: 35px;
padding-top: 2px;
position: relative;
max-width: 400px;
font-size: 14px;
text-align: left;
}
.stake_terms_box .checkbox .checkbox_label {
cursor: pointer;
display: inline-block;
padding-left: 35px;
padding-top: 2px;
position: relative;
max-width: 400px;
font-size: 14px;
text-align: left;
}
.stake_terms_box {
max-width: 400px;
margin-top: -30px;
display: inline-block;
margin-bottom: 10px;
}
.sell_terms_box .checkbox .checkbox_label {
cursor: pointer;
display: inline-block;
padding-left: 35px;
padding-top: 2px;
position: relative;
max-width: 400px;
font-size: 14px;
text-align: left;
}
.sell_terms_box {
display: flex;
position: relative;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
padding: 20px 0px 0px 0px;
}
.sell_terms_box_container {
display: block;
text-align: center;
}
.login_container_subtitle {
font-size: 16px;
line-height: 20px;
padding: 5px 20px 25px 20px;
}
.submit_contact {
font-size: 16px;
line-height: 1.17648;
font-weight: 400;
background: #01754b !important;
border-radius: 100px !important;
clear: both !important;
color: #ffffff !important;
cursor: pointer !important;
display: inline-block !important;
padding: 10px 25px 10px 25px !important;
text-align: center !important;
/*
border: solid 1px #64bb86 !important;
box-shadow: 0 2px 5px 0 rgb(104,132,163,20%);
*/
}
.logged_in_email {
font: 400 16px Roboto;
}
.signout_button_container {
display: inline-block;
float: right;
margin-right: 0px;
margin-top: 3px;
position: relative;
}
.welcome_box {
display: inline-block;
margin: 15px 10px 0px 0px;
position: relative;
text-align: right;
}
.signout_button {
background: none !important;
border: solid 1px #00754a !important;
border-radius: 50px !important;
color: #00754a !important;
cursor: pointer;
float: right;
font-size: 16px !important;
margin: 6px 0px 0px 0px !important;
padding: 5px 20px 6px 20px !important;
}
.signup_container {
max-width: 100%;
padding-top: 5px;
}
.required_fields {
font-size: 14px;
font-weight: 200;
}
.contact_box {
background: #f7f8fb;
border: solid 1px #dde3e6;
border-radius: 10px;
/*box-shadow: 0 3px 8px 0 rgb(116, 129, 141, 10%);*/
display: inline-block;
position: relative;
padding: 30px 50px 30px 50px;
text-align: left;
width: 100%;
min-height: 160px;
}
#rchars {
font-weight: 400;
}
/***************END**************/
/*overlay*/
.overlay {
/* background-color: rgba(0,0,0,0.8); */
/* background: linear-gradient(90deg, #76cc98 0%, #64bb86 100%); */
/* background: linear-gradient(0deg, #ffffff 0%, #f5f7fa 100%) fixed; */
background: #f7f8fb;
color: #000000;
display: none;
height: 100%;
left: 0;
overflow: auto;
position: fixed;
text-align: center;
top: 0;
width: 100%;
z-index: 9999;
}
/* nav handle */
ul.responsive_nav_toggle {
cursor: pointer;
height: 30px;
position: relative;
transform: translate(-50%, -50%);
width: 30px;
}
ul.responsive_nav_toggle li {
background: #000000;
height: 2px;
list-style: none;
position: absolute;
transform: translateY(-50%);
transition: 0.5s;
width: 100%;
}
ul.responsive_nav_toggle li:nth-of-type(1) {
top: 20%;
}
ul.responsive_nav_toggle li:nth-of-type(2) {
top: 50%;
}
ul.responsive_nav_toggle li:nth-of-type(3),
ul.responsive_nav_toggle li:nth-of-type(4) {
top: 80%;
width: 50%;
}
ul.responsive_nav_toggle li:nth-of-type(1),
ul.responsive_nav_toggle li:nth-of-type(2),
ul.responsive_nav_toggle li:nth-of-type(3) {
left: 0;
}
ul.responsive_nav_toggle li:nth-of-type(4) {
right: 0;
}
ul.responsive_nav_toggle.active_nav li:nth-of-type(1) {
top: 50%;
transform: translateY(-50%) rotate(45deg);
}
ul.responsive_nav_toggle.active_nav li:nth-of-type(2) {
top: 50%;
transform: translateY(-50%) rotate(-45deg);
}
ul.responsive_nav_toggle.active_nav li:nth-of-type(3) {
left: -50%;
opacity: 0;
}
ul.responsive_nav_toggle.active_nav li:nth-of-type(4) {
opacity: 0;
right: -50%;
}
.navbar-toggle {
background-color: transparent;
background-image: none;
border: none !important;
border-radius: 0px !important;
float: right;
margin-bottom: 3px;
margin-right: 0px;
margin-top: 33px;
padding: 0px;
position: relative;
}
.close_login_modal {
cursor: pointer;
}
.close_login_screen {
cursor: pointer;
height: 60px;
position: absolute;
right: 0px;
width: 60px;
}
.close_login_screen:after {
border-left: 2px solid #fff;
content: "";
height: 60px;
left: 28px;
position: absolute;
transform: rotate(45deg);
}
.close_login_screen:before {
border-left: 2px solid #fff;
content: "";
height: 60px;
left: 28px;
position: absolute;
transform: rotate(-45deg);
}
.scroll {
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
overflow-x: auto;
white-space: nowrap;
}
.scroll::-webkit-scrollbar {
display: none;
}
label.error {
background-color: #000000;
color: #ffffff;
font-size: 27px;
font-weight: 200;
height: 50px;
margin-top: 0px;
padding: 10px;
position: absolute;
right: 0px;
top: 0px;
width: 10px;
}
#email-error {
}
.password_holder {
position: relative;
}
input.invalid {
border: solid 1px #c9d4da !important;
border-radius: 5px !important;
font: 400 16px Roboto;
font-size: 16px !important;
font-weight: 200;
height: 50px;
padding: 0px 15px 0px 15px !important;
width: 100%;
}
input.invalid_password {
border: solid 1px #c9d4da !important;
border-radius: 5px !important;
font: 400 16px Roboto;
font-size: 16px !important;
font-weight: 200;
height: 50px;
padding: 0px 15px 0px 15px !important;
width: 100%;
}
.email_error {
border: solid 1px #c9d4da;
border-radius: 100px;
color: black;
font-size: 21px;
font-weight: 500;
height: 30px;
line-height: 29px;
position: absolute;
right: 15px;
text-align: center;
top: 10px;
width: 30px;
background: #FFFFFF;
z-index: 2;
/* -webkit-animation: fadeout 4s linear forwards;
animation: fadeout 4s linear forwards;*/
}
/*@-webkit-keyframes fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}*/
.product_preview_box_title {
margin: 0px 0px -6% 0px;
pointer-events: none;
/* border-top: solid 1px #dde3e6;
padding-top: 50px;*/
}
#timeline .product_preview_title_headline {
background: #ffffff;
border-top: none;
box-shadow: none;
font-size: 36px;
font-weight: 400;
color: #000000;
}
.product_preview_tiles_container .product_preview_title_headline {
background: #ffffff;
border-top: none;
box-shadow: none;
font-size: 36px;
font-weight: 200;
color: #000000;
}
.product_preview_tiles_container {
display: block;
position: relative;
z-index: 0;
}
.product_preview_account {
border-top: solid 1px #dde3e6;
padding-top: 40px;
}
.product_preview_tiles {
position: absolute;
height: 100px;
width: 200px;
display: inline-block;
z-index: 2;
pointer-events: none;
margin: 0px 0px 0px 0px;
left: 28%;
}
.product_preview_tiles_label {
font-size: 24px;
line-height: 26px;
transform: rotate(342deg); /* Equal to rotateZ(45deg) */
}
.product_preview_tiles_arrow {
display: inline-block;
position: relative;
left: 116px;
top: -50px;
transform: rotate(245deg);
}
.product_preview_tiles_arrow img {
width: 100px;
}
.my_referrals_container {
display: inline-block;
position: relative;
}
.referral_code_value {
margin: 5px 0px 0px 0px;
}
.number_assigned_value {
margin: 5px 0px 0px 0px;
position: relative;
}
.send_payment_container {
border: solid 1px #dde3e6;
border-radius: 10px;
margin: 0px 0px 20px 0px;
overflow: hidden;
}
.send_payment_title {
border-bottom: solid 1px #dde3e6;
font-size: 24px;
padding: 10px 0px 10px 15px;
text-align: left;
}
.wallet_qr {
background: #f5f6fb;
display: inline-block;
padding: 30px 30px 26px 30px;
}
.invite_your_friends {
display: block;
font-size: 24px;
margin: 25px 0px 20px 0px;
position: relative;
text-align: center;
}
.referral_earning_data {
display: inline-block;
margin: 30px 0px 10px 0px;
max-width: 450px;
position: relative;
}
.scan_address_label {
display: block;
padding: 20px 0px 10px 0px;
position: relative;
}
.validation-summary-valid ul {
margin: 0px;
}
.validation-summary-errors ul {
background-color: #fff7f7;
border: solid 1px #e9a5a5;
border-radius: 10px;
color: #c10000;
display: block;
font-size: 16px;
line-height: 22px;
margin: 0px 0px 25px 0px;
padding: 10px 25px 10px 25px;
text-align: center;
list-style-type: none;
}
.signup_container .validation-summary-errors ul {
margin: 30px 0px 0px 0px;
}
/* .validation-summary-errors ul:after {
content: "The email or password you entered is incorrect.";
font-size: 16px;
line-height: 20px;
display: block;
margin: 10px 0px 0px 0px;
font-weight: normal;
}*/
.send_crypto_type {
font-size: 16px;
padding: 0px 0px 0px 5px;
font-weight: 200;
}
.staking_overview {
margin-top: 0px;
}
input.CopyReferralCode {
border: none !important;
display: inline-block;
font-size: 28px;
font-weight: 400;
position: relative;
text-align: center;
width: 190px;
background-color: transparent;
color: #ffffff;
}
.logged_in_box_dark {
background: linear-gradient(90deg, #394357 0%, #394357 100%);
color: #FFFFFF;
display: block;
height: 67px;
position: relative;
text-align: right;
}
input.CopyNumberAssigned {
display: inline-block;
font-size: 18px;
font-weight: 200;
height: 58px;
overflow: hidden;
padding: 0px 50px 0px 15px;
position: relative;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
input.token_listing_amount {
display: inline-block;
font-size: 18px;
font-weight: 200;
overflow: hidden;
padding: 0px;
position: relative;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
height: 40px;
}
input.token_listing_amount::placeholder {
color: #d4dbe9;
}
input.token_listing_amount:focus::placeholder {
color: transparent;
}
.net_sell_dollars {
font-size: 24px;
font-weight: 400;
padding: 3px 0px 4px 0px;
}
.direction_of_payment {
border: solid 1px #FFFFFF;
border-radius: 100px;
display: block;
height: 60px;
margin: 0px 0px 0px 20px;
position: relative;
width: 50px;
}
.arrow_down_direction {
border-color: #000000;
border-style: solid;
border-width: 0px 2px 2px 0px;
box-sizing: border-box;
display: inline-block;
height: 12px;
margin-top: 29px;
transform: rotate(45deg);
transition: border-width 150ms ease-in-out;
width: 12px;
}
.additional_token_buy {
text-align: center;
}
.direction_of_payment::after {
border-left: solid 2px #000;
content: "";
display: inline-block;
height: 16px;
left: 23px;
position: absolute;
top: 25px;
}
.direction_of_payment::before {
border-left: dashed 2px #000;
content: "";
display: inline-block;
height: 16px;
left: 23px;
position: absolute;
top: 15px;
}
.direction_of_payment_send_box {
display: block;
position: relative;
text-align: center;
}
.direction_of_payment_send::after {
border-left: solid 2px #000;
content: "";
display: inline-block;
height: 16px;
left: 23px;
position: absolute;
top: 25px;
}
.direction_of_payment_send::before {
border-left: dashed 2px #000;
content: "";
display: inline-block;
height: 16px;
left: 23px;
position: absolute;
top: 15px;
}
.referral_note {
display: block;
font-size: 14px;
padding-left: 0px;
position: relative;
padding-top: 15px;
}
.account_tab_svg {
display: block;
padding-bottom: 10px;
position: relative;
}
.account_tab_svg img {
height: 46px;
}
input.CopyReferralCode::selection, input.CopyNumberAssigned::selection {
background-color: #000000;
color: #ffffff;
}
.commission_statistics {
background-color: #ffffff;
border: solid 1px #dde3e6;
border-radius: 10px;
/* background-color: rgb(212,236,249,50%); */
color: #000000;
font-size: 16px;
outline: none;
padding: 0px;
position: relative;
/* border: none; */
text-align: left;
width: 100%;
margin-bottom: 25px;
max-width: 450px;
display: inline-block;
}
.commission_statistics_1 {
padding: 15px;
border-bottom: solid 1px #dde3e6;
}
.commission_statistics_2 {
padding: 15px;
}
.commission_statistics_3 {
padding: 15px;
border-top: solid 1px #dde3e6;
}
.commission_statistics_number {
float: right;
font-size: 20px;
margin: -2px 0px;
}
.tokens_on_the_way {
float: right;
font-size: 16px;
}
.tokens_being_transfered_title {
padding: 0px 0px 25px 0px;
}
.earn_cash {
font-size: 62px;
font-weight: 400;
line-height: 55px;
padding: 5px 0px 0px 0px;
}
.updated_in_realtime {
font-size: 14px;
}
#stars {
width: 1px;
height: 1px;
background: transparent;
box-shadow: 1740px 301px #FFF, 724px 908px #FFF, 813px 122px #FFF, 1079px 235px #FFF, 1562px 528px #FFF, 1603px 355px #FFF, 802px 443px #FFF, 889px 467px #FFF, 1573px 1403px #FFF, 1277px 1247px #FFF, 1779px 1553px #FFF, 77px 126px #FFF, 541px 1075px #FFF, 245px 1719px #FFF, 382px 1250px #FFF, 1409px 949px #FFF, 1506px 1118px #FFF, 533px 1043px #FFF, 210px 735px #FFF, 446px 1761px #FFF, 186px 1990px #FFF, 1089px 871px #FFF, 285px 1378px #FFF, 1648px 179px #FFF, 1495px 773px #FFF, 1005px 1449px #FFF, 147px 1177px #FFF, 956px 1030px #FFF, 934px 1869px #FFF, 1837px 1940px #FFF, 162px 801px #FFF, 211px 1633px #FFF, 1096px 339px #FFF, 800px 1411px #FFF, 1628px 1844px #FFF, 1193px 953px #FFF, 1083px 1677px #FFF, 841px 1722px #FFF, 1659px 1055px #FFF, 1148px 558px #FFF, 701px 224px #FFF, 476px 1424px #FFF, 791px 527px #FFF, 1071px 129px #FFF, 1358px 684px #FFF, 1503px 1793px #FFF, 1362px 767px #FFF, 1424px 996px #FFF, 1731px 1682px #FFF, 875px 1075px #FFF, 1999px 1331px #FFF, 801px 99px #FFF, 912px 1804px #FFF, 219px 1618px #FFF, 350px 403px #FFF, 316px 1441px #FFF, 499px 822px #FFF, 548px 140px #FFF, 332px 772px #FFF, 2px 1125px #FFF, 645px 951px #FFF, 739px 1955px #FFF, 1561px 871px #FFF, 628px 1235px #FFF, 1121px 1555px #FFF, 47px 1581px #FFF, 1735px 873px #FFF, 1518px 77px #FFF, 544px 263px #FFF, 712px 243px #FFF, 1938px 1790px #FFF, 625px 1273px #FFF, 1178px 1722px #FFF, 603px 229px #FFF, 354px 888px #FFF, 628px 133px #FFF, 974px 76px #FFF, 1955px 1507px #FFF, 842px 201px #FFF, 1088px 1453px #FFF, 1251px 1738px #FFF, 976px 999px #FFF, 304px 1601px #FFF, 261px 359px #FFF, 1669px 909px #FFF, 781px 137px #FFF, 678px 1219px #FFF, 668px 1127px #FFF, 1706px 24px #FFF, 1747px 780px #FFF, 758px 1831px #FFF, 282px 410px #FFF, 1950px 962px #FFF, 1042px 981px #FFF, 1137px 154px #FFF, 1643px 1907px #FFF, 229px 936px #FFF, 139px 976px #FFF, 1695px 1525px #FFF, 847px 1985px #FFF, 709px 1320px #FFF, 362px 667px #FFF, 1919px 1152px #FFF, 1335px 845px #FFF, 198px 744px #FFF, 1103px 1753px #FFF, 175px 961px #FFF, 1685px 1943px #FFF, 867px 804px #FFF, 1015px 536px #FFF, 1166px 950px #FFF, 1670px 760px #FFF, 1350px 35px #FFF, 1795px 1612px #FFF, 601px 456px #FFF, 1302px 1735px #FFF, 805px 1574px #FFF, 1427px 1072px #FFF, 299px 265px #FFF, 1092px 968px #FFF, 180px 1545px #FFF, 1805px 1812px #FFF, 1629px 942px #FFF, 1379px 563px #FFF, 165px 945px #FFF, 1967px 1352px #FFF, 415px 1183px #FFF, 880px 1031px #FFF, 63px 1431px #FFF, 90px 827px #FFF, 420px 1020px #FFF, 526px 1908px #FFF, 1211px 578px #FFF, 84px 420px #FFF, 551px 864px #FFF, 1533px 1469px #FFF, 1145px 984px #FFF, 791px 960px #FFF, 1615px 1044px #FFF, 890px 1007px #FFF, 598px 873px #FFF, 1113px 946px #FFF, 1166px 665px #FFF, 507px 492px #FFF, 1343px 1575px #FFF, 1470px 1122px #FFF, 1919px 1354px #FFF, 145px 950px #FFF, 647px 498px #FFF, 1687px 1573px #FFF, 713px 983px #FFF, 1823px 753px #FFF, 64px 906px #FFF, 1315px 909px #FFF, 1848px 286px #FFF, 87px 1548px #FFF, 805px 64px #FFF, 1896px 780px #FFF, 1957px 591px #FFF, 1002px 468px #FFF, 1869px 1806px #FFF, 1277px 1850px #FFF, 683px 1371px #FFF, 1858px 1691px #FFF, 1460px 938px #FFF, 1537px 1977px #FFF, 1753px 67px #FFF, 991px 1809px #FFF, 837px 664px #FFF, 509px 1349px #FFF, 1574px 537px #FFF, 1335px 55px #FFF, 1015px 169px #FFF, 1031px 821px #FFF, 1506px 1493px #FFF, 1473px 882px #FFF, 1235px 231px #FFF, 156px 992px #FFF, 1427px 985px #FFF, 927px 1791px #FFF, 1160px 1344px #FFF, 573px 164px #FFF, 1092px 68px #FFF, 1862px 1458px #FFF, 1299px 1660px #FFF, 1218px 1248px #FFF, 1835px 666px #FFF, 1594px 552px #FFF, 881px 1801px #FFF, 345px 1759px #FFF, 742px 1295px #FFF, 1395px 864px #FFF, 1247px 1493px #FFF, 1065px 667px #FFF, 1068px 610px #FFF, 593px 1147px #FFF, 1767px 1370px #FFF, 92px 132px #FFF, 1149px 1421px #FFF, 1010px 1749px #FFF, 442px 1444px #FFF, 954px 817px #FFF, 502px 581px #FFF, 1751px 1461px #FFF, 1576px 792px #FFF, 505px 1190px #FFF, 784px 534px #FFF, 1255px 883px #FFF, 581px 357px #FFF, 390px 1286px #FFF, 882px 1791px #FFF, 1464px 83px #FFF, 1969px 1432px #FFF, 646px 1396px #FFF, 1139px 976px #FFF, 246px 711px #FFF, 664px 1901px #FFF, 1500px 69px #FFF, 423px 1635px #FFF, 528px 331px #FFF, 607px 1206px #FFF, 849px 1023px #FFF, 451px 188px #FFF, 1512px 1176px #FFF, 1556px 1974px #FFF, 1472px 113px #FFF, 672px 271px #FFF, 1420px 1309px #FFF, 1491px 165px #FFF, 1085px 1424px #FFF, 274px 1026px #FFF, 1300px 968px #FFF, 1049px 761px #FFF, 1291px 1491px #FFF, 1793px 1507px #FFF, 245px 33px #FFF, 1844px 440px #FFF, 1706px 223px #FFF, 798px 251px #FFF, 565px 1981px #FFF, 767px 1050px #FFF, 1332px 1820px #FFF, 1045px 719px #FFF, 1522px 1474px #FFF, 1914px 994px #FFF, 1544px 1669px #FFF, 806px 248px #FFF, 792px 1422px #FFF, 729px 529px #FFF, 346px 1570px #FFF, 1965px 1729px #FFF, 596px 603px #FFF, 864px 1910px #FFF, 317px 1106px #FFF, 1026px 619px #FFF, 674px 1104px #FFF, 1646px 726px #FFF, 1698px 1657px #FFF, 578px 1874px #FFF, 1879px 1583px #FFF, 1977px 1709px #FFF, 964px 1874px #FFF, 1541px 923px #FFF, 446px 156px #FFF, 391px 1293px #FFF, 491px 1587px #FFF, 1841px 406px #FFF, 1672px 1669px #FFF, 1202px 1323px #FFF, 1773px 1221px #FFF, 1659px 785px #FFF, 225px 544px #FFF, 535px 28px #FFF, 210px 1444px #FFF, 312px 1168px #FFF, 26px 1326px #FFF, 28px 755px #FFF, 565px 1512px #FFF, 439px 797px #FFF, 406px 785px #FFF, 54px 1767px #FFF, 1017px 988px #FFF, 1212px 395px #FFF, 137px 415px #FFF, 510px 1824px #FFF, 836px 1744px #FFF, 1752px 1825px #FFF, 55px 1753px #FFF, 1249px 229px #FFF, 1487px 1755px #FFF, 539px 605px #FFF, 369px 1373px #FFF, 1183px 1578px #FFF, 1014px 384px #FFF, 203px 247px #FFF, 212px 1130px #FFF, 749px 143px #FFF, 1264px 1692px #FFF, 308px 1929px #FFF, 1092px 1877px #FFF, 819px 267px #FFF, 570px 1422px #FFF, 1041px 892px #FFF, 1897px 916px #FFF, 727px 141px #FFF, 1965px 333px #FFF, 987px 1066px #FFF, 879px 1015px #FFF, 1739px 941px #FFF, 843px 109px #FFF, 375px 626px #FFF, 1909px 1989px #FFF, 1282px 372px #FFF, 1190px 1334px #FFF, 1719px 1551px #FFF, 243px 116px #FFF, 1926px 827px #FFF, 1569px 74px #FFF, 1600px 275px #FFF, 393px 945px #FFF, 649px 1175px #FFF, 1185px 1973px #FFF, 1980px 359px #FFF, 1254px 168px #FFF, 728px 993px #FFF, 400px 10px #FFF, 1833px 1501px #FFF, 1452px 167px #FFF, 1965px 1766px #FFF, 824px 35px #FFF, 229px 241px #FFF, 1734px 1560px #FFF, 1341px 1827px #FFF, 1105px 1169px #FFF, 1494px 64px #FFF, 854px 435px #FFF, 1326px 1654px #FFF, 1599px 1039px #FFF, 1339px 1120px #FFF, 770px 1616px #FFF, 359px 1788px #FFF, 428px 1755px #FFF, 1190px 63px #FFF, 425px 724px #FFF, 1138px 217px #FFF, 488px 1094px #FFF, 1700px 242px #FFF, 479px 1840px #FFF, 356px 834px #FFF, 501px 841px #FFF, 621px 1649px #FFF, 971px 1931px #FFF, 705px 1338px #FFF, 1184px 1927px #FFF, 531px 818px #FFF, 1368px 883px #FFF, 1819px 1128px #FFF, 241px 91px #FFF, 1085px 1226px #FFF, 201px 1099px #FFF, 150px 1584px #FFF, 1405px 653px #FFF, 1059px 647px #FFF, 673px 1382px #FFF, 1252px 1079px #FFF, 1793px 1681px #FFF, 1791px 1441px #FFF, 1315px 1598px #FFF, 590px 56px #FFF, 1554px 1517px #FFF, 403px 1898px #FFF, 1115px 1289px #FFF, 524px 1392px #FFF, 420px 1312px #FFF, 828px 1845px #FFF, 1307px 1766px #FFF, 1504px 136px #FFF, 326px 1203px #FFF, 319px 1748px #FFF, 1225px 695px #FFF, 112px 389px #FFF, 288px 1798px #FFF, 1911px 1464px #FFF, 836px 1700px #FFF, 1964px 518px #FFF, 404px 1891px #FFF, 376px 1600px #FFF, 335px 959px #FFF, 286px 1475px #FFF, 1933px 1431px #FFF, 387px 465px #FFF, 394px 1950px #FFF, 1171px 1148px #FFF, 1294px 1997px #FFF, 1221px 906px #FFF, 177px 455px #FFF, 259px 1882px #FFF, 1538px 1087px #FFF, 1080px 157px #FFF, 520px 1708px #FFF, 1075px 1815px #FFF, 721px 17px #FFF, 844px 1189px #FFF, 593px 1358px #FFF, 1363px 967px #FFF, 1619px 101px #FFF, 772px 717px #FFF, 752px 1256px #FFF, 486px 660px #FFF, 67px 1053px #FFF, 1263px 550px #FFF, 1690px 584px #FFF, 1462px 460px #FFF, 1807px 1539px #FFF, 1365px 1370px #FFF, 1398px 542px #FFF, 748px 954px #FFF, 1058px 1601px #FFF, 1888px 1977px #FFF, 1837px 1522px #FFF, 257px 1410px #FFF, 1114px 1540px #FFF, 1047px 625px #FFF, 146px 1050px #FFF, 660px 190px #FFF, 926px 1270px #FFF, 20px 834px #FFF, 256px 1347px #FFF, 1207px 352px #FFF, 623px 378px #FFF, 1689px 1651px #FFF, 1863px 1396px #FFF, 1514px 1092px #FFF, 18px 145px #FFF, 404px 945px #FFF, 1820px 1026px #FFF, 1578px 1792px #FFF, 822px 146px #FFF, 127px 1355px #FFF, 447px 615px #FFF, 763px 1627px #FFF, 1566px 999px #FFF, 1528px 1735px #FFF, 1250px 1391px #FFF, 1079px 435px #FFF, 1572px 302px #FFF, 1634px 1961px #FFF, 1047px 558px #FFF, 1670px 361px #FFF, 714px 1874px #FFF, 1583px 1324px #FFF, 1857px 106px #FFF, 1874px 472px #FFF, 1409px 241px #FFF, 1791px 1504px #FFF, 1657px 1309px #FFF, 1411px 1821px #FFF, 1106px 1513px #FFF, 1349px 785px #FFF, 1083px 1157px #FFF, 71px 7px #FFF, 916px 756px #FFF, 169px 1050px #FFF, 1372px 716px #FFF, 925px 840px #FFF, 1580px 1170px #FFF, 1682px 1431px #FFF, 1776px 1285px #FFF, 613px 1057px #FFF, 1825px 155px #FFF, 283px 667px #FFF, 619px 91px #FFF, 52px 1455px #FFF, 1553px 1945px #FFF, 109px 1015px #FFF, 1331px 23px #FFF, 1802px 1050px #FFF, 253px 1453px #FFF, 1655px 502px #FFF, 1543px 973px #FFF, 1041px 307px #FFF, 1469px 416px #FFF, 686px 802px #FFF, 734px 237px #FFF, 1816px 616px #FFF, 1924px 242px #FFF, 807px 525px #FFF, 1600px 1430px #FFF, 1800px 1976px #FFF, 973px 1329px #FFF, 1110px 663px #FFF, 979px 1888px #FFF, 1640px 809px #FFF, 88px 806px #FFF, 1226px 1792px #FFF, 811px 626px #FFF, 519px 254px #FFF, 1485px 1744px #FFF, 295px 933px #FFF, 1878px 95px #FFF, 1222px 232px #FFF, 463px 414px #FFF, 1797px 318px #FFF, 715px 122px #FFF, 45px 1280px #FFF, 1485px 334px #FFF, 1956px 333px #FFF, 1433px 921px #FFF, 912px 1077px #FFF, 741px 1468px #FFF, 424px 1368px #FFF, 270px 367px #FFF, 1784px 1890px #FFF, 1877px 154px #FFF, 526px 788px #FFF, 1440px 699px #FFF, 444px 549px #FFF, 1663px 1469px #FFF, 222px 1012px #FFF, 472px 1749px #FFF, 734px 805px #FFF, 1996px 717px #FFF, 1513px 601px #FFF, 629px 1447px #FFF, 385px 994px #FFF, 679px 125px #FFF, 1648px 278px #FFF, 466px 1101px #FFF, 209px 433px #FFF, 588px 1014px #FFF, 1992px 783px #FFF, 1225px 716px #FFF, 1562px 1466px #FFF, 1704px 43px #FFF, 1993px 516px #FFF, 1182px 129px #FFF, 30px 379px #FFF, 669px 299px #FFF, 1938px 259px #FFF, 566px 747px #FFF, 1266px 822px #FFF, 996px 677px #FFF, 1359px 1899px #FFF, 1537px 846px #FFF, 1446px 1757px #FFF, 1187px 1705px #FFF, 456px 882px #FFF, 582px 811px #FFF, 1709px 1027px #FFF, 549px 908px #FFF, 1368px 190px #FFF, 879px 46px #FFF, 571px 1493px #FFF, 1807px 1824px #FFF, 1369px 912px #FFF, 1711px 678px #FFF, 253px 1706px #FFF, 315px 39px #FFF, 1524px 973px #FFF, 1167px 1296px #FFF, 1215px 1576px #FFF, 975px 1723px #FFF, 1349px 1090px #FFF, 1935px 252px #FFF, 1250px 791px #FFF, 267px 1487px #FFF, 1620px 1591px #FFF, 1461px 1016px #FFF, 1144px 702px #FFF, 909px 443px #FFF, 488px 209px #FFF, 650px 299px #FFF, 661px 819px #FFF, 847px 1762px #FFF, 255px 500px #FFF, 1412px 1951px #FFF, 1193px 1614px #FFF, 331px 498px #FFF, 987px 334px #FFF, 1866px 980px #FFF, 207px 1893px #FFF, 914px 155px #FFF, 308px 1133px #FFF, 1957px 1344px #FFF, 267px 1037px #FFF, 860px 558px #FFF, 282px 116px #FFF, 1198px 1336px #FFF, 1364px 205px #FFF, 1548px 1997px #FFF, 141px 1140px #FFF, 612px 724px #FFF, 1981px 659px #FFF, 26px 1325px #FFF, 1800px 596px #FFF, 685px 523px #FFF, 1151px 1143px #FFF, 1310px 167px #FFF, 1267px 813px #FFF, 111px 1842px #FFF, 1133px 1286px #FFF, 1059px 522px #FFF, 365px 874px #FFF, 705px 78px #FFF, 1552px 741px #FFF, 1677px 1599px #FFF, 1583px 1081px #FFF, 584px 786px #FFF, 1872px 604px #FFF, 635px 1954px #FFF, 1718px 272px #FFF, 165px 1442px #FFF, 875px 1174px #FFF, 719px 1569px #FFF, 1518px 1150px #FFF, 24px 1032px #FFF, 239px 1539px #FFF, 1395px 1343px #FFF, 435px 1543px #FFF, 917px 278px #FFF, 613px 1207px #FFF, 1360px 1445px #FFF, 786px 51px #FFF, 860px 880px #FFF, 613px 1269px #FFF, 1261px 183px #FFF, 1438px 1060px #FFF, 290px 1421px #FFF, 1666px 1669px #FFF, 1432px 863px #FFF, 1112px 550px #FFF, 161px 897px #FFF, 1872px 1723px #FFF, 1852px 1401px #FFF, 470px 1241px #FFF, 1971px 180px #FFF, 708px 1026px #FFF, 267px 888px #FFF, 1179px 1762px #FFF, 543px 1435px #FFF, 1213px 1556px #FFF, 1429px 17px #FFF, 1748px 341px #FFF, 1279px 1830px #FFF, 987px 49px #FFF, 1722px 1304px #FFF, 811px 1087px #FFF, 228px 1342px #FFF, 1739px 1770px #FFF, 1776px 973px #FFF, 1649px 1953px #FFF, 64px 1709px #FFF, 1834px 1004px #FFF, 1084px 1123px #FFF, 635px 1826px #FFF, 1815px 669px #FFF, 322px 1803px #FFF, 243px 1334px #FFF, 1750px 1560px #FFF, 553px 1948px #FFF, 1566px 261px #FFF, 580px 1337px #FFF, 1457px 574px #FFF, 491px 656px #FFF, 1552px 1849px #FFF, 48px 1678px #FFF, 1405px 353px #FFF, 1738px 270px #FFF, 948px 1870px #FFF, 1263px 1799px #FFF, 578px 993px #FFF, 1164px 939px #FFF, 1584px 244px #FFF, 1297px 1699px #FFF, 343px 512px #FFF, 669px 1169px #FFF, 271px 1381px #FFF, 1880px 67px #FFF, 661px 122px #FFF, 805px 1151px #FFF, 1658px 180px #FFF, 387px 274px #FFF, 285px 1014px #FFF, 113px 1782px #FFF, 1779px 1982px #FFF, 335px 1365px #FFF, 1724px 1820px #FFF, 1503px 116px #FFF, 599px 919px #FFF, 1024px 1986px #FFF, 1086px 515px #FFF, 1179px 1105px #FFF, 1698px 756px #FFF, 1113px 32px #FFF, 1865px 340px #FFF, 1412px 1158px #FFF, 583px 541px #FFF, 1px 1353px #FFF, 1618px 912px #FFF, 139px 1253px #FFF;
animation: animStar 25s linear infinite;
}
#stars:after {
content: " ";
position: absolute;
top: 1000px;
width: 1px;
height: 1px;
background: transparent;
box-shadow: 1740px 301px #FFF, 724px 908px #FFF, 813px 122px #FFF, 1079px 235px #FFF, 1562px 528px #FFF, 1603px 355px #FFF, 802px 443px #FFF, 889px 467px #FFF, 1573px 1403px #FFF, 1277px 1247px #FFF, 1779px 1553px #FFF, 77px 126px #FFF, 541px 1075px #FFF, 245px 1719px #FFF, 382px 1250px #FFF, 1409px 949px #FFF, 1506px 1118px #FFF, 533px 1043px #FFF, 210px 735px #FFF, 446px 1761px #FFF, 186px 1990px #FFF, 1089px 871px #FFF, 285px 1378px #FFF, 1648px 179px #FFF, 1495px 773px #FFF, 1005px 1449px #FFF, 147px 1177px #FFF, 956px 1030px #FFF, 934px 1869px #FFF, 1837px 1940px #FFF, 162px 801px #FFF, 211px 1633px #FFF, 1096px 339px #FFF, 800px 1411px #FFF, 1628px 1844px #FFF, 1193px 953px #FFF, 1083px 1677px #FFF, 841px 1722px #FFF, 1659px 1055px #FFF, 1148px 558px #FFF, 701px 224px #FFF, 476px 1424px #FFF, 791px 527px #FFF, 1071px 129px #FFF, 1358px 684px #FFF, 1503px 1793px #FFF, 1362px 767px #FFF, 1424px 996px #FFF, 1731px 1682px #FFF, 875px 1075px #FFF, 1999px 1331px #FFF, 801px 99px #FFF, 912px 1804px #FFF, 219px 1618px #FFF, 350px 403px #FFF, 316px 1441px #FFF, 499px 822px #FFF, 548px 140px #FFF, 332px 772px #FFF, 2px 1125px #FFF, 645px 951px #FFF, 739px 1955px #FFF, 1561px 871px #FFF, 628px 1235px #FFF, 1121px 1555px #FFF, 47px 1581px #FFF, 1735px 873px #FFF, 1518px 77px #FFF, 544px 263px #FFF, 712px 243px #FFF, 1938px 1790px #FFF, 625px 1273px #FFF, 1178px 1722px #FFF, 603px 229px #FFF, 354px 888px #FFF, 628px 133px #FFF, 974px 76px #FFF, 1955px 1507px #FFF, 842px 201px #FFF, 1088px 1453px #FFF, 1251px 1738px #FFF, 976px 999px #FFF, 304px 1601px #FFF, 261px 359px #FFF, 1669px 909px #FFF, 781px 137px #FFF, 678px 1219px #FFF, 668px 1127px #FFF, 1706px 24px #FFF, 1747px 780px #FFF, 758px 1831px #FFF, 282px 410px #FFF, 1950px 962px #FFF, 1042px 981px #FFF, 1137px 154px #FFF, 1643px 1907px #FFF, 229px 936px #FFF, 139px 976px #FFF, 1695px 1525px #FFF, 847px 1985px #FFF, 709px 1320px #FFF, 362px 667px #FFF, 1919px 1152px #FFF, 1335px 845px #FFF, 198px 744px #FFF, 1103px 1753px #FFF, 175px 961px #FFF, 1685px 1943px #FFF, 867px 804px #FFF, 1015px 536px #FFF, 1166px 950px #FFF, 1670px 760px #FFF, 1350px 35px #FFF, 1795px 1612px #FFF, 601px 456px #FFF, 1302px 1735px #FFF, 805px 1574px #FFF, 1427px 1072px #FFF, 299px 265px #FFF, 1092px 968px #FFF, 180px 1545px #FFF, 1805px 1812px #FFF, 1629px 942px #FFF, 1379px 563px #FFF, 165px 945px #FFF, 1967px 1352px #FFF, 415px 1183px #FFF, 880px 1031px #FFF, 63px 1431px #FFF, 90px 827px #FFF, 420px 1020px #FFF, 526px 1908px #FFF, 1211px 578px #FFF, 84px 420px #FFF, 551px 864px #FFF, 1533px 1469px #FFF, 1145px 984px #FFF, 791px 960px #FFF, 1615px 1044px #FFF, 890px 1007px #FFF, 598px 873px #FFF, 1113px 946px #FFF, 1166px 665px #FFF, 507px 492px #FFF, 1343px 1575px #FFF, 1470px 1122px #FFF, 1919px 1354px #FFF, 145px 950px #FFF, 647px 498px #FFF, 1687px 1573px #FFF, 713px 983px #FFF, 1823px 753px #FFF, 64px 906px #FFF, 1315px 909px #FFF, 1848px 286px #FFF, 87px 1548px #FFF, 805px 64px #FFF, 1896px 780px #FFF, 1957px 591px #FFF, 1002px 468px #FFF, 1869px 1806px #FFF, 1277px 1850px #FFF, 683px 1371px #FFF, 1858px 1691px #FFF, 1460px 938px #FFF, 1537px 1977px #FFF, 1753px 67px #FFF, 991px 1809px #FFF, 837px 664px #FFF, 509px 1349px #FFF, 1574px 537px #FFF, 1335px 55px #FFF, 1015px 169px #FFF, 1031px 821px #FFF, 1506px 1493px #FFF, 1473px 882px #FFF, 1235px 231px #FFF, 156px 992px #FFF, 1427px 985px #FFF, 927px 1791px #FFF, 1160px 1344px #FFF, 573px 164px #FFF, 1092px 68px #FFF, 1862px 1458px #FFF, 1299px 1660px #FFF, 1218px 1248px #FFF, 1835px 666px #FFF, 1594px 552px #FFF, 881px 1801px #FFF, 345px 1759px #FFF, 742px 1295px #FFF, 1395px 864px #FFF, 1247px 1493px #FFF, 1065px 667px #FFF, 1068px 610px #FFF, 593px 1147px #FFF, 1767px 1370px #FFF, 92px 132px #FFF, 1149px 1421px #FFF, 1010px 1749px #FFF, 442px 1444px #FFF, 954px 817px #FFF, 502px 581px #FFF, 1751px 1461px #FFF, 1576px 792px #FFF, 505px 1190px #FFF, 784px 534px #FFF, 1255px 883px #FFF, 581px 357px #FFF, 390px 1286px #FFF, 882px 1791px #FFF, 1464px 83px #FFF, 1969px 1432px #FFF, 646px 1396px #FFF, 1139px 976px #FFF, 246px 711px #FFF, 664px 1901px #FFF, 1500px 69px #FFF, 423px 1635px #FFF, 528px 331px #FFF, 607px 1206px #FFF, 849px 1023px #FFF, 451px 188px #FFF, 1512px 1176px #FFF, 1556px 1974px #FFF, 1472px 113px #FFF, 672px 271px #FFF, 1420px 1309px #FFF, 1491px 165px #FFF, 1085px 1424px #FFF, 274px 1026px #FFF, 1300px 968px #FFF, 1049px 761px #FFF, 1291px 1491px #FFF, 1793px 1507px #FFF, 245px 33px #FFF, 1844px 440px #FFF, 1706px 223px #FFF, 798px 251px #FFF, 565px 1981px #FFF, 767px 1050px #FFF, 1332px 1820px #FFF, 1045px 719px #FFF, 1522px 1474px #FFF, 1914px 994px #FFF, 1544px 1669px #FFF, 806px 248px #FFF, 792px 1422px #FFF, 729px 529px #FFF, 346px 1570px #FFF, 1965px 1729px #FFF, 596px 603px #FFF, 864px 1910px #FFF, 317px 1106px #FFF, 1026px 619px #FFF, 674px 1104px #FFF, 1646px 726px #FFF, 1698px 1657px #FFF, 578px 1874px #FFF, 1879px 1583px #FFF, 1977px 1709px #FFF, 964px 1874px #FFF, 1541px 923px #FFF, 446px 156px #FFF, 391px 1293px #FFF, 491px 1587px #FFF, 1841px 406px #FFF, 1672px 1669px #FFF, 1202px 1323px #FFF, 1773px 1221px #FFF, 1659px 785px #FFF, 225px 544px #FFF, 535px 28px #FFF, 210px 1444px #FFF, 312px 1168px #FFF, 26px 1326px #FFF, 28px 755px #FFF, 565px 1512px #FFF, 439px 797px #FFF, 406px 785px #FFF, 54px 1767px #FFF, 1017px 988px #FFF, 1212px 395px #FFF, 137px 415px #FFF, 510px 1824px #FFF, 836px 1744px #FFF, 1752px 1825px #FFF, 55px 1753px #FFF, 1249px 229px #FFF, 1487px 1755px #FFF, 539px 605px #FFF, 369px 1373px #FFF, 1183px 1578px #FFF, 1014px 384px #FFF, 203px 247px #FFF, 212px 1130px #FFF, 749px 143px #FFF, 1264px 1692px #FFF, 308px 1929px #FFF, 1092px 1877px #FFF, 819px 267px #FFF, 570px 1422px #FFF, 1041px 892px #FFF, 1897px 916px #FFF, 727px 141px #FFF, 1965px 333px #FFF, 987px 1066px #FFF, 879px 1015px #FFF, 1739px 941px #FFF, 843px 109px #FFF, 375px 626px #FFF, 1909px 1989px #FFF, 1282px 372px #FFF, 1190px 1334px #FFF, 1719px 1551px #FFF, 243px 116px #FFF, 1926px 827px #FFF, 1569px 74px #FFF, 1600px 275px #FFF, 393px 945px #FFF, 649px 1175px #FFF, 1185px 1973px #FFF, 1980px 359px #FFF, 1254px 168px #FFF, 728px 993px #FFF, 400px 10px #FFF, 1833px 1501px #FFF, 1452px 167px #FFF, 1965px 1766px #FFF, 824px 35px #FFF, 229px 241px #FFF, 1734px 1560px #FFF, 1341px 1827px #FFF, 1105px 1169px #FFF, 1494px 64px #FFF, 854px 435px #FFF, 1326px 1654px #FFF, 1599px 1039px #FFF, 1339px 1120px #FFF, 770px 1616px #FFF, 359px 1788px #FFF, 428px 1755px #FFF, 1190px 63px #FFF, 425px 724px #FFF, 1138px 217px #FFF, 488px 1094px #FFF, 1700px 242px #FFF, 479px 1840px #FFF, 356px 834px #FFF, 501px 841px #FFF, 621px 1649px #FFF, 971px 1931px #FFF, 705px 1338px #FFF, 1184px 1927px #FFF, 531px 818px #FFF, 1368px 883px #FFF, 1819px 1128px #FFF, 241px 91px #FFF, 1085px 1226px #FFF, 201px 1099px #FFF, 150px 1584px #FFF, 1405px 653px #FFF, 1059px 647px #FFF, 673px 1382px #FFF, 1252px 1079px #FFF, 1793px 1681px #FFF, 1791px 1441px #FFF, 1315px 1598px #FFF, 590px 56px #FFF, 1554px 1517px #FFF, 403px 1898px #FFF, 1115px 1289px #FFF, 524px 1392px #FFF, 420px 1312px #FFF, 828px 1845px #FFF, 1307px 1766px #FFF, 1504px 136px #FFF, 326px 1203px #FFF, 319px 1748px #FFF, 1225px 695px #FFF, 112px 389px #FFF, 288px 1798px #FFF, 1911px 1464px #FFF, 836px 1700px #FFF, 1964px 518px #FFF, 404px 1891px #FFF, 376px 1600px #FFF, 335px 959px #FFF, 286px 1475px #FFF, 1933px 1431px #FFF, 387px 465px #FFF, 394px 1950px #FFF, 1171px 1148px #FFF, 1294px 1997px #FFF, 1221px 906px #FFF, 177px 455px #FFF, 259px 1882px #FFF, 1538px 1087px #FFF, 1080px 157px #FFF, 520px 1708px #FFF, 1075px 1815px #FFF, 721px 17px #FFF, 844px 1189px #FFF, 593px 1358px #FFF, 1363px 967px #FFF, 1619px 101px #FFF, 772px 717px #FFF, 752px 1256px #FFF, 486px 660px #FFF, 67px 1053px #FFF, 1263px 550px #FFF, 1690px 584px #FFF, 1462px 460px #FFF, 1807px 1539px #FFF, 1365px 1370px #FFF, 1398px 542px #FFF, 748px 954px #FFF, 1058px 1601px #FFF, 1888px 1977px #FFF, 1837px 1522px #FFF, 257px 1410px #FFF, 1114px 1540px #FFF, 1047px 625px #FFF, 146px 1050px #FFF, 660px 190px #FFF, 926px 1270px #FFF, 20px 834px #FFF, 256px 1347px #FFF, 1207px 352px #FFF, 623px 378px #FFF, 1689px 1651px #FFF, 1863px 1396px #FFF, 1514px 1092px #FFF, 18px 145px #FFF, 404px 945px #FFF, 1820px 1026px #FFF, 1578px 1792px #FFF, 822px 146px #FFF, 127px 1355px #FFF, 447px 615px #FFF, 763px 1627px #FFF, 1566px 999px #FFF, 1528px 1735px #FFF, 1250px 1391px #FFF, 1079px 435px #FFF, 1572px 302px #FFF, 1634px 1961px #FFF, 1047px 558px #FFF, 1670px 361px #FFF, 714px 1874px #FFF, 1583px 1324px #FFF, 1857px 106px #FFF, 1874px 472px #FFF, 1409px 241px #FFF, 1791px 1504px #FFF, 1657px 1309px #FFF, 1411px 1821px #FFF, 1106px 1513px #FFF, 1349px 785px #FFF, 1083px 1157px #FFF, 71px 7px #FFF, 916px 756px #FFF, 169px 1050px #FFF, 1372px 716px #FFF, 925px 840px #FFF, 1580px 1170px #FFF, 1682px 1431px #FFF, 1776px 1285px #FFF, 613px 1057px #FFF, 1825px 155px #FFF, 283px 667px #FFF, 619px 91px #FFF, 52px 1455px #FFF, 1553px 1945px #FFF, 109px 1015px #FFF, 1331px 23px #FFF, 1802px 1050px #FFF, 253px 1453px #FFF, 1655px 502px #FFF, 1543px 973px #FFF, 1041px 307px #FFF, 1469px 416px #FFF, 686px 802px #FFF, 734px 237px #FFF, 1816px 616px #FFF, 1924px 242px #FFF, 807px 525px #FFF, 1600px 1430px #FFF, 1800px 1976px #FFF, 973px 1329px #FFF, 1110px 663px #FFF, 979px 1888px #FFF, 1640px 809px #FFF, 88px 806px #FFF, 1226px 1792px #FFF, 811px 626px #FFF, 519px 254px #FFF, 1485px 1744px #FFF, 295px 933px #FFF, 1878px 95px #FFF, 1222px 232px #FFF, 463px 414px #FFF, 1797px 318px #FFF, 715px 122px #FFF, 45px 1280px #FFF, 1485px 334px #FFF, 1956px 333px #FFF, 1433px 921px #FFF, 912px 1077px #FFF, 741px 1468px #FFF, 424px 1368px #FFF, 270px 367px #FFF, 1784px 1890px #FFF, 1877px 154px #FFF, 526px 788px #FFF, 1440px 699px #FFF, 444px 549px #FFF, 1663px 1469px #FFF, 222px 1012px #FFF, 472px 1749px #FFF, 734px 805px #FFF, 1996px 717px #FFF, 1513px 601px #FFF, 629px 1447px #FFF, 385px 994px #FFF, 679px 125px #FFF, 1648px 278px #FFF, 466px 1101px #FFF, 209px 433px #FFF, 588px 1014px #FFF, 1992px 783px #FFF, 1225px 716px #FFF, 1562px 1466px #FFF, 1704px 43px #FFF, 1993px 516px #FFF, 1182px 129px #FFF, 30px 379px #FFF, 669px 299px #FFF, 1938px 259px #FFF, 566px 747px #FFF, 1266px 822px #FFF, 996px 677px #FFF, 1359px 1899px #FFF, 1537px 846px #FFF, 1446px 1757px #FFF, 1187px 1705px #FFF, 456px 882px #FFF, 582px 811px #FFF, 1709px 1027px #FFF, 549px 908px #FFF, 1368px 190px #FFF, 879px 46px #FFF, 571px 1493px #FFF, 1807px 1824px #FFF, 1369px 912px #FFF, 1711px 678px #FFF, 253px 1706px #FFF, 315px 39px #FFF, 1524px 973px #FFF, 1167px 1296px #FFF, 1215px 1576px #FFF, 975px 1723px #FFF, 1349px 1090px #FFF, 1935px 252px #FFF, 1250px 791px #FFF, 267px 1487px #FFF, 1620px 1591px #FFF, 1461px 1016px #FFF, 1144px 702px #FFF, 909px 443px #FFF, 488px 209px #FFF, 650px 299px #FFF, 661px 819px #FFF, 847px 1762px #FFF, 255px 500px #FFF, 1412px 1951px #FFF, 1193px 1614px #FFF, 331px 498px #FFF, 987px 334px #FFF, 1866px 980px #FFF, 207px 1893px #FFF, 914px 155px #FFF, 308px 1133px #FFF, 1957px 1344px #FFF, 267px 1037px #FFF, 860px 558px #FFF, 282px 116px #FFF, 1198px 1336px #FFF, 1364px 205px #FFF, 1548px 1997px #FFF, 141px 1140px #FFF, 612px 724px #FFF, 1981px 659px #FFF, 26px 1325px #FFF, 1800px 596px #FFF, 685px 523px #FFF, 1151px 1143px #FFF, 1310px 167px #FFF, 1267px 813px #FFF, 111px 1842px #FFF, 1133px 1286px #FFF, 1059px 522px #FFF, 365px 874px #FFF, 705px 78px #FFF, 1552px 741px #FFF, 1677px 1599px #FFF, 1583px 1081px #FFF, 584px 786px #FFF, 1872px 604px #FFF, 635px 1954px #FFF, 1718px 272px #FFF, 165px 1442px #FFF, 875px 1174px #FFF, 719px 1569px #FFF, 1518px 1150px #FFF, 24px 1032px #FFF, 239px 1539px #FFF, 1395px 1343px #FFF, 435px 1543px #FFF, 917px 278px #FFF, 613px 1207px #FFF, 1360px 1445px #FFF, 786px 51px #FFF, 860px 880px #FFF, 613px 1269px #FFF, 1261px 183px #FFF, 1438px 1060px #FFF, 290px 1421px #FFF, 1666px 1669px #FFF, 1432px 863px #FFF, 1112px 550px #FFF, 161px 897px #FFF, 1872px 1723px #FFF, 1852px 1401px #FFF, 470px 1241px #FFF, 1971px 180px #FFF, 708px 1026px #FFF, 267px 888px #FFF, 1179px 1762px #FFF, 543px 1435px #FFF, 1213px 1556px #FFF, 1429px 17px #FFF, 1748px 341px #FFF, 1279px 1830px #FFF, 987px 49px #FFF, 1722px 1304px #FFF, 811px 1087px #FFF, 228px 1342px #FFF, 1739px 1770px #FFF, 1776px 973px #FFF, 1649px 1953px #FFF, 64px 1709px #FFF, 1834px 1004px #FFF, 1084px 1123px #FFF, 635px 1826px #FFF, 1815px 669px #FFF, 322px 1803px #FFF, 243px 1334px #FFF, 1750px 1560px #FFF, 553px 1948px #FFF, 1566px 261px #FFF, 580px 1337px #FFF, 1457px 574px #FFF, 491px 656px #FFF, 1552px 1849px #FFF, 48px 1678px #FFF, 1405px 353px #FFF, 1738px 270px #FFF, 948px 1870px #FFF, 1263px 1799px #FFF, 578px 993px #FFF, 1164px 939px #FFF, 1584px 244px #FFF, 1297px 1699px #FFF, 343px 512px #FFF, 669px 1169px #FFF, 271px 1381px #FFF, 1880px 67px #FFF, 661px 122px #FFF, 805px 1151px #FFF, 1658px 180px #FFF, 387px 274px #FFF, 285px 1014px #FFF, 113px 1782px #FFF, 1779px 1982px #FFF, 335px 1365px #FFF, 1724px 1820px #FFF, 1503px 116px #FFF, 599px 919px #FFF, 1024px 1986px #FFF, 1086px 515px #FFF, 1179px 1105px #FFF, 1698px 756px #FFF, 1113px 32px #FFF, 1865px 340px #FFF, 1412px 1158px #FFF, 583px 541px #FFF, 1px 1353px #FFF, 1618px 912px #FFF, 139px 1253px #FFF;
}
#stars2 {
width: 2px;
height: 2px;
background: transparent;
box-shadow: 1004px 96px #FFF, 1306px 620px #FFF, 1041px 1409px #FFF, 927px 979px #FFF, 1736px 1666px #FFF, 87px 1036px #FFF, 1203px 1415px #FFF, 825px 948px #FFF, 334px 1175px #FFF, 690px 364px #FFF, 53px 1069px #FFF, 374px 1061px #FFF, 448px 591px #FFF, 370px 1245px #FFF, 522px 53px #FFF, 564px 442px #FFF, 1265px 275px #FFF, 1227px 93px #FFF, 614px 36px #FFF, 208px 588px #FFF, 1844px 477px #FFF, 257px 619px #FFF, 1277px 1792px #FFF, 1659px 61px #FFF, 1153px 1978px #FFF, 641px 670px #FFF, 1390px 1300px #FFF, 1337px 1798px #FFF, 908px 589px #FFF, 167px 1963px #FFF, 1507px 1163px #FFF, 184px 480px #FFF, 723px 1773px #FFF, 1350px 551px #FFF, 597px 331px #FFF, 1446px 217px #FFF, 773px 1278px #FFF, 1282px 1645px #FFF, 881px 900px #FFF, 999px 578px #FFF, 571px 1313px #FFF, 1749px 1372px #FFF, 1729px 1156px #FFF, 1558px 1426px #FFF, 528px 226px #FFF, 1034px 1245px #FFF, 1435px 796px #FFF, 1242px 537px #FFF, 1083px 947px #FFF, 1197px 856px #FFF, 338px 1650px #FFF, 1612px 792px #FFF, 1837px 1008px #FFF, 1383px 517px #FFF, 1790px 827px #FFF, 1672px 322px #FFF, 713px 294px #FFF, 1971px 1283px #FFF, 1509px 1890px #FFF, 1895px 1790px #FFF, 1248px 1721px #FFF, 514px 587px #FFF, 182px 1285px #FFF, 172px 181px #FFF, 1896px 259px #FFF, 1128px 1371px #FFF, 373px 1693px #FFF, 314px 412px #FFF, 238px 220px #FFF, 583px 1980px #FFF, 1191px 1601px #FFF, 1125px 938px #FFF, 1403px 1245px #FFF, 1066px 1537px #FFF, 275px 145px #FFF, 1255px 1305px #FFF, 42px 1874px #FFF, 777px 597px #FFF, 1038px 1298px #FFF, 1651px 1439px #FFF, 916px 1467px #FFF, 243px 987px #FFF, 1587px 1363px #FFF, 1887px 564px #FFF, 944px 925px #FFF, 1629px 255px #FFF, 438px 1321px #FFF, 856px 1415px #FFF, 1954px 136px #FFF, 951px 1218px #FFF, 525px 1178px #FFF, 1783px 1615px #FFF, 281px 615px #FFF, 1401px 1000px #FFF, 273px 985px #FFF, 735px 132px #FFF, 483px 882px #FFF, 149px 583px #FFF, 1245px 810px #FFF, 707px 958px #FFF, 177px 207px #FFF, 1630px 1565px #FFF, 234px 1230px #FFF, 135px 1611px #FFF, 1025px 776px #FFF, 1893px 1856px #FFF, 827px 193px #FFF, 1938px 1647px #FFF, 168px 1057px #FFF, 1413px 181px #FFF, 651px 890px #FFF, 1895px 941px #FFF, 917px 955px #FFF, 768px 1168px #FFF, 1832px 1367px #FFF, 762px 1302px #FFF, 1181px 1351px #FFF, 1616px 848px #FFF, 742px 1954px #FFF, 1730px 1385px #FFF, 288px 899px #FFF, 959px 736px #FFF, 1420px 909px #FFF, 932px 976px #FFF, 577px 68px #FFF, 1908px 1841px #FFF, 380px 1837px #FFF, 132px 1809px #FFF, 480px 608px #FFF, 1537px 332px #FFF, 1764px 1698px #FFF, 268px 1016px #FFF, 1039px 544px #FFF, 411px 717px #FFF, 488px 1905px #FFF, 1252px 191px #FFF, 1225px 734px #FFF, 1474px 810px #FFF, 1349px 451px #FFF, 877px 321px #FFF, 1013px 218px #FFF, 1658px 935px #FFF, 1379px 1179px #FFF, 425px 322px #FFF, 694px 1627px #FFF, 165px 1081px #FFF, 890px 1993px #FFF, 1294px 206px #FFF, 1896px 539px #FFF, 1804px 522px #FFF, 1883px 64px #FFF, 970px 482px #FFF, 1800px 112px #FFF, 840px 1455px #FFF, 918px 392px #FFF, 379px 224px #FFF, 203px 554px #FFF, 1128px 1992px #FFF, 1584px 1349px #FFF, 1054px 1896px #FFF, 1406px 393px #FFF, 1188px 263px #FFF, 1015px 327px #FFF, 859px 741px #FFF, 341px 1578px #FFF, 15px 911px #FFF, 356px 194px #FFF, 1087px 173px #FFF, 1015px 22px #FFF, 1220px 1144px #FFF, 468px 1008px #FFF, 124px 859px #FFF, 868px 713px #FFF, 1338px 589px #FFF, 680px 541px #FFF, 1354px 801px #FFF, 885px 1007px #FFF, 103px 1841px #FFF, 264px 548px #FFF, 1921px 1792px #FFF, 1211px 650px #FFF, 339px 1755px #FFF, 1769px 240px #FFF, 1499px 1144px #FFF, 67px 1300px #FFF, 72px 886px #FFF, 191px 229px #FFF, 405px 382px #FFF, 1795px 261px #FFF, 89px 151px #FFF, 1664px 439px #FFF, 315px 1354px #FFF, 219px 472px #FFF, 928px 1743px #FFF, 979px 467px #FFF, 1486px 612px #FFF, 1191px 232px #FFF, 1818px 1786px #FFF, 1416px 529px #FFF, 832px 23px #FFF;
animation: animStar 50s linear infinite;
}
#stars2:after {
content: " ";
position: absolute;
top: 1000px;
width: 2px;
height: 2px;
background: transparent;
box-shadow: 1004px 96px #FFF, 1306px 620px #FFF, 1041px 1409px #FFF, 927px 979px #FFF, 1736px 1666px #FFF, 87px 1036px #FFF, 1203px 1415px #FFF, 825px 948px #FFF, 334px 1175px #FFF, 690px 364px #FFF, 53px 1069px #FFF, 374px 1061px #FFF, 448px 591px #FFF, 370px 1245px #FFF, 522px 53px #FFF, 564px 442px #FFF, 1265px 275px #FFF, 1227px 93px #FFF, 614px 36px #FFF, 208px 588px #FFF, 1844px 477px #FFF, 257px 619px #FFF, 1277px 1792px #FFF, 1659px 61px #FFF, 1153px 1978px #FFF, 641px 670px #FFF, 1390px 1300px #FFF, 1337px 1798px #FFF, 908px 589px #FFF, 167px 1963px #FFF, 1507px 1163px #FFF, 184px 480px #FFF, 723px 1773px #FFF, 1350px 551px #FFF, 597px 331px #FFF, 1446px 217px #FFF, 773px 1278px #FFF, 1282px 1645px #FFF, 881px 900px #FFF, 999px 578px #FFF, 571px 1313px #FFF, 1749px 1372px #FFF, 1729px 1156px #FFF, 1558px 1426px #FFF, 528px 226px #FFF, 1034px 1245px #FFF, 1435px 796px #FFF, 1242px 537px #FFF, 1083px 947px #FFF, 1197px 856px #FFF, 338px 1650px #FFF, 1612px 792px #FFF, 1837px 1008px #FFF, 1383px 517px #FFF, 1790px 827px #FFF, 1672px 322px #FFF, 713px 294px #FFF, 1971px 1283px #FFF, 1509px 1890px #FFF, 1895px 1790px #FFF, 1248px 1721px #FFF, 514px 587px #FFF, 182px 1285px #FFF, 172px 181px #FFF, 1896px 259px #FFF, 1128px 1371px #FFF, 373px 1693px #FFF, 314px 412px #FFF, 238px 220px #FFF, 583px 1980px #FFF, 1191px 1601px #FFF, 1125px 938px #FFF, 1403px 1245px #FFF, 1066px 1537px #FFF, 275px 145px #FFF, 1255px 1305px #FFF, 42px 1874px #FFF, 777px 597px #FFF, 1038px 1298px #FFF, 1651px 1439px #FFF, 916px 1467px #FFF, 243px 987px #FFF, 1587px 1363px #FFF, 1887px 564px #FFF, 944px 925px #FFF, 1629px 255px #FFF, 438px 1321px #FFF, 856px 1415px #FFF, 1954px 136px #FFF, 951px 1218px #FFF, 525px 1178px #FFF, 1783px 1615px #FFF, 281px 615px #FFF, 1401px 1000px #FFF, 273px 985px #FFF, 735px 132px #FFF, 483px 882px #FFF, 149px 583px #FFF, 1245px 810px #FFF, 707px 958px #FFF, 177px 207px #FFF, 1630px 1565px #FFF, 234px 1230px #FFF, 135px 1611px #FFF, 1025px 776px #FFF, 1893px 1856px #FFF, 827px 193px #FFF, 1938px 1647px #FFF, 168px 1057px #FFF, 1413px 181px #FFF, 651px 890px #FFF, 1895px 941px #FFF, 917px 955px #FFF, 768px 1168px #FFF, 1832px 1367px #FFF, 762px 1302px #FFF, 1181px 1351px #FFF, 1616px 848px #FFF, 742px 1954px #FFF, 1730px 1385px #FFF, 288px 899px #FFF, 959px 736px #FFF, 1420px 909px #FFF, 932px 976px #FFF, 577px 68px #FFF, 1908px 1841px #FFF, 380px 1837px #FFF, 132px 1809px #FFF, 480px 608px #FFF, 1537px 332px #FFF, 1764px 1698px #FFF, 268px 1016px #FFF, 1039px 544px #FFF, 411px 717px #FFF, 488px 1905px #FFF, 1252px 191px #FFF, 1225px 734px #FFF, 1474px 810px #FFF, 1349px 451px #FFF, 877px 321px #FFF, 1013px 218px #FFF, 1658px 935px #FFF, 1379px 1179px #FFF, 425px 322px #FFF, 694px 1627px #FFF, 165px 1081px #FFF, 890px 1993px #FFF, 1294px 206px #FFF, 1896px 539px #FFF, 1804px 522px #FFF, 1883px 64px #FFF, 970px 482px #FFF, 1800px 112px #FFF, 840px 1455px #FFF, 918px 392px #FFF, 379px 224px #FFF, 203px 554px #FFF, 1128px 1992px #FFF, 1584px 1349px #FFF, 1054px 1896px #FFF, 1406px 393px #FFF, 1188px 263px #FFF, 1015px 327px #FFF, 859px 741px #FFF, 341px 1578px #FFF, 15px 911px #FFF, 356px 194px #FFF, 1087px 173px #FFF, 1015px 22px #FFF, 1220px 1144px #FFF, 468px 1008px #FFF, 124px 859px #FFF, 868px 713px #FFF, 1338px 589px #FFF, 680px 541px #FFF, 1354px 801px #FFF, 885px 1007px #FFF, 103px 1841px #FFF, 264px 548px #FFF, 1921px 1792px #FFF, 1211px 650px #FFF, 339px 1755px #FFF, 1769px 240px #FFF, 1499px 1144px #FFF, 67px 1300px #FFF, 72px 886px #FFF, 191px 229px #FFF, 405px 382px #FFF, 1795px 261px #FFF, 89px 151px #FFF, 1664px 439px #FFF, 315px 1354px #FFF, 219px 472px #FFF, 928px 1743px #FFF, 979px 467px #FFF, 1486px 612px #FFF, 1191px 232px #FFF, 1818px 1786px #FFF, 1416px 529px #FFF, 832px 23px #FFF;
}
#stars3 {
width: 3px;
height: 3px;
background: transparent;
box-shadow: 84px 907px #FFF, 192px 1009px #FFF, 1117px 594px #FFF, 1109px 944px #FFF, 125px 285px #FFF, 1823px 439px #FFF, 1886px 80px #FFF, 1068px 1584px #FFF, 70px 1930px #FFF, 423px 710px #FFF, 1220px 981px #FFF, 61px 228px #FFF, 874px 1444px #FFF, 1668px 252px #FFF, 1208px 842px #FFF, 854px 592px #FFF, 917px 805px #FFF, 1578px 79px #FFF, 607px 720px #FFF, 1604px 394px #FFF, 1426px 986px #FFF, 527px 1160px #FFF, 226px 293px #FFF, 381px 1556px #FFF, 425px 198px #FFF, 560px 1320px #FFF, 5px 781px #FFF, 1744px 969px #FFF, 662px 800px #FFF, 234px 632px #FFF, 1297px 1199px #FFF, 904px 344px #FFF, 1358px 1888px #FFF, 1708px 89px #FFF, 1318px 771px #FFF, 552px 523px #FFF, 1649px 524px #FFF, 1555px 349px #FFF, 626px 1018px #FFF, 138px 695px #FFF, 747px 656px #FFF, 1793px 400px #FFF, 93px 1716px #FFF, 65px 1008px #FFF, 1356px 545px #FFF, 1369px 1237px #FFF, 1703px 1711px #FFF, 815px 731px #FFF, 1623px 1299px #FFF, 1499px 203px #FFF, 1981px 699px #FFF, 1297px 19px #FFF, 859px 1366px #FFF, 154px 1968px #FFF, 1302px 1479px #FFF, 1573px 1921px #FFF, 1824px 21px #FFF, 1468px 1738px #FFF, 857px 1711px #FFF, 97px 43px #FFF, 120px 1574px #FFF, 151px 1811px #FFF, 379px 1025px #FFF, 516px 1183px #FFF, 134px 793px #FFF, 805px 91px #FFF, 1669px 366px #FFF, 1910px 1180px #FFF, 152px 204px #FFF, 1114px 1508px #FFF, 1689px 1656px #FFF, 773px 1191px #FFF, 1396px 1941px #FFF, 204px 27px #FFF, 911px 355px #FFF, 19px 1101px #FFF, 1469px 1362px #FFF, 1034px 1471px #FFF, 815px 349px #FFF, 1700px 1317px #FFF, 664px 1048px #FFF, 1083px 256px #FFF, 76px 134px #FFF, 509px 1452px #FFF, 859px 879px #FFF, 1627px 313px #FFF, 784px 1859px #FFF, 4px 1919px #FFF, 1643px 694px #FFF, 524px 1783px #FFF, 1693px 302px #FFF, 1383px 1119px #FFF, 1779px 1370px #FFF, 1061px 1017px #FFF, 1333px 1137px #FFF, 734px 324px #FFF, 475px 74px #FFF, 355px 1797px #FFF, 120px 683px #FFF, 558px 228px #FFF;
animation: animStar 100s linear infinite;
}
#stars3:after {
content: " ";
position: absolute;
top: 1000px;
width: 3px;
height: 3px;
background: transparent;
box-shadow: 84px 907px #FFF, 192px 1009px #FFF, 1117px 594px #FFF, 1109px 944px #FFF, 125px 285px #FFF, 1823px 439px #FFF, 1886px 80px #FFF, 1068px 1584px #FFF, 70px 1930px #FFF, 423px 710px #FFF, 1220px 981px #FFF, 61px 228px #FFF, 874px 1444px #FFF, 1668px 252px #FFF, 1208px 842px #FFF, 854px 592px #FFF, 917px 805px #FFF, 1578px 79px #FFF, 607px 720px #FFF, 1604px 394px #FFF, 1426px 986px #FFF, 527px 1160px #FFF, 226px 293px #FFF, 381px 1556px #FFF, 425px 198px #FFF, 560px 1320px #FFF, 5px 781px #FFF, 1744px 969px #FFF, 662px 800px #FFF, 234px 632px #FFF, 1297px 1199px #FFF, 904px 344px #FFF, 1358px 1888px #FFF, 1708px 89px #FFF, 1318px 771px #FFF, 552px 523px #FFF, 1649px 524px #FFF, 1555px 349px #FFF, 626px 1018px #FFF, 138px 695px #FFF, 747px 656px #FFF, 1793px 400px #FFF, 93px 1716px #FFF, 65px 1008px #FFF, 1356px 545px #FFF, 1369px 1237px #FFF, 1703px 1711px #FFF, 815px 731px #FFF, 1623px 1299px #FFF, 1499px 203px #FFF, 1981px 699px #FFF, 1297px 19px #FFF, 859px 1366px #FFF, 154px 1968px #FFF, 1302px 1479px #FFF, 1573px 1921px #FFF, 1824px 21px #FFF, 1468px 1738px #FFF, 857px 1711px #FFF, 97px 43px #FFF, 120px 1574px #FFF, 151px 1811px #FFF, 379px 1025px #FFF, 516px 1183px #FFF, 134px 793px #FFF, 805px 91px #FFF, 1669px 366px #FFF, 1910px 1180px #FFF, 152px 204px #FFF, 1114px 1508px #FFF, 1689px 1656px #FFF, 773px 1191px #FFF, 1396px 1941px #FFF, 204px 27px #FFF, 911px 355px #FFF, 19px 1101px #FFF, 1469px 1362px #FFF, 1034px 1471px #FFF, 815px 349px #FFF, 1700px 1317px #FFF, 664px 1048px #FFF, 1083px 256px #FFF, 76px 134px #FFF, 509px 1452px #FFF, 859px 879px #FFF, 1627px 313px #FFF, 784px 1859px #FFF, 4px 1919px #FFF, 1643px 694px #FFF, 524px 1783px #FFF, 1693px 302px #FFF, 1383px 1119px #FFF, 1779px 1370px #FFF, 1061px 1017px #FFF, 1333px 1137px #FFF, 734px 324px #FFF, 475px 74px #FFF, 355px 1797px #FFF, 120px 683px #FFF, 558px 228px #FFF;
}
@keyframes animStar {
from {
transform: translateY(0px);
}
to {
transform: translateY(-1000px);
}
}
.paid_weekly {
font-size: 34px;
line-height: 38px;
}
.your_referral_code_title {
font-size: 18px;
margin: 35px 0px 0px 60px;
padding: 0px;
}
.only_send_notice {
display: block;
margin: 30px 0px;
position: relative;
}
.how_to_pay {
font-size: 18px;
padding: 0px 0px 5px 0px;
text-align: left;
}
.send_crypto {
background: #f5f6fb;
font-size: 24px;
padding: 10px 0px 10px 15px;
text-align: left;
border-bottom: solid 1px #dde3e6;
}
.send_crypto_box {
border: solid 1px #dde3e6;
border-radius: 10px;
overflow: hidden;
}
.send_crypto_amount {
background: #ffffff;
font: 400 26px Roboto;
padding: 10px 0px 10px 15px;
text-align: left;
}
.send_crypto_to_friend_dollar_sum {
font-size: 16px;
text-align: center;
}
.send_crypto_dollar_sum {
font-size: 18px;
text-align: left;
display: block;
font-weight: 200;
}
.send_crypto_dollar_symbol {
font-size: 20px;
text-align: left;
}
#cc-fail {
text-align: center;
}
.crypto_generated_address {
font-size: 18px;
text-align: left;
}
.click_to_copy_token {
background: #ffffff;
border: solid 1px #dde3e6 !important;
border-radius: 50px !important;
cursor: pointer;
display: inline-block;
font-size: 14px;
margin-top: 6px;
padding: 5px 20px 6px 20px !important;
position: relative;
text-align: center;
margin-bottom: 4px;
}
.click_to_copy_container {
display: block;
text-align: center;
}
.click_to_copy_referral {
background: #ffffff;
border: solid 1px #dde3e6 !important;
border-radius: 50px !important;
cursor: pointer;
display: inline-block;
font-size: 14px;
margin-bottom: 38px;
margin-top: 6px;
padding: 8px 16px 8px 16px;
position: relative;
text-align: center;
}
.market_value_label {
display: block;
position: relative;
font-size: 14px;
padding-bottom: 25px;
margin-top: -15px;
padding-left: 0px;
}
.my_referrals_title {
font-size: 18px;
padding: 0px 0px 10px 0px;
}
.add_bitcoin_wallet {
margin-top: 20px;
}
.lets_get_you_paid {
font-size: 24px;
padding-bottom: 5px;
}
.add_btc_wallet_button_box {
padding: 10px 0px;
text-align: center;
}
.copy_clipboard {
max-width: 104px;
}
.crypto_wallet_modal .copy_clipboard {
max-width: 400px;
}
.crypto_wallet_flex_item .copy_clipboard {
flex: 1 1 auto;
max-width: 250px;
}
.crypto_wallet_flex_item .crypto_address_balance {
flex: 1;
max-width: 100%;
}
.profile_navigation_option_wrapper {
display: inline-block;
width: 100%;
max-width: 400px;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
.profile_navigation_option_group_title {
padding: 0px 0px 10px 0px;
font-weight: 400;
font-size:20px;
text-align:left;
}
.profile_navigation_option_disabled .my_profile_settings_options_label {
opacity: 0.35;
}
.profile_navigation_option_disabled::after {
opacity: 0.35;
}
.min-amount-required {
font-weight:400;
}
.min-amount-required-rendered {
font-weight: 200;
font-size: 14px;
}
.take_action_options {
display: block;
margin: -5px 0px 40px 0px;
position: relative;
text-align: center;
}
.send_crypto_action_container {
display: inline-flex;
text-align: center;
padding: 0px;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 7px;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently */
padding: 30px 0px 20px 0px;
}
.multi-button-container {
display: inline-flex;
text-align: center;
padding: 0px;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 7px;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently */
}
.buy_sell_options {
display: inline-flex;
text-align: center;
padding: 5px 0px;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 7px;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently */
}
.buy_sell_options > div:nth-of-type(1) {
/*border: 1px solid #01754b;*/
font-size: 16px;
font-weight: 400;
line-height: 1.17648;
padding: 10px 25px 10px 25px;
text-align: center;
border-radius: 50px 50px 50px 50px;
;
background: #01754b;
color: #ffffff;
cursor: pointer;
}
.buy_sell_options > div:nth-of-type(1) > span:nth-of-type(1) {
display: inline-block;
margin: -8px 0px;
}
.buy_sell_options > div:nth-of-type(2) {
/*border: 1px solid #01754b;*/
font-size: 16px;
font-weight: 400;
line-height: 1.17648;
padding: 10px 25px 10px 25px;
text-align: center;
border-radius: 50px 50px 50px 50px;
background: #01754b;
color: #ffffff;
cursor: pointer;
}
.buy_sell_options > div:nth-of-type(2) > span:nth-of-type(1) {
display: inline-block;
margin: -8px 0px;
}
.amount_in_other_container {
font-size: 14px;
display: block;
text-align: right;
padding: 5px 0px 5px 0px;
touch-action: manipulation;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently */
}
.amount_in_other_container span:first-of-type {
font-weight: 400;
}
.amount_in_other {
font-weight: 400;
}
.send_crypto_action {
border: 1px solid #01754b;
font-size: 16px;
font-weight: 400;
line-height: 1.17648;
padding: 8px 0px 8px 0px;
text-align: center;
border-radius: 50px 50px 50px 50px;
width: 100px;
background: #01754b;
color: #ffffff;
cursor: pointer;
display: inline-block;
}
.crypto_activity_container {
display: block;
text-align: center;
padding: 0px 25px 60px 25px;
}
.crypto_activity {
display: inline-block;
width: 100%;
min-width: 305px;
max-width: 650px;
border: solid 1px #dde3e6;
border-radius: 10px;
overflow: hidden;
}
.crypto_activity_header {
padding: 12px 15px;
text-align: left;
}
.crypto_activity_entry {
}
.crypto_activity_framework {
display: flex;
width: 100%;
position: relative;
border-top: 1px solid #dde3e6;
padding: 12px 0px;
align-items: center;
}
.crypto_activity_framework > div:nth-of-type(1) {
text-align: left;
vertical-align: middle;
align-items: center;
display: flex;
padding: 0px 13px 0px 15px;
}
.crypto_activity_framework > div:nth-of-type(2) {
text-align: left;
vertical-align: middle;
align-items: center;
flex: 1;
}
.crypto_activity_framework > div:nth-of-type(2) > span:nth-of-type(1) {
display: block;
text-align: left;
font-weight: 400;
font-size: 16px;
width: 100%;
}
.crypto_activity_framework > div:nth-of-type(2) > span:nth-of-type(2) {
display: block;
text-align: left;
font-weight: 200;
font-size: 14px;
width: 100%;
}
.crypto_activity_framework > div:nth-of-type(3) {
text-align: right;
vertical-align: middle;
align-items: center;
flex: 1;
padding: 0px 40px 0px 0px;
}
.crypto_activity_framework > div:nth-of-type(3) > span:nth-of-type(1) {
display: block;
text-align: right;
font-weight: 400;
font-size: 16px;
width: 100%;
}
.crypto_activity_framework > div:nth-of-type(3) > span:nth-of-type(2) {
display: block;
text-align: right;
font-weight: 200;
font-size: 14px;
width: 100%;
}
.crypto_activity_circle_up, .crypto_activity_circle_dn {
border: 1px solid #dde3e6;
border-radius: 27px;
height: 27px;
width: 27px;
vertical-align: middle;
align-items: center;
display: flex;
justify-content: center;
flex-wrap: nowrap;
}
.crypto_activity_circle_up svg {
height: 10px;
width: 19px;
position: relative;
transform: rotate(45deg);
top: 0px;
align-items: center;
justify-content: center;
fill: #000000;
}
.crypto_activity_circle_dn svg {
height: 10px;
width: 19px;
position: relative;
transform: rotate(225deg);
top: 0px;
align-items: center;
justify-content: center;
fill: #000000;
}
.crypto_activity_entry_contents {
display: none;
transition: max-height 0.2s ease-out;
}
.crypto_activity_entry > .crypto_activity_framework:after {
background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg' id='' preserveAspectRatio='xMidYMid meet'%3E%3Cpath d='M13.215 6.833L8.438 11.41c-.16.135-.31.19-.438.19a.635.635 0 01-.415-.167l-4.8-4.6c-.24-.228-.247-.63-.018-.848a.597.597 0 01.848-.018L8 10.17l4.385-4.2a.597.597 0 01.848.018c.23.215.222.617-.018.845z' fill='%232A2B32'%3E%3C/path%3E%3C/svg%3E") no-repeat center right;
content: "";
float: right;
height: 18px;
right: 13px;
top: 19px;
width: 18px;
position: absolute;
transition: 0.35s transform ease-in-out;
}
.crypto_activity_entry.active > .crypto_activity_framework:after {
transition: 0.35s transform ease-in-out;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.crypto_activity_entry_box {
display: block;
position: relative;
margin: 0px;
padding: 25px 20px 25px 57px;
text-align: left;
border-top: solid 1px #dde3e6;
background: #F6F7FB;
width: 100%;
font-size: 14px;
}
.crypto_activity_entry_box > div:nth-of-type(1) {
padding: 0px 0px 23px 0px;
}
.crypto_activity_entry_box > div:nth-of-type(2) {
padding: 0px 0px 23px 0px;
}
.crypto_activity_entry_box > div:nth-of-type(3) {
padding: 0px 0px 23px 0px;
}
.crypto_activity_entry_box > div:nth-of-type(4) {
padding: 0px 0px 0px 0px;
}
.crypto_activity_entry_box > div:nth-of-type(1) > span:nth-of-type(1) {
display: inline-block;
position: relative;
font-size: 12px;
font-weight: 400;
color: #01754b;
background: #eff8f3;
padding: 6px 10px;
border-radius: 0px;
text-transform: uppercase;
border-left: solid 1px #01754b;
margin: 0px 0px 5px 0px;
}
.crypto_activity_entry_box > div:nth-of-type(1) > span:nth-of-type(2) {
display: block;
font-size: 14px;
max-inline-size: 200px;
overflow-wrap: break-word;
}
.crypto_activity_entry_box > div:nth-of-type(2) > span:nth-of-type(1) {
display: inline-block;
position: relative;
font-size: 12px;
font-weight: 400;
color: #01754b;
background: #eff8f3;
padding: 6px 10px;
border-radius: 0px;
text-transform: uppercase;
border-left: solid 1px #01754b;
margin: 0px 0px 5px 0px;
}
.crypto_activity_entry_box > div:nth-of-type(2) > span:nth-of-type(2) {
display: block;
font-size: 14px;
max-inline-size: 200px;
overflow-wrap: break-word;
}
.crypto_activity_entry_box > div:nth-of-type(3) > span:nth-of-type(1) {
display: inline-block;
position: relative;
font-size: 12px;
font-weight: 400;
color: #01754b;
background: #eff8f3;
padding: 6px 10px;
border-radius: 0px;
text-transform: uppercase;
border-left: solid 1px #01754b;
margin: 0px 0px 5px 0px;
}
.crypto_activity_entry_box > div:nth-of-type(3) > span:nth-of-type(2) {
display: block;
font-size: 14px;
max-inline-size: 200px;
overflow-wrap: break-word;
}
.crypto_activity_entry_box > div:nth-of-type(4) > span:nth-of-type(1) {
display: inline-block;
position: relative;
font-size: 12px;
font-weight: 400;
color: #01754b;
background: #eff8f3;
padding: 6px 10px;
border-radius: 0px;
text-transform: uppercase;
border-left: solid 1px #01754b;
margin: 0px 0px 5px 0px;
}
.crypto_activity_entry_box > div:nth-of-type(4) > span:nth-of-type(2) {
display: block;
font-size: 14px;
max-inline-size: 200px;
overflow-wrap: break-word;
}
.failed_dollar_fee {
font-weight: 400;
}
.no_crypto_activity {
padding: 20px 15px;
text-align: center;
border-top: solid 1px #dde3e6;
background: #F6F7FB;
}
.no_crypto_activity > span:nth-of-type(1) {
display: block;
font-size: 18px;
font-weight: 400;
}
.no_crypto_activity > span:nth-of-type(2) {
display: block;
font-size: 14px;
font-weight: 200;
}
.crypto-unavailable {
-webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(7500%) hue-rotate(171deg) brightness(93%) contrast(93%);
-moz-filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(7500%) hue-rotate(171deg) brightness(93%) contrast(93%);
-ms-filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(7500%) hue-rotate(171deg) brightness(93%) contrast(93%);
-o-filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(7500%) hue-rotate(171deg) brightness(93%) contrast(93%);
filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(7500%) hue-rotate(171deg) brightness(93%) contrast(93%);
}
.crypto_activity_entry[data-status-name="Sending"] > .crypto_activity_framework:after {
content: "";
display: none;
}
.crypto_wallet_framework {
display: flex;
width: 100%;
position: relative;
border-bottom: 1px solid #dde3e6;
padding: 13px 0px;
}
.crypto_wallet_framework > div {
width: 100%;
position: relative;
}
.crypto_wallet_framework > div:nth-of-type(1) {
text-align: left;
vertical-align: middle;
align-items: center;
display: flex;
min-width: 100px;
}
.crypto_wallet_framework > div:nth-of-type(1) > div:nth-of-type(1) {
margin-right: 7px;
}
.crypto_wallet_framework > div:nth-of-type(2) {
text-align: right;
vertical-align: middle;
align-items: center;
display: flex;
justify-content: flex-end;
font-weight: 200;
min-width: 42%;
}
.crypto_wallet_framework > div:nth-of-type(3) {
text-align: right;
display: inline-grid;
}
.crypto_wallet_framework > div:nth-of-type(3) > div:nth-of-type(1) {
display: inline-flex;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
}
.crypto_wallet_framework > div:nth-of-type(3) > div > div:nth-of-type(1) {
padding: 0px 15px 0px 0px;
}
.built_in_maison_wallet .crypto_wallet_framework > div:nth-of-type(3) > div:nth-of-type(1) {
display: inline-flex;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
margin-right: 41px;
}
.built_in_maison_wallet .crypto_wallet_framework {
border-bottom: none;
padding: 0px;
}
.crypto_wallet_framework .crypto_address {
display: inline-flex;
}
.maison_accordion_header .crypto_wallet_framework {
border-bottom: none;
padding: 0px;
}
.maison_accordion_header .crypto_wallet_framework > div:nth-of-type(1) > div:nth-of-type(1) {
margin-right: 0px;
}
.maison_accordion_header .crypto_wallet_framework > div:nth-of-type(1) {
align-items: flex-start;
}
.wallets_qr_code .swiper-slide {
touch-action: none;
overflow: visible;
}
.wallets_qr_code .mySwiper {
display: inline-flex;
min-height: 587px;
width: 304px;
touch-action: manipulation;
-webkit-user-select: none;
/* Safari */
-ms-user-select: none;
/* IE 10 and IE 11 */
user-select: none;
/* Standard syntax */
-webkit-touch-callout: none;
}
.wallets_qr_code .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
background: none;
font-size: 16px;
}
.wallets_qr_code .swiper-slide img {
width: 15px;
height: 15px;
min-width: 15px;
min-height: 15px;
}
.wallets_qr_code .crypto_wallet {
justify-content: center;
font-size: 22px;
font-weight: 200;
color: #fff;
background: #f4f6fb;
border: solid 1px rgb(201,212,218,50%);
padding: 25px;
border-radius: 10px;
}
.wallets_qr_code .crypto_wallet_modal {
padding: 25px 25px 25px 25px;
background: #ffffff;
width: 100%;
max-width: 500px;
border: solid 1px #dde3e6;
border-radius: 10px;
}
.wallets_qr_code {
display: block;
position: relative;
text-align: center;
padding: 0px;
overflow: hidden;
}
.wallets_qr_code_modal {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
padding: 0px;
}
.wallets_send_modal {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
#qr-modal {
visibility: hidden;
}
#send-modal {
}
.hide-display-area {
position: absolute;
top: -9999px;
left: -9999px;
visibility: hidden;
}
.display-area {
position: relative;
visibility: visible;
}
.wallets_qr_code .scan_qrCode {
/*min-width: 265px;
min-height: 265px;*/
}
.wallets_send_modal .modal_icon img {
width: 60px;
}
.wallets_send_modal .crypto_wallet_modal {
max-width: 500px;
min-height: 615px;
overflow: hidden;
}
.maison-chat-user-message-time {
display:none;
position: absolute;
top: -15px;
right: 15px;
font-size: 11px;
color: #000000;
opacity: 0.65;
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none; /* Standard syntax */
}
.maison-chat-bot-message-time {
display: none;
position: absolute;
top: -15px;
left: 15px;
font-size: 11px;
color: #000000;
opacity: 0.65;
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none; /* Standard syntax */
}
.maison-chat-message-date {
padding: 3px 0px 15px 0px;
font-weight: 400;
color: #394357;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 12px;
}
#new-card-added .welcome_area {
padding-bottom: 0px;
}
#new-card-added-error .welcome_area {
padding-bottom: 0px;
}
#edit-card-completed .welcome_area {
padding-bottom: 0px;
}
#remove-card-completed .welcome_area {
padding-bottom: 0px;
}
#edit-card-error .welcome_area {
padding-bottom: 0px;
}
#remove-card-error .welcome_area {
padding-bottom: 0px;
}
.address-suggestion-activated {
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
#error-removing-primary {
padding: 0px 25px 0px 25px;
}
#add-card .terms {
margin-bottom: 0px;
}
.need-to-delete-card {
padding: 10px 0px 0px 0px;
}
.remove-card-container {
padding-top: 0px;
}
#remove-card {
border: none !important;
font-size: 16px;
}
.global-radio-container {
display: flex;
gap: 30px;
align-items: center;
}
.global-custom-radio {
display: flex;
align-items: center;
cursor: pointer;
font-size: 16px;
color: #000000;
}
.global-custom-radio input[type="radio"] {
display: none;
}
.global-radio-mark {
height: 26px;
width: 26px;
min-height: 26px;
min-width: 26px;
border-radius: 50%;
border: 1px solid #ccd7e9;
display: inline-block;
margin-right: 5px;
position: relative;
background: #ffffff;
}
.global-custom-radio input[type="radio"]:checked + .global-radio-mark {
border-color: #ccd7e9;
}
.global-custom-radio input[type="radio"]:checked + .global-radio-mark::after {
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
background: rgba(100, 187, 134, 10%);
border: 1px solid #53aa75; /* Darker green border */
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.global-custom-radio input[type="radio"]:checked + .global-radio-mark + span {
}
.global-custom-radio-text {
color: #000000;
display: block;
position: relative;
padding: 1px 0px 0px 0px;
}
.global-custom-radio-text-bank {
color: #000000;
display: flex;
position: relative;
padding: 1px 0px 0px 0px;
}
.funding-bank-account-number {
margin-left: auto;
padding: 0px 0px 0px 0px;
color: #000000;
display: inline-flex;
position: relative;
font-weight:200;
}
.funding-bank-account-number-masked {
display: inline-flex;
align-items: flex-end;
align-content: flex-end;
margin: 0px 5px -3px 0px;
font-weight: 200;
}
.no-bank-accounts-available {
text-align: center;
display: block;
position: relative;
}
.no-bank-accounts-available .my_account_button_light_gray {
border: solid 1px #dde3e6 !important;
}
.select-energy-liquidity-container .staking-slider-box-container {
margin: -8px 0px 0px 0px;
}
#energy-liquidity-toggle .frequency_tab {
width: 50%;
}
#energy-liquidity-toggle .glider {
width: 50%;
}
.liquidity-questions-answers {
font-size: 16px;
border: solid 1px #dde3e6;
border-radius: 10px;
overflow: hidden;
margin: 10px 0px 0px 0px;
min-width: 270px;
max-width: 500px;
}
.liquidity-answer-container {
font-size: 16px;
padding: 0px 25px;
display: inline-block;
}
.liquidity-answer-container .collapsible {
font-size: 16px;
padding: 15px 40px 15px 15px;
}
.liquidity-answer-container .collapsible:after {
top: 15px;
right: 14px;
}
.liquidity-answer {
padding: 15px 15px;
font-size: 16px;
line-height: 20px;
}
.liquidity-note {
font-size: 14px;
line-height: 18px;
}
.liquidity-answer ul {
list-style-type: none;
}
.liquidity-answer li {
list-style-type: none;
}
.dividend-history-header {
display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
flex-direction: row;
font-size: 16px;
padding: 15px 20px 15px 20px;
font-weight: 400;
}
.dividend-history-content {
display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
flex-direction: row;
font-size: 16px;
padding: 0px 20px 10px 20px;
}
.dividend-history-header div:nth-child(1) {
text-align: left;
width:33.3%;
}
.dividend-history-header div:nth-child(2) {
text-align: right;
width: 33.3%;
}
.dividend-history-header div:nth-child(3) {
text-align: right;
width: 33.3%;
}
.dividend-history-content div:nth-child(1) {
text-align: left;
width: 33.3%;
}
.dividend-history-content div:nth-child(2) {
text-align: right;
width: 33.3%;
}
.dividend-history-content div:nth-child(3) {
text-align: right;
width: 33.3%;
}
.wallet-address-id {
display:none;
}
.dividend-schedule {
display: block;
text-align: center;
padding: 0px;
margin-top: -32px;
}
.dividend-schedule .collapsible_box {
display: inline-block;
max-width: 500px;
width: 100%;
}
.view-schedule-activated {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
box-shadow: inset 0px 0px 0px 1px #dde3e6;
}
.button_container .not-enough-crypto-available {
color: #01754b !important;
background: #FFFFFF !important;
box-shadow: inset 0px 0px 0px 1px #01754b;
}
.plus-sign-signups {
height: fit-content;
display: inline-flex;
position: relative;
font-size: 40px;
align-items: flex-start;
flex-direction: row;
align-content: flex-start;
top: -9px;
}
.click_to_copy {
display: block;
font-size: 14px;
margin: -10px 0px 25px 0px;
position: relative;
text-align: center;
width: 100%;
z-index: 9999;
}
.click_to_copy_address {
background: #ffffff;
border: solid 1px #ffffff !important;
border-radius: 50px !important;
cursor: pointer;
display: inline-block;
font-size: 14px;
text-align: center;
line-height: 43px;
height: 45px;
width: 45px;
position: absolute;
right: 6px;
top: 4px;
}
.click_to_copy_to_clipboard {
padding: 0px 5px 0px 0px;
}
.validation-summary-errors {
}
.welcome_area {
padding: 25px 50px 30px 50px;
}
.crypto-title-area {
padding: 25px 0px 30px 0px;
}
.sell_mrsv_crypto .welcome_area {
padding: 25px 0px 30px 0px;
}
.product_countdown_area {
padding: 25px 0px 0px 0px;
}
.streaming_chart {
width: 100%;
min-width: 100px;
min-height: 400px;
}
.maison_OrderBook {
animation: fadeInAnimation ease 1s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
.highcharts_tooltip {
padding: 3px 0px 0px 0px;
color: white;
font-size: 18px;
}
.highcharts-tooltip-box {
fill: none;
padding: 0;
fill-opacity: 0.6;
stroke-width: 0;
}
.rate_chart_box {
display: block;
text-align: center;
}
.buy_crypto_box .rate_chart_box {
display: block;
text-align: center;
padding: 25px 50px 0px 50px;
}
.chart_date_range_container {
padding: 0px;
display: inline-block;
width: 100%;
max-width: 290px;
}
#buy-tokens-liquidity .select_crypto_container {
padding: 10px 0px 0px 0px;
}
.chart_app {
padding: 25px 0px 0px 0px;
width: 100%;
margin: 0;
display: grid;
}
.highcharts-container {
text-align: center !important;
}
.highcharts-point-hover {
stroke-width: 1;
}
.highcharts_tooltip {
color: white;
font-family: "Roboto";
font-size: 18px;
padding: 0px 0px;
text-align: center;
}
.highcharts-tooltip-box {
fill: #000000;
padding: 0;
fill-opacity: 0.9;
stroke-width: 0;
font-family: "Roboto";
border-radius: 20px;
padding: 5px 10px;
color: white;
font-size: 18px;
text-align: center;
}
.highcharts_tooltip_date {
color: white;
font-family: "Roboto";
font-size: 12px;
text-align: center;
opacity: 0.5;
}
.highcharts-area {
}
.highcharts-yaxis .highcharts-tick {
transform: translate(0px,0px);
-ms-transform: translate(0px,0px); /* IE 9 */
-webkit-transform: translate(0px,0px); /* Safari and Chrome */
-o-transform: translate(0px,0px); /* Opera */
-moz-transform: translate(0px,0px); /* Firefox */
}
.top_offers_title {
text-align: center;
padding: 20px;
padding: 35px 0px 15px 0px;
}
.top_offers_title_text {
font-size: 24px;
font-weight: 400;
}
.liquidity_metrics_container {
position: relative;
padding: 0px;
width: 100%;
max-width: 1000px;
text-align: center;
/*background: rgb(239, 248, 243);*/
}
.liquidity_suggestion_container {
position: relative;
padding: 0px 20px;
display: block;
width: 100%;
max-width: 1000px;
text-align: left;
}
.liquidity_pool_left {
width: 33%;
display: table-cell;
text-align: center;
font-size: 14px;
padding: 15px 15px;
}
.liquidity_pool_middle {
width: 33%;
display: table-cell;
text-align: center;
font-size: 14px;
padding: 15px 15px;
border-left: solid 1px #dde3e6;
border-right: solid 1px #dde3e6;
}
.liquidity_pool_right {
width: 33%;
display: table-cell;
text-align: center;
font-size: 14px;
padding: 15px 15px;
}
.liquidity_pool_values {
font: 400 22px Roboto;
}
.liquidity_metrics_container_box {
padding: 0px;
width: 100%;
max-width: 950px;
display: inline-block;
margin: 0px -25px;
}
.liquidity_metrics_top {
padding-top: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.liquidity_metrics_btm {
padding-bottom: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
margin-top: -1px;
}
.liquidity_metrics_container_holder {
}
.liquidity_metrics_container_boundary {
padding: 0px 25px 0px 25px;
width: 100%;
max-width: 1000px;
display: inline-block;
}
@media (max-width: 600px) {
.liquidity_metrics_container {
display: block;
}
.liquidity_pool_values {
}
.liquidity_pool_left {
display: block;
width: 100%;
padding: 10px 20px 10px 20px;
text-align: left;
}
.liquidity_pool_middle {
display: block;
width: 100%;
border-left: none;
border-right: none;
padding: 10px 20px;
text-align: left;
}
.liquidity_pool_right {
display: block;
width: 100%;
padding: 10px 20px 20px 20px;
text-align: left;
}
}
.liquid_tile_card {
background-color: #fff;
padding: 15px 0px;
text-align: center;
font-size: 14px;
}
.liquid_tile_cards {
background-color: #d4dbe9;
border: solid 1px #d4dbe9;
border-radius: 10px;
overflow: hidden;
max-width: 1000px;
margin: 0 auto;
display: grid;
gap: 1px;
grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
}
@media (max-width: 900px) {
.scent-preference,
.grid-sizer {
width: calc(50% - 20px);
}
.navigation_container .swiper {
padding: 0px 25px 0px 25px;
}
.green_energy_sources_tile_title {
font-size: 22px;
margin: 0px 0px 20px 0px;
}
.green_energy_sources_cards {
overflow: hidden;
max-width: 600px;
margin: 0 auto;
display: grid;
gap: 15px;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
padding: 0px 25px;
}
.green_energy_icon_box {
display: block;
position: relative;
padding: 0px 0px 0px 0px;
min-height: 120px;
margin: 10px 0px 0px 0px;
}
.green_energy_tile {
display: block;
position: relative;
border-radius: 20px;
padding: 20px 15px 20px 15px;
background: #FFFFFF;
border: solid 1px #53aa75;
font-style: italic;
font-size: 16px;
color: #53AA75;
}
.zip_code_search_container {
background-size: cover;
background-position: 50% 100%;
background-repeat: no-repeat;
height: 420px;
}
.liquid_tile_cards_responsive {
grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
}
}
@media (max-width: 605px) {
.green_energy_sources_cards {
overflow: hidden;
margin: 0 auto;
display: grid;
gap: 15px;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
padding: 0px 25px;
}
.liquid_tile_cards {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.liquid_tile_cards_responsive {
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}
}
@media (max-width: 500px) {
.liquid_tile_cards {
grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
}
.liquid_tile_cards_responsive {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
}
@media (max-width: 410px) {
.liquid_tile_cards {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.liquid_tile_cards_responsive {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
}
.ep_base1 {
display: block;
background: #ffffff;
width: 100%;
position: absolute;
right: 0;
bottom: 0;
height: 61px;
border-top: solid 1px #ffffff;
border-bottom: solid 1px #ffffff;
}
.ep_base2 {
display: block;
background: #ffffff;
width: 100%;
position: absolute;
right: 0;
bottom: 60px;
height: 39px;
border-top: solid 1px #ffffff;
border-bottom: solid 1px #ffffff;
}
.ep_items {
display: flex;
gap: 0px;
overflow-x: auto;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
scrollbar-width: none;
scroll-behavior: smooth;
transition: all ease 0.4s;
transform-origin: center;
cursor: grab;
z-index: 0;
position: relative;
font-size: 16px;
padding: 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #ffffff;
background-size: 7px 7px, 50px 50px;
background-image: linear-gradient(to right, transparent 3px, #fff 3px), linear-gradient(to bottom, #d4dbe9 1px, transparent 1px);
background-position: 0px 1px;
overflow: visible;
z-index: 1;
}
.ep_items::-webkit-scrollbar {
display: none;
}
.ep_items.active {
cursor: grabbing;
}
.ep_item {
display: flex;
flex: 1;
justify-content: center;
scroll-snap-align: start;
}
.ep_container {
display: flex;
flex-direction: column;
width: 100%;
}
.ep_column {
flex: 1;
}
.ep_chart {
display: flex;
min-height: 350px;
}
.ep_price {
height: 42px;
padding: 10px 0px 8px 0px;
border-top: solid 1px #d4dbe9;
z-index: 1;
position: relative;
font-size: 16px;
background: #ffffff;
text-align: center;
justify-content: center;
display: flex;
}
.ep_orders {
padding: 10px 0px 0px 0px;
border-top: solid 1px #d4dbe9;
z-index: 2;
position: relative;
font-size: 16px;
background-color: #FFFFFF;
text-align: center;
justify-content: center;
display: flex;
}
.ep_orders_percent {
padding: 3px 0px 10px 0px;
z-index: 2;
position: relative;
font-size: 14px;
border-bottom: solid 1px #d4dbe9;
background-color: #FFFFFF;
text-align: center;
justify-content: center;
display: flex;
}
.ep_column_static {
flex: 0 0 12.5%;
/*
background-color: #ffffff;
background-size: 7px 7px, 50px 50px;
background-image: linear-gradient(to right, transparent 3px, #fff 3px), linear-gradient(to bottom, #d4dbe9 1px, transparent 1px);
background-position: 0px 1px;
*/
}
.ep_cell_static {
}
.ep_grid_items {
display: flex;
gap: 0px;
transition: all ease 0.4s;
transform-origin: center;
z-index: 0;
position: relative;
font-size: 14px;
padding: 0px 0px;
margin: 0px -25px 0px -25px;
background-color: #ffffff;
background-size: 7px 7px, 50px 50px;
background-image: linear-gradient(to right, transparent 3px, #fff 3px), linear-gradient(to bottom, #d4dbe9 1px, transparent 1px);
background-position: 0px 1px;
overflow: hidden;
}
.ep_grid_column_static {
min-width: 12%;
}
.ep_grid_item {
display: block;
width: 100%;
}
.ep_grid_item_first {
max-width: 10px;
}
.ep_item_column_first {
max-width: 16px;
}
@media screen and (max-width: 1000px) {
.ep_grid_items {
display: flex;
gap: 0px;
transition: all ease 0.4s;
transform-origin: center;
z-index: 0;
position: relative;
font-size: 14px;
padding: 0px 0px;
margin: 0px -25px 0px -25px;
background-color: #ffffff;
background-size: 7px 7px, 50px 50px;
background-image: linear-gradient(to right, transparent 3px, #fff 3px), linear-gradient(to bottom, #d4dbe9 1px, transparent 1px);
background-position: 0px 1px;
overflow: hidden;
}
.ep_grid_column_static {
left: 0;
position: sticky;
z-index: 3;
border-right: solid 1px #d4dbe9;
box-shadow: 3px 0px 8px 0 rgb(116,129,141,10%);
min-width: 87px;
}
.ep_grid_item {
display: block;
min-width: 100%;
}
.ep_grid_item_first {
max-width: 10px;
}
.ep_base1 {
display: block;
background: #ffffff;
width: 100%;
position: absolute;
right: 0;
bottom: 0;
height: 56px;
border-top: solid 1px #ffffff;
border-bottom: solid 1px #ffffff;
}
.ep_base2 {
display: block;
background: #ffffff;
width: 100%;
position: absolute;
right: 0;
bottom: 56px;
height: 36px;
border-top: solid 1px #ffffff;
border-bottom: solid 1px #ffffff;
}
.ep_items {
display: flex;
gap: 0px;
overflow-x: auto;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
scrollbar-width: none;
scroll-behavior: smooth;
transition: all ease 0.4s;
transform-origin: center;
cursor: grab;
z-index: 0;
position: relative;
font-size: 14px;
padding: 0px 0px;
margin: 0px 50px 0px 0px;
background-color: transparent;
background-size: 7px 7px, 50px 50px;
background-image: none;
background-position: 0px 1px;
z-index: 1;
}
.ep_items::-webkit-scrollbar {
display: none;
}
.ep_items.active {
cursor: grabbing;
}
.ep_item {
display: flex;
flex: 0 0 72px;
justify-content: center;
scroll-snap-align: start;
}
.ep_container {
display: flex;
flex-direction: column;
width: 100%;
}
.ep_column {
flex: 1;
}
.ep_chart {
display: flex;
min-height: 250px;
}
.ep_price {
height: 42px;
padding: 10px 0px 8px 0px;
border-top: solid 1px #d4dbe9;
z-index: 1;
position: relative;
font-size: 12px;
background: #ffffff;
text-align: center;
justify-content: center;
display: flex;
}
.ep_orders {
padding: 10px 0px 0px 0px;
border-top: solid 1px #d4dbe9;
z-index: 2;
position: relative;
font-size: 14px;
font-weight: 400;
background-color: #FFFFFF;
text-align: center;
justify-content: center;
display: flex;
}
.ep_orders_percent {
padding: 3px 0px 10px 0px;
z-index: 2;
position: relative;
font-size: 12px;
border-bottom: solid 1px #d4dbe9;
background-color: #FFFFFF;
text-align: center;
justify-content: center;
display: flex;
}
.ep_column_static {
left: 0;
position: sticky;
z-index: 3;
border-right: solid 1px #d4dbe9;
box-shadow: 3px 0px 8px 0 rgb(116,129,141,10%);
/*
background-color: #ffffff;
background-size: 7px 7px, 50px 50px;
background-image: linear-gradient(to right, transparent 3px, #fff 3px), linear-gradient(to bottom, #d4dbe9 1px, transparent 1px);
background-position: 0px 1px;
*/
}
.ep_cell_static {
}
.insights_column {
/*right: 1px;*/
}
.insight_container_column {
padding-left: 8px;
}
.ep_items:last-child {
padding-right: 20px;
}
.insight_container_column .insights_column_toolTip {
font-size: 14px;
background-color: #000000;
color: #ffffff;
position: absolute;
left: calc(50% + 3.5%);
transform: translateX(-50%);
width: 100px;
min-width: max-content;
padding: 10px 10px;
opacity: 0;
text-align: center;
}
.insight_container_column .insights_column_toolTip::before {
position: absolute;
content: "";
border-width: 10px;
border-color: #000000 transparent transparent;
border-style: solid;
left: calc(50% + 3.5%);
bottom: -20px;
transform: translateX(-50%);
opacity: 0;
}
}
@media screen and (max-width: 800px) {
.ep_item {
display: flex;
flex: 0 0 50px;
justify-content: center;
scroll-snap-align: start;
}
.select_crypto_container .swiper-slide {
font-size: 14px;
height: 40px;
}
}
#liquidity-countdown {
font-size: 15px;
font-weight: 400;
}
.additional_title {
font-size: 16px;
text-align: center;
padding: 0px 25px 30px 25px;
}
.liquidity_row {
display: flex;
flex-direction: row;
justify-content: center;
margin: 0px 0px 5px 0px;
font-size: 14px;
}
.title_row {
display: flex;
flex-direction: row;
justify-content: center;
margin: 0px 0px 15px 0px;
font-size: 18px;
}
.vertical_divider {
border-right: solid 2px #53aa75;
height: 320px;
position: absolute;
justify-content: center;
left: 50%;
top: 0;
}
.vertical_divider_dashed {
border-right: dashed 2px #53aa75;
height: 30px;
position: absolute;
justify-content: center;
left: 50%;
bottom: -30px;
z-index: 0;
}
.column_one_liquidity {
display: table;
float: right;
text-align: right;
width: 50%;
color: #FFFFFF;
}
.column_two_liquidity {
display: table;
float: left;
text-align: left;
width: 50%;
color: #FFFFFF;
}
.column_one_liquidity_data {
display: inline-block;
/*background: #53aa75;*/
background: rgb(239, 248, 243);
float: right;
text-align: right;
padding: 10px 10px;
color: #53aa75;
min-width: 70px;
max-width: 100%;
}
.column_two_liquidity_data {
display: inline-block;
background: #EBEEF5;
float: left;
text-align: left;
padding: 10px 10px;
color: #000000;
min-width: 70px;
max-width: 100%;
}
.title_row-1 {
display: inline-block;
float: right;
text-align: right;
padding: 0px 20px;
color: #000000;
}
.title_row-2 {
display: inline-block;
float: left;
text-align: left;
padding: 0px 20px;
color: #000000;
}
.order_book_liquidity {
display: block;
position: relative;
text-align: center;
height: 350px;
padding: 0px 25px;
}
.order_book_liquidity_box {
display: inline-block;
width: 100%;
max-width: 700px;
position: relative;
}
.green_energy_signup_available {
}
.green_energy_signup_soon {
}
.green_energy_signup:hover .green_energy_signup_soon {
display: block;
}
.green_energy_signup:hover .green_energy_signup_available {
display: none;
}
.green_energy_signup:focus .green_energy_signup_soon {
display: block;
}
.green_energy_signup:focus .green_energy_signup_available {
display: none;
}
.green_energy_signup:active .green_energy_signup_soon {
display: block;
}
.green_energy_signup:active .green_energy_signup_available {
display: none;
}
.green_energy_signup_soon {
display: none;
}
.vertical_divider_circle {
width: 50px;
height: 40px;
border-radius: 100%;
border: solid 1px #53aa75;
display: inline-block;
position: absolute;
left: -25px;
bottom: 0px;
background: #ffffff;
text-align: center;
z-index: 0;
/*transition: all .3s ease-in-out;*/
border-radius: 50px;
cursor: pointer;
width: 129px;
left: -64px;
}
.vertical_divider_circle_text {
font-size: 16px;
text-align: center;
display: block;
line-height: 40px;
margin-left: -2px;
color: #53aa75;
}
.need_more_insight {
font-size: 22px;
font-weight: 400;
}
.vertical_divider_circle:hover {
border-radius: 50px;
cursor: pointer;
width: 129px;
left: -64px;
}
.vertical_divider_circle_text_cs {
display: none;
height: 40px;
font-size: 14px;
text-align: center;
line-height: 38px;
margin-left: 0px;
color: #53aa75;
/*transition: all .3s ease-in-out;*/
overflow: hidden;
}
.vertical_divider_circle:hover .vertical_divider_circle_text_cs {
display: block;
color: #53aa75;
opacity: 1;
}
.vertical_divider_circle:hover .vertical_divider_circle_text {
display: none;
}
.chart_date_range_box {
text-align: center;
display: block;
}
.maison_rate_chart_box {
display: inline-block;
width: 100%;
background: rgb(255,255,255,100%);
position: relative;
padding: 5px 0px 14px 0px;
border: solid 1px #dde3e6;
border-radius: 10px;
/*height: 400px;*/
/*box-shadow: 0 5px 0px 0 rgb(116,129,141,5%);*/
}
.rate_metrics_box_container {
display: block;
text-align: center;
border-top: solid 1px #dde3e6;
}
.v_line_divider {
border-right: solid 1px #dde3e6;
}
.rate_metrics_box {
text-align: center;
padding: 14px 0px 0px 0px;
display: inline-block;
width: 100%;
max-width: 500px;
/* background: linear-gradient(0deg, #ffffff 0%, #f7f8fb 100%); */
/*margin-top: -10px;*/
}
.individual_rate_metrics {
display: inline-block;
padding: 0px 20px;
}
.individual_rate_metrics span {
font-size: 14px;
}
.individual_current_token_price_dollars {
font-size: 22px;
font-weight: 200;
}
#chart-date-range label {
padding: 8px 9px 7px 9px;
font-size: 14px;
line-height: 1.17648;
vertical-align: middle;
}
/*#chart-date-range label:first-of-type {
border-radius: 15px 0 0 15px;
}
#chart-date-range label:last-of-type {
border-radius: 0 15px 15px 0;
}*/
.electric_background {
display: block;
padding-top: 50px;
}
.electric_background img {
width: 100%;
max-width: 1200px;
height: auto;
}
.liquidity_pool {
display: block;
text-align: center;
padding: 0px 25px;
}
.liquidity_pool_container {
display: inline-block;
max-width: 500px;
}
.liquidity_pool_listing {
display: inline-block;
width: 100%;
max-width: 400px;
background: rgb(255,255,255,50%);
position: relative;
padding: 15px 25px 0px 25px;
border: solid 1px #dde3e6;
border-radius: 10px;
height: 77px;
margin-bottom: 10px;
}
.liquidity_pool_listing_best_offer {
height: 93px;
padding: 23px 25px 0px 25px;
background: rgb(239, 248, 243);
border-color: #53aa75;
}
.lp_price {
display: inline-block;
float: left;
margin-top: 2px;
}
.lp_price_value {
font-size: 35px;
}
.floating_dollar {
font-size: 18px;
float: left;
margin-top: 7px;
margin-right: 1px;
}
.lp_x {
display: inline-block;
line-height: 38px;
font-size: 25px;
/*float: left;*/
padding: 0px 0px 0px 30px;
margin-right: -35px;
}
.lp_tokens {
display: inline-block;
float: right;
margin-top: 0px;
width: 130px;
text-align: right;
}
.lp_tokens_value {
font-size: 20px;
}
.lp_tokens span {
font-size: 14px;
}
.best_offer_rate {
display: inline-block;
position: absolute;
left: 25px;
top: -1px;
background: #53aa75;
color: #ffffff;
padding: 3px 7px;
font-size: 14px;
}
.commission_statistics_box {
padding: 0px 25px 0px 25px;
}
.welcome_text {
display: block;
font-size: 38px;
position: relative;
font: 400 30px Roboto;
color: #000000;
padding: 0px 0px 5px 0px;
}
.complete_transaction_text {
display: block;
font-size: 18px;
position: relative;
}
.product_countdown_text {
display: inline-block;
font-size: 18px;
max-width: 300px;
position: relative;
}
.scrolling-wrapper-flexbox {
display: inline-block;
width: 100%;
border-bottom: solid 1px #dde3e6;
}
.scrolling-wrapper-flexbox::-webkit-scrollbar {
display: none;
}
/* Create three equal columns that floats next to each other */
.account_tab_section {
display: none; /* Hide all elements by default */
}
/* The "show" class is added to the filtered elements */
.account_tab_section_display {
display: block;
padding: 0px;
}
.buy_crypto_container_box {
padding: 30px 50px;
}
.send_crypto_container_box {
padding: 0px;
}
.commission-wallet-box {
display: block;
position: relative;
}
#add-commission-wallet-response {
position: absolute;
display: block;
height: 50px;
top: 0px;
z-index: 1;
width: 100%;
text-align: center;
line-height: 50px;
border: solid 1px;
background: rgb(239, 248, 243);
border-radius: 5px;
border-color: #53aa75;
}
/* Style the buttons */
.account_tab_btn {
background-color: white;
border: none;
cursor: pointer;
font-size: 16px;
outline: none;
padding: 21px 15px 15px 15px;
/* border-bottom: solid 3px #FFFFFF;*/
white-space: nowrap;
color: #000000;
display: inline-block;
}
.account_tab_btn:hover {
background-color: #ffffff;
}
.account_tab_btn.account_tab_btn_active {
-moz-box-shadow: inset 0px -1px 0px #00754a, 0px 1px 0px #00754a;
-webkit-box-shadow: inset 0px -1px 0px #00754a, 0px 1px 0px #00754a;
background-color: rgb(243, 245, 248);
box-shadow: inset 0px -1px 0px #00754a, 0px 1px 0px #00754a;
/* background-color: rgb(100,187,134, 7%); */
color: #000000;
}
.account_tab_btn_sub {
background-color: white;
border: none;
cursor: pointer;
font-size: 14px;
outline: none;
padding: 15px 10px 14px 10px;
/* border-bottom: solid 3px #FFFFFF;*/
white-space: nowrap;
color: #000000;
display: inline-block;
}
.account_tab_btn_sub:hover {
background-color: none;
}
.account_tab_btn_sub.account_tab_btn_active_sub {
-moz-box-shadow: inset 0px -1px 0px #64bb86, 0px 1px 0px #64bb86;
-webkit-box-shadow: inset 0px -1px 0px #64bb86, 0px 1px 0px #64bb86;
background-color: rgb(243, 245, 248);
box-shadow: inset 0px -1px 0px #64bb86, 0px 1px 0px #64bb86;
/* background-color: rgb(100,187,134, 7%); */
color: #000000;
}
.maison_contract_address {
font-weight: 400;
word-break: break-all;
}
.view_maison_contract {
background: #f5f6fb;
width: 100%;
height: 67px;
color: #FFFFFF !important;
padding-top: 10px;
text-align: center;
/*display: block;*/
position: relative;
background: linear-gradient( -45deg, #0e97da, #3dc371, #0e97da, #3dc371);
background-size: 400% 400%;
animation: referral_code_box 10s ease infinite;
/* box-shadow: inset 0 5px 5px 0 rgb(0 0 0 / 5%); */
display: none;
}
.view_maison_contract_details {
display: inline-block;
padding: 5px 20px;
color: #FFFFFF;
}
.maison_token {
font-weight: 400;
}
.maison_tokens_label {
font-size: 18px;
}
.exchange_container {
padding: 40px 25px 40px 25px;
width: 100%;
max-width: 1000px;
display: inline-block;
}
.exchange_container_box {
padding: 0px 25px 25px 25px;
width: 100%;
display: inline-block;
}
.exchange_box_container_inside {
display: flex;
font-size: 16px;
}
.exchange_box_container_inside_left {
width: 50%;
display: inline-block;
padding: 10px 0px 10px 20px;
text-align: left;
}
.exchange_box_container_inside_left_amount {
font-size: 20px;
}
.exchange_box_container_inside_right {
width: 50%;
padding: 0px 20px 0px 0px;
text-align: right;
display: flex;
align-items: center;
justify-content: flex-end;
}
.exchange_box_container_inside_right_date {
display: block;
position: relative;
font-size: 14px;
}
.nested_exchange_box_container_btm {
border-top: solid 1px #d4dbe9;
display: block;
position: relative;
width: 100%;
margin: 0px;
padding: 10px 0px;
background: #ffffff;
}
.nested_exchange_box_container_btm_amount {
font: 400 22px Roboto;
}
.dollar_proceeds {
font-size: 14px;
padding: 0px 0px 5px 0px;
}
.add_new_listing_btn {
background: #FFFFFF !important;
border-radius: 100px !important;
clear: both !important;
color: #00754a !important;
cursor: pointer !important;
display: inline-block !important;
font-size: 18px !important;
font-weight: 400 !important;
margin-top: 5px !important;
padding: 9px 25px 9px 25px !important;
text-align: center !important;
opacity: 1 !important;
border: solid 1px #00754a !important;
}
.nested_exchange_box_container {
padding: 5px 25px 15px 25px;
}
.nested_exchange_box_container_spacing {
padding: 20px 25px 15px 25px;
}
.nested_exchange_box_container_bitcoin {
padding: 11px 20px 11px 20px;
}
.or_separator {
border-top: dashed 1px #d4dbe9;
display: block;
position: relative;
width: 100%;
margin: 25px 0px 0px 0px;
}
.inside_step_separator {
border-top: solid 1px #d4dbe9;
display: block;
position: relative;
width: 100%;
margin: 0px;
}
.exchange_step_label {
text-align: center;
display: inline-block;
padding: 0px 10px;
background: #FFFFFF;
position: relative;
top: -14px;
font-size: 22px;
font-weight: 400;
}
.or_separator_label {
text-align: center;
display: inline-block;
padding: 0px 10px;
background: #FFFFFF;
position: relative;
top: -10px;
font-size: 16px;
font-weight: 400;
}
.exchange_box_container {
background: #ffffff;
border: solid 1px #d4dbe9;
border-radius: 10px;
/* box-shadow: 0 3px 8px 0 rgb(116 129 141 / 10%); */
display: inline-block;
/*padding: 40px 50px 40px 50px;*/
text-align: center;
width: 100%;
max-width: 950px;
}
.exchange_box_container_overflow {
overflow: hidden;
}
.maison_tokens_description {
font-size: 14px;
}
.delisted_entries {
background: #f5f6fb;
overflow: hidden;
}
.delisted_entries .nested_exchange_box_container_btm {
background: #f5f6fb;
}
.contract_address {
font-size: 14px;
}
.no_referrals {
display: block;
position: relative;
text-align: center;
padding: 15px 0px 15px 0px;
border: solid 1px #dde3e6;
border-top: none;
font-size: 16px;
background: #ffffff;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.sell_mrsv_crypto {
padding: 0px 50px;
}
#no_referrals .maison_reserve_table {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.has_account {
display: block;
position: relative;
}
#contact_submission {
padding-bottom: 20px;
opacity: 1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.contact_submission_confirmation {
width: 100%;
display: block;
text-align: center;
font-size: 20px;
height: 100px;
pointer-events: none;
margin-top: -100px;
padding-top: 100px;
}
#contact_submission_confirmation {
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.thank_you_contact {
font-size: 22px;
font-weight: 400;
display: block;
position: relative;
}
.my_orders .order_timeline_container {
border-top: solid 1px #dde3e6;
/*box-shadow: inset 0 5px 0 rgb(221,227,230,30%);*/
padding-top: 15px;
}
.sell_mrsv_crypto_button_container {
margin: 0px 0px 10px 0px;
text-align: center;
}
.exchange_crypto_button_container {
margin: 10px 0px 5px 0px;
text-align: center;
}
.exchange_liquidity_button_container {
margin: 0px 0px 5px 0px;
text-align: center;
}
.email_recipients_button_container {
margin: 0px 0px 10px 0px;
text-align: center;
}
.mrsv_navbar_scroll_up {
text-align: right;
transition: all 0.5s;
}
#tokenomics {
margin-bottom: -50px;
}
.three_steps_referral {
margin-bottom: -10px;
}
.three_steps_referral_line {
display: inline-block;
width: 100%;
max-width: 250px;
border-bottom: dashed 1px #000000;
}
.three_steps_referral_circle {
border: solid 1px #000000;
border-radius: 100px;
height: 50px;
width: 50px;
display: inline-block;
margin: 0px 25px;
background: #FFFFFF;
line-height: 50px;
font-size: 22px;
font-weight: 400;
}
.three_steps_referral_circle_text {
border: solid 1px transparent;
height: 50px;
width: 100px;
display: inline-block;
margin: 7px 0px;
font-size: 16px;
}
.three_steps_referral_circle_box {
margin: -30px 0px 10px 0px;
}
.individual_product_shopping_box {
/*background: #f5f7fa;*/
background: linear-gradient(0deg, #ffffff 0%, #f5f7fa 100%);
padding: 0px 40px 50px 40px;
text-align: center;
display: block;
position: relative;
}
#timeline .individual_product_shopping_box {
/*border-bottom: solid 1px #dde3e6;*/
}
.inside_individual_product_shopping_box {
display: inline-block;
width: 100%;
max-width: 350px;
/* background: rgb(255,255,255,50%); */
position: relative;
padding: 23px 25px 30px 25px;
border: solid 1px #dde3e6;
border-radius: 15px;
margin-top: -35px;
overflow: hidden;
}
@media screen and (max-width: 580px) {
/* body {
font-size: 16px;
line-height: 22px;
}*/
}
.maison_reserve_wrapper {
margin: 0 auto;
max-width: 450px;
padding: 0px;
}
#faq .maison_reserve_wrapper {
max-width: 100%;
}
#faq .maison_reserve_row.maison_reserve_header_white {
font-size: 18px;
}
.maison_reserve_table {
display: table;
border: solid 1px #dde3e6;
border-radius: 10px;
overflow: hidden;
width: 100%;
}
.collapsible_box .maison_reserve_table {
display: table;
border: none;
border-radius: 0px;
overflow: hidden;
width: 100%;
}
@media screen and (max-width: 580px) {
/* .maison_reserve_table {
display: block;
}*/
}
.maison_reserve_row {
/*background: #FFFFFF;*/
display: table-row;
}
.maison_reserve_row:nth-of-type(odd) {
/*background: #f5f6fb;*/
}
.maison_reserve_header {
/*background: #64bb86 !important;*/
}
.maison_reserve_row.maison_reserve_header {
color: #000000;
font-size: 16px;
font-weight: 200;
background: #f5f6fb;
/*box-shadow: inset 0 -5px 0 rgb(221,227,230,30%);*/
}
.maison_reserve_header_white .maison_reserve_cell {
border-top: none;
}
.maison_reserve_header .maison_reserve_cell {
padding-top: 15px;
padding-bottom: 15px;
}
.maison_reserve_cell_lp {
padding-left: 15px !important;
}
.maison_reserve_cell_rp {
padding-right: 15px !important;
}
.maison_reserve_row.maison_reserve_header_white {
color: #000000;
font-size: 16px;
font-weight: 400;
}
.maison_reserve_row_white {
/* box-shadow: inset 0 -1px 0 #dde3e6;
-webkit-box-shadow: inset 0 -1px 0 #dde3e6;*/
/*background: #FFFFFF !important;*/
}
.maison_reserve_row.maison_reserve_green {
background: #27ae60;
}
.maison_reserve_row.maison_reserve_blue {
background: #2980b9;
}
@keyframes sway {
0% {
transform: rotate(8deg);
}
50% {
transform: rotate(-8deg);
}
100% {
transform: rotate(8deg);
}
}
.object {
position: absolute;
animation: sway 2.4s infinite;
animation-timing-function: ease-in-out;
-webkit-transform-origin: top;
-moz-transform-origin: top;
transform-origin: top;
left: 0;
right: 0;
height: 5%;
z-index: 999;
text-transform: uppercase;
}
.object-shape {
width: 100px;
height: 100px;
border-radius: 50%;
display: block;
background-color: #64bb86;
margin: 0 auto;
position: relative;
color: #fff;
font-size: 18px;
line-height: 20px;
text-align: center;
padding-top: 29px;
font-weight: 400;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.object-shape span {
font-size: 25px;
color: white;
font-weight: 400;
}
.object-rope {
height: 100%;
width: 5px;
background-color: #64bb86;
content: "";
display: block;
margin-left: 50%;
}
.corner-ribbon {
width: 250px;
/*background: #e43;*/
position: absolute;
top: 25px;
left: -50px;
text-align: center;
line-height: 50px;
letter-spacing: 1px;
color: #FFFFFF;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
display: inline-block;
}
/* Custom styles */
.corner-ribbon.sticky-ribbon {
}
/* Different positions */
.corner-ribbon.top-right {
top: 52px;
right: -60px;
left: auto;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
font-size: 16px;
line-height: 31px;
}
/* Colors */
.corner-ribbon.blue {
/*background: #309e67;*/
/* border: solid 1px #dde3e6;*/
/*background: linear-gradient( -45deg, #0e97da, #3dc371, #0e97da, #3dc371);*/
background: #53aa75;
/*background-size: 400% 400%;*/
/*animation: referral_code_box 10s ease infinite;*/
}
.nested_send_crypto_container_box {
display: block;
position: relative;
overflow: hidden;
}
@media screen and (max-width: 580px) {
/* .maison_reserve_row {
padding: 14px 0 7px;
display: block;
}
.maison_reserve_row.maison_reserve_header {
padding: 0;
height: 6px;
}
.maison_reserve_row.maison_reserve_header .maison_reserve_cell {
display: none;
}
.maison_reserve_row .maison_reserve_cell {
margin-bottom: 10px;
}
.maison_reserve_row .maison_reserve_cell:before {
margin-bottom: 3px;
content: attr(data-title);
min-width: 98px;
font-size: 10px;
line-height: 10px;
font-weight: 400;
text-transform: uppercase;
color: #969696;
display: block;
}*/
}
.maison_reserve_cell {
border-top: solid 1px #dde3e6;
display: table-cell;
padding: 12px 0px;
}
.collapsible_box .maison_reserve_cell {
border-top: none;
border-bottom: solid 1px #dde3e6;
}
.select-staking-term-container .maison_reserve_row {
border-top: solid 1px #dde3e6;
}
.select-staking-term-container .collapsible_box .maison_reserve_cell {
border-bottom: 0px;
border-top: 0px;
}
.select-staking-term-container .maison_reserve_row {
display: flex;
}
.select-staking-term-container .maison_reserve_table .maison_reserve_row:first-child {
border-top: none;
}
.maison_reserve_header .maison_reserve_cell {
border-top: 0px !important;
}
@media screen and (max-width: 580px) {
/* .maison_reserve_cell {
padding: 2px 16px;
display: block;
}*/
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.pre_sale_ad_left {
width: 100%;
padding-top: 10px;
}
.pre_sale_ad_right {
width: 100%;
}
.pre_sale_ad_right_active {
width: 100%;
}
.legal {
float: none;
padding: 10px;
text-align: justify;
text-justify: inter-word;
width: 100%;
}
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 400px) {
.current_campaign,
.next_campaign {
width: 100%;
}
}
@media all and (max-width: 768px) {
h1 {
font-size: 1.5rem;
}
li {
padding: 0px;
}
li span {
}
.validation-summary-errors li { /*font-size: 40px !important;*/
}
}
/* @media screen and (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
} */
.reel_container_box {
display: block;
position: relative;
text-align: center;
}
.reel_container {
display: inline-block;
position: relative;
text-align: center;
width: 100%;
max-width: 1000px;
overflow: hidden;
padding: 0px 0px;
}
.reel_box {
display: inline-block;
position: relative;
text-align: center;
width: 100%;
max-width: 1500px;
}
.carousel {
background: #ffffff;
display: block;
}
.carousel-cell {
width: 340px;
height: 500px;
margin-right: 10px;
background: #ffffff;
counter-increment: carousel-cell;
transition: transform 500ms ease;
transform: scale(0.8);
border-radius: 15px;
border: solid 1px #dfe1ee;
box-shadow: 0 3px 8px 0 rgb(116,129,141,10%);
}
/* cell number */
.carousel-cell:before {
display: block;
text-align: center;
line-height: 300px;
font-size: 50px;
color: #000000;
}
.flickity-viewport {
overflow: visible;
}
.carousel-cell.is-selected {
transform: scale(1.0);
}
.interest_earned_container {
background: #f5f6fb;
text-align: center;
font-size: 16px;
padding: 15px 0px;
box-shadow: inset 0 5px 0 rgb(212,219,233,15%);
margin-bottom: 25px;
}
.interest_earned_left {
display: inline-block;
position: relative;
padding: 15px 0px;
border-right: solid 1px #dde3e6;
width: 47%;
}
.interest_earned_number {
font: 400 22px Roboto;
}
.interest_earned_dollar {
font-size: 14px;
display: block;
padding-top: 10px;
}
.interest_earned_right {
display: inline-block;
position: relative;
padding: 15px 0px;
width: 47%;
}
.referral_code_overlay {
display: inline-block;
height: 130px;
overflow: hidden;
position: relative;
width: 320px;
}
.referral_code_box {
border: solid 2px #FFFFFF;
color: #ffffff;
border-radius: 20px;
display: block;
height: 130px;
width: 320px;
/*background: linear-gradient( 90deg, #3dc371 0%, #0e97da 100%);*/
background: linear-gradient(-45deg, #0e97da, #3dc371, #0e97da, #3dc371);
background-size: 400% 400%;
animation: referral_code_box 10s ease infinite;
}
@keyframes referral_code_box {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.referral_code_box_left_circle {
background: #ffffff;
border: solid 2px #FFFFFF;
border-radius: 50px;
display: inline-block;
height: 40px;
left: -20px;
position: absolute;
top: 45px;
width: 40px;
}
.referral_code_box_right_circle {
background: #ffffff;
border: solid 2px #FFFFFF;
border-radius: 50px;
display: inline-block;
height: 40px;
position: absolute;
right: -20px;
top: 45px;
width: 40px;
}
.referral_code_box_line {
border-left: dashed 1px #FFFFFF;
border-radius: 50px;
display: inline-block;
height: 130px;
left: 78px;
position: absolute;
top: 0px;
width: 1px;
}
.referral_code_star {
display: inline-block;
font-size: 45px;
left: 30px;
position: absolute;
top: 32px;
color: #ffffff;
}
.referral_code_input_box {
display: inline-block;
font-size: 45px;
left: 95px;
position: absolute;
top: 43px;
background-color: transparent;
color: #ffffff;
}
.locked_email {
background: rgb(239, 248, 243) !important;
border: solid 1px #53aa75 !important;
opacity: 1 !important;
color: rgba(0, 0, 0, 1.0) !important;
}
#countdown-box {
display: block;
text-align: center;
}
.cdi {
border: solid 1px #dde3e6;
border-radius: 10px;
color: #000;
display: inline-block;
margin: 0px 2px;
padding: 10px;
text-align: center;
}
.cdi-lbl {
font-size: 14px;
padding-top: 11px;
}
.countdown_digits {
background: #f5f6fb;
border: solid 1px #dde3e6;
border-radius: 10px;
color: #000;
display: inline-block;
font-size: 45px;
height: 70px;
line-height: 68px;
padding: 0px 15px;
text-align: center;
}
.cell_alignment_left {
max-width: 195px;
overflow: hidden;
text-align: left;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
}
.cell_alignment_right {
text-align: right;
}
.maison_reserve_brand {
display: inline-block;
left: 22px;
position: absolute;
top: 14px;
}
.maison_reserve_brand_invite {
display: inline-block;
position: relative;
}
.maison_reserve_brand_invite img {
height: 40px;
}
.maison_reserve_login_brand {
display: inline-block;
padding: 0px 0px 20px 0px;
}
.maison_reserve_login_brand img {
height: 40px;
}
.maison_reserve_brand img {
height: 40px;
}
.referral_earning_data .content {
}
.maison_reserve_brand_welcome {
display: inline-block;
position: absolute;
right: 20px;
top: 8px;
}
.section_spacer {
padding-top: 75px;
margin-top: 1px;
}
.section_spacer_referral {
padding-top: 35px;
}
.mrsv_navbar {
align-items: center;
background: #ffffff;
/*display: flex;*/
display: block;
flex-direction: row;
padding: 24px 25px;
box-shadow: 0 3px 8px 0 rgba(116, 129, 141, 0.1);
border-bottom: solid 1px #d4dbe9;
z-index: 3;
border-radius: 0px;
position: sticky;
top: 0;
/*transition: all 0.5s;*/
}
.logged_in_box {
/*background: linear-gradient(90deg, #76cc98 0%, #64bb86 100%);*/
display: block;
height: 67px;
position: relative;
text-align: right;
position: relative;
top: unset;
}
.mrsv_navbar_lite {
height: 67px;
}
.push-left {
/*margin-left: auto;*/
display: inline-block;
}
.top_nav_controller_blank {
background: transparent;
border: none;
cursor: pointer;
display: none;
outline: none;
height: 30px;
position: relative;
width: 30px;
z-index: 1000;
margin: 1px 0px -1px 0px;
}
/* Menu */
.top_nav_controller {
background: transparent;
border: none;
cursor: pointer;
display: none;
outline: none;
height: 30px;
position: relative;
width: 30px;
z-index: 1000;
margin: 1px 0px -1px 0px;
}
.mrsv_distribution_img_responsive {
display: none;
}
.mrsv_marketcap_img_responsive {
display: none;
}
.mrsv_overview_img_responsive {
display: none;
}
.mrsv_distribution_img {
width: 100%;
margin: 0px 0px 20px 0px;
display: inline-block;
}
.mrsv_distribution_img img {
height: 1100px;
}
.mrsv_marketcap_img img {
}
.mrsv_overview_img {
width: 100%;
max-width: 800px;
border-radius: 15px;
display: inline-block;
/*margin-top: 10px;
margin-bottom: 3%;*/
}
.mrsv_overview_img img {
width: 100%;
max-width: 672px;
}
.turquoise-tile {
padding: 20px 0px;
}
.green-tile {
/*padding: 20px 0px;*/
}
.mrsv_overview_img.turquoise-tile {
border: solid 1px rgba(0, 154, 185, 0.7);
/*background: rgba(242, 250, 252, 0.3);*/
}
.mrsv_overview_img.green-tile {
/*border: solid 1px rgba(83, 170, 117, 0.7);*/
/*background: rgba(239, 248, 243, 0.3);*/
}
.scanning_blockchain {
}
.scanning_blockchain:after {
overflow: hidden;
display: inline-block;
vertical-align: bottom;
-webkit-animation: ellipsis steps(4,end) 900ms infinite;
animation: ellipsis steps(4,end) 900ms infinite;
content: "\2026"; /* ascii code for the ellipsis character */
width: 0px;
}
@keyframes ellipsis {
to {
width: 1.25em;
}
}
@-webkit-keyframes ellipsis {
to {
width: 1.25em;
}
}
#btc_countdown_timer {
font-size: 60px;
font-weight: 100;
color: #000000;
line-height: 40px;
text-align: center;
border-radius: 25px;
display: inline-block;
position: relative;
border: solid 1px #dde3e6;
height: 130px;
padding: 6px 0px 4px 0px;
z-index: 1;
background: #ffffff;
width: 262px;
}
#btc_countdown_timer:after {
content: "";
position: absolute;
z-index: 0;
top: 0;
bottom: 0;
/* transform: translate(-50%); */
left: 50%;
border-left: solid 1px #dde3e6;
}
#btc_countdown_timer div {
display: inline-block;
min-width: 130px;
text-align: center;
margin: 26px 0px 0px 0px;
}
#btc_countdown_timer div span {
color: #000000;
display: block;
font-size: 18px;
font-weight: 400;
}
.countdown_notice {
display: inline-block;
position: relative;
background: #f5f6fb;
padding: 38px 10px 15px 10px;
font-size: 14px;
margin: -25px 0px 0px 0px;
z-index: 0;
width: 262px;
text-align: center;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.payment_form_input {
border: solid 1px #c9d4da !important;
border-radius: 5px !important;
font-size: 16px !important;
font-weight: 400;
height: 50px;
padding: 0px 10px 0px 10px !important;
width: 100%;
position: relative;
z-index: 1;
}
#payment-form label {
display: block;
}
/*.buy_crypto {
background: #76cc98 !important;
border-radius: 100px !important;
clear: both !important;
color: #ffffff !important;
cursor: pointer !important;
display: inline-block !important;
font-size: 20px !important;
font-weight: 400 !important;
margin-top: 5px !important;
padding: 14px 35px 18px 35px !important;
text-align: center !important;
width: 100% !important;
border: solid 1px #64bb86 !important;
box-shadow: 0 2px 5px 0 rgb(104,132,163,20%);
opacity: 1 !important;
}*/
.buy_crypto {
background: #76cc98 !important;
border-radius: 100px !important;
clear: both !important;
color: #ffffff !important;
cursor: pointer !important;
display: inline-block !important;
font-size: 20px !important;
font-weight: 400 !important;
margin-top: 5px !important;
padding: 14px 35px 18px 35px !important;
text-align: center !important;
border: solid 1px #64bb86 !important;
box-shadow: 0 2px 5px 0 rgb(104,132,163,20%);
opacity: 1 !important;
}
.send_tokens_box_container {
background: #ffffff;
border: solid 1px #dde3e6;
border-radius: 15px;
/*box-shadow: 0 3px 8px 0 rgb(116 129 141 / 10%);*/
display: inline-block;
padding: 25px;
text-align: left;
width: 100%;
max-width: 600px;
position: relative;
overflow: hidden;
}
/*.buy_crypto_credit_card_box_container {
background: #ffffff;
border: solid 1px #dde3e6;
border-radius: 15px;
box-shadow: 0 3px 8px 0 rgb(116 129 141 / 10%);
display: inline-block;
padding: 40px 50px 40px 50px;
text-align: left;
width: 100%;
max-width: 400px;
}*/
.buy_crypto_credit_card_box_container {
background: #ffffff;
border: solid 1px #dde3e6;
border-radius: 15px;
/*box-shadow: 0 3px 8px 0 rgb(116 129 141 / 10%);*/
display: inline-block;
padding: 40px 50px 40px 50px;
text-align: left;
width: 100%;
}
.security_code {
width: calc(50% - 5px);
}
.payment-error-message {
font-size: 14px;
background: rgb(226,231,238,50%);
padding: 10px 10px 8px 10px;
margin-top: -3px;
display: block;
}
#payment_terms {
display: none;
}
.contact_label_box i.visa.icon:after {
content: "Visa";
display: inline-block;
position: absolute;
color: #000000;
z-index: 1;
border: solid 1px #c9d4da;
background: #f7f8fb;
border-radius: 5px;
right: 11px;
top: 11px;
text-align: right;
padding: 5px 10px 4px 7px;
font-size: 14px;
z-index: 2;
}
.contact_label_box i.mastercard.icon:after {
content: "Mastercard";
display: inline-block;
position: absolute;
color: #000000;
z-index: 1;
border: solid 1px #c9d4da;
background: #f7f8fb;
border-radius: 5px;
right: 11px;
top: 11px;
text-align: right;
padding: 5px 10px 4px 7px;
font-size: 14px;
z-index: 2;
}
.contact_label_box i.discover.icon:after {
content: "Discover";
display: inline-block;
position: absolute;
color: #000000;
z-index: 1;
border: solid 1px #c9d4da;
background: #f7f8fb;
border-radius: 5px;
right: 11px;
top: 11px;
text-align: right;
padding: 5px 10px 4px 7px;
font-size: 14px;
z-index: 2;
}
.contact_label_box i.diners.icon:after {
content: "Diners Club";
display: inline-block;
position: absolute;
color: #000000;
z-index: 1;
border: solid 1px #c9d4da;
background: #f7f8fb;
border-radius: 5px;
right: 11px;
top: 11px;
text-align: right;
padding: 5px 10px 4px 7px;
font-size: 14px;
z-index: 2;
}
.contact_label_box i.american.icon:after {
content: "AMEX";
display: inline-block;
position: absolute;
color: #000000;
z-index: 1;
border: solid 1px #c9d4da;
background: #f7f8fb;
border-radius: 5px;
right: 11px;
top: 11px;
text-align: right;
padding: 5px 10px 4px 7px;
font-size: 14px;
z-index: 2;
}
.contact_label_box .ui {
display: block;
position: relative;
}
.current_payment_amount {
font-size: 20px;
padding-bottom: 10px;
}
.current_token_price_symbol {
font: 200 28px Roboto;
margin-bottom: -1px;
}
.current_crypto_price_symbol {
font: 200 28px Roboto;
margin-bottom: -1px;
}
.current_token_price_dollars {
}
.current_token_price_cc_dollars {
font-size: 35px;
}
.upper_dollar_sign {
font-size: 20px;
display: inline-block;
padding-top: 4px;
position: relative;
float: left;
}
.coming_soon {
font-size: 16px;
}
.complete_cc_transaction_text {
font-size: 18px;
}
@media screen and (max-width: 1370px) {
.mrsv_distribution_img img {
height: 1000px;
}
.mrsv_marketcap_img img {
}
.maison_reserve_brand img {
height: 37px;
}
.mrsv_overview_img img {
}
.maison_reserve_brand_welcome {
top: 3px;
}
.mrsv_navbar {
align-items: center;
background: #ffffff;
display: flex;
flex-direction: row;
padding: 11px 25px 9px 25px;
box-shadow: 0 3px 8px 0 rgb(116,129,141,10%);
border-bottom: solid 1px #d4dbe9;
z-index: 3;
border-radius: 0px;
position: sticky;
top: 0;
}
.logged_in_box {
/*background: linear-gradient(90deg, #76cc98 0%, #64bb86 100%);*/
display: block;
height: 67px;
position: relative;
text-align: right;
position: relative;
top: unset;
}
.logged_in_box {
height: 55px;
}
.logged_in_box_dark {
height: 55px;
}
.maison_reserve_brand {
top: 9px;
}
.responsive_brand_display {
top: 9px;
}
.responsive_brand img {
height: 37px;
}
.top_nav_controller {
display: inline-block;
}
.push-left {
margin-left: auto;
}
}
.top_nav_controller-line {
background: #000000;
height: 2px;
position: absolute;
left: 0;
transition: all 0.2s ease-out;
width: 100%;
}
.top_nav_controller:hover .top_nav_controller-line {
background: #000000;
}
.top_nav_controller-line-top {
top: 4px;
}
.menu-active .top_nav_controller-line-top {
top: 50%;
transform: rotate(45deg) translateY(-50%);
}
.top_nav_controller-line-middle {
top: 50%;
transform: translateY(-50%);
}
.menu-active .top_nav_controller-line-middle {
left: 50%;
opacity: 0;
width: 0;
}
.top_nav_controller-line-bottom {
bottom: 4px;
}
.menu-active .top_nav_controller-line-bottom {
bottom: 50%;
transform: rotate(-45deg) translateY(50%);
}
.nav-menu {
display: flex;
list-style: none;
margin: 0;
padding: 0;
transition: all 0.25s ease-in;
}
.mrsv_selection {
/*min-height:300px;*/
}
.pre_sale_action {
display: none;
}
.pre_sale_wrapper .cdi {
border: solid 1px #dde3e6;
border-radius: 5px;
color: #000;
display: inline-block;
margin: 0px 2px;
padding: unset;
text-align: center;
overflow: hidden;
}
.pre_sale_wrapper .countdown_digits {
background: #f5f6fb;
border: none;
border-radius: 0px;
color: #000;
display: block;
font-size: 45px;
height: 60px;
line-height: 62px;
padding: 0px;
text-align: center;
min-width: 90px;
}
.pre_sale_wrapper .cdi-lbl {
font-size: 14px;
padding: 7px;
border-top: solid 1px #dde3e6;
}
.pre_sale_wrapper .cdb {
padding: 0px 0px 19px 0px;
}
@media screen and (max-width: 1370px) {
.nav-menu {
background: #ffffff;
flex-direction: column;
justify-content: center;
/*opacity: 0;*/
display: none;
top: 53px;
right: 0;
bottom: 0;
left: 0;
text-align: center;
height: 100vh;
width: 100vw;
margin: 0;
padding: 0;
padding-top: 20px;
position: fixed;
}
.menu-active .nav-menu {
transform: translateY(0%);
/*opacity: 1;*/
display: block;
}
}
.nav-menu .menu-item a {
padding: 8px 14px 8px 14px;
cursor: pointer;
border-radius: 50px;
border: solid 2px #ffffff;
color: #000000;
font-size: 16px;
text-decoration: none;
white-space: nowrap;
}
.nav-menu .menu-item a:hover {
text-decoration: none;
border-color: #53aa75;
}
.nav-menu .menu-item .menu-item_active {
text-decoration: none;
border-color: #53aa75;
background: #ffffff;
}
@media screen and (max-width: 1370px) {
.nav-menu .menu-item a {
font-size: 16px;
display: inline-block;
margin: 1px;
text-align: center;
}
}
.nav__link:hover + .sub-nav {
display: block;
}
@media screen and (max-width: 1499px) {
.pre_sale_wrapper_title_left {
display: block;
font-family: sans-serif;
font-size: 4.5vw;
font-weight: 200;
line-height: 100%;
margin: 5vw 0px 0px 0px;
position: relative;
text-align: left;
}
.pre_sale_wrapper_explanation {
font-size: 20px;
margin: 26px 50px 0px 0px;
text-align: left;
}
.bold_text {
font-size: 30px;
font-weight: 400;
}
}
@media (max-width: 775px) {
}
@media screen and (max-width: 1077px) {
.navigation_container .swiper-wrapper {
}
.navigation_container .swiper-wrapper {
height: unset;
}
.navigation_container .swiper-slide {
font-size: 14px;
border-bottom: solid 1px #ffffff;
}
.navigation_container .swiper-slide-selected {
background-color: #ffffff;
border-bottom: solid 1px #01754b;
color: #01754b;
}
}
@media screen and (max-width: 1000px) {
/* .scent-preference {
width: calc(32% - 8px);
height: 325px;
margin: 10px;
float: left;
border: solid 1px #c8d0dd;
background-color: #FFFFFF;
border-radius: 10px;
text-align: center;
}*/
.result_dollar_value {
float: left;
font-size: 20px;
margin-top: 7px;
padding: 0px 1px 0px 0px;
}
.mr-step-title-number {
font-size: 6vw;
letter-spacing: 0px;
}
.profit-loss {
font-size: 38px;
}
.rewards_calculator_results_label {
font-size: 38px;
}
.act_today_title {
font-size: 36px;
line-height: 38px;
}
.crypto_available_selections {
/*max-width: 500px;*/
text-align: center;
}
.select_crypto_switch label {
}
}
@media (max-width: 850px) {
.navigation_container .swiper-slide {
border-bottom: solid 1px #ffffff;
}
.navigation_container .swiper-slide-selected {
background-color: #ffffff;
border-bottom: solid 1px #01754b;
color: #01754b;
}
}
@media screen and (max-width: 700px) {
.staking_frequency_group {
padding: 0px 25px 15px 25px;
}
.buy_crypto_box_referral {
margin-top: 25px;
padding: 0px 25px 50px 25px !important;
}
.buy_crypto_box .rate_chart_box {
display: block;
text-align: center;
padding: 20px 0px 0px 0px;
}
.buy_crypto_container_box {
padding: 20px 0px 30px 0px;
}
.referral_earning_data .content .collapsible_box {
font-size: 16px;
}
.contact_form_small_input {
width: 100%;
}
.sustainability_title {
font-size: 26px;
}
.act_today_title {
font-size: 36px;
line-height: 38px;
}
.body_wrapper {
padding: 0px 0px 0px 0px;
}
.body_wrapper_login {
padding: 15px 15px 50px 15px;
}
.login_container {
padding: 30px 25px 30px 25px;
}
.buy_crypto_box_container {
}
.buy_crypto_box {
padding: 0px;
}
.signup_box {
padding: 10px 25px 25px 25px;
}
.signup_box_container {
padding: 25px 25px 45px 25px;
}
.contact_form_container {
margin-top: 10px;
}
.current_token_price {
text-align: left;
font-size: 16px;
}
.reserve_tokens_title {
line-height: 38px;
padding-bottom: 5px;
}
.reserve_tokens_subtitle {
font-size: 16px;
line-height: 20px;
padding: 0px 0px 20px 0px;
}
.reserve_tokens_subtitle_referral {
padding: 0px 0px 0px 0px;
}
.switch-field label {
font-size: 17px;
}
.buy_crypto_credit_card_box_container .switch-field label {
font-size: 17px;
}
.send_tokens_box_container .switch-field label {
font-size: 17px;
}
.choose_dollar_amount {
font-size: 16px;
text-align: center;
}
.choose_token_amount {
font-size: 16px;
text-align: center;
}
.select_crypto_options {
font-size: 16px;
text-align: center;
}
.select_crypto_switch {
text-align: center;
}
.select_crypto_switch label {
}
.select_crypto_switch_right {
}
.nested_fields:nth-child(1) {
margin-right: 0px;
width: 100%;
}
span.togglePassword {
display: block;
text-align: right;
}
.nested_fields:nth-child(2) {
padding: 15px 0px 0px 0px;
width: 100%;
}
#password_rules ul {
padding: 0px 0px 0px 0px;
}
.password_rules_title {
font-size: 15px;
}
.password_rules li {
font-size: 14px;
}
.create_account {
width: 100%;
}
.our_commitment {
text-align: justify;
}
.body_wrapper_account {
padding: 0px;
}
.account_tab_btn {
font-size: 14px;
}
.account_tab_svg img {
height: 37px;
}
.invite_your_friends {
display: inline-block;
font-size: 18px;
max-width: 300px;
text-align: center;
}
.earn_cash {
font-size: 49px;
line-height: 46px;
padding: 3px 0px 0px 0px;
}
.paid_weekly {
font-size: 30px;
line-height: 36px;
}
.welcome_box {
font-size: 14px;
margin: 17px 10px 0px 0px;
}
.signout_button {
font-size: 14px !important;
margin: 7px 0px 0px 0px !important;
padding: 5px 15px 6px 15px !important;
}
.maison_reserve_table {
margin: 0 0 20px 0;
}
#staking-3 .maison_reserve_table {
margin: 0px;
}
.referral_note {
font-size: 14px;
padding: 0px;
}
.referral_earning_data .collapsible {
font-size: 16px;
line-height: 20px;
/*padding: 19px 25px 18px 65px;*/
}
.maison_reserve_wrapper {
}
.complete_transaction_text {
display: inline-block;
max-width: 320px;
text-align: center;
}
.account_tab_section_display {
padding: 0px 0px 25px;
}
.account_tab_section_display_padding {
padding: 0px 0px 25px;
}
.only_send_notice {
display: inline-block;
max-width: 300px;
position: relative;
}
.cdi {
border-radius: 5px;
margin: 0px 1px;
padding: 5px;
}
.countdown_digits {
border-radius: 5px;
color: #000;
font-size: 38px;
height: 56px;
line-height: 56px;
padding: 0px 9px;
}
.cdi-lbl {
font-size: 12px;
padding-top: 6px;
}
.send_crypto {
font-size: 18px;
}
.send_crypto_amount {
font: 400 22px Roboto;
}
.send_crypto_type {
font-size: 14px;
}
.send_crypto_to_friend_dollar_sum {
display: block;
font-size: 15px;
text-align: center;
}
.send_crypto_dollar_sum {
display: block;
font-size: 14px;
padding-bottom: 5px;
}
.send_payment_title {
font-size: 18px;
}
.transfer_erc20_button {
font-size: 16px !important;
padding: 10px 25px 10px 25px !important;
}
.stop_staking_button {
font-size: 16px !important;
padding: 10px 25px 10px 25px !important;
}
.welcome_box {
display: none;
}
.order_timeline_container_title {
font-size: 30px;
}
.order_timeline_container_text {
font-size: 16px;
padding: 0px 25px 15px 25px;
}
ul.tl li .item-title {
font-size: 16px;
padding-bottom: 5px;
font-weight: 400;
}
.checkbox .checkbox_label {
font-size: 14px;
}
.contact_label_box .checkbox .checkbox_label {
font-size: 16px;
}
.primary_address_label_box .checkbox_label {
font-size: 16px !important;
}
.select_crypto_switch {
max-width: 380px;
}
input.CopyReferralCode {
font-size: 25px;
}
.crypto_calculator_box {
padding: 25px 25px 45px 25px;
}
.form {
border-right: none;
float: none;
padding: 0px 0px 0px 0px;
width: 100%;
}
.calculator_container {
padding: 25px 25px 45px 25px;
}
.input-group {
display: block;
border-collapse: unset;
}
.result {
float: none;
font-size: 20px;
padding: 30px 0px 0px 0px;
width: 100%;
}
.rewards_group_double:nth-child(1) {
padding-right: 23px;
}
.rewards_group_double_right {
padding-left: 7px;
width: -webkit-calc(50% - 19px);
width: -moz-calc(50% - 19px);
width: calc(50% - 19px);
}
.profit_calculator_title {
font-size: 40px;
padding: 0px 0px 20px 0px;
line-height: 40px;
}
.profit-loss {
font-size: 45px;
}
.rewards_calculator_results_label {
font-size: 45px;
}
.act_today {
font-size: 16px;
line-height: 20px;
}
.maison_reserve_terms {
padding: 25px;
}
.faq_container {
padding: 10px 25px 45px 25px;
}
.faq_container .collapsible {
font-size: 16px;
line-height: 20px;
}
.faq_container .content span {
font-size: 16px;
}
.contact_form_container {
padding: 0px 25px 45px 25px;
}
.contact_box {
padding: 30px 25px 30px 25px;
}
.contact_submission_confirmation {
padding-top: 97px;
}
.submit_contact {
width: 100%;
}
.responsive_brand_display {
left: 22px;
}
.pre_sale_wrapper {
padding: 0px 25px 25px 25px;
}
.tagline_ad_left {
float: none;
padding: 0px;
width: 100%;
}
.maison_reserve_branding {
border: none;
display: inline-block;
height: 100%;
padding: 35px 51px 0px 51px;
width: 100%;
}
.tagline_ad_right {
float: none;
padding: 10px;
width: 100%;
}
.pre_sale_wrapper_title_left {
display: block;
font-size: 8.7vw;
font-weight: 400;
line-height: 105%;
margin: 0px 0px 0px 0px;
position: relative;
text-align: left;
}
.pre_sale_wrapper_explanation {
font-size: 17px;
margin: 26px 0px 0px 0px;
text-align: left;
line-height: 125%;
}
.bold_text {
font-size: 20px;
font-weight: 400;
}
.product_timeline_btn {
background-color: transparent;
border: none;
cursor: pointer;
font-size: 15px;
outline: none;
padding: 10px 7px 12px 7px;
}
.mrsv_contact_subtitle {
font-size: 16px;
line-height: 20px;
padding: 0px 0px 20px 0px;
}
.buy_tokens_order_button {
}
.profit_label {
font-size: 16px;
}
.result_dollar_value {
font-size: 22px;
margin-top: 8px;
}
.act_today_title {
font-size: 34px;
line-height: 36px;
padding: 0px 0px 10px 0px;
text-align: center;
text-transform: uppercase;
}
.account_signin_button {
font-size: 16px !important;
padding: 10px 25px 10px 25px !important;
}
}
.active_selection_option {
display: block;
}
.staking_industry_container {
display: grid;
grid-gap: 7px;
grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
margin: 0 auto;
max-width: 1400px;
text-align: center;
margin-bottom: 40px;
}
.staking_industry_icon_box {
position: relative;
}
.staking_industry_container .staking_industry_icon_box {
/* background-color: #ffffff;
border: 1px solid #dde3e6;
border-radius: 5px;
color: #000000;*/
display: inline-block;
font-size: 15px;
padding: 0px;
text-align: center;
width: 100%;
}
.select_staking_industry_label {
padding: 15px;
font-size: 16px;
}
.staking_industry_container img {
height: 54px;
}
.staking_industry_container svg {
height: 54px;
}
.staking_industry_icon {
display: block;
position: relative;
padding-top: 5px;
}
.staking_industry_label {
display: block;
position: relative;
padding-top: 5px;
}
.optional_categories {
display: block;
position: relative;
font-size: 22px;
font-weight: 400;
}
/*.staking_industry_icon_box:hover #aerospace-svg {
stroke: #53aa75;
}*/
svg #aerospace-svg, svg #agriculture-svg, svg #arts-svg, svg #automotive-svg, svg #oilgas-svg, svg #transportation-svg, svg #utilities-svg, svg #retail-svg, svg #financialservices-svg, svg #pharmaceutical-svg, svg #manufacturing-svg, svg #realestate-svg, svg #education-svg {
stroke: #000000;
fill: #fff;
}
svg #biotech-svg {
}
.staking_industry_icon_box input[type="checkbox"]:checked + label svg #aerospace-svg {
stroke: #6d53aa;
fill: #fff;
}
.staking_industry_icon_box input[type="checkbox"]:checked + label svg #agriculture-svg {
stroke: #6d53aa;
fill: #fff;
}
.staking_industry_icon_box input[type="checkbox"]:checked + label svg #arts-svg {
stroke: #6d53aa;
fill: #fff;
}
.staking_industry_icon_box input[type="checkbox"]:checked + label svg #automotive-svg {
stroke: #6d53aa;
fill: #fff;
}
.staking_industry_icon_box input[type="checkbox"]:checked + label svg #biotech-svg {
stroke: #6d53aa;
fill: #fff;
}
.staking_industry_icon_box input[type="checkbox"]:checked + label svg #education-svg {
stroke: #6d53aa;
}
.staking_industry_icon_box input[type="checkbox"]:checked + label svg #construction-svg {
stroke: #6d53aa;
fill: #fff;
}
.staking_industry_icon_box input[type="checkbox"]:checked + label svg #tourism-svg {
stroke: #6d53aa;
fill: #fff;
}
.staking_industry_icon_box input[type="checkbox"]:checked + label svg #renewableenergy-svg {
stroke: #6d53aa;
fill: #fff;
}
.staking_industry_icon_box input[type="checkbox"]:checked + label svg #hospitality-svg {
stroke: #6d53aa;
fill: #fff;
}
.staking_industry_icon_box input[type="checkbox"]:checked + label svg #government-svg {
stroke: #6d53aa;
fill: #fff;
}
.staking_industry_icon_box input[type="checkbox"]:checked + label svg #pharmaceutical-svg {
stroke: #6d53aa;
}
.staking_industry_icon_box input[type="checkbox"]:checked + label svg #healthcare-svg {
stroke: #6d53aa;
}
.staking_industry_icon_box input[type="checkbox"]:checked + label svg #manufacturing-svg {
stroke: #6d53aa;
}
.staking_industry_icon_box input[type="checkbox"]:checked + label svg #transportation-svg {
stroke: #6d53aa;
}
.staking_industry_icon_box input[type="checkbox"]:checked + label svg #oilgas-svg {
stroke: #6d53aa;
}
.staking_industry_icon_box input[type="checkbox"]:checked + label svg #realestate-svg {
stroke: #6d53aa;
}
.staking_industry_icon_box input[type="checkbox"]:checked + label svg #utilities-svg {
stroke: #6d53aa;
}
.staking_industry_icon_box input[type="checkbox"]:checked + label svg #retail-svg {
stroke: #6d53aa;
}
.staking_industry_icon_box input[type="checkbox"]:checked + label svg #financialservices-svg {
stroke: #6d53aa;
}
@media screen and (max-width: 1370px) {
/* .pre_sale_wrapper_title_left {
font-size: 4vw;
line-height: 100%;
margin: 10vh 0px 0px 0px;
}
.pre_sale_wrapper_explanation {
font-size: 22px;
}
.bold_text {
font-size: 32px;
}*/
.next_phase_price {
font-size: 40px;
}
.token_label {
margin-top: -2px;
padding-bottom: 35px;
}
}
.sizing_options {
display: block;
position: relative;
text-align: center;
padding-bottom: 5px;
}
* {
box-sizing: border-box;
}
.around_toggle *:before, .around_toggle *:after {
content: "";
position: absolute;
}
.around_toggle {
display: inline-block;
position: relative;
}
.around_toggle input {
height: 0px;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 0px;
}
.toggle-wrapper {
display: inline-block;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
}
.toggle {
position: relative;
display: inline-block;
}
.around_toggle_label_left {
display: inline-block;
position: relative;
font-size: 14px;
padding: 0px 7px;
float: left;
padding-top: 9px;
}
.around_toggle_label_right {
display: inline-block;
position: relative;
font-size: 14px;
padding: 0px 7px;
float: right;
padding-top: 9px;
}
label.toggle-item {
width: 67px;
background: #2e394d;
height: 30px;
display: inline-block;
border-radius: 50px;
margin: 0px;
position: relative;
transition: all 0.3s ease;
transform-origin: 20% center;
cursor: pointer;
}
label.toggle-item:before {
display: block;
transition: all 0.2s ease;
width: 20px;
height: 20px;
border-radius: 2em;
border: 2px solid #88cf8f;
transition: 0.3s ease;
}
.transparent label {
background: #eff8f3;
border: 1px solid #53aa75;
height: 34px;
}
.transparent label:before {
border: 1px solid #53aa75;
width: 20px;
height: 20px;
top: 5px;
left: 5px;
background: white;
}
#transparent:checked + label:before {
transform: translateX(33px);
}
@media screen and (max-width: 1170px) {
.texas_energy_metrics_box {
margin: -17% 0px 0px 0px;
}
.circle__inner {
left: 1px;
}
.mrsv_overview_img {
/*max-width: 90%;*/
}
.read_more_container {
cursor: pointer;
display: inline-block;
float: none;
margin-top: 40px;
position: relative;
}
.tagline_ad_left {
width: 100%;
display: block;
position: relative;
}
.maison_reserve_branding img {
width: 50vw;
}
.tagline_ad_right {
float: none;
padding: 10px 10px 20px 10px;
width: 100%;
max-width: 570px;
display: inline-block;
margin-top: 20px;
}
.pre_sale_wrapper_explanation {
margin: 26px 0px 0px 0px;
}
.pre_sale_wrapper_title_left {
display: block;
font-family: sans-serif;
font-size: 70px;
font-weight: 200;
line-height: 70px;
margin: 20px 0px 0px 0px;
}
.responsive_brand {
left: 22px;
/*
display: inline-block;
position: absolute;
*/
}
.mr_conversion_value {
font-size: 16px;
padding-top: 10px;
display: none;
}
.pre_sale_wrapper .around_countdown {
border: none;
border-radius: 10px;
box-shadow: none;
height: unset;
padding: 20px 0 50px 0;
/*background: linear-gradient( 0deg, #ffffff 0%, #f7f8fb 100%);*/
}
.pre_sale_ad_right {
width: 100%;
float: none;
padding-left: 0px;
}
.pre_sale_ad_right_active {
width: 100%;
float: none;
padding-left: 0px;
}
.pre_sale_ad_left {
width: 100%;
padding-top: 10px;
float: none;
}
.pre_sale_ad_ended {
padding-top: 20px;
}
.pre_sale_ad_left_ended {
padding-left: 0px;
}
.around_phase_one {
box-shadow: none;
float: none;
height: unset;
padding: 20px 0 30px 0;
width: 100%;
border: solid 1px #dde3e6;
border-radius: 15px;
margin-bottom: 20px;
}
.around_phase_two {
box-shadow: none;
float: none;
height: unset;
padding: 20px 0 30px 0;
width: 100%;
border: solid 1px #dde3e6;
border-radius: 15px;
margin-bottom: 20px;
}
.next_phase_label {
font-size: 20px;
padding-bottom: 0px;
}
.next_phase_price {
font-size: 42px;
line-height: 43px;
}
.token_label {
margin-top: 1px;
padding-bottom: 25px;
}
.pre_sale_ad_right {
width: 100%;
float: none;
padding-left: 0px;
}
.pre_sale_ad_right_active {
width: 100%;
float: none;
padding-left: 0px;
}
.buy_future_tokens_order_button {
border: solid 1px #dde3e6;
color: #000000;
display: inline-block;
width: 200px;
}
.pre_sale_action {
display: block;
position: relative;
}
.mrsv_distribution_img img {
height: 600px;
}
.mrsv_marketcap_img img {
}
.mrsv_overview_img img {
}
.mrsv_distribution_img_responsive {
display: none;
padding: 0px 0px 35px 0px;
}
.mrsv_marketcap_img_responsive {
display: none;
padding: 0px 0px 35px 0px;
}
.mrsv_overview_img_responsive {
display: none;
padding: 0px 0px 35px 0px;
}
.mrsv_distribution_img_responsive img {
}
.mrsv_distribution_img_responsive_box {
background: rgb(255,255,255);
border-radius: 15px;
border: solid 1px #dde3e6;
padding: 25px 0px;
}
.tokenomics_box {
display: inline-block;
position: relative;
text-align: left;
margin: 30px 50px 0px 50px;
max-width: 500px;
}
.tokenomics_percent {
font-size: 42px;
font-weight: 400;
line-height: 42px;
}
.tokenomics_presell {
font-size: 20px;
font-weight: 400;
}
.tokenomics_details {
font-size: 16px;
padding-top: 5px;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 285px;
}
.Maison_Wallet_App_Preview_Box .swiper-pagination {
bottom: 0px;
}
}
@media screen and (max-width: 1000px) {
.actively_staking .staking_industry_container {
min-width: 80%;
display: inline-grid;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 285px;
}
.Maison_Wallet_App_Preview_Box .swiper-pagination {
bottom: 0px;
}
.inside_individual_product_shopping_box {
margin-top: -25px;
}
.mr-step-title {
font-size: 2.5vw;
padding: 0px 15%;
}
.mr-step-sub-title {
font-size: 2.4vw;
padding: 2px 0 0 0;
}
.sustainability_container {
max-width: 370px;
margin: 20px auto;
padding: 0 25px;
width: 100%;
display: grid;
/* Define Auto Row size */
/*grid-auto-rows: 100px;*/
/*Define our columns */
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-gap: 1em;
}
}
@media screen and (max-width: 900px) {
.add_new_listing_btn {
font-size: 16px !important;
padding: 9px 25px 9px 25px !important;
}
.green_energy_box {
padding: 30px 0px;
border-top: solid 1px #dde3e6;
}
.starting_in_texas_print {
padding: 0px 25px 30px 25px;
}
.green_energy_sources_line_box {
display: none;
}
.featured_on {
grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
border-left: none;
border-right: none;
}
.inside_individual_product_shopping_box {
margin-top: -15px;
}
.turquoise-tile {
padding: 0px;
}
.green-tile {
/*padding: 0px;*/
}
}
@media screen and (max-width: 1450px) {
.staking_industry_container {
max-width: 700px;
}
}
@media screen and (max-width: 700px) {
.my_account_button_light_gray {
font: 400 14px Roboto;
padding: 8px 16px 8px 16px !important;
line-height: 1.17648;
}
.account_button_light_gray {
font: 400 14px Roboto;
padding: 8px 16px 8px 16px !important;
line-height: 1.17648;
}
.my_account_button_light_green {
font: 400 14px Roboto;
padding: 8px 16px 8px 16px !important;
line-height: 1.17648;
}
.address_button_group .my_account_button_light_gray {
font: 400 16px Roboto;
padding: 9px 25px 9px 25px !important;
line-height: 1.17648;
}
.address_button_group .my_account_button_light_green {
font: 400 16px Roboto;
padding: 9px 25px 9px 25px !important;
line-height: 1.17648;
}
.time_to_switch {
font-size: 9.8vw;
}
.read_more_container {
cursor: pointer;
display: inline-block;
float: none;
margin-top: 25px;
position: relative;
}
.sustainability_subtitle {
font-size: 16px;
line-height: 25px;
max-width: 600px;
}
.sustainability_box_title {
font-size: 20px;
font-weight: 400;
padding: 10px 0px;
}
.Maison_Wallet_App_Title_Box {
font-size: 16px;
padding: 35px 0px 0px 0px;
margin-bottom: -20px;
}
.Maison_Wallet_App_Title {
font-size: 26px;
font-weight: 400;
}
.Maison_Wallet_App_Preview_Box .swiper-container {
padding-top: 40px;
padding-bottom: 30px;
}
.available_soon {
font-size: 16px;
}
.welcome_text {
font: 400 22px Roboto;
}
.back-arrow-position {
font: 400 24px Roboto;
}
.maison_reserve_brand_welcome {
top: 3px;
}
.maison_tokens_label {
font-size: 16px;
}
.currently_being_staked {
font-size: 16px;
}
.thank_you_once_validated {
font-size: 16px;
}
.corner-ribbon {
width: 200px;
/*background: #e43;*/
position: absolute;
top: 25px;
left: -50px;
text-align: center;
line-height: 50px;
letter-spacing: 1px;
color: #FFFFFF;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
display: inline-block;
}
.corner-ribbon.top-right {
top: 31px;
right: -55px;
font-size: 12px;
line-height: 28px;
}
.featured_in_the_news {
display: block;
}
.actively_staking .staking_industry_container {
min-width: 100%;
display: inline-grid;
}
#timeline .timeline_container {
padding-top: 0px;
}
/*
.mrsv_overview_img {
display: none;
}
*/
.mrsv_distribution_img_responsive {
display: inline-block;
padding: 0px 0px 0px 0px;
/*background: #f7f8fb;
border-top-left-radius: 30px;
border-top-right-radius: 30px;*/
}
.mrsv_distribution_img {
display: none;
}
.mrsv_distribution_img_responsive img {
height: 1080px;
}
.mrsv_marketcap_img_responsive {
display: inline-block;
padding: 0px 0px 0px 0px;
/*background: #f7f8fb;
border-top-left-radius: 30px;
border-top-right-radius: 30px;*/
}
.mrsv_overview_img_responsive {
display: block;
padding: 10px 0px 0px 0px;
position: relative;
/*background: #f7f8fb;
border-top-left-radius: 30px;
border-top-right-radius: 30px;*/
}
.mrsv_overview_img_responsive img {
height: 1500px;
}
.mrsv_marketcap_img {
display: none;
}
.mrsv_marketcap_img_responsive img {
height: 400px;
}
.tokenomics_box {
display: block;
position: relative;
text-align: left;
margin: 30px 50px 0px 50px;
}
.pre_sale_wrapper .pre_sale_wrapper_title_left {
display: block;
font-size: 9.5vw;
font-weight: 200;
font-family: sans-serif;
line-height: 105%;
margin: 0px 0px 0px 0px;
position: relative;
text-align: left;
}
.pre_sale_wrapper .tagline_ad_right {
float: none;
padding: 10px;
width: 80vw;
display: inline-block;
margin-top: 20px;
}
.pre_sale_wrapper .around_countdown {
border: none;
border-radius: 10px;
box-shadow: none;
height: unset;
padding: 20px 0 50px 0;
/*background: linear-gradient( 0deg, #ffffff 0%, #f7f8fb 100%);*/
}
.pre_sale_wrapper .round_one_label {
font-size: 22px;
padding: 0px 0px 15px 0px;
}
.pre_sale_wrapper .cdi {
border-radius: 5px;
margin: 0px 1px;
padding: 0px;
overflow: hidden;
}
.pre_sale_wrapper .countdown_digits {
border-radius: 0px;
color: #000;
font-size: 35px;
height: 50px;
line-height: 52px;
border: none;
display: block;
min-width: 70px;
}
.pre_sale_wrapper .cdb {
padding: 0px 0px 20px 0px;
}
.pre_sale_wrapper .cdi-lbl {
font-size: 12px;
padding: 5px 0px;
border-top: solid 1px #dde3e6;
min-width: 67px;
}
.read_more {
border: solid 1px transparent;
border-radius: 100px;
float: left;
height: 40px;
width: 40px;
}
.arrow_down {
border-color: #000000;
border-style: solid;
border-width: 0px 2px 2px 0px;
box-sizing: border-box;
display: inline-block;
height: 12px;
margin-top: 14px;
transform: rotate( 45deg );
transition: border-width 150ms ease-in-out;
width: 12px;
}
.read_more::after {
border-left: solid 2px #000;
content: "";
display: inline-block;
height: 16px;
left: 24px;
position: absolute;
top: 10px;
}
.view_timeline {
display: inline-block;
float: left;
padding: 10px 18px 0px 5px;
position: relative;
font-size: 16px;
}
.mrsv_tokenomics_subtitle {
font-size: 16px;
line-height: 20px;
padding: 0px 0px 0px 0px;
display: inline-block;
max-width: 300px;
}
.mrsv_timeline_subtitle {
display: inline-block;
font-size: 16px;
line-height: 20px;
padding: 0px 0px 20px 0px;
max-width: 350px;
}
.mrsv_marketcap_subtitle {
display: inline-block;
font-size: 16px;
line-height: 20px;
padding: 0px 0px 20px 0px;
max-width: 350px;
position: relative;
z-index: 1;
}
.mrsv_distribution_container_left_title {
line-height: 26px;
padding-bottom: 0px;
padding-top: 0px;
font-size: 26px;
font-weight: 400;
position: relative;
z-index: 1;
}
#timeline .order_timeline_container_title {
font-size: 26px;
padding-top: 10px;
}
.faq_title {
font-size: 26px;
margin: 0px 0px 25px 0px;
padding-top: 0px;
}
.profit_calculator_title {
font-size: 26px;
padding: 0px 20px 20px 20px;
line-height: 28px;
}
.mrsv_contact_container_title {
font-size: 26px;
}
.reserve_tokens_title {
line-height: 28px;
padding-bottom: 5px;
font-size: 26px;
}
.mrsv_tokenomics_container {
padding: 25px;
}
.mrsv_overview_container {
padding: 10px 0px 25px 0px;
}
.mrsv_distribution {
padding: 0px 0px 0px 0px;
}
#how-it-works {
margin-bottom: -50px;
padding-top: 75px;
}
#tokenomics {
margin-bottom: -50px;
}
#market-cap {
margin-bottom: -50px;
}
#calculator {
margin-bottom: -50px;
}
#buy-tokens {
margin-bottom: -50px;
}
#timeline {
margin-bottom: -50px;
}
#pre-sell {
margin-bottom: -32px;
}
#faq {
margin-bottom: -50px;
}
.around_phase_one {
box-shadow: none;
float: none;
height: unset;
padding: 10px 0 15px 0;
width: 100%;
border: solid 1px #dde3e6;
border-radius: 15px;
margin-bottom: 20px;
}
.token_label {
margin-top: 1px;
padding-bottom: 10px;
}
.buy_future_tokens_order_button {
border: solid 1px #dde3e6;
color: #000000;
display: inline-block;
width: 200px;
font-size: 14px;
height: unset;
padding: 10px 10px 10px 10px;
}
.around_phase_two {
box-shadow: none;
float: none;
height: unset;
padding: 10px 0 15px 0;
width: 100%;
border: solid 1px #dde3e6;
border-radius: 15px;
margin-bottom: 20px;
}
.account_tab_section .pre_sale_wrapper {
padding: 0px;
margin: 0px;
display: block;
position: relative;
}
.account_tab_section .cdb {
padding: 0px 0px 0px 0px;
}
#faq .maison_reserve_row.maison_reserve_header_white {
font-size: 16px;
}
.overview_responsive_box {
z-index: 1;
display: block;
position: relative;
}
.overview_responsive_box_overlay {
display: block;
position: absolute;
border-top: solid 1px #dde3e6;
border-bottom: solid 1px #dde3e6;
top: -158px;
left: 0;
width: 100%;
height: 1709px;
background: linear-gradient( 0deg, #f7f8fb 0%, #f7f8fb 100%);
/* box-shadow: inset 0 5px 0 rgb(221 227 230 / 30%);*/
}
.stake_overview_box {
font-size: 16px;
}
.cell_alignment_left {
max-width: 130px;
}
.interest_earned_number {
font: 400 20px Roboto;
}
.buy_crypto_credit_card_box_container {
padding: 30px 25px 30px 25px;
}
.send_tokens_box_container {
padding: 25px;
}
.three_steps_referral {
margin-top: 10px;
}
.interest_earned_container {
margin-top: -20px;
}
.no_referrals {
margin-top: -20px;
}
.featured_on_label_text {
font-size: 18px;
max-width: 250px;
display: inline-block;
text-align: center;
}
.featured_on {
border-left: none;
border-right: none;
background: linear-gradient( 0deg, #f7f8fb 0%, #f7f8fb 100%);
}
.staking_industry_container {
max-width: 325px;
}
.stake_decision {
padding: 0px 25px;
}
.welcome_area {
padding: 25px 25px 20px 25px;
}
.crypto-title-area {
padding: 25px 0px 20px 0px;
}
.sell_mrsv_crypto .welcome_area {
padding: 25px 0px 20px 0px;
}
.active_stake_decision_option {
padding: 0px 25px;
}
.sell_mrsv_crypto {
padding: 0px 25px;
}
.send_crypto_container_box {
padding: 0px 25px;
}
.maison_rate_chart_box {
border: none;
border-top: solid 1px #dde3e6;
border-bottom: solid 1px #dde3e6;
border-radius: 0px;
}
.complete_cc_transaction_text {
font-size: 16px;
max-width: 350px;
display: inline-block;
}
.paybutton .buy_crypto {
font-size: 18px !important;
padding: 10px 25px 10px 25px !important;
}
.login_container_title {
font-size: 20px;
}
#timeline .product_preview_title_headline {
font-size: 26px;
}
.product_preview_tiles_container .product_preview_title_headline {
font-size: 26px;
}
.product_preview_box_title .mrsv_timeline_subtitle {
max-width: 80%;
}
.product_preview_box_title {
margin: 0px 0px -7% 0px;
pointer-events: none;
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,14px));
height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,14px));
}
.maison_reserve_branding img {
width: 65vw;
}
}
@media screen and (max-width: 750px) {
.navigation_container .swiper-wrapper {
justify-content: unset;
}
}
@media screen and (max-width: 600px) {
.select_amount_to_send {
font-size: 18px;
}
.current_liquidity_price {
font-size: 14px;
}
.live_chart_rates_timeframe .switch-field {
gap: 0px;
}
#liquidity-pool-pie {
padding: 0px 0px 0px 0px;
}
.live_chart_rates_container {
margin: 0px 0px 0px 0px;
}
.current_token_price {
padding: 10px 0px 5px 0px;
}
.current_token_price_symbol {
font: 200 26px Roboto;
margin-bottom: -2px;
}
.current_crypto_price_symbol {
font: 200 20px Roboto;
margin-bottom: -2px;
}
.interval_price_up span {
font-size: 12px;
}
.interval_price_down span {
font-size: 12px;
}
.live_balance_container {
padding: 25px 0px 0px 0px;
text-align: center;
position: relative;
display: block;
}
.live_balance_crypto {
font-size: 14px;
}
.crypto_wallets_option_box {
padding: 0px 0px 60px 0px;
width: 100%;
min-width: 325px;
display: inline-block;
}
.crypto_wallets_option_box .maison_accordion_item {
border: none;
border-bottom: solid 1px #dde3e6;
border-radius: 0px;
margin: 0px 0px 0px 0px;
}
.crypto_wallets_option_box .maison_accordion {
border-top: solid 1px #dde3e6;
}
.crypto_wallets_option_box .maison_accordion_header {
padding: 20px 25px;
}
.crypto_wallets_option_box .maison_accordion_item > .maison_accordion_header:after {
right: 23px;
}
.built_in_maison_wallet {
padding: 13px 25px;
}
.user_created_wallets_box {
padding: 0px 25px 0px 25px;
}
}
@media screen and (max-width: 550px) {
.price-simulator-how-much-buying {
font-size: 18px;
padding: 0px 0px 0px 0px;
}
.dividend-schedule-container .dividend-history-container {
font-size: 14px;
}
.dividend-schedule-container .dividend-history-header {
font-size: 14px;
}
.dividend-schedule-container .dividend-history-content {
font-size: 14px;
}
.liquidity-details-status {
top: 12px;
font-size: 10px;
line-height: 20px;
padding: 0px 12px;
}
.first-dividend-date {
padding: 15px 45px;
}
.first-dividend-date {
font-size: 14px;
}
.first-dividend-date-1-month-ahead {
display: block;
font-size: 18px;
font-weight: 400;
}
.funding-method-format .billing-options .global-custom-radio {
padding: 6px 20px 6px 20px;
font-size: 14px;
}
.liquidity-provider-action, input.liquidity-provider-action[type="submit"] {
font: 400 14px Roboto !important;
padding: 8px 20px 8px 20px !important;
line-height: 1.17648;
}
.dividend-history-content {
}
.liquidity-answer {
font-size: 16px;
}
.select-term-energy-liquidity-box-middle span:nth-of-type(1) {
font-size: 26px;
line-height: 27px;
}
.global-custom-radio-text-bank span {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 210px;
display: block;
position: relative;
}
.select-term-energy-liquidity-box-bottom {
font-size: 11px;
}
.energy-source-selection-tile-box-details span:nth-of-type(1) {
font-weight: 400;
font-size: 14px;
}
.default-wallet-balance {
display:block;
position:relative;
}
.staking-pair-box .amount {
font-size: 18px;
margin: 5px 0px 7px 0px;
}
.staking-pair-name {
font-size: 14px;
}
#qr-modal .send-crypto-box {
min-height: 600px;
}
#qr-modal .swiper-pagination-bullets {
}
#qr-modal .crypto-title-area {
padding: 25px 25px 20px 25px;
}
#qr-modal .swiper-horizontal {
padding: 0px 25px;
}
#confirm-error-amount {
font-size: 14px;
padding: 0px 0px 0px 0px;
font-weight: 200;
}
#confirm-error-address {
font-size: 14px;
padding: 0px 0px 0px 0px;
font-weight: 200;
}
.send-crypto-blockchain-icon img {
min-height: 66px;
min-width: 59px;
max-height: 60px;
max-width: 59px;
position: relative;
display: inline-block;
}
.max-button {
padding: 4px 8px 5px 8px;
font-size: 12px;
border-radius: 5px;
cursor: pointer;
font-weight: 400;
color: #000000;
display: inline-flex;
position: absolute;
top: 12px;
right: 15px;
background: #f5f6fb;
border: 1px solid #c8d0dd;
}
.create_account_btn_box {
text-align:center;
display:block;
}
.profile_navigation_option_group_title {
font-size: 18px;
}
#send-crypto-step-3 > div:nth-of-type(2) {
font-size: 16px;
padding: 0px 50px 25px 50px;
}
.crypto_activity_framework > div:nth-of-type(2) > span:nth-of-type(2) {
font-size: 12px;
}
.crypto_activity_framework > div:nth-of-type(3) > span:nth-of-type(2) {
font-size: 12px;
}
#send-crypto-step-3 {
}
.wallets_send_modal .crypto_wallet_modal {
max-width: 500px;
min-height: 602px;
}
.swiperSendCrypto .modal_select_wallet_balance_box {
font-size: 12px;
margin-top:-12px;
}
.send_from_address {
font-size: 14px;
}
.swiperSendCrypto .modal_wallet_balance_dollar {
font-size: 25px;
}
.swiperSendCrypto .modal_wallet_balance_crypto {
font-size: 14px;
}
.swiperSendCrypto .live_balance_dollars {
font-size: 30px;
}
#increment {
}
.buy_sell_options > div:nth-of-type(1), .buy_sell_options > div:nth-of-type(2) {
font-size: 14px;
padding: 8px 20px 8px 20px;
}
.me_lp_container_box_container div:nth-child(2) {
font-size: 24px;
}
.validated_address_box_container {
font-size: 14px;
}
.address_box_container {
font-size: 14px;
}
.card-box-container {
font-size: 14px;
}
.my_account_button_light_gray {
font: 400 14px Roboto;
padding: 7px 16px 7px 16px !important;
line-height: 1.17648;
}
.account_button_light_gray {
font: 400 14px Roboto;
padding: 7px 16px 7px 16px !important;
line-height: 1.17648;
}
.my_account_button_light_green {
font: 400 14px Roboto;
padding: 7px 16px 7px 16px !important;
line-height: 1.17648;
}
.exchange_box_container_inside_left {
padding: 10px 0px 10px 15px;
}
.exchange_box_container_inside_left_amount {
font-size: 16px;
}
.exchange_box_container_inside_right {
padding: 0px 15px 0px 0px;
font-size: 16px;
}
.nested_exchange_box_container_btm_amount {
font: 400 18px Roboto;
}
.dollar_proceeds {
font-size: 12px;
padding: 0px 0px 2px 0px;
}
.nested_exchange_box_container .switch-field label {
padding: 15px 0px;
}
.your_balance_send_to_friend {
font-size: 16px;
}
.exchange_liquidity_button_container .my_account_button_light {
font: 400 14px Roboto;
padding: 7px 20px 7px 20px !important;
line-height: 1.17648;
}
.my_account_button_light {
font: 400 14px Roboto;
padding: 7px 20px 7px 20px !important;
line-height: 1.17648;
}
.my_account_button, input.my_account_button[type="submit"] {
font: 400 14px Roboto !important;
padding: 8px 20px 8px 20px !important;
line-height: 1.17648;
}
.address_button_group .my_account_button_light_gray {
font: 400 14px Roboto;
padding: 7px 20px 7px 20px !important;
line-height: 1.17648;
}
button.my_account_button.spinning {
padding-right: 45px !important;
}
button.liquidity-provider-action.spinning {
padding-right: 45px !important;
}
.liquidity-provider-action.spinning:after {
right: 21px;
top: calc(50% - 0px);
}
.liquidity-provider-action.spinning:before {
right: 21px;
top: calc(50% - 11px);
}
.maison_accordion_item > .maison_accordion_header:after {
top: 28px;
}
.crypto_wallet_framework > div:nth-of-type(2) {
font-size: 14px;
}
.crypto_activity_framework > div:nth-of-type(2) > span:nth-of-type(1) {
font-size: 14px;
}
.crypto_activity_framework > div:nth-of-type(3) > span:nth-of-type(1) {
font-size: 14px;
}
.dollar_superscript {
padding: 5px 0px 0px 0px;
}
.live_balance_dollars {
font-size: 30px;
}
#chart-date-range label {
padding: 6px 7px 5px 7px;
font-size: 12px;
}
.lp_chart_labels_data {
display: inline-block;
text-align: left;
padding: 18px 0px 0px 107%;
line-height: 15px;
}
.lp_chart_labels {
border-bottom: dashed 1px #53aa75;
height: 25px;
width: 20%;
position: absolute;
right: 25%;
}
.lp_chart_labels_data_percent {
font-size: 20px;
font-weight: 400;
}
.lp_chart_labels_data_dollars {
font-size: 12px;
}
#liquidity-pool-pie {
padding: 10px 0px 0px 0px;
}
.liquidity_pool_dollar_balance {
font-size: 35px;
font-weight: 400;
text-align: center;
display: block;
}
.liquidity_pool_total_balance {
font-size: 12px;
text-align: center;
padding-top: 10px;
margin-bottom: -2px;
}
.qr_overlay_box_2 img {
width: 55px;
}
.crypto_wallet_dollar_balance {
font-size: 26px;
font-weight: 400;
text-align: center;
display: block;
}
.crypto_wallet_modal .crypto_wallet_flex_container {
font-weight: 400;
}
.crypto_wallet_modal .maison_accordion_header {
padding: 12px 0px;
}
.crypto_wallet_modal .maison_accordion_body {
font-size: 14px;
text-align: left;
padding: 0px 0px 12px 10px;
}
.crypto_wallet_modal {
/*max-width: 304px;*/
min-width: 310px;
width: 100%;
}
.wallets_qr_code .crypto_wallet_modal {
max-width: 304px;
}
#qr-modal .crypto_wallet_modal {
max-width: 400px;
}
.crypto_wallet_selected span:last-of-type {
font-weight: 400;
font-size: 18px;
}
.help-tip:before {
font-family: sans-serif;
}
.crypto_address_box {
padding: 4px 20px 0px 7px;
}
.crypto_address_balance {
padding: 0px 0px 0px 0px;
}
.help-tip {
position: absolute;
top: calc(50% - 0px);
left: 116px;
transform: translate(-50%, -50%);
margin: auto;
text-align: center;
border: 1px solid #dde3e6;
border-radius: 50%;
width: 18px;
height: 18px;
font-size: 11px;
line-height: 16px;
cursor: help;
background: #FFFFFF;
z-index: 1;
}
.crypto_wallet_holder {
min-height: 53px;
}
.crypto_address_balance {
font-size: 14px;
}
.crypto_wallet_icon_flex_item img {
margin: -8px 10px -10px 0px;
width: 47px;
}
.wallet_import_error {
font-size: 14px;
}
.help-tip p {
font-size: 12px;
line-height: 16px;
}
.help-tip {
}
button.standard_account_import_button {
font: 400 14px Roboto;
padding: 8px 18px 8px 18px;
line-height: 1.17648;
}
.standard_account_import_button.spinning:after {
right: 16px;
top: calc(50% - 1px);
}
.standard_account_import_button.spinning:before {
right: 16px;
top: calc(50% - 1px);
}
.standard_account_import_button.spinning {
padding-right: 40px;
}
.my_account_button.spinning:after {
right: 16px;
top: calc(50% - 2px);
}
.my_account_button.spinning:before {
right: 16px;
top: calc(50% - 2px);
}
button.my_account_button.spinning:before {
right: 19px;
top: calc(50% - 2px);
}
.my_account_button.spinning {
padding-right: 40px;
}
.crypto_address_loading {
font-size: 14px;
}
.modal_icon img {
width: 47px;
}
.modal_section_import_title {
font-size: 16px;
}
.maison_privateKey_tab label {
padding: 10px 10px;
}
.import_privatekey {
font-size: 14px;
}
.import_secretphrase {
font-size: 14px;
}
.modal_notice {
font-size: 12px;
}
.maison_privateKey_tab {
font-size: 14px;
}
.modal_address_table .modal_address_cell:nth-child(2) {
width: 83px;
text-align: right;
}
.modal_crypto_address {
font-size: 13px;
padding-right: 0px;
}
.crypto_address {
/*width: 5ch;*/
display: inline-block;
position: relative;
font-size: 14px;
text-align: left;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
cursor: pointer;
}
.crypto_address_trim {
display: inline-block;
}
.crypto_wallet_flex_item .copy_clipboard {
max-width: 104px;
}
.built_in_wallet_label {
font-size: 16px;
}
.user_created_wallets_label {
font-size: 16px;
}
.standard_account_button {
font: 400 14px Roboto;
line-height: 1.17648;
vertical-align: middle;
background: #01754b !important;
border-radius: 100px !important;
clear: both !important;
color: #ffffff !important;
cursor: pointer !important;
display: inline-block !important;
padding: 8px 20px 8px 20px !important;
text-align: center !important;
/*
border: solid 1px #64bb86 !important;
box-shadow: 0 2px 5px 0 rgb(104,132,163,20%);
*/
}
.standard_account_button_light {
font: 400 14px Roboto;
line-height: 1.17648;
vertical-align: middle;
background: #ffffff !important;
border-radius: 100px !important;
clear: both !important;
color: #01754b !important;
cursor: pointer !important;
display: inline-block !important;
padding: 7px 19px 7px 19px !important;
text-align: center !important;
border: solid 1px #01754b;
/*
border: solid 1px #64bb86 !important;
box-shadow: 0 2px 5px 0 rgb(104,132,163,20%);
*/
}
.crypto_wallet_count_label {
font-size: 12px;
width: 70px;
text-align: left;
}
.crypto_wallet_type {
font-size: 16px;
}
.crypto_wallet_count {
font-size: 20px;
}
.crypto_wallet_type_balance {
font-size: 14px;
}
.crypto_brand_box {
font-size: 12px;
}
.my_profile_settings_options_icon img {
height: 33px;
}
.my_profile_settings_options_label {
padding: 0px 0px 0px 41px;
font-size: 16px;
font-weight: 400;
display: inline-block;
position: relative;
}
.filter_icon {
top: -1px;
}
.filter_icon img {
width: 20px;
}
.filter_label {
font-size: 16px;
font-weight: 400;
}
.top_reasons_to_love_top_title {
font-size: 27px;
font-weight: 400;
max-width: 350px;
}
.love_maison_description {
font-size: 18px;
}
.top_reasons_to_love_title {
font-size: 20px;
}
.love_maison_box {
}
.texas_energy_metrics_box {
margin: 0px 0px 0px 0px;
}
.maison_texas_energy_app_preview {
display: none;
}
.maison_texas_energy_app_preview_mobile {
display: inline-block;
width: 100%;
max-width: 450px;
}
.left_tile_green_energy {
width: 100%;
}
.right_tile_green_energy {
width: 100%;
}
.green_arrow_box {
top: 0px;
transform: rotate(90deg);
}
.green_energy_sources_cards {
overflow: hidden;
margin: 0 auto;
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
padding: 0px 25px;
}
.get_cash_back {
font-size: 18px;
}
.creative_metrics {
font-size: 14px;
line-height: 18px;
}
.login_container_subtitle {
font-size: 16px;
line-height: 18px;
padding: 5px 0px 30px 0px;
}
.featured_on {
grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
}
.streaming_chart {
min-height: 280px;
}
.highcharts_tooltip {
padding: 3px 0px 0px 0px;
font-size: 14px;
}
.current_token_price_dollars {
}
.floating_dollar {
font-size: 15px;
margin-top: 4px;
}
.liquidity_pool_listing {
padding: 12px 15px 0px 15px;
height: 60px;
margin-bottom: 5px;
}
.liquidity_pool_listing_best_offer {
height: 77px;
padding: 20px 15px 0px 15px;
}
.best_offer_rate {
left: 15px;
font-size: 12px;
}
.lp_price_value {
font-size: 25px;
}
.lp_x {
line-height: 32px;
font-size: 19px;
padding: 0px 0px 0px 20px;
margin-right: -35px;
}
.lp_tokens {
margin-top: 0px;
width: 120px;
line-height: 18px;
}
.lp_tokens_value {
font-size: 18px;
}
.lp_tokens span {
font-size: 14px;
}
.individual_current_token_price_dollars span {
font-size: 14px;
}
.individual_rate_metrics {
display: inline-block;
padding: 0px 18px;
}
.top_offers_title_text {
font-size: 20px;
}
}
@media screen and (max-width: 450px) {
.liquidity-position-amount {
text-align: center;
padding: 20px 0px 20px 0px;
display: block;
position: relative;
line-height: 24px;
}
.liquidity-position-dollar-amount {
font-size: 26px;
font-weight: 400;
}
.liquidity-position-date-box span {
display: block;
font-size: 17px;
font-weight: 400;
}
.select-term-energy-liquidity-box-top span:nth-of-type(1) {
font-weight: 400;
display: block;
font-size: 18px;
}
.liquidity-allocated div:nth-of-type(1) {
font-size: 28px;
font-weight: 400;
}
.fuel-type-svg img {
height: 50px;
width: 50px;
}
.energy-liquidity-level-1 {
font-size: 18px;
font-weight: 400;
}
.global-custom-radio-text-bank span {
max-width: 150px;
}
.send_crypto_content_box [class^=swiper-button-] {
margin-top: -11px;
}
.send-crypto-icon-box img {
width: 45px;
}
.receive-crypto-icon-box img {
width: 45px;
}
#send-crypto-step-3 > div:nth-of-type(1) {
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 32%;
}
#send-crypto-step-3 > div:nth-of-type(1) > div:nth-of-type(2) {
font-size: 16px;
padding: 0px 25% 25px 25%;
}
.crypto_public_address {
font-size: 16px;
}
.send_crypto_title {
font-size: 14px;
}
.modal_section_title {
font-size: 16px;
}
.wallets_qr_code .mySwiper {
min-height: 560px;
}
.modal_wallet_balance_title {
font-size: 12px;
}
.modal_wallet_balance_dollar {
font-size: 18px;
}
.customers_vs_mwh_box_container_active_customers {
font-size: 40px;
}
.customers_vs_mwh_box_container_mwh_used {
font-size: 40px;
}
.customers_vs_mwh_container {
padding: 0px;
width: min-content;
/* min-width: 300px; */
display: inline-block;
}
.customers_vs_mwh_box_container {
padding: 10px 0px 20px 0px;
}
.customers_vs_mwh_box_container_responsive {
display: inline-flex;
column-gap: 50px;
}
.lp_chart_labels_data {
display: inline-block;
text-align: left;
padding: 17px 0px 0px 108%;
}
#liquidity-pool-pie {
padding: 10px 0px 0px 0px;
}
.energy_lp_direction_circle {
display: inline-block;
border-radius: 21px;
top: -2px;
left: -3px;
margin-right: -1px;
position: relative;
border: solid 1px #dde3e6;
height: 21px;
width: 21px;
}
.energy_lp_direction_circle svg {
height: 8px;
width: 19px;
position: relative;
transform: rotate(360deg);
top: 0px;
align-items: center;
justify-content: center;
fill: #000000;
}
#liquidity-pool-pie .highcharts-title {
line-height: 15px;
}
.me_lp_container_box_container div:nth-child(1) {
font-size: 12px;
word-spacing: 9999px;
}
.me_lp_container_box_container div:nth-child(3) {
font-size: 12px;
}
.customers_vs_mwh_box_container div:nth-child(1) {
font-size: 14px;
word-spacing: 9999px;
}
.customers_vs_mwh_box_container div:nth-child(3) {
font-size: 14px;
}
.crypto_wallet_total_balance {
font-size: 10px;
}
#crypto-wallets-pie {
text-align: center;
}
.qr_overlay_box_1 {
z-index: 3;
position: absolute;
left: -1%;
bottom: 72px;
transform: rotate(-90deg);
display: block;
color: #fff;
text-align: left;
line-height: 16px;
}
.qr_overlay_box_1_1 {
font-size: 16px;
font-weight: 400;
display: block;
}
.qr_overlay_box_1_2 {
font-size: 12px;
font-weight: 200;
display: block;
}
#qr-video {
min-height: 285px;
max-height: 300px;
}
.top_offers_title {
font-size: 14px;
}
.individual_current_token_price_dollars {
font-size: 18px;
}
.toolTip_insights_details_value {
font-size: 12px;
}
.insight_container_column .insights_column_toolTip {
font-size: 12px;
}
.notification_preferences_subtitle {
font-size: 14px;
}
.checkbox_filter, .radio {
margin: 0px 0px 7px 0px;
min-width: 125px;
width: 40%;
display: inline-block;
}
.scent_preference_image {
margin: 15px 10px 0px 10px;
}
.scent_preference_binomial_nomenclature {
font-size: 12px;
}
.scent_preference_title {
font-size: 18px;
}
/* .scent-preference {
width: calc(50% - 20px);
height: 325px;
margin: 10px;
float: left;
border: solid 1px #c8d0dd;
background-color: #FFFFFF;
border-radius: 10px;
text-align: center;
}*/
.box_container_subtitle {
font-size: 14px;
}
input:focus + .movable_label,
input.has-value + .movable_label,
textarea:focus + .movable_label,
textarea.has-value + .movable_label {
}
.result_dollar_value {
font-size: 18px;
margin-top: 8px;
}
.profit-loss {
font-size: 38px;
}
.rewards_calculator_results_label {
font-size: 38px;
}
.starting_in_texas_print {
font-size: 10px;
}
.green_energy_sources_tile_title {
font-size: 20px;
}
.green_energy_sources_cards {
overflow: hidden;
margin: 0 auto;
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
padding: 0px 25px;
}
.green_energy_icon_box {
display: block;
position: relative;
padding: 0px 0px 0px 0px;
min-height: 80px;
margin: 10px 0px 0px 0px;
}
.green_energy_tile {
display: block;
position: relative;
border-radius: 15px;
padding: 15px 15px 15px 15px;
background: #FFFFFF;
border: solid 1px #53aa75;
font-style: italic;
font-size: 14px;
color: #53AA75;
}
.mrsv_overview_img img {
width: 100%;
max-width: 100%;
}
.mr-step-title {
font-size: 3.8vw;
padding: 0px 30px;
}
.mr-step-sub-title {
font-size: 2.9vw;
padding: 2px 0 0 0;
}
.incentivized_referral {
border-left: none;
border-right: none;
border-radius: 0px;
}
.product_preview_box_title {
margin: 0px 0px -10% 0px;
pointer-events: none;
}
.highlight_preview {
/* background-size: 100% 113%;
padding: 70px;*/
}
.image_container_order {
}
.image_container_title {
font-size: 25px;
}
.image_container_price {
font-size: 26px;
}
.order_now_rewards_box {
font-size: 12px;
padding-top: 0px;
}
.cashback_label {
font-size: 16px;
}
.image_container_order_button {
display: none;
font-size: 16px;
line-height: 16px;
}
.coming_soon_label {
font-size: 13px;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 270px;
}
.Maison_Wallet_App_Preview_Box .swiper-pagination {
bottom: 0px;
}
.responsive_brand {
}
.maison_reserve_brand img {
}
.maison_reserve_branding img {
width: 60vw;
}
.circle__inner {
}
.sustainability_box img {
width: 30%;
}
.sustainability_box {
padding: 10px 10px 45px 10px;
background-image: url(../img/Wavy.svg);
background-repeat: no-repeat no-repeat;
background-position: center bottom;
}
[class~='sustainability_box']:last-of-type {
padding: 10px 10px 20px 10px;
border-bottom: 0px;
background-image: none;
}
.sustainability_subtitle {
}
.collapsible:after {
top: 20px;
}
.active_box:after {
}
.inside_individual_product_shopping_box {
min-width: 255px;
max-width: 300px;
}
ul.tl li .item-detail {
font-size: 14px;
}
.referral_earning_data .content .collapsible_box {
font-size: 16px;
}
.interest_earned_right {
font-size: 14px;
}
.interest_earned_left {
font-size: 14px;
}
.signups_since_inception_title {
font-size: 16px;
}
.signups_since_inception_count {
font-size: 60px;
height: 72px;
}
.signups_since_inception .act_today_title {
font-size: 8.0vw;
line-height: 8.0vw;
}
.limited_a {
font-size: 14px;
}
.find_best_rates .profit_calculator_title {
padding: 0px 0px 20px 0px;
}
}
@media screen and (max-width: 400px) {
#crypto-wallets-pie {
}
}