@tapni/auth 0.0.1

package/src/styles/framework.css

@@ -0,0 +1,4012 @@
+/* vue-context */
+.v-context,.v-context ul{background-color:#fff;background-clip:padding-box;border-radius:.25rem;border:1px solid rgba(0,0,0,.15);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);display:block;margin:0;padding:10px 0;min-width:10rem;z-index:1500;position:fixed;list-style:none;box-sizing:border-box;max-height:calc(100% - 50px);overflow-y:auto}.v-context>li,.v-context ul>li{margin:0;position:relative}.v-context>li>a,.v-context ul>li>a{display:block;padding:.5rem 1.5rem;font-weight:400;color:#212529;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}.v-context>li>a:focus,.v-context>li>a:hover,.v-context ul>li>a:focus,.v-context ul>li>a:hover{text-decoration:none;color:#212529;background-color:#f8f9fa}.v-context:focus,.v-context>li>a:focus,.v-context ul:focus,.v-context ul>li>a:focus{outline:0}.v-context__sub>a:after{content:"\203A";float:right;padding-left:1rem}.v-context__sub>ul{display:none}
+
+p strong {
+  color: #1f1f1f;
+}
+
+a {
+  color: #05668d;
+}
+
+::-webkit-scrollbar {
+  display: none;
+}
+
+html,
+body {
+  overscroll-behavior-y: contain;
+  height: 100% !important;
+  overflow-y: scroll !important;
+  -webkit-overflow-scrolling: touch;
+  background-color: #ffffff;
+}
+
+img {
+  pointer-events: none !important;
+}
+
+.no-select {
+  -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 */
+}
+
+* {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  outline: none;
+  font-size-adjust: none;
+  -webkit-text-size-adjust: none;
+  -moz-text-size-adjust: none;
+  -ms-text-size-adjust: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-font-smoothing: antialiased !important;
+  /*
+  -webkit-transform: translate3d(1, 1, 1);
+  transform: translate3d(1, 1, 1);
+  */
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+*:focus {
+  outline: none;
+}
+
+*,
+*:after,
+*:before {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+}
+
+body {
+  margin: 0;
+  padding: 0;
+  font-size: 14px;
+  line-height: 30px;
+  font-weight: 400;
+}
+
+::selection {
+  background-color: #ccc;
+  color: #000;
+}
+
+div,
+a,
+p,
+img,
+blockquote,
+form,
+fieldset,
+textarea,
+input,
+label,
+iframe,
+code,
+pre {
+  display: block;
+  position: relative;
+}
+
+textarea,
+input {
+  outline: none;
+}
+
+input {
+  border-radius: 0 !important;
+  -webkit-border-radius: 0px !important;
+}
+
+textarea {
+  -webkit-appearance: none !important;
+  border-radius: 0 !important;
+  -webkit-border-radius: 0px !important;
+}
+
+label a {
+  display: inline-block;
+}
+
+/*---Page Content Settings---*/
+/*---------------------------*/
+
+#page-transitions {
+  left: 0px;
+  right: 0px;
+}
+
+#page-content {
+  margin-bottom: 0px;
+  background-color: #ffffff;
+}
+
+.page-content-gray {
+  background-color: #e1e0e6;
+}
+
+.page-content-dark {
+  background-color: #0c1117 !important;
+}
+
+.page-content-light {
+  background-color: #fefefe !important;
+}
+
+.transparent-bg {
+  background-color: rgba(255, 255, 255, 0) !important;
+  transition: all 250ms ease;
+}
+
+.margin-center {
+  margin: 0 auto !important;
+}
+
+/*---Typography---*/
+/*----------------*/
+
+p {
+  line-height: 18px;
+  font-size: 13px;
+  color: #444444;
+}
+
+p > a {
+  display: inline;
+  text-decoration: none;
+}
+
+p > a:hover {
+  text-decoration: underline;
+}
+
+p > span {
+  display: inline;
+}
+
+p strong {
+  font-size: 13px;
+  font-weight: 500;
+}
+
+span > a {
+  display: inline;
+}
+
+a > span {
+  display: inline;
+}
+
+a {
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: none;
+}
+
+strong a,
+em a {
+  display: inline;
+}
+
+h1 > a,
+h2 > a,
+h3 > a,
+h4 > a,
+h5 > a,
+h6 > a {
+  display: inline;
+}
+
+table {
+  border-collapse: separate;
+  border-spacing: 0;
+  width: 100%;
+  clear: both;
+  margin-bottom: 27px;
+}
+
+th {
+  vertical-align: middle;
+  font-weight: bold;
+}
+
+tr {
+  line-height: 18px;
+}
+
+td {
+  text-align: center;
+  padding: 9px 0px 9px 0px;
+  line-height: 18px;
+  vertical-align: middle;
+}
+
+.table tr.even td {
+  background: #efefef;
+}
+
+.table tr:hover td {
+  background: #f8f8f8;
+}
+
+tr:hover > td {
+  background: #fff;
+}
+
+th {
+  border-bottom: 1px solid #e9e9e9;
+  border-right: 1px solid #e9e9e9;
+  color: #1f1f1f;
+  line-height: 35px;
+  background-color: #f6f6f6;
+}
+
+td {
+  border-right: 1px solid #e9e9e9;
+  border-bottom: 1px solid #e9e9e9;
+  color: #666;
+  background-color: #fdfdfd;
+}
+
+table {
+  background-color: #f6f6f6;
+  border-left: 1px solid #e9e9e9;
+  border-top: 1px solid #e9e9e9;
+}
+
+.table-borders-light * {
+  border-color: rgba(255, 255, 255, 0.1) !important;
+}
+
+ul,
+ol {
+  color: #666666;
+}
+
+ul {
+  margin-bottom: 30px;
+}
+
+ul ul {
+  margin-bottom: 5px;
+}
+
+ol ol {
+  margin-bottom: 5px;
+}
+
+ol {
+  margin-bottom: 30px;
+}
+
+li {
+  line-height: 24px;
+  margin-bottom: 5px;
+}
+
+ol > li:last-child,
+ul > li:last-child {
+  margin-bottom: 0px;
+}
+
+textarea {
+  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+}
+
+sub,
+sup {
+  font-size: 50%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sup {
+  top: -15px;
+}
+
+sub {
+  bottom: 0px;
+}
+
+.disabled {
+  display: none !important;
+}
+
+.disabled-box {
+  display: none;
+}
+
+.center-item {
+  margin-left: auto !important;
+  margin-right: auto;
+}
+
+.font-10 {
+  font-size: 10px !important;
+}
+
+.font-11 {
+  font-size: 11px !important;
+}
+
+.font-12 {
+  font-size: 12px !important;
+}
+
+.font-13 {
+  font-size: 13px !important;
+}
+
+.font-14 {
+  font-size: 14px !important;
+}
+
+.font-15 {
+  font-size: 15px !important;
+}
+
+.font-16 {
+  font-size: 16px !important;
+}
+
+.font-17 {
+  font-size: 17px !important;
+}
+
+.font-18 {
+  font-size: 18px !important;
+}
+
+.font-19 {
+  font-size: 19px !important;
+}
+
+.font-20 {
+  font-size: 20px !important;
+}
+
+.font-21 {
+  font-size: 21px !important;
+}
+
+.font-22 {
+  font-size: 22px !important;
+}
+
+.font-23 {
+  font-size: 23px !important;
+}
+
+.font-24 {
+  font-size: 24px !important;
+}
+
+.font-25 {
+  font-size: 25px !important;
+}
+
+/*---Background & Colors---*/
+/*-------------------------*/
+.bg-full {
+  position: fixed;
+  top: -20px;
+  left: -20px;
+  right: -20px;
+  bottom: -20px;
+  overflow: hidden;
+}
+
+.bg-cover {
+  background-size: cover;
+  background-position: center center;
+}
+
+.bg-transparent {
+  background: rgba(0, 0, 0, 0) !important;
+}
+
+.bg-dark {
+  background-color: rgba(0, 0, 0, 0.3) !important;
+}
+
+.overlay,
+.overlay-image {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  z-index: 9;
+  background-size: cover;
+}
+
+.overlay-image {
+  z-index: 8;
+}
+
+.above-overlay {
+  position: relative;
+  z-index: 10 !important;
+}
+
+.dark-overlay {
+  background-color: rgba(0, 0, 0, 0.7);
+}
+
+.medium-overlay {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.light-overlay {
+  background-color: rgba(255, 255, 255, 0.85);
+}
+
+.overlay-dark {
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.overlay-medium {
+  background-color: rgba(0, 0, 0, 0.65);
+}
+
+.overlay-light {
+  background-color: rgba(255, 255, 255, 0.75);
+}
+
+.overlay-gradient {
+  background: linear-gradient(
+    to bottom,
+    rgba(0, 0, 0, 0) 0%,
+    rgba(0, 0, 0, 0) 20%,
+    rgba(0, 0, 0, 0.1) 40%,
+    rgba(0, 0, 0, 0.7) 70%,
+    rgba(0, 0, 0, 1) 100%
+  );
+}
+
+.overlay-gradient-small {
+  background: linear-gradient(
+    to bottom,
+    rgba(0, 0, 0, 0) 0%,
+    rgba(0, 0, 0, 0) 30%,
+    rgba(0, 0, 0, 0.1) 40%,
+    rgba(0, 0, 0, 0.5) 70%,
+    rgba(0, 0, 0, 0.8) 100%
+  );
+}
+
+.bg-teal-light {
+  background-color: #a0cecb !important;
+  color: #ffffff;
+}
+
+.bg-teal-dark {
+  background-color: #7db1b1 !important;
+  color: #ffffff;
+}
+
+.border-teal-light {
+  border: solid 1px #a0cecb !important;
+}
+
+.border-teal-dark {
+  border: solid 1px #7db1b1 !important;
+}
+
+.bg-hover-teal-light:hover {
+  background-color: #a0cecb !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.bg-hover-teal-dark:hover {
+  background-color: #7db1b1 !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.color-teal-light {
+  color: #a0cecb !important;
+}
+
+.color-teal-dark {
+  color: #7db1b1 !important;
+}
+
+.bg-green-light {
+  background-color: #a0d468 !important;
+  color: #ffffff;
+}
+
+.bg-green-dark {
+  background-color: #8cc152 !important;
+  color: #ffffff;
+}
+
+.border-green-light {
+  border: solid 1px #a0d468 !important;
+}
+
+.border-green-dark {
+  border: solid 1px #8cc152 !important;
+}
+
+.bg-hover-green-light:hover {
+  background-color: #a0d468 !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.bg-hover-green-dark:hover {
+  background-color: #8cc152 !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.color-green-light {
+  color: #a0d468 !important;
+}
+
+.color-green-dark {
+  color: #8cc152 !important;
+}
+
+.bg-green2-light {
+  background-color: #2ecc71 !important;
+  color: #ffffff;
+}
+
+.bg-green2-dark {
+  background-color: #2aba66 !important;
+  color: #ffffff;
+}
+
+.border-green2-light {
+  border: solid 1px #2ecc71 !important;
+}
+
+.border-green2-dark {
+  border: solid 1px #2aba66 !important;
+}
+
+.bg-hover-green2-light:hover {
+  background-color: #2ecc71 !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.bg-hover-green2-dark:hover {
+  background-color: #2aba66 !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.color-green2-light {
+  color: #2ecc71 !important;
+}
+
+.color-green2-dark {
+  color: #2aba66 !important;
+}
+
+.bg-blue-light {
+  background-color: #5d9cec !important;
+  color: #ffffff;
+}
+
+.bg-blue-dark {
+  background-color: #4a89dc !important;
+  color: #ffffff;
+}
+
+.border-blue-light {
+  border: solid 1px #5d9cec !important;
+}
+
+.border-blue-dark {
+  border: solid 1px #3e5674 !important;
+}
+
+.bg-hover-blue-light:hover {
+  background-color: #5d9cec !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.bg-hover-blue-dark:hover {
+  background-color: #4a89dc !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.color-blue-light {
+  color: #5d9cec !important;
+}
+
+.color-blue-dark {
+  color: #3e5674 !important;
+}
+
+.bg-blue2-light {
+  background-color: #4fc1e9 !important;
+  color: #ffffff;
+}
+
+.bg-blue2-dark {
+  background-color: #3bafda !important;
+  color: #ffffff !important;
+}
+
+.border-blue2-light {
+  border: solid 1px #4fc1e9 !important;
+}
+
+.border-blue2-dark {
+  border: solid 1px #3bafda !important;
+}
+
+.bg-hover-blue2-light:hover {
+  background-color: #4fc1e9 !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.bg-hover-blue2-dark:hover {
+  background-color: #3bafda !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.color-blue2-light {
+  color: #4fc1e9 !important;
+}
+
+.color-blue2-dark {
+  color: #3bafda !important;
+}
+
+.bg-magenta-light {
+  background-color: #8067b7 !important;
+  color: #ffffff;
+}
+
+.bg-magenta-dark {
+  background-color: #6a50a7 !important;
+  color: #ffffff;
+}
+
+.border-magenta-light {
+  border: solid 1px #8067b7 !important;
+}
+
+.border-magenta-dark {
+  border: solid 1px #6a50a7 !important;
+}
+
+.bg-hover-magenta-light:hover {
+  background-color: #8067b7 !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.bg-hover-magenta-dark:hover {
+  background-color: #6a50a7 !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.color-magenta-light {
+  color: #8067b7 !important;
+}
+
+.color-magenta-dark {
+  color: #6a50a7 !important;
+}
+
+.bg-night-light {
+  background-color: #656d78 !important;
+  color: #ffffff;
+}
+
+.bg-night-dark {
+  background-color: #434a54 !important;
+  color: #ffffff;
+}
+
+.border-night-light {
+  border: solid 1px #656d78 !important;
+}
+
+.border-night-dark {
+  border: solid 1px #434a54 !important;
+}
+
+.bg-hover-night-light:hover {
+  background-color: #656d78 !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.bg-hover-night-dark:hover {
+  background-color: #434a54 !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.color-night-light {
+  color: #656d78 !important;
+}
+
+.color-night-dark {
+  color: #434a54 !important;
+}
+
+.bg-yellow-light {
+  background-color: #ffce54 !important;
+  color: #ffffff;
+}
+
+.bg-yellow-dark {
+  background-color: #f6bb42 !important;
+  color: #ffffff;
+}
+
+.border-yellow-light {
+  border: solid 1px #ffce54 !important;
+}
+
+.border-yellow-dark {
+  border: solid 1px #f6bb42 !important;
+}
+
+.bg-hover-yellow-light:hover {
+  background-color: #ffce54 !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.bg-hover-yellow-dark:hover {
+  background-color: #f6bb42 !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.color-yellow-light {
+  color: #ffce54 !important;
+}
+
+.color-yellow-dark {
+  color: #f6bb42 !important;
+}
+
+.bg-yellow2-light {
+  background-color: #e8ce4d !important;
+  color: #ffffff;
+}
+
+.bg-yellow2-dark {
+  background-color: #e0c341 !important;
+  color: #ffffff;
+}
+
+.border-yellow2-light {
+  border: solid 1px #e8ce4d !important;
+}
+
+.border-yellow2-dark {
+  border: solid 1px #e0c341 !important;
+}
+
+.bg-hover-yellow2-light:hover {
+  background-color: #e8ce4d !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.bg-hover-yellow2-dark:hover {
+  background-color: #e0c341 !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.color-yellow2-light {
+  color: #e8ce4d !important;
+}
+
+.color-yellow2-dark {
+  color: #e0c341 !important;
+}
+
+.bg-orange-light {
+  background-color: #fc6e51 !important;
+  color: #ffffff;
+}
+
+.bg-orange-dark {
+  background-color: #e9573f !important;
+  color: #ffffff;
+}
+
+.border-orange-light {
+  border: solid 1px #fc6e51 !important;
+}
+
+.border-orange-dark {
+  border: solid 1px #e9573f !important;
+}
+
+.bg-hover-orange-light:hover {
+  background-color: #fc6e51 !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.bg-hover-orange-dark:hover {
+  background-color: #e9573f !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.color-orange-light {
+  color: #fc6e51 !important;
+}
+
+.color-orange-dark {
+  color: #e9573f !important;
+}
+
+.bg-red-light {
+  background-color: #e74c3c !important;
+  color: #ffffff;
+}
+
+.bg-red-dark {
+  background-color: #c0392b !important;
+  color: #ffffff;
+}
+
+.border-red-light {
+  border: solid 1px #e74c3c !important;
+}
+
+.border-red-dark {
+  border: solid 1px #c0392b !important;
+}
+
+.bg-hover-red-light:hover {
+  background-color: #e74c3c !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.bg-hover-red-dark:hover {
+  background-color: #c0392b !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.color-red-light {
+  color: #e74c3c !important;
+}
+
+.color-red-dark {
+  color: #c0392b !important;
+}
+
+.bg-pink-light {
+  background-color: #fa6a8e !important;
+  color: #ffffff;
+}
+
+.bg-pink-dark {
+  background-color: #fb3365 !important;
+  color: #ffffff;
+}
+
+.border-pink-light {
+  border: solid 1px #fa6a8e !important;
+}
+
+.border-pink-dark {
+  border: solid 1px #fb3365 !important;
+}
+
+.bg-hover-pink-light:hover {
+  background-color: #f85d84 !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.bg-hover-pink-dark:hover {
+  background-color: #fa6a8e !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.color-pink-light {
+  color: #fa6a8e !important;
+}
+
+.color-pink-dark {
+  color: #fb3365 !important;
+}
+
+.bg-brown-light {
+  background-color: #baa286 !important;
+  color: #ffffff;
+}
+
+.bg-brown-dark {
+  background-color: #aa8e69 !important;
+  color: #ffffff;
+}
+
+.border-brown-light {
+  border: solid 1px #baa286 !important;
+}
+
+.border-brown-dark {
+  border: solid 1px #aa8e69 !important;
+}
+
+.bg-hover-brown-light:hover {
+  background-color: #baa286 !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.bg-hover-brown-dark:hover {
+  background-color: #aa8e69 !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.color-brown-light {
+  color: #baa286 !important;
+}
+
+.color-brown-dark {
+  color: #aa8e69 !important;
+}
+
+.bg-brown2-light {
+  background-color: #8e8271 !important;
+  color: #ffffff;
+}
+
+.bg-brown2-dark {
+  background-color: #7b7163 !important;
+  color: #ffffff;
+}
+
+.border-brown2-light {
+  border: solid 1px #8e8271 !important;
+}
+
+.border-brown2-dark {
+  border: solid 1px #7b7163 !important;
+}
+
+.bg-hover-brown2-light:hover {
+  background-color: #8e8271 !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.bg-hover-brown2-dark:hover {
+  background-color: #7b7163 !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.color-brown2-light {
+  color: #8e8271 !important;
+}
+
+.color-brown2-dark {
+  color: #7b7163 !important;
+}
+
+.bg-gray-light {
+  background-color: #bdc3c7 !important;
+  color: #ffffff;
+}
+
+.bg-gray-dark {
+  background-color: #95a5a6 !important;
+  color: #ffffff;
+}
+
+.border-gray-light {
+  border: solid 1px #bdc3c7 !important;
+}
+
+.border-gray-dark {
+  border: solid 1px #95a5a6 !important;
+}
+
+.bg-hover-gray-light:hover {
+  background-color: #bdc3c7 !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.bg-hover-gray-dark:hover {
+  background-color: #95a5a6 !important;
+  color: #ffffff !important;
+  transition: all 200ms ease;
+}
+
+.color-gray-light {
+  color: #bdc3c7 !important;
+}
+
+.color-gray-dark {
+  color: #95a5a6 !important;
+}
+
+.bg-white {
+  background-color: #ffffff !important;
+}
+
+.bg-hover-black:hover {
+  background-color: #ffffff !important;
+  color: #000000 !important;
+}
+
+.color-white {
+  color: #ffffff !important;
+}
+
+.border-white {
+  border: solid 1px #ffffff !important;
+}
+
+.border-light {
+  border-color: rgba(255, 255, 255, 0.05) !important;
+}
+
+.bg-tapni-grey {
+  background-color: #232323 !important;
+  color: #ffffff !important;
+}
+
+.bg-black {
+  background-color: #000000 !important;
+  color: #ffffff !important;
+}
+
+.bg-hover-black:hover {
+  background-color: #000000 !important;
+  color: #ffffff !important;
+}
+
+.color-black {
+  color: #000000 !important;
+}
+
+.border-black {
+  border: solid 1px #000000 !important;
+}
+
+.opacity-05 {
+  opacity: 0.05;
+}
+
+.opacity-10 {
+  opacity: 0.1;
+}
+
+.opacity-20 {
+  opacity: 0.2;
+}
+
+.opacity-25 {
+  opacity: 0.25;
+}
+
+.opacity-30 {
+  opacity: 0.3;
+}
+
+.opacity-40 {
+  opacity: 0.4;
+}
+
+.opacity-50 {
+  opacity: 0.5;
+}
+
+.opacity-60 {
+  opacity: 0.6;
+}
+
+.opacity-70 {
+  opacity: 0.7;
+}
+
+.opacity-75 {
+  opacity: 0.75;
+}
+
+.opacity-80 {
+  opacity: 0.8;
+}
+
+.opacity-90 {
+  opacity: 0.9;
+}
+
+.border-round {
+  border-radius: 100px;
+  overflow: hidden;
+}
+
+.bg-green-light i,
+.bg-green-dark i,
+.bg-teal-light i,
+.bg-teal-dark i,
+.bg-magenta-light i,
+.bg-magenta-dark i,
+.bg-yellow-light i,
+.bg-yellow-dark i,
+.bg-orange-light i,
+.bg-orange-dark i,
+.bg-red-dark i,
+.bg-red-light i,
+.bg-gray-light i,
+.bg-gray-dark i {
+  color: #ffffff;
+}
+
+.fb-button {
+  border-radius: 16px !important;
+  overflow: hidden;
+}
+
+.facebook-bg {
+  background-color: #3b5998;
+  color: #ffffff;
+  border: solid 1px #3b5998;
+}
+
+.facebook-bg:hover {
+  background-color: #4469b7;
+  color: #ffffff;
+  border: solid 1px #3b5998;
+}
+
+.facebook-color {
+  color: #3b5998 !important;
+}
+
+.facebook-color:hover {
+  color: #ffffff;
+}
+
+.instagram-bg {
+  background: #d6249f;
+  color: #ffffff;
+  border: solid 1px #951a6f;
+}
+
+.instagram-bg:hover {
+  background-color: #ad1e81;
+  color: #ffffff;
+  border: solid 1px #951a6f;
+}
+
+.float-left {
+  float: left;
+  margin-top: 10px;
+  margin-right: 10px;
+}
+
+.float-right {
+  float: right;
+  margin-top: 10px;
+  margin-left: 10px;
+}
+
+/*---Typography---*/
+/*----------------*/
+
+h1 {
+  font-size: 24px;
+  line-height: 26px;
+  font-weight: 500;
+  margin-bottom: 5px;
+}
+
+h2 {
+  font-size: 21px;
+  line-height: 25px;
+  font-weight: 500;
+  margin-bottom: 5px;
+}
+
+h3 {
+  font-size: 20px;
+  line-height: 24px;
+  font-weight: 500;
+  margin-bottom: 5px;
+}
+
+h4 {
+  font-size: 18px;
+  line-height: 23px;
+  font-weight: 500;
+  margin-bottom: 5px;
+}
+
+h5 {
+  font-size: 15px;
+  line-height: 22px;
+  font-weight: 500;
+  margin-bottom: 5px;
+}
+
+/*---Lists---*/
+ul {
+  padding-left: 20px;
+  list-style-type: disc;
+}
+
+ul ul,
+ol ol {
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+
+ol {
+  padding-left: 20px;
+  list-style-type: decimal;
+}
+
+ol ol {
+  list-style-type: lower-alpha;
+}
+
+ol ol ol {
+  list-style-type: disc;
+}
+
+/*---Responsive Classes---*/
+.clear {
+  clear: both !important;
+}
+
+.last-column {
+  margin-right: 0% !important;
+}
+
+.no-margin {
+  margin: 0px !important;
+}
+
+.no-bottom {
+  margin-bottom: 0px !important;
+  padding-bottom: 0px !important;
+}
+
+.no-top {
+  margin-top: 0px !important;
+  padding-top: 0px !important;
+}
+
+.half-bottom {
+  margin-bottom: 20px !important;
+  display: block;
+}
+
+.quarter-bottom {
+  margin-bottom: 5px !important;
+}
+
+.quarter-top {
+  margin-top: 5px !important;
+}
+
+.small-bottom {
+  margin-bottom: 11px !important;
+  display: block;
+}
+
+.small-top {
+  margin-top: 8px !important;
+  display: block;
+}
+
+.tiny-top {
+  margin-top: 4px !important;
+  display: block;
+}
+
+.half-top-padding {
+  padding-top: 15px !important;
+  display: block;
+}
+
+.small-top-padding {
+  padding-top: 8px !important;
+  display: block;
+}
+
+.tiny-top-padding {
+  padding-top: 4px !important;
+  display: block;
+}
+
+.no-padding {
+  padding: 0 !important;
+}
+
+.half-top {
+  margin-top: 15px !important;
+  display: block;
+}
+
+.full-bottom {
+  margin-bottom: 33px !important;
+  display: block;
+}
+
+.max-bottom {
+  margin-bottom: 75px !important;
+  display: block;
+}
+
+.full-top {
+  margin-top: 30px !important;
+  display: block;
+}
+
+.left-padding {
+  padding-left: 30px;
+}
+
+.right-padding {
+  padding-right: 30px;
+}
+
+.padding-right {
+  padding-right: 20px;
+}
+
+.padding-left {
+  padding-left: 20px;
+}
+
+.no-border {
+  border: none !important;
+}
+
+.responsive-image {
+  display: block;
+  width: 100%;
+}
+
+.rounded-image {
+  border-radius: 300px;
+  max-width: 300px;
+  overflow: hidden;
+}
+
+.no-shadow {
+  box-shadow: none !important;
+}
+
+.center-object {
+  margin: auto;
+  background-position: center !important;
+}
+
+.box-shadow {
+  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
+}
+
+.icon-clear-left {
+  padding-left: 15px;
+}
+
+.icon-clear-right {
+  padding-right: 15px;
+}
+
+.responsive-video {
+  position: relative;
+  min-height: 220px;
+  width: 100%;
+  overflow: hidden;
+}
+
+.responsive-video iframe,
+.responsive-video object,
+.responsive-video embed {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.content-padding {
+  padding: 10px 10px;
+}
+
+.content-large {
+  margin-top: 40px !important;
+  margin-bottom: 40px !important;
+}
+
+.content-boxed {
+  overflow: hidden;
+  border-radius: 15px;
+}
+
+.content-boxed-padding {
+  padding: 15px 20px;
+  margin-bottom: 30px;
+}
+
+.content-boxed-shadow {
+  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
+}
+
+.content-boxed .owl-dots {
+  margin-bottom: 0px !important;
+}
+
+.content {
+  margin: 0px 20px 30px 20px;
+}
+
+.content-fullscreen,
+.content-full {
+  margin-bottom: 30px;
+  padding: 0px;
+}
+
+.last-column:after,
+container:after {
+  visibility: hidden !important;
+  display: block !important;
+  content: "" !important;
+  clear: both !important;
+  height: 0 !important;
+}
+
+.container,
+.container-fullscreen {
+  margin-bottom: 30px;
+  display: block;
+}
+
+.hide-if-mobile {
+  display: none !important;
+}
+
+.uppercase {
+  text-transform: uppercase;
+}
+
+.lowercase {
+  text-transform: lowercase;
+}
+
+.capitalize {
+  text-transform: capitalize !important;
+}
+
+.thin {
+  font-weight: 300 !important;
+}
+
+.ultrathin {
+  font-weight: 100 !important;
+}
+
+.thiner {
+  font-weight: 400 !important;
+}
+
+.bold {
+  font-weight: 600 !important;
+}
+
+.regular {
+  font-weight: 400 !important;
+}
+
+.regularbold {
+  font-weight: 500 !important;
+}
+
+.ultrabold {
+  font-weight: 900 !important;
+}
+
+.justify {
+  text-align: justify !important;
+}
+
+.italic {
+  font-style: italic;
+}
+
+.pointer {
+  cursor: pointer;
+}
+
+.ultrasmall-text {
+  font-size: 10px !important;
+}
+
+.small-text {
+  font-size: 12px !important;
+  margin-top: -5px;
+  display: block;
+  line-height: 24px;
+}
+
+.smaller-text {
+  font-size: 11px !important;
+  margin-top: -5px;
+  display: block;
+}
+
+.normal-text {
+  font-size: 14px !important;
+}
+
+.larger-text {
+  font-size: 26px !important;
+}
+
+.large-text {
+  font-size: 28px !important;
+}
+
+.huge-text {
+  font-size: 30px !important;
+}
+
+.boxed-text {
+  max-width: 80%;
+  margin: 0 auto;
+  text-align: center;
+}
+
+.boxed-text-small {
+  max-width: 200px;
+  margin: 0 auto;
+  text-align: center;
+}
+
+.boxed-text-large {
+  max-width: 300px;
+  margin: 0 auto;
+  text-align: center;
+}
+
+.medium-line-height {
+  line-height: 30px;
+}
+
+.large-line-height {
+  line-height: 40px;
+}
+
+.small-text-icon i {
+  padding-left: 15px;
+  width: 25px;
+  padding-right: 10px;
+}
+
+.small-text-icon i:first-child {
+  padding-left: 0px;
+}
+
+.border-text {
+  border-width: 3px !important;
+  padding: 5px 0px 16px 5px;
+  border-right: none !important;
+  border-top: none !important;
+  border-bottom: none !important;
+}
+
+.center-text {
+  text-align: center !important;
+  display: block;
+}
+
+.left-text {
+  text-align: left !important;
+  display: block;
+}
+
+.right-text {
+  text-align: right !important;
+  display: block;
+}
+
+.one-half {
+  width: 45%;
+  float: left;
+  margin-right: 10%;
+}
+
+.one-third {
+  width: 28%;
+  float: left;
+  margin-right: 8%;
+}
+
+/*---Decorations---*/
+.decoration-margins {
+  margin: 0px 20px 0px 20px;
+}
+
+.decoration {
+  height: 1px;
+  display: block;
+  margin: 15px 0 20px 0;
+  clear: both !important;
+  background-color: rgba(0, 0, 0, 0.1);
+  background-image: linear-gradient(to right, #fff, #ddd, #fff);
+}
+
+.decoration-boxed {
+  margin: 0px 20px 0px 20px;
+}
+
+.decoration-lines div {
+  height: 5px;
+  width: 10%;
+  float: left;
+}
+
+.decoration-lines-thin div {
+  height: 3px;
+  width: 10%;
+  float: left;
+}
+
+/*Input Style*/
+#registerName {
+  height: 26px;
+}
+
+#registerPhone {
+  height: 26px;
+  margin-top: 5px;
+}
+
+.input-simple-1.has-icon i {
+  position: absolute;
+  z-index: 2;
+  right: 0px;
+  font-size: 12px;
+  height: 40px;
+  width: 12px;
+  line-height: 41px;
+  text-align: center;
+  color: #666666;
+}
+
+.input-simple-1.textarea.has-icon i {
+  margin-top: 28px;
+}
+
+.input-simple-1.textarea textarea {
+  padding: 5px 30px 10px 0px;
+  height: 45px;
+  line-height: 28px;
+  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
+  background-color: transparent;
+  transition: all 250ms ease;
+}
+
+.input-simple-1.textarea textarea:focus {
+  height: 120px;
+}
+
+.input-simple-1 em,
+.select-box-1 em {
+  font-weight: 400;
+  font-style: normal;
+  display: block;
+  margin-top: 10px;
+  color: #333;
+}
+
+.input-simple-1 strong,
+.select-box-1 strong {
+  position: absolute;
+  right: 0px;
+  font-size: 10px;
+  font-style: italic;
+  font-weight: 400;
+  color: #cacaca;
+}
+
+.input-simple-1 input {
+  height: 30px;
+  line-height: 20px;
+  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
+  border-left: none !important;
+  border-right: none !important;
+  border-top: none !important;
+  display: block;
+  width: 100%;
+  box-shadow: none;
+  background-color: transparent;
+  transition: all 250ms ease;
+}
+
+.input-simple-verify input {
+  height: 30px;
+  font-size: 18px;
+  line-height: 20px;
+  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
+  border-left: none !important;
+  border-right: none !important;
+  border-top: none !important;
+  display: block;
+  margin: auto;
+  width: 50%;
+  box-shadow: none;
+  background-color: transparent;
+  transition: all 250ms ease;
+}
+
+.input-simple-1.has-icon input {
+  text-indent: 0px !important;
+}
+
+.input-simple-1 input::placeholder,
+.input-simple-1 textarea::placeholder {
+  color: #959595;
+}
+
+.input-simple-1.input-blue input:focus {
+  border-bottom: solid 1px #5d9cec !important;
+}
+
+.input-simple-1.input-green input:focus {
+  border-bottom: solid 1px #a0d468 !important;
+}
+
+.input-simple-1.input-red input:focus {
+  border-bottom: solid 1px #d8334a !important;
+}
+
+.input-simple-1 .textarea-simple-1 {
+  width: 100%;
+  display: block;
+  padding: 0px;
+  text-indent: 0px;
+  transition: all 250ms ease;
+}
+
+/*---Switches---*/
+/*--------------*/
+.switch-box h5 {
+  float: left;
+  width: 200px;
+  font-weight: 400;
+  font-size: 15px;
+}
+
+.switch-box div {
+  float: right;
+}
+
+.switch-box:after {
+  content: "";
+  display: block;
+  clear: both;
+}
+
+/*iOS Style*/
+.ios-switch {
+  position: relative;
+  width: 45px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+}
+
+.ios-switch-checkbox {
+  display: none;
+}
+
+.ios-switch-label {
+  display: block;
+  overflow: hidden;
+  cursor: pointer;
+  height: 27px;
+  padding: 0;
+  line-height: 20px;
+  border: 1px solid #d9dadc;
+  border-radius: 20px;
+  background-color: #d9dadc;
+  transition: all 250ms ease;
+}
+
+.ios-switch-label:before {
+  content: "";
+  display: block;
+  width: 25px;
+  margin: 0px;
+  background: #ffffff;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 19px;
+  border-radius: 20px;
+  transition: all 250ms ease;
+}
+
+.ios-switch-checkbox:checked + .ios-switch-label {
+  background-color: #4ed164;
+}
+
+.ios-switch-checkbox:checked + .ios-switch-label,
+.ios-switch-checkbox:checked + .ios-switch-label:before {
+  border-color: #4ed164;
+}
+
+.ios-switch-checkbox:checked + .ios-switch-label:before {
+  right: 0px;
+}
+
+.switch-disabled {
+  background-color: #E1E1E1 !important;
+  border-color: #E1E1E1 !important;
+}
+.switch-disabled:before {
+  background-color: #B9B9B9 !important;
+}
+
+/*---Buttons---*/
+.button {
+  transition: all 250ms ease;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+@media (max-width: 560px) {
+  .demo-socials a {
+    width: 100%;
+  }
+}
+
+@media (min-width: 560px) and (max-width: 760px) {
+  .demo-socials a {
+    width: 45%;
+  }
+}
+
+@media (min-width: 760px) and (max-width: 1280px) {
+  .demo-socials a {
+    width: 31%;
+  }
+}
+
+@media (min-width: 1280px) {
+  .demo-socials a {
+    width: 18%;
+  }
+}
+
+.icon {
+  display: inline-block;
+  margin: 0px 5px 5px 5px;
+}
+
+.button,
+.button-round {
+  color: #fff;
+  height: 48px;
+  line-height: 42px;
+  text-align: center;
+  font-size: 14px;
+  display: inline-block;
+  margin: 0px 10px 10px 0px;
+  padding: 0px 20px 0px 20px;
+}
+
+.button-ghost {
+  text-align: center;
+  font-size: 13px;
+  display: inline-block;
+  margin: 0px 5px 10px 5px;
+  padding: 0px 20px 0px 20px;
+  background-color: transparent;
+  color: #ffffff;
+  padding-top: 1px;
+}
+
+.button-ghost:hover {
+  background-color: #ffffff !important;
+  color: #1f1f1f !important;
+}
+
+.icon i {
+  display: block;
+  text-align: center;
+}
+
+.button-bold {
+  font-weight: 700 !important;
+}
+
+.button-xl {
+  font-size: 18px;
+  height: 70px !important;
+  line-height: 68px !important;
+}
+
+.button-xl.button-icon i {
+  font-size: 12px;
+  height: 70px !important;
+  width: 68px !important;
+  border-radius: 70px !important;
+  line-height: 70px !important;
+}
+
+.button-l {
+  font-size: 16px;
+  height: 60px !important;
+  line-height: 60px !important;
+}
+
+.button-l.button-icon i {
+  font-size: 20px;
+  height: 60px !important;
+  width: 55px !important;
+  line-height: 60px !important;
+}
+
+.button-l.button-icon {
+  line-height: 60px !important;
+}
+
+.button-m {
+  font-size: 15px;
+  height: 55px !important;
+  line-height: 55px !important;
+}
+
+.button-m.button-icon i {
+  font-size: 16px;
+  height: 55px !important;
+  width: 55px !important;
+  line-height: 55px !important;
+}
+
+.button-m.button-icon {
+  line-height: 55px !important;
+}
+
+.button-sm {
+  font-size: 12px;
+  height: 45px !important;
+  line-height: 41px !important;
+}
+
+.button-sm.button-icon i {
+  font-size: 14px;
+  height: 45px !important;
+  width: 45px !important;
+  line-height: 45px !important;
+}
+
+.button-sm.button-icon {
+  line-height: 45px !important;
+}
+
+.button-s {
+  font-size: 12px;
+  height: 40px !important;
+  line-height: 36px !important;
+}
+
+.button-s.button-icon i {
+  font-size: 14px;
+  height: 40px !important;
+  width: 40px !important;
+  line-height: 40px !important;
+}
+
+.button-s.button-icon {
+  line-height: 40px !important;
+}
+
+.button-xs {
+  font-size: 11px;
+  height: 35px !important;
+  line-height: 31px !important;
+}
+
+.button-xs.button-icon i {
+  font-size: 14px;
+  height: 35px !important;
+  width: 35px !important;
+  line-height: 35px !important;
+}
+
+.button-xs.button-icon {
+  line-height: 35px !important;
+}
+
+.button-icon.button-center-large {
+  padding-left: 40px;
+}
+
+.icon-xxl {
+  width: 100px !important;
+  height: 100px !important;
+  line-height: 100px !important;
+  font-size: 40px !important;
+}
+
+.icon-xxl i {
+  width: 100px !important;
+  height: 100px !important;
+  line-height: 100px !important;
+  font-size: 40px;
+}
+
+.icon-xl {
+  width: 70px !important;
+  height: 70px !important;
+  line-height: 70px !important;
+  font-size: 32px !important;
+}
+
+.icon-xl i {
+  width: 70px !important;
+  height: 70px !important;
+  line-height: 70px !important;
+  font-size: 32px;
+}
+
+.icon-l {
+  width: 60px !important;
+  height: 60px !important;
+  line-height: 60px !important;
+  font-size: 24px !important;
+}
+
+.icon-l i {
+  width: 60px !important;
+  height: 60px !important;
+  line-height: 60px !important;
+  font-size: 24px;
+}
+
+.icon-m {
+  width: 55px !important;
+  height: 55px !important;
+  line-height: 55px !important;
+  font-size: 20px !important;
+}
+
+.icon-m i {
+  width: 55px !important;
+  height: 55px !important;
+  line-height: 55px !important;
+  font-size: 20px;
+}
+
+.icon-s {
+  width: 40px !important;
+  height: 40px !important;
+  line-height: 38px !important;
+  font-size: 16px !important;
+}
+
+.icon-s i {
+  width: 40px !important;
+  height: 40px !important;
+  line-height: 39px !important;
+  font-size: 16px;
+}
+
+.icon-xs i {
+  width: 35px !important;
+  height: 35px !important;
+  line-height: 35px !important;
+  font-size: 14px;
+}
+
+.icon-xs {
+  width: 35px !important;
+  height: 35px !important;
+  line-height: 35px !important;
+  font-size: 14px !important;
+}
+
+.icon-round {
+  border-radius: 3px;
+}
+
+.icon-circle {
+  border-radius: 100%;
+}
+
+.icon-center {
+  margin: 0 auto;
+  display: block;
+}
+
+.center-icons {
+  margin: 20px auto 30px auto;
+}
+
+.center-3-icons {
+  width: 142px;
+}
+
+.center-2-icons {
+  width: 94px;
+}
+
+.button-teal {
+  background-color: #a0cecb;
+  border: solid 2px #a0cecb;
+}
+
+.button-teal-3d {
+  border: none !important;
+  border-bottom: solid 5px #7db1b1 !important;
+  padding: 0px 22px;
+  z-index: 77777 !important;
+}
+
+.button-teal:hover {
+  background-color: #7db1b1;
+  border: solid 2px #7db1b1;
+}
+
+.button-teal:active {
+  background-color: #628d8d;
+  border-bottom: solid 2px #628d8d !important;
+}
+
+.button-mint {
+  background-color: #48cfad;
+  border: solid 2px #48cfad;
+}
+
+.button-mint-3d {
+  border: none !important;
+  border-bottom: solid 5px #37bc9b !important;
+  padding: 0px 22px;
+}
+
+.button-mint:hover {
+  background-color: #37bc9b;
+  border: solid 2px #37bc9b;
+}
+
+.button-mint:active {
+  background-color: #2fa285;
+  border-bottom: solid 2px #2fa285 !important;
+}
+
+.circle-green-button {
+  border-radius: 50px;
+  text-align: center;
+  width: 65px;
+  height: 65px;
+  right: 10px;
+  bottom: 7px;
+  z-index: 999999;
+  position: fixed;
+  color: #ffffff;
+  background-color: #2ecc71;
+  cursor: pointer;
+  transition: 0.55s all;
+}
+
+.circle-green-button:hover {
+  background: #2edf71;
+  transition: 0.55s all;
+}
+
+.wrapper-action-button {
+  position: fixed;
+  width: 100%;
+  bottom: 10px;
+  z-index: 999999;
+}
+
+/** WiFi Button */
+.wifi-button {
+  text-align: center;
+  position: relative;
+  color: #ffffff;
+  background-color: #2ecc71;
+  transition: 0.55s all;
+  width: 90%;
+  height: 60px;
+  margin: 0 auto;
+  border-radius: 15px !important;
+  cursor: pointer;
+}
+
+.wifi-button:before {
+  font-size: 17px;
+  margin: -5px 15px 10px 30px;
+  line-height: 30px;
+}
+
+.wifi-button:hover {
+  background: #2edf71;
+  transition: 0.55s all;
+}
+
+/** Gift Button */
+.gift-button {
+  text-align: center;
+  position: relative;
+  color: #ffffff;
+  background-color: #3aa6fe;
+  transition: 0.55s all;
+  width: 90%;
+  height: 60px;
+  margin: 0 auto;
+  border-radius: 15px !important;
+  cursor: pointer;
+}
+
+.gift-button:before {
+  font-size: 17px;
+  margin: -5px 15px 10px 30px;
+  line-height: 30px;
+}
+
+.gift-button:hover {
+  background: #328edb;
+  transition: 0.55s all;
+}
+
+.circle-blue-button {
+  border-radius: 50px;
+  text-align: center;
+  width: 60px;
+  height: 60px;
+  right: 10px;
+  bottom: 7px;
+  z-index: 999;
+  position: fixed;
+  color: #ffffff;
+  background-color: #3399cc;
+  cursor: pointer;
+  transition: 0.55s all;
+}
+
+.circle-blue-button:hover {
+  background: #3a84df;
+  transition: 0.55s all;
+}
+
+.button-disabled {
+  opacity: 0.7;
+}
+
+.button-green {
+  background-color: #2ecc71;
+  cursor: pointer;
+}
+
+.button-green-3d {
+  border: none !important;
+  border-bottom: solid 5px #77a346 !important;
+  padding: 0px 22px;
+}
+
+.button-green:hover {
+  background-color: #2edf71;
+}
+
+.button-green:active {
+  background-color: #2edf71;
+  border: solid 2px #36c338b0;
+}
+
+.button-red {
+  background-color: #c0392b;
+  border: solid 2px #c0392b;
+}
+
+.button-red-3d {
+  border: none !important;
+  border-bottom: solid 5px #bf263c !important;
+  padding: 0px 22px;
+}
+
+.button-red:hover {
+  background-color: #da4453;
+  border: solid 2px #da4453;
+}
+
+.button-red:active {
+  background-color: #bf263c;
+  border: solid 2px #bf263c;
+}
+
+.button-icon {
+  padding-left: 50px;
+  height: 50px;
+  line-height: 50px !important;
+  border: none !important;
+}
+
+.button-full {
+  display: block;
+  width: 100% !important;
+  margin-left: -1px;
+}
+
+.button-90 {
+  display: block;
+  width: 90%;
+  margin-left: -1px;
+}
+
+.button-round {
+  border-radius: 40px;
+}
+
+.button-social {
+  text-align: left !important;
+  width: 100%;
+  padding-left: 70px !important;
+}
+
+.button-social i {
+  text-align: center !important;
+}
+
+.button-social-center {
+  text-align: center !important;
+  padding-left: 40px !important;
+}
+
+.button-center-large {
+  display: block;
+  width: 250px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.button-center {
+  margin-left: auto;
+  margin-right: auto;
+  display: block;
+}
+
+.button-center-small {
+  width: 100px;
+  margin: 0 auto;
+  display: block;
+}
+
+.button-rounded {
+  border-radius: 16px;
+}
+
+.button-round.button-icon i {
+  border-radius: 50px;
+}
+
+.button-icon i {
+  width: 50px;
+  line-height: 50px !important;
+  height: 100%;
+  top: 0px;
+  left: 3px;
+  position: absolute;
+  font-size: 21px;
+}
+
+.button-icon.button-full {
+  padding-left: 20px;
+}
+
+/*Menu Wrappers*/
+.page-content-scroll {
+  overflow: scroll;
+  -webkit-overflow-scrolling: touch;
+  /* lets it scroll lazy */
+}
+
+.page-content {
+  transition: all 350ms ease;
+  padding-top: 30px;
+  margin-top: 0px;
+}
+
+.page-content-full {
+  padding-top: 0px !important;
+}
+
+.menu-wrapper {
+  position: fixed;
+}
+
+.menu-scroll {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  z-index: 9;
+  overflow: scroll;
+  overflow-x: hidden;
+  -webkit-overflow-scrolling: touch !important;
+}
+
+.delete-menu {
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  z-index: -1;
+  background-color: rgba(0, 0, 0, 0.3);
+  opacity: 0;
+  /* 1 !!!*/
+  transition: all 500ms ease;
+  will-change: opacity;
+}
+
+.delete-menu-active {
+  opacity: 1 !important;
+  pointer-events: all !important;
+  transition: all 500ms ease;
+  z-index: 9999 !important;
+}
+
+.menu-top {
+  top: -1px;
+  left: 0px;
+  right: 0px;
+  z-index: 999;
+  transition: all 400ms ease;
+}
+
+.menu-bottom {
+  bottom: -1px;
+  left: 0px;
+  right: 0px;
+  z-index: 999;
+  background-color: #1f1f1f;
+  transition: all 350ms ease;
+}
+
+.menu-modal.menu-large {
+  padding: 0px !important;
+}
+
+.menu-modal-square {
+  border-radius: 0px !important;
+}
+
+.menu-modal {
+  bottom: 0px;
+  z-index: 10001;
+  width: 100%;
+  max-width: 550px;
+  transform: translate3d(0, 200%, 0);
+  border-top-left-radius: 30px;
+  border-top-right-radius: 30px;
+  padding: 15px 20px;
+  overflow: scroll;
+  transition: all 350ms ease;
+  will-change: transform;
+}
+
+.dismiss-menu-icon {
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  width: 50px;
+  height: 50px;
+  line-height: 50px;
+  text-align: center;
+  z-index: 9999;
+}
+
+.header-original {
+  display: none;
+}
+
+/*---Menu Cookie---*/
+/*-----------------*/
+
+#menu-cookie {
+  position: fixed;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+  height: 165px !important;
+  z-index: 9998;
+  transition: all 350ms ease !important;
+  transform: translateY(200px);
+  box-shadow: 5px 0 20px 1px rgba(0, 0, 0, 0.2);
+  border-top: solid 1px rgba(0, 0, 0, 0.1);
+}
+
+#menu-cookie .cookie-buttons {
+  width: 200px !important;
+  margin: 0 auto;
+  display: block;
+  opacity: 0.8;
+}
+
+#menu-cookie .cookie-buttons a {
+  float: left;
+  width: 100px;
+  text-align: center;
+}
+
+.active-cookie {
+  transform: translateY(0px) !important;
+  transition-delay: 1500ms;
+}
+
+.body-left {
+  transform: translateX(50px) !important;
+  transition: all 350ms ease;
+}
+
+.body-right {
+  transform: translateX(-50px) !important;
+  transition: all 350ms ease;
+}
+
+.body-top {
+  transform: translateY(80px) !important;
+  transition: all 350ms ease;
+}
+
+.body-bottom {
+  transform: translateY(-80px) !important;
+  transition: all 350ms ease;
+}
+
+.body-scale {
+  transform: scale(1.1, 1.1);
+  transition: all 350ms ease;
+}
+
+/*Menu Dark & Light*/
+.menu-dark {
+  background-color: #0c1117 !important;
+}
+
+.menu-grey {
+  background: rgba(255, 255, 255, 0.4) !important;
+}
+
+.menu-light {
+  background-color: #ffffff !important;
+}
+
+.menu-white {
+  background-color: #ffffff !important;
+}
+
+.menu-dark .link-list li {
+  background-color: transparent;
+}
+
+.menu-light .link-list li {
+  background-color: transparent;
+}
+
+.menu-dark .menu-divider {
+  color: #51585e;
+  background-color: #21242e;
+  border-bottom: solid 1px rgba(255, 255, 255, 0.02);
+  border-top: solid 1px rgba(255, 255, 255, 0.03);
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.07);
+}
+
+.menu-dark .menu-divider span {
+  color: #51585e !important;
+}
+
+.menu-light .menu-divider {
+  color: #1f1f1f;
+  background-color: rgba(0, 0, 0, 0.02);
+  border-top: solid 1px rgba(0, 0, 0, 0.08);
+  border-bottom: solid 1px rgba(0, 0, 0, 0.08);
+  box-shadow: none;
+}
+
+.menu-light .menu-divider span {
+  color: #1f1f1f !important;
+}
+
+/*---Menu Divider---*/
+.menu-divider {
+  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+  display: block;
+  height: 40px;
+  line-height: 40px;
+  font-size: 9px;
+  text-transform: uppercase;
+  font-weight: 700;
+  font-style: normal;
+  padding-left: 20px;
+  margin-bottom: -1px;
+  margin-top: -1px;
+  z-index: 999;
+  position: relative;
+}
+
+.menu-divider i {
+  position: absolute;
+  right: 25px;
+  height: 40px;
+  line-height: 40px !important;
+}
+
+/*---Notification Menu Style---*/
+.menu-notification a i {
+  width: 30px;
+  height: 50px;
+  line-height: 20px;
+  text-align: center;
+  border-radius: 5px;
+  margin-top: 16px;
+  font-size: 16px;
+  border: none !important;
+}
+
+.menu-notification a {
+  margin: 0;
+}
+
+.menu-notification a strong {
+  position: absolute;
+  padding-left: 20px;
+  text-transform: uppercase;
+  margin-top: 10px;
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.menu-notification a em {
+  position: absolute;
+  padding-top: 7px;
+  line-height: 15px;
+  font-size: 11px;
+  margin-top: 30px;
+  padding-left: 20px;
+  font-style: normal;
+}
+
+.menu-dark.menu-notification a i {
+  border-bottom: solid 3px rgba(255, 255, 255, 0.2);
+}
+
+.menu-dark.menu-notification a strong {
+  color: #ffffff !important;
+}
+
+.menu-dark.menu-notification a em {
+  color: #94999e;
+}
+
+.menu-light.menu-notification a i {
+  border-bottom: solid 3px rgba(0, 0, 0, 0.3);
+}
+
+.menu-light.menu-notification a strong {
+  color: #404040 !important;
+}
+
+.menu-light.menu-notification a em {
+  color: #94999e;
+}
+
+.menu-large .menu-item {
+  cursor: pointer;
+  height: 55px;
+  line-height: 55px;
+  display: block;
+  transition: all 350ms ease;
+}
+
+.menu-large .menu-item strong {
+  font-weight: 300;
+  font-size: 13px;
+  transition: all 350ms ease;
+  position: absolute;
+  padding-left: 10px;
+}
+
+.menu-large .active-item strong,
+.menu-large .active-item i {
+  transition: all 350ms ease;
+}
+
+.menu-large .menu-item i {
+  width: 50px;
+  height: 55px;
+  text-align: center;
+  line-height: 55px;
+  transition: all 250ms ease;
+  font-size: 15px;
+}
+
+.menu-large .menu-item i:first-child {
+  padding-left: 10px;
+}
+
+.menu-large .plushide-animated {
+  position: absolute;
+  width: 50px;
+  height: 50px;
+  right: 5px;
+  margin-top: 2px;
+  transform: scale(0.6, 0.6);
+}
+
+.menu-large .menu-item .fa-circle {
+  position: absolute;
+  width: 50px;
+  height: 50px;
+  right: 5px;
+  font-size: 4px;
+  text-align: center;
+  opacity: 0.3;
+}
+
+.menu-large .menu .submenu-items {
+  width: 17px;
+  height: 17px;
+  border-radius: 17px;
+  line-height: 18px;
+  position: absolute;
+  right: 0px;
+  text-align: center;
+  font-size: 9px;
+  font-style: normal;
+  z-index: 99;
+  margin-top: 19px;
+  margin-right: 21px;
+  font-weight: 300;
+}
+
+[data-submenu] .fa-circle {
+  display: none;
+}
+
+.menu-dark.menu-large .menu-sub-logo {
+  margin: -20px 0px 15px 30px;
+  display: block;
+  font-size: 11px;
+  font-style: normal;
+  color: #a1a1a1;
+}
+
+.menu-dark.menu-large .menu-item {
+  color: #94999e;
+  border-top: solid 1px rgba(255, 255, 255, 0.03);
+  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
+}
+
+.menu-dark.menu-large .menu-item strong {
+  color: #a6aeb5;
+}
+
+.menu-dark.menu-large .menu-item i {
+  color: #ffffff !important;
+}
+
+.menu-dark.menu-large .fa-circle {
+  font-size: 4px !important;
+}
+
+.menu-dark.menu-large .active-item strong {
+  color: #ffffff;
+  font-weight: 700;
+}
+
+.menu-dark.menu-large .active-item i {
+  color: #ffffff !important;
+}
+
+.menu-dark.menu-large .active-item .fa-circle {
+  color: #c0392b !important;
+  opacity: 1 !important;
+}
+
+.menu-dark.menu-large .plushide-animated * {
+  background-color: #65686c;
+}
+
+.menu-dark.menu-large .menu .submenu-items {
+  background-color: #bf263c;
+  color: #ffffff;
+}
+
+.menu-dark .menu-divider-contrast {
+  color: rgba(255, 255, 255, 0.8);
+  font-size: 10px;
+}
+
+.menu-light.menu-large {
+  box-shadow: 5px 0 20px 1px rgba(0, 0, 0, 0.1);
+}
+
+.menu-light.menu-large .menu-sub-logo {
+  margin: -20px 0px 15px 30px;
+  display: block;
+  font-size: 11px;
+  font-style: normal;
+  color: #808080;
+}
+
+.menu-light.menu-large .menu-sub-username {
+  height: 55px;
+  margin: 15px 0px 15px 15px;
+  display: block;
+  font-size: 14px;
+  font-style: normal;
+  color: #0c1117;
+}
+
+.menu-light.menu-large .menu-wrap {
+  padding-top: env(safe-area-inset-top);
+}
+
+.menu-light.menu-large .menu-item {
+  color: #1f1f1f;
+  border-top: solid 1px rgba(255, 255, 255, 0.01);
+  border-bottom: solid 1px rgba(0, 0, 0, 0.05);
+}
+
+.menu-light.menu-large .menu-item strong {
+  color: rgba(0, 0, 0, 1);
+  font-weight: 600;
+}
+
+.menu-light.menu-large .menu-item i {
+  color: #1f1f1f;
+}
+
+.menu-light.menu-large .active-item {
+}
+
+.menu-light.menu-large .active-item strong {
+  color: #000000;
+  font-weight: 700;
+}
+
+.menu-light.menu-large .active-item .fa-circle {
+  color: #e74c3c !important;
+  font-size: 5px !important;
+  opacity: 1 !important;
+}
+
+.menu-light.menu-large .active-item i {
+  color: #000000;
+}
+
+.menu-light.menu-large .plushide-animated * {
+  background-color: #65686c;
+}
+
+.menu-light.menu-large .menu .submenu-items {
+  background-color: #bf263c;
+  color: #ffffff;
+}
+
+/*---Mobile Ads---*/
+.mobile-ad-box {
+  width: 320px;
+  height: 50px;
+  position: fixed;
+  bottom: 0px;
+  left: 50%;
+  margin-left: -160px;
+  z-index: 999;
+  overflow: hidden;
+  transition: all 500ms ease;
+}
+
+.mobile-ad-dark {
+  background-color: #242631;
+}
+
+.mobile-ad-dark .mobile-ad-heading-1,
+.mobile-ad-dark .mobile-ad-heading-2 {
+  color: #ffffff;
+}
+
+.mobile-ad-dark .close-mobile-ad {
+  color: #ffffff;
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+.mobile-ad-light {
+  background-color: #ffffff;
+  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.2);
+  border: solid 1px rgba(0, 0, 0, 0.1);
+}
+
+.mobile-ad-light .close-mobile-ad {
+  color: #1f1f1f;
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
+.mobile-ad-heading-1 {
+  padding-top: 6px;
+  text-align: center;
+  font-weight: 800;
+}
+
+.mobile-ad-heading-2 {
+  padding-top: 25px;
+  text-align: center;
+  font-weight: 800;
+}
+
+.mobile-ad-small {
+  height: 50px;
+  transform: translateY(80px);
+}
+
+.mobile-ad-small .small-text {
+  margin-top: -10px;
+  font-size: 10px !important;
+}
+
+.mobile-ad-large {
+  height: 100px;
+  transform: translateY(130px);
+}
+
+.mobile-ad-active {
+  transform: translateY(0px);
+  transition: all 500ms ease;
+}
+
+.close-mobile-ad {
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  height: 25px;
+  width: 25px;
+  text-align: center;
+  margin-top: 0px;
+  line-height: 27px;
+  color: #ffffff;
+  font-size: 12px;
+  background-color: rgba(255, 255, 255, 0.1);
+  z-index: 25;
+}
+
+.remove-header {
+  transform: translateY(-60px) !important;
+  transition: all 350ms ease !important;
+}
+
+/*---Snackbar---*/
+.snackbar {
+  position: fixed;
+  z-index: 19000;
+  max-width: 480px;
+  left: 0;
+  right: 0;
+  margin-left: auto;
+  margin-right: auto;
+  bottom: -300px;
+}
+
+.notification-bar {
+  top: 100px;
+}
+
+.snackbar p {
+  margin-top: 0px;
+  margin-bottom: 0px;
+  line-height: 22px;
+  padding-left: 30px;
+  padding-right: 70px;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  font-size: 14px;
+  font-weight: 600;
+  letter-spacing: 0;
+  height: 0px;
+  opacity: 0;
+  overflow: hidden;
+  transition: all 350ms cubic-bezier(0.1, 0.2, 0.1, 1);
+  background-color: #242631;
+  align-items: center;
+  justify-content: center;
+}
+
+.snackbar-boxed {
+  left: 10px;
+  right: 10px;
+}
+
+.snackbar-full {
+  left: 0px;
+  right: 0px;
+  margin-right: 0px;
+}
+
+.snackbar-full p {
+  border-radius: 0px;
+  margin-right: 0px;
+}
+
+.snackbar-full .active-snack {
+  margin-bottom: 0px !important;
+  transform: translateY(0px) !important;
+}
+
+.snackbar .bg-white {
+  border: solid 1px rgba(0, 0, 0, 0.15);
+}
+
+.snackbar .bg-white a {
+  color: red !important;
+}
+
+.snackbar i {
+  width: 35px;
+}
+
+.show-snack {
+  bottom: 25px !important;
+}
+
+.active-snack {
+  opacity: 1 !important;
+  height: 70px !important;
+  transition: all 350ms cubic-bezier(0.1, 0.2, 0.1, 1);
+  display: flex !important;
+}
+
+.snackbar a {
+  color: #ffffff;
+  position: absolute;
+  right: 0px;
+  width: 35px;
+  top: 0px;
+  text-align: center;
+  font-size: 10px;
+}
+
+.box {
+  padding: 30px 30px;
+  margin: 30px 25px;
+  border: solid 1px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.05);
+  border-radius: 5px;
+}
+
+/*---Page Login---*/
+.page-login {
+  max-width: 400px;
+  /*max-height: 90vh;*/
+  margin: 0px auto 0px auto;
+  background: #ffffff;
+  border-radius: 20px;
+  padding: 0px 15px !important;
+}
+
+.form-wrapper {
+  position: relative;
+  border-radius: 24px;
+  padding: 8px 30px;
+  margin: 0 16px;
+  background-color: #f2f1f1;
+}
+
+.page-login .login-bg {
+  margin: 0 auto;
+  width: 50%;
+  top: 10px;
+}
+
+.page-login .login-image {
+  width: 80px;
+  height: 80px;
+  border-radius: 50px;
+  position: absolute;
+  margin-top: -48px;
+  right: 22px;
+  border: solid 1px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 8px 20.1px 1.9px rgba(0, 0, 0, 0.1);
+}
+
+.login-h3 {
+  color: #3e3e3e;
+  font-weight: bold;
+  font-size: 26px;
+  padding: 14px 0 0;
+}
+
+.login-h4 {
+  color: #3e3e3e;
+  font-weight: bold;
+  font-size: 22px;
+  padding: 14px 0 0;
+}
+
+.login-p {
+  padding: 0;
+  margin: 15px 0 10px;
+  font-size: 18px;
+  line-height: 20px;
+}
+
+.page-login .page-login-field {
+  height: 45px;
+  line-height: 45px;
+  margin-bottom: 10px;
+  border-radius: 10px;
+  overflow: hidden;
+}
+
+.page-login .page-login-field i {
+  position: absolute;
+  z-index: 2;
+  height: 45px;
+  line-height: 45px;
+  width: 30px;
+  text-align: center;
+  margin-left: 10px;
+  font-size: 15px;
+}
+
+.page-login .page-login-field em {
+  position: absolute;
+  right: 10px;
+  z-index: 2;
+  top: 0px;
+  font-size: 10px;
+  color: #cacaca;
+  transition: all 250ms ease;
+}
+
+.page-login .page-login-field input:focus ~ em {
+  color: #000000;
+  opacity: 0;
+  font-size: 17px;
+}
+
+.page-login .page-login-field input {
+  font-size: 13.333px;
+  height: 45px;
+  line-height: 45px;
+  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
+  background-color: transparent;
+  display: block;
+  width: 100%;
+  padding-left: 50px;
+}
+
+.page-login .page-login-field input::placeholder {
+  color: #aaaaaa;
+}
+
+.page-login .page-login-links {
+  padding: 0 20px;
+  margin-bottom: 20px;
+}
+
+.page-login .page-login-links a {
+  color: #0c1117;
+}
+
+.page-login .forgot i {
+  padding-left: 5px;
+  display: none;
+}
+
+.page-login .create i {
+  padding-right: 10px;
+  display: none;
+}
+
+/*---Page Profile---*/
+.profile-1 .profile-header {
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+}
+
+.profile-1-back {
+  position: absolute;
+  top: 0px;
+  left: 5px;
+  z-index: 2;
+  height: 50px;
+  width: 50px;
+  line-height: 50px;
+  text-align: center;
+  color: #1f1f1f;
+  z-index: 2;
+}
+
+.profile-1-menu {
+  position: absolute;
+  top: 0px;
+  right: 5px;
+  z-index: 2;
+  height: 50px;
+  width: 50px;
+  line-height: 50px;
+  text-align: center;
+  color: #1f1f1f;
+  z-index: 2;
+}
+
+.profile-logo {
+  width: 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+  position: absolute;
+  z-index: 1;
+}
+
+.profile-1 .profile-body {
+  position: relative;
+  background-color: #ffffff;
+  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);
+  border: solid 1px rgba(0, 0, 0, 0.1);
+  display: block;
+  margin: 0px 0px;
+  padding: 0px 20px;
+  z-index: 10;
+}
+
+.profile-1 .profile-button {
+  margin-top: -22px;
+  letter-spacing: 1.1px;
+}
+
+.profile-1 .profile-heading {
+  font-size: 28px;
+  text-align: center;
+  font-weight: 100;
+  margin-top: 25px;
+  letter-spacing: 1.1px;
+}
+
+.profile-1 .profile-sub-heading {
+  font-size: 15px;
+  text-align: center;
+  font-weight: 400;
+  margin-top: 0px;
+  color: #3f3f3f;
+}
+
+.profile-1 .profile-stats {
+  margin: 20px 30px 30px 20px;
+}
+
+.profile-1 .profile-content {
+  margin: 0px 20px 30px 10px;
+}
+
+.profile-1 .profile-stats a {
+  width: 33.3%;
+  float: left;
+  text-align: center;
+  font-size: 14px;
+  color: #1f1f1f;
+}
+
+.profile-1 .profile-stats a i {
+  font-size: 15px;
+  padding-right: 15px;
+}
+
+.profile-gallery a {
+  width: 29%;
+  margin: 0px 2% 0px 2%;
+  float: left;
+}
+
+@keyframes scroll {
+  100% {
+    background-position: 2000px 2000px;
+  }
+}
+
+.user-section {
+  padding: 0px 0px 0px 0px;
+  background: transparent;
+  text-align: center;
+}
+
+.user-sub-section {
+  padding: 0px 10px !important;
+  background: transparent;
+  text-align: center;
+}
+
+.user-section .store-slide-button {
+  padding: 10px 0px 0px 90px;
+}
+
+.user-section .store-slide-button a i {
+  padding-right: 10px;
+}
+
+.user-section .user-image {
+  cursor: pointer;
+  width: 31.5%;
+  aspect-ratio: 1/1;
+  display: block;
+  margin: 0 auto;
+}
+
+.user-section .user-image img {
+  width: 100%;
+}
+
+.user-section .user-image strong {
+  text-align: center;
+  display: block;
+  text-decoration: none;
+  color: #1f1f1f;
+  font-size: 14px;
+}
+
+.user-section .user-text-section {
+  width: 90%;
+  margin: 0 auto;
+  clear: both;
+  color: #1d1d1d !important;
+  opacity: 1;
+  -webkit-text-fill-color: #1d1d1d;
+}
+
+.user-section .user-text-section strong {
+  display: inline-flex;
+  margin-top: 10px;
+  line-height: 22px;
+}
+
+.user-section .user-text-section p {
+  font-size: 12px;
+  display: block;
+  line-height: 18px;
+}
+
+.user-section .store-slide-button strong {
+  font-size: 14px;
+}
+
+.user-section .store-slide-button strong del {
+  position: absolute;
+  margin-top: -14px;
+  text-decoration: none;
+  font-weight: 400;
+}
+
+.user-section .store-slide-button a {
+  padding-left: 10px;
+  height: 35px;
+  min-width: 35px;
+  font-size: 12px;
+  color: #8b8b8b;
+  float: right;
+}
+
+.user-section-dark {
+  background: #0c1117 !important;
+}
+
+.user-section-dark .user-text-section textarea {
+  color: #ffffff !important;
+}
+
+.user-section-dark .user-text-section input {
+  color: #ffffff !important;
+}
+
+.user-section-dark .link-text {
+  color: #ffffff !important;
+}
+
+.user-section-edit {
+  background: #f4f4f4 !important;
+}
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+}
+
+/*Iphone 5 Responsive Media Queries*/
+@media only screen and (max-device-width: 568px) {
+  .form-wrapper {
+    padding: 10px 25px;
+  }
+
+  .button-90 {
+    width: 90%;
+  }
+}
+
+.white-button:active {
+  color: #111111;
+  border: 1px solid #aaaaaa;
+  cursor: pointer;
+}
+
+.white-button {
+  height: 60px !important;
+  background-color: #ffffff;
+  font-weight: bold;
+  color: #1d1d1d;
+  border: 1px solid #e8e8e8;
+  border-radius: 50px;
+  line-height: 58px !important;
+  font-size: 18px;
+}
+
+.black-button {
+  position: relative;
+  height: 60px;
+  background-color: #000000;
+  font-weight: bold;
+  color: #ffffff;
+  border: 1px solid #000000;
+  border-radius: 50px;
+  line-height: 58px !important;
+  font-size: 17px;
+}
+
+.user-name {
+}
+
+.user-bio {
+}
+
+.user-work {
+}
+
+.user-location {
+  margin-top: 5px !important;
+}
+
+.google-button:hover {
+  color: #111111;
+  border: 1px solid #aaaaaa;
+}
+
+.google-button {
+  padding-left: 25px;
+  margin-bottom: 25px;
+  background-color: #ffffff;
+  font-weight: bold;
+  color: #3e3e3e;
+  border: 1px solid #dddddd;
+  border-radius: 50px;
+  line-height: 58px;
+  height: 58px;
+}
+
+.linkedin-button:hover {
+  background-color: #4f8ee6 !important;
+  color: #eeeeee;
+}
+
+.linkedin-button {
+  padding-left: 28px;
+  margin-bottom: 25px;
+  line-height: 48px !important;
+}
+
+.twitter-button:hover {
+  background-color: #5f91e2 !important;
+  color: #eeeeee;
+}
+
+.twitter-button {
+  padding-left: 28px;
+  margin-bottom: 25px;
+  line-height: 48px !important;
+}
+
+.load-social-icon {
+  margin: 0 auto;
+  width: 100% !important;
+  text-align: center;
+}
+
+.edit-input {
+  background: rgb(244, 244, 244) !important;
+  padding: 7px 10px;
+  border-radius: 12px !important;
+  height: 50px !important;
+  line-height: 48px;
+  font-size: 15px;
+}
+
+.switch-section {
+  padding: 20px;
+  margin-bottom: 20px;
+  margin-top: 20px;
+  height: 90px;
+  border-radius: 25px;
+  border: solid 1px #e8e8e8;
+}
+
+.edit-shadow {
+  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.22);
+}
+
+/*---Accordions---*/
+/*----------------*/
+
+.accordion a {
+  font-size: 15px;
+  height: 40px;
+  line-height: 40px;
+  font-weight: 500;
+}
+
+.accordion a i:last-child {
+  position: absolute;
+  right: -15px;
+  height: 40px;
+  line-height: 40px;
+  width: 40px;
+  text-align: center;
+  transition: all 350ms ease;
+}
+
+.accordion a i:first-child {
+  height: 100%;
+  width: 40px;
+  text-align: center;
+  margin-left: -10px;
+}
+
+.accordion-content {
+  overflow: hidden;
+}
+
+.menu-top {
+  top: -1px;
+  left: 0px;
+  right: 0px;
+  z-index: 999;
+  transition: all 400ms ease;
+}
+
+#page-content {
+  margin-bottom: 0px;
+  padding: 10px 0;
+  background-color: #efefef;
+  min-height: calc(100vh - env(safe-area-inset-top));
+}
+
+/*Sidebar Large Menu Style*/
+.menu-large .menu-socials:after {
+  content: "";
+  display: block;
+  clear: both;
+}
+
+.menu-large .menu-socials a {
+  font-size: 12px;
+  width: 16.6%;
+  height: 55px;
+  line-height: 55px;
+  text-align: center;
+  float: left;
+}
+
+.menu-large .menu-logo {
+  margin-top: env(safe-area-inset-top);
+  padding: 40px 0px 40px 0px;
+  background-repeat: no-repeat;
+  background-position: left 20px center;
+  display: block;
+  float: none;
+  clear: both;
+  width: 100%;
+  height: 70px;
+  z-index: 1002;
+  position: relative;
+  pointer-events: all !important;
+}
+
+.menu-large .menu-item {
+  height: 55px;
+  line-height: 55px;
+  display: block;
+  transition: all 350ms ease;
+}
+
+.menu-large .menu-item strong {
+  font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial,
+    "Lucida Grande", sans-serif;
+  font-weight: 300;
+  font-size: 13px;
+  transition: all 350ms ease;
+  position: absolute;
+  padding-left: 10px;
+}
+
+.submenu-item .active-item {
+  font-weight: 600;
+}
+
+.menu-large .active-item strong,
+.menu-large .active-item i {
+  transition: all 350ms ease;
+}
+
+.menu-large .close-menu {
+  margin-top: env(safe-area-inset-top);
+}
+
+.menu-large .menu-item i {
+  width: 50px;
+  height: 55px;
+  text-align: center;
+  line-height: 55px;
+  transition: all 250ms ease;
+  font-size: 15px;
+}
+
+.menu-large .menu-item i:first-child {
+  padding-left: 10px;
+}
+
+.menu-large .plushide-animated {
+  position: absolute;
+  width: 50px;
+  height: 50px;
+  right: 5px;
+  margin-top: 2px;
+  transform: scale(0.6, 0.6);
+}
+
+.menu-large .submenu-item a {
+  font-family: "Roboto", sans-serif !important;
+  font-size: 12px !important;
+  height: 50px;
+  line-height: 50px;
+  padding-left: 60px;
+}
+
+.menu-large .submenu-item a:nth-child(1) {
+  margin-top: -1px;
+}
+
+.menu-large .submenu-item .fa-angle-right {
+  position: absolute;
+  left: 0px;
+  height: 50px;
+  line-height: 50px;
+  width: 60px;
+  text-align: center;
+  font-size: 10px;
+  opacity: 0.5;
+}
+
+.menu-large .menu-item .fa-circle {
+  position: absolute;
+  width: 50px;
+  height: 50px;
+  right: 5px;
+  font-size: 4px;
+  text-align: center;
+  opacity: 0.3;
+}
+
+.menu-large .submenu-item .fa-circle {
+  position: absolute;
+  width: 50px;
+  height: 50px;
+  right: 5px;
+  font-size: 4px;
+  margin-top: 23px;
+  text-align: center;
+  opacity: 0.3;
+}
+
+.menu-large .menu .submenu-items {
+  width: 17px;
+  height: 17px;
+  border-radius: 17px;
+  line-height: 18px;
+  position: absolute;
+  right: 0px;
+  text-align: center;
+  font-size: 9px;
+  font-style: normal;
+  z-index: 99;
+  margin-top: 19px;
+  margin-right: 21px;
+  font-weight: 300;
+}
+
+.menu-sidebar-left {
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  width: 250px;
+  z-index: 10000;
+  transform: translate3d(-100%, 0, 0);
+  transition: transform 350ms ease;
+}
+
+/*Menu Effects*/
+/*------------*/
+.active-menu.menu-sidebar-left {
+  transform: translate3d(0%, 0, 0) !important;
+}
+
+.active-menu.menu-modal {
+  transform: translate3d(0, 0%, 0) !important;
+}
+
+.active-menu.menu-modal-full {
+  transform: scale(1, 1) !important;
+}
+
+.active-menu.menu-modal-fade {
+  opacity: 1 !important;
+  pointer-events: all !important;
+}
+
+.img-shadow {
+  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.16);
+  border-radius: 25%;
+}
+
+.wrapper-terms {
+  margin: 0 auto;
+  width: 100%;
+  padding: 5px 18px;
+  transition: 0.55s all;
+  position: relative;
+}
+
+.wrapper-terms h1 {
+  font-weight: normal;
+  border-bottom: 4px solid rgba(5, 173, 245, 1);
+  padding: 10px 20px 20px;
+  color: #000;
+  font-size: 22px;
+}
+
+.wrapper-terms h2 {
+  letter-spacing: 0.5px;
+  margin: 20px 0;
+  font-size: 26px;
+  text-align: center;
+  color: #000;
+  font-weight: normal;
+}
+
+.wrapper-terms h6 {
+  font-size: 18px;
+  margin: 30px 0;
+  text-align: center;
+}
+
+.wrapper-terms p {
+  font-size: 1.1em;
+  line-height: 27px;
+  padding: 10px 10px;
+  color: rgba(48, 48, 48, 1);
+  text-align: left;
+  font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial,
+    "Lucida Grande", sans-serif;
+}
+
+.wrapper-terms p b {
+  font-size: 1.3em;
+}
+
+.tapni-p {
+  padding: 20px 0 10px;
+  margin-top: 20px;
+  color: #000;
+  font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial,
+    "Lucida Grande", sans-serif;
+  border-top: 3px solid rgba(5, 173, 245, 1);
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1260px) {
+  .wrapper-terms {
+    width: 100%;
+    transition: 0.55s all;
+  }
+}
+
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .wrapper-terms {
+    width: 100%;
+    transition: 0.55s all;
+  }
+}
+
+@media screen and (max-width: 767px) {
+  .wrapper-terms {
+    width: 100%;
+    transition: 0.55s all;
+  }
+}
+
+.password-reveal-icon {
+  width: 30%;
+  margin: 20% 0 0 55%;
+  opacity: 0.9;
+}
+
+.search-field {
+  height: 45px;
+  line-height: 45px;
+  margin-bottom: 10px;
+  border-radius: 10px;
+  overflow: hidden;
+}
+
+.search-field i {
+  position: absolute;
+  right: 20px;
+  z-index: 2;
+  height: 45px;
+  line-height: 45px;
+  width: 30px;
+  text-align: center;
+  margin-left: 10px;
+  font-size: 15px;
+}
+
+.search-field em {
+  position: absolute;
+  right: 10px;
+  z-index: 2;
+  top: 0px;
+  font-size: 10px;
+  color: #cacaca;
+  transition: all 250ms ease;
+}
+
+.search-field input:focus ~ em {
+  color: #000000;
+  opacity: 0;
+  font-size: 17px;
+}
+
+.search-field input {
+  font-size: 13.333px;
+  height: 40px;
+  line-height: 38px;
+  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
+  background-color: transparent;
+  display: block;
+  width: 90%;
+  padding: 0 2%;
+  padding-top: 2%;
+  margin: 0 auto;
+}
+
+.search-field input::placeholder {
+  color: #aaaaaa;
+}
+
+.disable-select {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  -o-user-select: none;
+}
+
+.margin-bottom-100 {
+  margin-bottom: 100px;
+}
+
+.pac-container {
+  z-index: 200000 !important;
+}
+
+.btn-icon {
+  top: 5px;
+  margin-right: 5px;
+  display: inline !important;
+}
+
+.h-40 {
+  height: 40px !important;
+}
+
+.lh-40 {
+  line-height: 38px;
+}
+
+.h-65 {
+  height: 65px !important;
+}
+
+.lh-20 {
+  line-height: 20px !important;
+}
+
+.edit-background {
+  background-color: #f4f4f4 !important;
+}
+
+.modal-title {
+  font-size: 25px;
+  font-weight: 500;
+  float: left;
+  margin-left: 25px;
+  margin-top: 20px;
+  margin-bottom: 25px;
+}
+
+.headerText {
+  margin-bottom: 20px;
+}