@charset "UTF-8";
/* Base */ /* Colors */
/* Fonts */
/* Dots */ /* From Bottom */
@keyframes fromBottom {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translate(0px);
  }
}
/* From Top */
@keyframes fromTop {
  0% {
    transform: translateY(-30px);
  }
  100% {
    transform: translate(0px);
  }
}
/* StyreneAWeb Italic */
@font-face {
  font-family: "StyreneAWeb Italic";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/StyreneAWeb-Italic.woff") format("woff");
}
/* StyreneAWeb Regular */
@font-face {
  font-family: "StyreneAWeb Regular";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/StyreneAWeb-Regular.woff") format("woff");
}
/* StyreneAWeb Medium */
@font-face {
  font-family: "StyreneAWeb Medium";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/StyreneAWeb-Medium.woff") format("woff");
}
/* StyreneAWeb Bold */
@font-face {
  font-family: "StyreneAWeb Bold";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/StyreneAWeb-Bold.woff") format("woff");
}
/* StyreneAWeb Black */
@font-face {
  font-family: "StyreneAWeb Black";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/StyreneAWeb-Black.woff") format("woff");
}
/* Reset */
body {
  background-color: #090A33;
  overflow-x: hidden !important;
}
body a {
  color: inherit;
  text-decoration: none;
}
body a:hover {
  color: inherit;
  text-decoration: none;
}
body * {
  outline: none !important;
}

body::-webkit-scrollbar {
  width: 0.5em;
}

body::-webkit-scrollbar-track {
  background-color: #1f2249;
}

body::-webkit-scrollbar-thumb {
  background-color: #564fff;
  border: 1px solid hsla(0deg, 0%, 100%, 0.26);
  border-radius: 5px;
  cursor: pointer;
}

div#app {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

.custom-scroll::-webkit-scrollbar {
  width: 20px;
}

.custom-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 24px 24px transparent;
  border: solid 8px transparent;
  background-image: url("../../images/scroll-bg.png");
  background-repeat: repeat-y;
  background-size: contain;
  background-position: bottom;
}

.custom-scroll::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 24px 24px #564FFF;
  border: solid 8px transparent;
  border-radius: 24px;
}

.custom-scroll::-webkit-scrollbar-button {
  display: none;
}

div.global-chat-box {
  background-color: #1E234B;
  height: 100%;
  border-radius: 10px;
  padding: 30px 20px 30px 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 14px;
}
.no-have-question {
  text-align:Center;
}
.no-have-question img  {
  max-width:100%;
  display:block;
  margin:0 auto;
}
.no-have-question .mt-2 {
  font-size:18px;
  color:#fff;
  font-weight:normal;
  text-transform: capitalize;
}
.no-have-question .mt-2::last-word {
  color:#564FFF;
}
div.global-chat-box div.chat-area {
  z-index: 9;
  overflow-y: auto;
  max-height: 572px;
  padding-right: 10px;
  width: 100%;
}
div.global-chat-box div.chat-area.no-scroll {
  overflow-y: hidden;
}
div.global-chat-box div.chat-area div.chat-block.answer-block {
  text-align: right;
}
div.global-chat-box div.chat-area div.chat-block.answer-block div.chat-box div.chat-body {
  background-color: rgba(86, 79, 255, 0.3);
}
div.global-chat-box div.chat-area div.chat-block div.chat-box {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  min-width: 275px;
}
div.global-chat-box div.chat-area div.chat-block div.chat-person {
  height: 35px;
  border-radius: 17px;
  line-height: 35px;
  background-color: #1E234B;
  padding: 0px 15px;
  font-family: "StyreneAWeb Bold";
  font-size: 14px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  z-index: 9;
  position: relative;
  margin-left: 15px;
  top: 12px;
}
div.global-chat-box div.chat-area div.chat-block div.chat-body {
  background-color: rgba(217, 217, 217, 0.1);
  border-radius: 24px 24px 0px 24px;
  padding: 15px 11px 15px 11px;
  position: relative;
}
div.global-chat-box div.chat-area div.chat-block div.chat-body div.chat-date {
  position: absolute;
  top: 15px;
  right: 20px;
  font-family: "StyreneAWeb Regular";
  font-size: 10px;
  line-height: 10px;
  color: #fff;
  opacity: 0.5;
}
div.global-chat-box div.chat-area div.chat-block div.chat-body div.chat-content {
  padding: 10px 30px 10px 10px;
  font-family: "StyreneAWeb Italic";
  font-size: 14px;
  line-height: 19px;
  color: #fff;
  position: relative;
  text-align: left;
}
div.global-chat-box div.chat-area div.chat-block div.chat-body div.chat-content p:last-child {
  margin-bottom: 0;
}
div.global-chat-box div.chat-area div.chat-block div.chat-body div.chat-content a.chat-button {
  position: absolute;
  bottom: -28px;
  right: 0;
  cursor:pointer;
  font-family: "StyreneAWeb Medium";
  font-size: 10px;
}
div.global-chat-box div.chat-area div.chat-block div.chat-body div.chat-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 10px 10px 0px 10px;
  font-size: 0;
  color: #7071A0;
}
div.global-chat-box div.chat-area div.chat-block div.chat-body div.chat-footer div.time {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Regular";
  font-size: 12px;
  line-height: 12px;
}
div.global-chat-box div.chat-area div.chat-block div.chat-body div.chat-footer div.date {
  width: 75px;
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Regular";
  font-size: 12px;
  line-height: 12px;
  text-align: right;
}
div.global-chat-box div.chat-area::-webkit-scrollbar {
  width: 32px;
}
div.global-chat-box div.chat-area::-webkit-scrollbar-track {
  box-shadow: inset 0 0 32px 32px transparent;
  border: solid 13px transparent;
  background-image: url("../../images/scroll-bg.png");
  background-repeat: repeat-y;
  background-size: contain;
  background-position: bottom;
}
div.global-chat-box div.chat-area::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 32px 32px #564FFF;
  border: solid 13px transparent;
  border-radius: 32px;
}
div.global-chat-box div.chat-area::-webkit-scrollbar-button {
  display: none;
}

div.first-comment-box {
  padding: 30px;
  background-color: #4E48E6;
  border-radius: 12px;
  width: 100%;
  margin-top: 30px;
  z-index: 9999999;
  animation: 0.5s fromBottom;
}
div.first-comment-box.sticky-box {
  max-width: 500px;
  position: absolute;
  display: none;
}
div.first-comment-box.active {
  display: block;
}
div.first-comment-box div.textarea {
  width: 100%;
  height: 160px;
  border-radius: 24px;
  color: #fff;
  background-color: transparent;
  border: 2px solid #fff;
  font-family: "StyreneAWeb Regular";
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 20px;
}
.soru-area-container textarea {
  width: 100%;
  resize:none;
  padding:20px;
  height: 160px;
  border-radius: 24px;
  color: #fff;
  background-color: transparent;
  border: 2px solid #fff;
  font-family: "StyreneAWeb Regular";
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 20px;
}
div.first-comment-box div.textarea div.text-container {
  padding: 25px;
  position: relative;
  height: 100%;
}
div.first-comment-box div.textarea div.text-area {
  width: 100%;
  height: 100%;
}
div.first-comment-box div.textarea div.text-area[placeholder]:empty::before {
  content: attr(placeholder);
  color: #fff;
}
div.first-comment-box div.textarea div.text-area[placeholder]:empty:focus::before {
  content: "";
}
div.first-comment-box div.textarea div.emojies {
  position: absolute;
  top: 25px;
  right: 25px;
}
div.first-comment-box div.textarea div.emojies.active div.list-emojies {
  display: block;
  opacity: 1;
  visibility: visible;
  top: 40px;
  right: 0;
}
div.first-comment-box div.textarea div.emojies div.list-emojies {
  position: absolute;
  top: 0;
  right: -30px;
  background-color: #fff;
  padding: 5px;
  border-radius: 5px;
  width: 150px;
  font-size: 0;
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.5s;
}
div.first-comment-box div.textarea div.emojies div.list-emojies a.button {
  display: inline-block;
  vertical-align: middle;
  margin: 7.5px 0px;
  font-size: 25px;
  width: 33.3%;
  text-align: center;
}
div.first-comment-box textarea::placeholder {
  opacity: 1;
  color: #fff;
}
div.first-comment-box div.text {
  font-family: "StyreneAWeb Regular";
  font-size: 13px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.4);
  text-align: center;
}
div.first-comment-box div.form-group {
  display: block;
  vertical-align: middle;
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
  margin-bottom: 20px;
}
div.first-comment-box div.form-group div.form-item.form-item-check label.checkbox {
  justify-content: center;
}
div.first-comment-box div.form-group div.form-item.form-item-check label.checkbox div.checkbox div.name {
  color: #fff;
}
div.first-comment-box a.make-button {
  height: 43px;
  line-height: 43px;
  border-radius: 8px;
  box-shadow: 0px 4px 4px #090A33;
  background: #564FFF;
  display: block;
  margin-bottom: 20px;
  text-align: center;
  font-family: "StyreneAWeb Medium";
  font-size: 16px;
  color: #fff;
}

div.global-item-table {
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 25px;
}
div.global-item-table div.table-area {
  max-height: 300px;
  overflow-y: auto;
  margin-bottom: 30px;
}
div.global-item-table div.table-area div.item-table-head {
  background-color: #252C5A;
  border-radius: 10px 10px 0px 0px;
  font-size: 0;
}
div.global-item-table div.table-area div.item-table-head div.head-item {
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.5);
  height: 46px;
  line-height: 46px;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
div.global-item-table div.table-area div.item-table-head div.head-item:last-child {
  border-right: none;
}
div.global-item-table div.table-area div.item-table-head div.head-item.number {
  width: 80px;
}
div.global-item-table div.table-area div.item-table-head div.head-item.name {
  width: calc(100% - 420px);
}
div.global-item-table div.table-area div.item-table-head div.head-item.seller {
  width: 215px;
}
div.global-item-table div.table-area div.item-table-head div.head-item.price {
  width: 125px;
}
div.global-item-table div.table-area div.item-tables {
  background-color: #1E234B;
  border-radius: 0px 0px 10px 10px;
}
div.global-item-table div.table-area div.item-table-listing {
  counter-reset: value;
}
div.global-item-table div.table-area div.item-table-listing div.listing-block {
  font-size: 0;
  display:flex;
  font-size: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width:1023px) {
  div.global-item-table div.table-area div.item-table-listing div.listing-block {
    display:block;
  }
}
div.global-item-table div.table-area div.item-table-listing div.listing-block:last-child {
  border-bottom: none;
}
div.global-item-table div.table-area div.item-table-listing div.listing-block div.listing-item {
  vertical-align: middle;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  align-items: center;
  padding:5px;
  justify-content: center;
  text-align: center;
}
div.global-item-table div.table-area div.item-table-listing div.listing-block div.listing-item:last-child {
  border-right: none;
}
div.global-item-table div.table-area div.item-table-listing div.listing-block div.listing-item.number {
  width: 80px;
  display:flex;
  align-items:center;
}
div.global-item-table div.table-area div.item-table-listing div.listing-block div.listing-item.number div.value:before {
  counter-increment: value;
  content: counter(value);
}
div.global-item-table div.table-area div.item-table-listing div.listing-block div.listing-item.name {
  width: calc(100% - 420px);
}
div.global-item-table div.table-area div.item-table-listing div.listing-block div.listing-item.seller {
  width: 215px;
}
div.global-item-table div.table-area div.item-table-listing div.listing-block div.listing-item.price {
  width: 125px;
}
div.global-item-table div.table-area div.item-table-listing div.listing-block div.listing-item div.value {
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
}
div.global-item-table div.table-area div.item-table-listing div.listing-block div.listing-item input {
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  text-align: center;
  padding: 10px 15px;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
}
div.global-item-table div.table-area div.item-table-listing div.listing-block div.listing-item input::placeholder {
  opacity: 0.5;
  color: #fff;
}
div.global-item-table div.table-area div.item-table-listing div.listing-block div.listing-item input[type=text]:disabled {
  cursor: not-allowed;
}
div.global-item-table div.table-area::-webkit-scrollbar {
  width: 29px;
}
div.global-item-table div.table-area::-webkit-scrollbar-track {
  box-shadow: inset 0 0 32px 32px transparent;
  border: solid 12px transparent;
  background-image: url("../../images/scroll-bg.png");
  background-repeat: repeat-y;
  background-size: contain;
  background-position: bottom;
}
div.global-item-table div.table-area::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 32px 32px #564FFF;
  border: solid 12px transparent;
  border-radius: 32px;
}
div.global-item-table div.table-area::-webkit-scrollbar-button {
  display: none;
}
div.global-item-table div.table-buttons {
  text-align: right;
}
div.global-item-table div.table-buttons a.button {
  display: inline-block;
  vertical-align: middle;
  height: 35px;
  border-radius: 6px;
  background-color: #373F7B;
  font-family: "StyreneAWeb Medium";
  font-size: 12px;
  color: #fff;
  line-height: 35px;
  padding: 0px 20px;
  transition-duration: 0.5s;
}
div.global-item-table div.table-buttons a.button:hover {
  background-color: #564FFF;
}

a.general-button {
  height: 50px;
  line-height: 50px;
  background-color: #564FFF;
  display: block;
  font-size: 14px;
  padding: 0px 15px;
  border-radius: 8px;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  font-family: "StyreneAWeb Medium";
  font-size: 16px;
  color: #fff;
  transition-duration: 0.5s;
}
a.general-button:hover {
  color: #fff;
  background-color: #4c45f1;
}

span.currency {
  font-family: "Arial";
  font-weight: bold;
}

.form-item-place-select .nice-select {
  z-index: 9999;
}
.form-item-place-select .nice-select span.current {
  padding-right: 55px;
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  padding-top: 20px;
  height: 50px !important;
}
.form-item-place-select .nice-select span.current img {
  top: 5px !important;
  right: 35px !important;
  max-height: 40px !important;
  object-fit: cover;
  object-position: center;
}
.form-item-place-select ul li {
  padding: 12.5px 20px !important;
}
.form-item-place-select ul li img {
  max-height: 40px;
  object-fit: cover;
  object-position: center;
  top: 0 !important;
}

.nice-select .list {
  z-index: 999999;
}

/* Components */
.modal-backdrop {
  background-color: #090A33;
}
.modal-backdrop.show {
  opacity: 0.9;
}

/* Modal */
.modal {
  padding: 50px 10px;
}
.modal.no-scroll {
  overflow-y: hidden;
}
.modal .modal-dialog .modal-content .modal-body button.close-modal {
  width: 120px;
  height: 120px;
  border-radius: 120px;
  background-color: #0D0E40;
  border: 16px solid rgba(9, 11, 51, 0.9);
  position: absolute;
  top: -60px;
  right: -60px;
}
.modal .modal-dialog .modal-content .modal-body button.close-modal img {
  opacity: 0.5;
  transition-duration: 0.5s;
}
.modal .modal-dialog .modal-content .modal-body button.close-modal:hover img {
  opacity: 1;
}
.modal .modal-dialog .modal-content .modal-body .modal-title {
  text-align: center;
  font-family: "StyreneAWeb Black";
  font-size: 24px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 30px;
}
.modal.modal-form.modal-confirm .modal-dialog .modal-content .modal-body {
  padding: 50px 40px;
}
.modal.modal-form .modal-dialog {
  max-width: 690px;
}
.modal.modal-form .modal-dialog .modal-content {
  background-color: #0D0E40;
  border-radius: 55px;
}
.modal.modal-form .modal-dialog .modal-content .modal-body {
  padding: 60px;
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.general-form {
  max-width: 445px;
  margin: 0 auto;
  display: block;
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form {
  max-width: 100%;
  text-align: center;
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form p {
  font-family: "StyreneAWeb Regular";
  font-size: 15px;
  line-height: 23px;
  color: #fff;
  margin-bottom: 40px;
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.c-block {
  height: 100%;
  position: relative;
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.c-block a.button {
  height: 43px;
  line-height: 43px;
  border-radius: 8px;
  display: block;
  width: 100%;
  margin-bottom: 15px;
  font-family: "StyreneAWeb Medium";
  font-size: 15px;
  color: #090A33;
  opacity: 0.9;
  transition-duration: 0.5s;
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.c-block a.button:hover {
  opacity: 1;
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.c-block a.button.success {
  background-color: #39E29D;
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.c-block a.button.danger {
  background-color: rgba(147, 48, 66, 0.7);
  color: rgba(255, 255, 255, 0.7);
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.c-block div.area {
  background-color: rgba(217, 217, 217, 0.1);
  height: calc(100% - 58px);
  border-radius: 10px;
  padding: 20px;
  color: #fff;
  display: none;
  align-items: center;
  justify-content: center;
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.c-block div.area div.items {
  width: 100%;
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.c-block div.area div.title {
  font-family: "StyreneAWeb Medium";
  font-size: 15px;
  line-height: 15px;
  color: #fff;
  margin-bottom: 15px;
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.c-block div.area div.rating {
  font-size: 30px;
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.c-block div.area .rating {
  text-align: center;
  margin: 0 auto;
  display: inline-block;
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.c-block div.area .rating:not(:checked) > input {
  position: absolute;
  top: -9999px;
  clip: rect(0, 0, 0, 0);
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.c-block div.area .rating:not(:checked) > label {
  float: right;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  line-height: 1.2;
  color: #0D0E40;
  font-size: 0;
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.c-block div.area .rating:not(:checked) > label:before {
  font-size: 24px;
  content: "★";
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.c-block div.area .rating > input:checked ~ label {
  color: #564FFF;
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.c-block div.area .rating:not(:checked) > label:hover, .modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.c-block div.area .rating:not(:checked) > label:hover ~ label {
  color: #564FFF;
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.c-block div.area .rating > input:checked + label:hover, .modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.c-block div.area .rating > input:checked + label:hover ~ label, .modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.c-block div.area .rating > input:checked ~ label:hover, .modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.c-block div.area .rating > input:checked ~ label:hover ~ label, .modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.c-block div.area .rating > label:hover ~ input:checked ~ label {
  color: #564FFF;
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.c-block div.area .rating > label:active {
  position: relative;
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.c-block div.area textarea {
  width: 100%;
  height: 145px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background-color: transparent;
  padding: 15px;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  color: #fff;
  resize: none;
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.c-block div.area textarea.process {
  height: 98px;
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.c-block div.area textarea::placeholder {
  color: #fff;
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.form-group {
  margin-top: 20px;
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.form-group div.form-item.form-item-check label.checkbox {
  justify-content: center;
}
.modal.modal-form .modal-dialog .modal-content .modal-body form.confirm-form div.form-group button {
  max-width: 430px;
  margin: 0 auto;
  width: 100%;
}
.modal.modal-id .modal-dialog {
  max-width: 830px;
}
.modal.modal-id .modal-dialog .modal-content {
  background-color: #0D0E40;
  border-radius: 55px;
}
.modal.modal-id .modal-dialog .modal-content .modal-body {
  padding: 70px 50px 70px 0px;
}
.modal.modal-id .modal-dialog .modal-content .modal-body .modal-area {
  max-height: 650px;
  overflow-y: auto;
  text-align: center;
  color: #fff;
  font-family: "StyreneAWeb Regular";
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 20px;
  padding-right: 50px;
  padding-left: 100px;
}
.modal.modal-id .modal-dialog .modal-content .modal-body .modal-area p {
  margin-bottom: 20px;
}
.modal.modal-id .modal-dialog .modal-content .modal-body .modal-area div.title {
  font-family: "StyreneAWeb Black";
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 20px;
}
.modal.modal-id .modal-dialog .modal-content .modal-body .modal-area ul {
  padding: 0;
  margin: 0;
  list-style-type: disc;
}
.modal.modal-id .modal-dialog .modal-content .modal-body .modal-area ul li {
  list-style-type: disc;
  margin-bottom: 25px;
}
.modal.modal-id .modal-dialog .modal-content .modal-body .modal-area ul li:before {
  position: relative;
  content: "";
  top: 10px;
  left: 0;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #fff;
}
.modal.modal-id .modal-dialog .modal-content .modal-body .modal-area img {
  max-width: 100%;
  height: auto;
}
.modal.modal-id .modal-dialog .modal-content .modal-body .modal-area div.image {
  margin-top: 30px;
  margin-bottom: 80px;
}
.modal.modal-id .modal-dialog .modal-content .modal-body .modal-area div.image img {
  max-width: 440px;
  height: auto;
}
.modal.modal-id .modal-dialog .modal-content .modal-body .modal-area div.id-blocks {
  counter-reset: modal;
}
.modal.modal-id .modal-dialog .modal-content .modal-body .modal-area div.id-blocks .row {
  margin: 0px -30px;
}
.modal.modal-id .modal-dialog .modal-content .modal-body .modal-area div.id-blocks .col-12 {
  padding: 0px 30px;
}
.modal.modal-id .modal-dialog .modal-content .modal-body .modal-area div.id-blocks div.block {
  position: relative;
  margin-bottom: 30px;
}
.modal.modal-id .modal-dialog .modal-content .modal-body .modal-area div.id-blocks div.block:before {
  position: absolute;
  counter-increment: modal;
  content: counter(modal);
  top: -32.5px;
  left: -32.5px;
  width: 75px;
  height: 75px;
  background-color: #564FFF;
  border: 11px solid #0D0E40;
  border-radius: 75px;
  text-align: center;
  line-height: 53px;
  font-family: "StyreneAWeb Black";
  font-size: 24px;
  color: #fff;
}
.modal.modal-id .modal-dialog .modal-content .modal-body .modal-area div.id-blocks div.block div.block-image {
  margin-bottom: 20px;
}
.modal.modal-id .modal-dialog .modal-content .modal-body .modal-area div.id-blocks div.block div.block-image img {
  max-width: 100%;
  height: auto;
}
.modal.modal-id .modal-dialog .modal-content .modal-body .modal-area div.id-blocks div.block div.block-name {
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 19px;
}
.modal.modal-id .modal-dialog .modal-content .modal-body .modal-area div.note {
  text-align: center;
}
.modal.modal-id .modal-dialog .modal-content .modal-body .modal-area div.note span {
  display: inline-block;
  vertical-align: middle;
  background-color: #252653;
  border-radius: 7px;
  padding: 15px 20px;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}
.modal.modal-desc .modal-dialog {
  max-width: 832px;
}
.modal.modal-desc .modal-dialog .modal-content {
  background-color: #0D0E40;
  border-radius: 55px;
}
.modal.modal-desc .modal-dialog .modal-content .modal-body {
  padding: 50px 50px 30px 50px;
}
.modal.modal-desc .modal-dialog .modal-content .modal-body .modal-area {
  overflow-y: auto;
  color: #fff;
  font-family: "StyreneAWeb Regular";
  font-size: 15px;
  line-height: 26px;
}
.modal.modal-desc .modal-dialog .modal-content .modal-body .modal-area p {
  margin-bottom: 20px;
}
.modal.modal-desc .modal-dialog .modal-content .modal-body .modal-area div.title {
  font-family: "StyreneAWeb Black";
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 20px;
}
.modal.modal-desc .modal-dialog .modal-content .modal-body .modal-area div.delivery-tables {
  padding-left: 15px;
}
.modal.modal-desc .modal-dialog .modal-content .modal-body .modal-area div.delivery-tables div.tables div.head {
  border-radius: 10px 10px 0px 0px;
  padding: 13px 20px;
  background-color: #252C5A;
  font-size: 0;
  color: #fff;
}
.modal.modal-desc .modal-dialog .modal-content .modal-body .modal-area div.delivery-tables div.tables div.head div.head-title {
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Black";
  font-size: 16px;
  line-height: 16px;
}
.modal.modal-desc .modal-dialog .modal-content .modal-body .modal-area div.delivery-tables div.tables div.head div.head-time {
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  padding-left: 20px;
}
.modal.modal-desc .modal-dialog .modal-content .modal-body .modal-area div.delivery-tables div.tables div.options {
  font-size: 0;
  background-color: #1E234B;
  border-radius: 0px 0px 10px 10px;
  padding: 20px;
}
.modal.modal-desc .modal-dialog .modal-content .modal-body .modal-area div.delivery-tables div.tables div.options div.options-title {
  font-family: "StyreneAWeb Medium";
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  margin-bottom: 20px;
}
.modal.modal-desc .modal-dialog .modal-content .modal-body .modal-area div.delivery-tables div.tables div.options label.delivery {
  width: 100%;
  cursor: pointer;
  margin-bottom: 10px;
}
.modal.modal-desc .modal-dialog .modal-content .modal-body .modal-area div.delivery-tables div.tables div.options label.delivery.disabled {
  opacity: 0.5;
}
.modal.modal-desc .modal-dialog .modal-content .modal-body .modal-area div.delivery-tables div.tables div.options label.delivery.disabled div.icon {
  background-image: url("../../images/icons/cancel.svg");
}
.modal.modal-desc .modal-dialog .modal-content .modal-body .modal-area div.delivery-tables div.tables div.options label.delivery:last-child {
  margin-bottom: 0;
}
.modal.modal-desc .modal-dialog .modal-content .modal-body .modal-area div.delivery-tables div.tables div.options label.delivery input {
  display: none;
}
.modal.modal-desc .modal-dialog .modal-content .modal-body .modal-area div.delivery-tables div.tables div.options label.delivery input:checked ~ div.delivery div.icon {
  background-image: url("../../images/icons/check.svg");
}
.modal.modal-desc .modal-dialog .modal-content .modal-body .modal-area div.delivery-tables div.tables div.options label.delivery div.icon {
  width: 22px;
  height: 22px;
  border: 1px solid #fff;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  position:Relative;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.modal.modal-desc .modal-dialog .modal-content .modal-body .modal-area div.delivery-tables div.tables div.options input:disabled + .delivery div.icon {
  opacity:0.5;
  background: url(../../images/icon-canceled.svg) no-repeat center center;
}
.modal.modal-desc .modal-dialog .modal-content .modal-body .modal-area div.delivery-tables div.tables div.options label.delivery div.value {
  width: calc(100% - 22px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 8px;
  font-family: "StyreneAWeb Regular";
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
}
.modal.modal-order .modal-dialog {
  max-width: 650px;
}
.modal.modal-order .modal-dialog .modal-content {
  background-color: #0D0E40;
  border-radius: 55px;
}
.modal.modal-order .modal-dialog .modal-content .modal-body {
  padding: 35px 50px;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box ul.nav {
  justify-content: center;
  margin-bottom: 25px;
  font-size: 0;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box ul.nav li {
  margin: 0px 15px;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box ul.nav li:first-child {
  margin-left: 0;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box ul.nav li:last-child {
  margin-right: 0;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box ul.nav li button {
  padding: 12px 25px;
  border-radius: 8px;
  font-family: "StyreneAWeb Medium";
  font-size: 18px;
  color: #fff;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box ul.nav li button div.icon {
  width: 22px;
  height: 22px;
  border: 1px solid #fff;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: relative;
  margin-right: 10px;
  top: -2px;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box ul.nav li button div.icon:after {
  content: "";
  position: absolute;
  width: 0px;
  height: 2px;
  background: #fff;
  transform: translate(8px, 12px) rotate(-45deg);
  transform-origin: left;
  transition: all 150ms;
  transition-delay: 0ms;
  left: 0;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box ul.nav li button div.icon:before {
  content: "";
  left: 0;
  position: absolute;
  width: 0px;
  height: 2px;
  background: #fff;
  transform: translate(5px, 8px) rotate(45deg);
  transform-origin: left;
  transition: all 150ms;
  transition-delay: 150ms;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box ul.nav li button.active {
  background: linear-gradient(180deg, #564FFF 0%, rgba(28, 32, 64, 0) 117.86%);
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box ul.nav li button.active div.icon:before {
  width: 4px;
  transition-delay: 0ms;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box ul.nav li button.active div.icon:after {
  width: 10px;
  transition-delay: 150ms;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form {
  max-width: 420px;
  margin: 0 auto;
  display: block;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group {
  margin-bottom: 20px;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-select {
  margin: 0 auto;
  width: 100%;
  display: block;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-select:after {
  content: "";
  position: relative;
  clear: both;
  display: block;
  width: 100%;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-select .nice-select {
  width: 100%;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  color: #fff;
  height: 53px;
  line-height: 51px;
  padding: 0% 20px;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-select .nice-select:after {
  right: 20px;
  border-bottom-color: #fff;
  border-right-color: #fff;
  border-bottom-width: 3px;
  border-right-width: 3px;
  height: 8px;
  width: 8px;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-select .nice-select ul {
  width: 100%;
  background-color: #1E234B;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-select .nice-select ul li {
  margin: 0;
  padding: 10px 12.5px;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-select .nice-select ul li:first-child {
  display: none;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-select .nice-select ul .option.focus, .modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-select .nice-select ul .option.selected.focus, .modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-select .nice-select ul .option:hover {
  background-color: #564FFF;
  color: #fff;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-search {
  text-align: center;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-search div.items-search {
  width: 100%;
  display: block;
  vertical-align: middle;
  position: relative;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-search div.items-search.active div.current div.down {
  transform: rotate(180deg);
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-search div.items-search.active div.items {
  opacity: 1;
  z-index: 9;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-search div.items-search div.current {
  height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  font-size: 0;
  line-height: 48px;
  padding-right: 10px;
  cursor: pointer;
  text-align: left;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-search div.items-search div.current div.icon {
  width: 40px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-search div.items-search div.current div.icon img {
  max-width: 100%;
  height: auto;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-search div.items-search div.current div.text {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 15px);
  padding: 0px 10px 0px 15px;
  font-family: "StyreneAWeb Regular";
  font-size: 15px;
  color: #fff;
  user-select: none;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-search div.items-search div.current div.down {
  width: 15px;
  display: inline-block;
  vertical-align: middle;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-search div.items-search div.current div.down img {
  max-width: 100%;
  height: auto;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-search div.items-search div.items {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  background: #1E234B;
  border: 1px solid #564FFF;
  border-radius: 10px;
  padding: 15px 15px 25px 15px;
  opacity: 0;
  overflow: hidden;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: -1;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-search div.items-search div.items div.search {
  padding: 15px 11px;
  background: #0D0E40;
  border-radius: 6px;
  font-size: 0;
  margin-bottom: 15px;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-search div.items-search div.items div.search div.icon {
  width: 16px;
  display: inline-block;
  vertical-align: middle;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-search div.items-search div.items div.search div.icon img {
  max-width: 100%;
  height: auto;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-search div.items-search div.items div.search input {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 16px);
  padding: 0px 12.5px;
  background-color: transparent;
  border: none;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-search div.items-search div.items div.search input::placeholder {
  opacity: 0.5;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-search div.items-search div.items div.list {
  max-height: 250px;
  overflow-y: auto;
  text-align: left;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-search div.items-search div.items div.list a.button {
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  display: block;
  margin-bottom: 20px;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-search div.items-search div.items div.list a.button:last-child {
  margin-bottom: 0;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-search div.items-search div.items div.list a.button:hover {
  color:#564FFF;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-search div.items-search div.items div.list::-webkit-scrollbar {
  width: 20px;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-search div.items-search div.items div.list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 24px 24px transparent;
  border: solid 8px transparent;
  background-image: url("../../images/scroll-bg.png");
  background-repeat: repeat-y;
  background-size: contain;
  background-position: bottom;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-search div.items-search div.items div.list::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 24px 24px #564FFF;
  border: solid 8px transparent;
  border-radius: 24px;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-search div.items-search div.items div.list::-webkit-scrollbar-button {
  display: none;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-price {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-price div.price-block {
  border: 1px solid rgba(255, 255, 255, 0.3);
  height: 53px;
  padding: 0px 20px;
  font-size: 0;
  border-radius: 8px;
  opacity: 1;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-price div.price-block input {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  height: 51px;
  border: none;
  background-color: transparent;
  font-family: "StyreneAWeb Regular";
  font-size: 16px;
  color: #fff;
  opacity: 0.5;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-price div.price-block input::placeholder {
  color: #fff;
  opacity: 0.5;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-price div.price-block select {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  height: 51px;
  border: none;
  background-color: transparent;
  font-family: "StyreneAWeb Regular";
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
  text-align: right;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url("../../images/icons/form-arrow-down.png");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 10px;
  padding-right: 20px;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-price div.price-block select option {
  background-color: #373F7B;
  color: #fff;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-price div.price-block .nice-select {
  float: right;
  height: 51px;
  line-height: 51px;
  background-color: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.5);
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-price div.price-block .nice-select:after {
  right: 0;
  border-bottom-color: #fff;
  border-right-color: #fff;
  border-bottom-width: 3px;
  border-right-width: 3px;
  height: 8px;
  width: 8px;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-price div.price-block .nice-select ul {
  right: -30px;
  width: 100%;
  background-color: #1E234B;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-price div.price-block .nice-select ul li {
  margin: 0;
  padding: 4px 12.5px;
  text-align: center;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-price div.price-block .nice-select ul .option.focus, .modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-price div.price-block .nice-select ul .option.selected.focus, .modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-price div.price-block .nice-select ul .option:hover {
  background-color: #564FFF;
  color: #fff;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-small {
  max-width: 100%;
  margin: 0 auto;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-small textarea {
  width: 100%;
  height: 142px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 15px;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.5);
  font-family: "StyreneAWeb Regular";
  font-size: 16px;
  resize: none;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-small textarea::placeholder {
  color: #fff;
  opacity: 0.5;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-big textarea {
  height: 142px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 15px;
  width: 100%;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.5);
  font-family: "StyreneAWeb Regular";
  font-size: 16px;
  resize: none;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-big textarea::placeholder {
  color: #fff;
  opacity: 0.5;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-upload label.upload-area {
  width: 100%;
  margin-bottom: 30px;
  cursor: pointer;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-upload label.upload-area input {
  display: none;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-upload label.upload-area div.upload {
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  padding: 25px;
  text-align: center;
  font-size: 0;
  position: relative;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-upload label.upload-area div.upload div.image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  text-align: right;
  padding: 15px;
  display: none;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-upload label.upload-area div.upload div.image.show {
  display: block;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-upload label.upload-area div.upload div.image div.remove {
  cursor: pointer;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-upload label.upload-area div.upload div.image div.remove img {
  filter: invert(18%) sepia(97%) saturate(5451%) hue-rotate(356deg) brightness(98%) contrast(116%);
  max-width: 12px;
  height: auto;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-upload label.upload-area div.upload div.content {
  display: inline-block;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-upload label.upload-area div.upload div.content div.title {
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Medium";
  font-size: 16px;
  line-height: 16px;
  color: #fff;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-upload label.upload-area div.upload div.content div.title span {
  font-family: "StyreneAWeb Medium";
  font-size: 13px;
  line-height: 13px;
  display: block;
  margin-top: 5px;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-upload label.upload-area div.upload div.content div.icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  width: 31px;
  height: 31px;
  line-height: 29px;
  border-radius: 8px;
  border: 1px solid #fff;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-upload label.upload-area div.upload div.content div.icon img {
  max-width: 16px;
  height: auto;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-checkbox {
  cursor: pointer;
  font-size: 0;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-checkbox label.checkbox {
  width: 100%;
  margin-bottom: 0;
  cursor: pointer;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-checkbox input {
  order: 0;
  width: 0px;
  height: 0px;
  display: none;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-checkbox input:checked ~ div.checkbox div.icon:before {
  width: 4px;
  transition-delay: 0ms;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-checkbox input:checked ~ div.checkbox div.icon:after {
  width: 10px;
  transition-delay: 150ms;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-checkbox div.checkbox {
  font-size: 0;
  text-align: center;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-checkbox div.checkbox div.icon {
  width: 22px;
  height: 22px;
  border: 1px solid #fff;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: relative;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-checkbox div.checkbox div.icon:after {
  content: "";
  position: absolute;
  width: 0px;
  height: 2px;
  background: #fff;
  transform: translate(8px, 12px) rotate(-45deg);
  transform-origin: left;
  transition: all 150ms;
  transition-delay: 0ms;
  left: 0;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-checkbox div.checkbox div.icon:before {
  content: "";
  left: 0;
  position: absolute;
  width: 0px;
  height: 2px;
  background: #fff;
  transform: translate(5px, 8px) rotate(45deg);
  transform-origin: left;
  transition: all 150ms;
  transition-delay: 150ms;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-checkbox div.checkbox div.content {
  max-width: calc(100% - 22px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 8px;
  font-family: "StyreneAWeb Regular";
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item.form-item-checkbox div.checkbox div.content div.qmark {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  background-color: #373F7B;
  text-align: center;
  line-height: 25px;
  border-radius: 3px;
  font-family: "StyreneAWeb Medium";
  font-size: 16px;
  color: #fff;
  margin-left: 5px;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item div.preview-area {
  text-align: center;
  display: none;
  margin-top: 30px;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item div.preview-area div.image-block {
  display: inline-block;
  width: 150px;
  height: 150px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
  font-size: 0;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group div.form-item div.preview-area div.image-block span.remove {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group button {
  height: 55px;
  background-color: #564FFF;
  display: inline-block;
  vertical-align: middle;
  padding: 0px 75px;
  border-radius: 8px;
  line-height: 55px;
  border: none;
  font-family: "StyreneAWeb Medium";
  font-size: 17px;
  color: #fff;
  transition-duration: 0.5s;
}
.modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form div.form-group button:hover {
  background-color: #605ae7;
}
.modal.modal-redirect .modal-dialog {
  max-width: 500px;
}
.modal.modal-redirect .modal-dialog .modal-content {
  background-color: #0D0E40;
  border-radius: 30px;
}
.modal.modal-redirect .modal-dialog .modal-content .modal-body {
  padding: 50px;
}
.modal.modal-redirect .modal-dialog .modal-content .modal-body .modal-area {
  color: #fff;
  font-family: "StyreneAWeb Regular";
  font-size: 15px;
  line-height: 26px;
  text-align: center;
}
.modal.modal-redirect .modal-dialog .modal-content .modal-body .modal-area div.title {
  font-family: "StyreneAWeb Medium";
  font-size: 21px;
  line-height: 21px;
  color: #fff;
  margin-bottom: 30px;
}
.modal.modal-redirect .modal-dialog .modal-content .modal-body .modal-area div.buttons {
  font-size: 0;
}
.modal.modal-redirect .modal-dialog .modal-content .modal-body .modal-area div.buttons a.button {
  display: inline-block;
  vertical-align: middle;
  height: 43px;
  line-height: 43px;
  border-radius: 8.25px;
  padding: 0px 30px;
  margin: 0px 5px;
}
.modal.modal-redirect .modal-dialog .modal-content .modal-body .modal-area div.buttons a.button span.icon {
  display: inline-block;
  vertical-align: middle;
}
.modal.modal-redirect .modal-dialog .modal-content .modal-body .modal-area div.buttons a.button span.text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
  font-family: "StyreneAWeb Medium";
  font-size: 17px;
  color: #000;
}
.modal.modal-redirect .modal-dialog .modal-content .modal-body .modal-area div.buttons a.button.confirm {
  background-color: #39E29D;
}
.modal.modal-redirect .modal-dialog .modal-content .modal-body .modal-area div.buttons a.button.cancel {
  background-color: #EF4141;
}

form.general-form div.form-group {
  margin-bottom: 25px;
}
form.general-form div.form-group div.title {
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  margin-bottom: 15px;
  padding-left: 20px;
}
form.general-form div.form-group div.form-item.form-item-text input,
form.general-form div.form-group div.form-item.form-item-text input:focus,
form.general-form div.form-group div.form-item.form-item-text input:active {
  width: 100%;
  height: 45px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: transparent;
  padding: 0px 15px;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  color: #fff;
}
form.general-form div.form-group div.form-item.form-item-text input:valid {
  background-color:transparent !important;
  color:#fff !important;
}
form.general-form div.form-group div.form-item.form-item-text input::placeholder {
  color: rgba(255, 255, 255, 0.5);
  background:transparent;
  border-color: rgba(255, 255, 255, 0.5);
}
form.general-form div.form-group div.form-item.form-item-text input:-internal-autofill-selected,
form.general-form div.form-group div.form-item.form-item-text input:-webkit-autofill,
form.general-form div.form-group div.form-item.form-item-text input:-moz-autofill {
  background-color:transparent !important;
  color:#fff !important;
  -webkit-background-clip: text;
}
form.general-form div.form-group div.form-item.form-item-textarea textarea {
  width: 100%;
  height: 140px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: transparent;
  padding: 15px;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  color: #fff;
  resize: none;
}
form.general-form div.form-group div.form-item.form-item-textarea textarea:-internal-autofill-selected,
form.general-form div.form-group div.form-item.form-item-textarea textarea:-webkit-autofill,
form.general-form div.form-group div.form-item.form-item-textarea textarea:-moz-autofill {
  color: #fff !important;
  background:transparent !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  -webkit-background-clip: text;
}
input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}
input[data-autocompleted] {
    background-color: transparent !important;
}
form.general-form div.form-group div.form-item.form-item-textarea textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
  background:transparent;
}
form.general-form div.form-group div.form-item.form-item-phone {
  font-size: 0;
  position: relative;
}
form.general-form div.form-group div.form-item.form-item-phone.phone-okay div.phone-form {
  background-color: #234058;
  border-radius: 5px;
  position: relative;
}
form.general-form div.form-group div.form-item.form-item-phone.phone-okay div.phone-form:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../images/icons/success-circle.svg");
  background-repeat: no-repeat;
  background-position: 97% 50%;
  z-index: 9;
  content: "";
  filter: invert(10%) sepia(150) saturate(4561%) hue-rotate(62deg) brightness(95%) contrast(85%);
}
form.general-form div.form-group div.form-item.form-item-phone.phone-okay div.phone-form div.phone-select div.current-phone {
  border: none;
}
form.general-form div.form-group div.form-item.form-item-phone.phone-okay div.phone-form div.phone-select div.current-phone div.down img {
  transform: none !important;
}
form.general-form div.form-group div.form-item.form-item-phone.phone-okay div.phone-form input {
  border: none !important;
}
form.general-form div.form-group div.form-item.form-item-phone.phone-okay div.phone-form div.phone-list {
  display: none !important;
}
form.general-form div.form-group div.form-item.form-item-phone.active div.phone-form div.phone-select div.current-phone div.down img {
  transform: rotate(-180deg);
}
form.general-form div.form-group div.form-item.form-item-phone.active div.phone-form div.phone-list {
  display: block;
}
form.general-form div.form-group div.form-item.form-item-phone div.phone-form div.phone-select {
  width: 115px;
  display: inline-block;
  vertical-align: middle;
  z-index: 9;
}
form.general-form div.form-group div.form-item.form-item-phone div.phone-form div.phone-select div.current-phone {
  height: 45px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 6px;
  line-height: 43px;
  padding: 0px 10px;
  font-size: 0;
  cursor: pointer;
}
form.general-form div.form-group div.form-item.form-item-phone div.phone-form div.phone-select div.current-phone div.image {
  width: 23px;
  display: inline-block;
  vertical-align: middle;
}
form.general-form div.form-group div.form-item.form-item-phone div.phone-form div.phone-select div.current-phone div.image img {
  max-width: 100%;
  height: auto;
}
form.general-form div.form-group div.form-item.form-item-phone div.phone-form div.phone-select div.current-phone div.code {
  width: calc(100% - 35px);
  display: inline-block;
  vertical-align: middle;
  padding: 0px 10px;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  color: #fff;
}
form.general-form div.form-group div.form-item.form-item-phone div.phone-form div.phone-select div.current-phone div.down {
  width: 12px;
  display: inline-block;
  vertical-align: middle;
}
form.general-form div.form-group div.form-item.form-item-phone div.phone-form div.phone-select div.current-phone div.down img {
  transition-duration: 0.5s;
  display: block;
}
form.general-form div.form-group div.form-item.form-item-phone div.phone-form input.number::-webkit-outer-spin-button, form.general-form div.form-group div.form-item.form-item-phone div.phone-form input.number::-webkit-inner-spin-button, form.general-form div.form-group div.form-item.form-item-phone div.phone-form input.number {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
}
form.general-form div.form-group div.form-item.form-item-phone div.phone-form input.number {
  width: calc(100% - 130px);
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  height: 45px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: transparent;
  padding: 0px 15px;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  color: #fff;
}
form.general-form div.form-group div.form-item.form-item-phone div.phone-form input.number::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
form.general-form div.form-group div.form-item.form-item-phone div.phone-form div.phone-list {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  min-width: 445px;
  background-color: #1E234B;
  padding: 18px 20px;
  border-radius: 10px;
  z-index: 55;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: none;
}
form.general-form div.form-group div.form-item.form-item-phone div.phone-form div.phone-list div.search-area {
  background-color: rgba(217, 217, 217, 0.1);
  height: 45px;
  line-height: 45px;
  border-radius: 6px;
  padding: 0px 20px;
  font-size: 0;
  color: rgba(255, 255, 255, 0.5);
}
form.general-form div.form-group div.form-item.form-item-phone div.phone-form div.phone-list div.search-area div.icon {
  width: 15px;
  display: inline-block;
  vertical-align: middle;
}
form.general-form div.form-group div.form-item.form-item-phone div.phone-form div.phone-list div.search-area input {
  width: calc(100% - 15px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 15px;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  color: #fff;
  background-color: transparent;
  border: none;
}
form.general-form div.form-group div.form-item.form-item-phone div.phone-form div.phone-list div.search-list {
  margin-top: 15px;
  max-height: 175px;
  overflow: auto;
}
form.general-form div.form-group div.form-item.form-item-phone div.phone-form div.phone-list div.search-list a.country {
  font-size: 0;
  margin-bottom: 20px;
  display: block;
}
form.general-form div.form-group div.form-item.form-item-phone div.phone-form div.phone-list div.search-list a.country:last-child {
  margin-bottom: 0;
}
form.general-form div.form-group div.form-item.form-item-phone div.phone-form div.phone-list div.search-list a.country div.flag {
  width: 25px;
  display: inline-block;
  vertical-align: middle;
}
form.general-form div.form-group div.form-item.form-item-phone div.phone-form div.phone-list div.search-list a.country div.flag img {
  max-width: 100%;
  height: auto;
  max-height: 17px;
  border-radius: 5px;
}
form.general-form div.form-group div.form-item.form-item-phone div.phone-form div.phone-list div.search-list a.country div.name {
  width: calc(100% - 25px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 15px;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  color: #fff;
}
form.general-form div.form-group div.form-item.form-item-phone div.phone-change a.change-phone {
  font-family: "StyreneAWeb Regular";
  font-size: 12px;
  line-height: 12px;
  color: #564FFF;
  display: block;
  margin-bottom: 10px;
  margin-top: 20px;
}
form.general-form div.form-group div.form-item.form-item-phone div.phone-change a.change-phone:hover {
  text-decoration: underline;
}
form.general-form div.form-group div.form-item.form-item-phone:not(.phone-okay) div.phone-change a.change-phone {
  display: none;
}
form.general-form div.form-group div.form-item.form-item-country {
  font-size: 0;
  position: relative;
}
form.general-form div.form-group div.form-item.form-item-country.country-okay div.country-form {
  background-color: #234058;
  border-radius: 5px;
  position: relative;
}
form.general-form div.form-group div.form-item.form-item-country.country-okay div.country-form:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../images/icons/success-circle.svg");
  background-repeat: no-repeat;
  background-position: 97% 50%;
  z-index: 9;
  content: "";
  filter: invert(10%) sepia(150) saturate(4561%) hue-rotate(62deg) brightness(95%) contrast(85%);
}
form.general-form div.form-group div.form-item.form-item-country.country-okay div.country-form div.country-select div.current-country {
  border: none;
}
form.general-form div.form-group div.form-item.form-item-country.country-okay div.country-form div.country-select div.current-country div.down img {
  transform: none !important;
}
form.general-form div.form-group div.form-item.form-item-country.country-okay div.country-form input {
  border: none !important;
}
form.general-form div.form-group div.form-item.form-item-country.country-okay div.country-form div.country-list {
  display: none !important;
}
form.general-form div.form-group div.form-item.form-item-country.active div.country-form div.country-select div.current-country div.down img {
  transform: rotate(-180deg);
}
form.general-form div.form-group div.form-item.form-item-country.active div.country-form div.country-list {
  display: block;
}
form.general-form div.form-group div.form-item.form-item-country div.country-form div.country-select {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  z-index: 9;
}
form.general-form div.form-group div.form-item.form-item-country div.country-form div.country-select div.current-country {
  height: 45px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 6px;
  line-height: 43px;
  padding: 0px 15px;
  font-size: 0;
  cursor: pointer;
}
form.general-form div.form-group div.form-item.form-item-country div.country-form div.country-select div.current-country div.image {
  width: 23px;
  display: inline-block;
  vertical-align: middle;
}
form.general-form div.form-group div.form-item.form-item-country div.country-form div.country-select div.current-country div.image img {
  max-width: 100%;
  height: auto;
}
form.general-form div.form-group div.form-item.form-item-country div.country-form div.country-select div.current-country div.code {
  width: calc(100% - 35px);
  display: inline-block;
  vertical-align: middle;
  padding: 0px 10px;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  color: #fff;
}
form.general-form div.form-group div.form-item.form-item-country div.country-form div.country-select div.current-country div.down {
  width: 12px;
  display: inline-block;
  vertical-align: middle;
}
form.general-form div.form-group div.form-item.form-item-country div.country-form div.country-select div.current-country div.down img {
  transition-duration: 0.5s;
  display: block;
}
form.general-form div.form-group div.form-item.form-item-country div.country-form div.country-list {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  min-width: 445px;
  background-color: #1E234B;
  padding: 18px 20px;
  border-radius: 10px;
  z-index: 55;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: none;
}
form.general-form div.form-group div.form-item.form-item-country div.country-form div.country-list div.search-area {
  background-color: rgba(217, 217, 217, 0.1);
  height: 45px;
  line-height: 45px;
  border-radius: 6px;
  padding: 0px 20px;
  font-size: 0;
  color: rgba(255, 255, 255, 0.5);
}
form.general-form div.form-group div.form-item.form-item-country div.country-form div.country-list div.search-area div.icon {
  width: 15px;
  display: inline-block;
  vertical-align: middle;
}
form.general-form div.form-group div.form-item.form-item-country div.country-form div.country-list div.search-area input {
  width: calc(100% - 15px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 15px;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  color: #fff;
  background-color: transparent;
  border: none;
}
form.general-form div.form-group div.form-item.form-item-country div.country-form div.country-list div.search-list {
  margin-top: 15px;
  max-height: 175px;
  overflow: auto;
}
form.general-form div.form-group div.form-item.form-item-country div.country-form div.country-list div.search-list a.country {
  font-size: 0;
  margin-bottom: 20px;
  display: block;
}
form.general-form div.form-group div.form-item.form-item-country div.country-form div.country-list div.search-list a.country:last-child {
  margin-bottom: 0;
}
form.general-form div.form-group div.form-item.form-item-country div.country-form div.country-list div.search-list a.country div.flag {
  width: 25px;
  display: inline-block;
  vertical-align: middle;
}
form.general-form div.form-group div.form-item.form-item-country div.country-form div.country-list div.search-list a.country div.flag img {
  max-width: 100%;
  height: auto;
  max-height: 17px;
  border-radius: 5px;
}
form.general-form div.form-group div.form-item.form-item-country div.country-form div.country-list div.search-list a.country div.name {
  width: calc(100% - 25px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 15px;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  color: #fff;
}
form.general-form div.form-group div.form-item.form-item-country div.phone-change a.change-phone {
  font-family: "StyreneAWeb Regular";
  font-size: 12px;
  line-height: 12px;
  color: #564FFF;
  display: block;
  margin-bottom: 10px;
  margin-top: 20px;
}
form.general-form div.form-group div.form-item.form-item-country:not(.phone-okay) div.phone-change a.change-phone {
  display: none;
}
form.general-form div.form-group div.form-item.form-item-select {
  height: 45px;
  margin-bottom: 20px;
}
form.general-form div.form-group div.form-item.form-item-select .nice-select {
  width: 100%;
  height: 45px;
  background: transparent;
  border-radius: 6px;
  border: none;
  line-height: 43px;
  padding-left: 20px;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
form.general-form div.form-group div.form-item.form-item-select .nice-select:after {
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  height: 7.5px;
  margin-top: -6px;
  right: 25px;
  top: 50%;
  width: 7.5px;
}
form.general-form div.form-group div.form-item.form-item-select .nice-select span.current {
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
}
form.general-form div.form-group div.form-item.form-item-select .nice-select span.current img {
  position: absolute;
  top: 12.5px;
  right: 50px;
}
form.general-form div.form-group div.form-item.form-item-select ul {
  display: block;
  width: 100%;
  background-color: #1E234B;
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  color: #fff;
  max-height:300px;
  overflow-y:auto;
}

form.general-form div.form-group div.form-item.form-item-select ul::-webkit-scrollbar {
  width: 20px;
}
form.general-form div.form-group div.form-item.form-item-select ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 24px 24px transparent;
  border: solid 8px transparent;
  background-image: url("../../images/scroll-bg.png");
  background-repeat: repeat-y;
  background-size: contain;
  background-position: bottom;
}
form.general-form div.form-group div.form-item.form-item-select ul::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 24px 24px #564FFF;
  border: solid 8px transparent;
  border-radius: 24px;
}
form.general-form div.form-group div.form-item.form-item-select ul::-webkit-scrollbar-button {
  display: none;
}

form.general-form div.form-group div.form-item.form-item-select ul li {
  padding: 4px 12px 4px 20px;
}
form.general-form div.form-group div.form-item.form-item-select ul li:first-child {
  display: none;
}
form.general-form div.form-group div.form-item.form-item-select ul li img {
  float: right;
  max-width: 40px;
  height: auto;
  position: relative;
  top: 10px;
}
form.general-form div.form-group div.form-item.form-item-select ul .option.focus, form.general-form div.form-group div.form-item.form-item-select ul .option.selected.focus, form.general-form div.form-group div.form-item.form-item-select ul .option:hover {
  background-color: #564FFF !important;
}
form.general-form div.form-group div.form-item.form-item-balance-select {
  position: relative;
}
form.general-form div.form-group div.form-item.form-item-balance-select.active div.current-balance div.icon {
  transform: rotate(180deg);
}
form.general-form div.form-group div.form-item.form-item-balance-select.active div.options-balance {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
  z-index: 9;
}
form.general-form div.form-group div.form-item.form-item-balance-select div.current-balance {
  width: 100%;
  height: 45px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 6px;
  font-size: 0;
  padding: 0px 15px;
  line-height: 43px;
  cursor: pointer;
}
form.general-form div.form-group div.form-item.form-item-balance-select div.current-balance div.icon {
  width: 12px;
  display: inline-block;
  vertical-align: middle;
  transition-duration: 0.5s;
}
form.general-form div.form-group div.form-item.form-item-balance-select div.current-balance div.value {
  width: calc(100% - 12px);
  padding-left: 10px;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}
form.general-form div.form-group div.form-item.form-item-balance-select div.options-balance {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  background: #1E234B;
  border: 1px solid #404778;
  border-radius: 10px;
  padding: 15px 35px;
  opacity: 0;
  overflow: hidden;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: -1;
}
form.general-form div.form-group div.form-item.form-item-balance-select div.options-balance a.option {
  display: block;
  font-family: "StyreneAWeb Regular";
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  margin-bottom: 10px;
  transition-duration: 0.5s;
}
form.general-form div.form-group div.form-item.form-item-balance-select div.options-balance a.option:hover {
  color: #564FFF;
}
form.general-form div.form-group div.form-item.form-item-balance-select div.options-balance a.option:last-child {
  margin-bottom: 0;
}
form.general-form div.form-group div.form-item.form-item-bank-select {
  position: relative;
}
form.general-form div.form-group div.form-item.form-item-bank-select.active div.current-bank div.icon {
  transform: rotate(180deg);
}
form.general-form div.form-group div.form-item.form-item-bank-select.active div.options-bank {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
  z-index: 9;
}
form.general-form div.form-group div.form-item.form-item-bank-select div.current-bank {
  width: 100%;
  height: 45px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 6px;
  font-size: 0;
  padding: 0px 15px;
  line-height: 43px;
  cursor: pointer;
}
form.general-form div.form-group div.form-item.form-item-bank-select div.current-bank div.icon {
  width: 12px;
  display: inline-block;
  vertical-align: middle;
  transition-duration: 0.5s;
}
form.general-form div.form-group div.form-item.form-item-bank-select div.current-bank div.value {
  width: calc(100% - 12px);
  padding-left: 10px;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}
form.general-form div.form-group div.form-item.form-item-bank-select div.options-bank {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  background: #1E234B;
  border: 1px solid #404778;
  border-radius: 10px;
  padding: 10px 0px 15px;
  opacity: 0;
  overflow: hidden;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: -1;
}
form.general-form div.form-group div.form-item.form-item-bank-select div.options-bank div.list {
  font-size: 14px;
  padding: 0px 30px;
}
form.general-form div.form-group div.form-item.form-item-bank-select div.options-bank div.list a.bank {
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  display: block;
  padding: 5px 0px 10px;
  margin-bottom: 10px;
}
form.general-form div.form-group div.form-item.form-item-bank-select div.options-bank div.list a.bank:last-child {
  border-bottom: none;
  margin-bottom: 5px;
}
form.general-form div.form-group div.form-item.form-item-bank-select div.options-bank div.list a.bank div.head {
  font-size: 0;
  margin-bottom: 7.5px;
}
form.general-form div.form-group div.form-item.form-item-bank-select div.options-bank div.list a.bank div.head div.last {
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  color: #fff;
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  padding-right: 15px;
}
form.general-form div.form-group div.form-item.form-item-bank-select div.options-bank div.list a.bank div.head div.name {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 14px;
  font-family: "StyreneAWeb Medium";
  padding-left: 15px;
}
form.general-form div.form-group div.form-item.form-item-bank-select div.options-bank div.list a.bank div.iban {
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
}
form.general-form div.form-group div.form-item.form-item-bank-select div.options-bank .add-new {
  background: #252C5A;
  display: block;
  padding: 0px 12px 0px 30px;
}
form.general-form div.form-group div.form-item.form-item-bank-select div.options-bank .add-new div.text {
  width: calc(100% - 34px);
  display: inline-block;
  vertical-align: middle;
  padding-right: 12px;
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  color: #7873FF;
  text-transform: capitalize;
}
form.general-form div.form-group div.form-item.form-item-bank-select div.options-bank .add-new div.icon {
  width: 34px;
  height: 34px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px;
  background-color: #564FFF;
  text-align: center;
  line-height: 34px;
}
form.general-form div.form-group div.form-item.form-item-bank-select div.options-bank .add-new div.icon img {
  max-width: 12px;
  height: auto;
}
form.general-form div.form-group div.form-item.form-item-amount div.head div.balance {
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  color: #fff;
  text-align: right;
  margin-bottom: 15px;
  display: block;
}
form.general-form div.form-group div.form-item.form-item-amount div.input {
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 6px;
  padding: 5px;
  font-size: 0;
}
form.general-form div.form-group div.form-item.form-item-amount div.input input {
  width: calc(100% - 114px);
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  color: #fff;
  border: none;
  background-color: transparent;
  padding: 0px 10px;
}
form.general-form div.form-group div.form-item.form-item-amount div.input input::placeholder {
  color: #fff;
  opacity: 1;
}
form.general-form div.form-group div.form-item.form-item-amount div.input input::-webkit-outer-spin-button, form.general-form div.form-group div.form-item.form-item-amount div.input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
form.general-form div.form-group div.form-item.form-item-amount div.input input[type=number] {
  -moz-appearance: textfield;
}
form.general-form div.form-group div.form-item.form-item-amount div.input a.max {
  display: inline-block;
  vertical-align: middle;
  width: 34px;
  height: 34px;
  background-color: #564FFF;
  border-radius: 3px;
  text-align: center;
  line-height: 34px;
  margin-right: 10px;
}
form.general-form div.form-group div.form-item.form-item-amount div.input a.max img {
  max-width: 12px;
  height: auto;
}
form.general-form div.form-group div.form-item.form-item-amount div.input div.balance {
  width: 70px;
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Medium";
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  padding-left: 10px;
  height: 34px;
  line-height: 34px;
  border-left: 2px solid rgba(255, 255, 255, 0.2);
  padding-left: 15px;
}
form.general-form div.form-group div.form-item.form-item-avatar label.avatar {
  cursor: pointer;
}
form.general-form div.form-group div.form-item.form-item-avatar label.avatar input {
  display: none;
}
form.general-form div.form-group div.form-item.form-item-avatar label.avatar div.image {
  width: 70px;
  height: 70px;
  border-radius: 70px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
form.general-form div.form-group div.form-item.form-item-avatar label.avatar div.image:before {
  position: absolute;
  content: "";
  top: -5px;
  left: -5px;
  width: 100%;
  height: 100%;
  border-radius: 70px;
  background-color: #564FFF;
  z-index: 1;
}
form.general-form div.form-group div.form-item.form-item-avatar label.avatar div.image div.avatar {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
  border-radius: 70px;
  background-image: url("../../images/avatar.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
form.general-form div.form-group div.form-item.form-item-avatar label.avatar div.text {
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  color: #fff;
  padding-left: 20px;
}
form.general-form div.form-group div.form-item.form-item-avatar label.avatar div.text span {
  display: block;
  font-size:12px;
  text-align: center;
}
form.general-form div.form-group div.form-item.form-item-upload label.upload {
  margin-bottom: 0;
  width: 100%;
  display: block;
  cursor: pointer;
  position: relative;
}
form.general-form div.form-group div.form-item.form-item-upload label.upload.active a.remove-file {
  display: block;
}
form.general-form div.form-group div.form-item.form-item-upload label.upload.active div.upload div.text:before {
  font-size: 0;
}
form.general-form div.form-group div.form-item.form-item-upload label.upload:hover div.upload div.icon {
  background-color: #605ae7;
}
form.general-form div.form-group div.form-item.form-item-upload label.upload input {
  display: none;
}
form.general-form div.form-group div.form-item.form-item-upload label.upload a.remove-file {
  position: absolute;
  top: -30px;
  right: 10px;
  display: none;
}
form.general-form div.form-group div.form-item.form-item-upload label.upload a.remove-file img {
  max-width: 20px;
  height: auto;
}
form.general-form div.form-group div.form-item.form-item-upload label.upload div.upload {
  height: 45px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 0;
  line-height: 43px;
  padding: 0px 2px;
}
form.general-form div.form-group div.form-item.form-item-upload label.upload div.upload div.text {
  width: calc(100% - 39px);
  display: inline-block;
  vertical-align: middle;
  padding: 0px 20px;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  color: #fff;
}
form.general-form div.form-group div.form-item.form-item-upload label.upload div.upload div.text:before {
  position: relative;
  content: attr(data-before);
  display: inline-block;
  vertical-align: middle;
  line-height: 14px;
}
form.general-form div.form-group div.form-item.form-item-upload label.upload div.upload div.icon {
  width: 39px;
  height: 39px;
  border-radius: 3px;
  background-color: #564FFF;
  text-align: center;
  line-height: 39px;
  display: inline-block;
  vertical-align: middle;
  transition-duration: 0.5s;
}
form.general-form div.form-group div.form-item.form-item-upload label.upload div.upload div.icon img {
  max-width: 12px;
  height: auto;
}
form.general-form div.form-group div.form-item.form-item-copy {
  font-size: 0;
}
form.general-form div.form-group div.form-item.form-item-copy div.title {
  width: 200px;
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Regular";
  font-size: 15px;
  color: #fff;
  margin-bottom: 0;
}
form.general-form div.form-group div.form-item.form-item-copy div.value {
  width: calc(100% - 200px);
  display: inline-block;
  vertical-align: middle;
}
form.general-form div.form-group div.form-item.form-item-copy div.value div.copy-code {
  background-color: #181C3C;
  border-radius: 6px;
  padding: 10px;
  font-family: "StyreneAWeb Medium";
  font-size: 15px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}
form.general-form div.form-group label.error {
  margin:0;
  padding:0;
}
form.general-form div.form-group .form-text {
  font-family: "StyreneAWeb Regular";
  font-size: 12px;
  display: block;
  margin-top: 15px;
  color: rgba(255, 255, 255, 0.5);
}
form.general-form div.form-group .form-text a {
  color: #564FFF;
}
form.general-form div.form-group .form-text a:hover {
  text-decoration: underline;
}
form.general-form div.form-group button {
  height: 45px;
  background-color: #564FFF;
  border-radius: 6px;
  border: none;
  width: 100%;
  font-family: "StyreneAWeb Medium";
  font-size: 17px;
  color: #fff;
  text-transform: capitalize;
  transition-duration: 0.5s;
}
form.general-form div.form-group button:hover {
  background-color: #605ae7;
}
form.general-form div.form-after {
  font-family: "StyreneAWeb Regular";
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
}
form.general-form div.form-after a {
  color: rgb(255, 255, 255);
  display: block;
  margin-top: 10px;
}
form.general-form div.id-important {
  text-align: right;
  margin-bottom: 25px;
}
form.general-form div.id-important div.important-button {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
form.general-form div.id-important div.important-button span.name {
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}
form.general-form div.id-important div.important-button span.icon {
  width: 39px;
  height: 39px;
  background-color: #373F7B;
  border-radius: 3px;
  text-align: center;
  line-height: 39px;
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}
form.general-form div.id-important div.important-content {
  max-width: 400px;
  padding: 15px;
  border: 1px solid #564FFF;
  border-radius: 5px;
  background-color: #1E234B;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  color: #fff;
  opacity: 1 !important;
  position: absolute;
  top: 50px;
  right: 15px;
  z-index: 9;
  display: none;
}
form.general-form div.form-details div.block {
  font-size: 0;
  margin-bottom: 30px;
}
form.general-form div.form-details div.block div.title {
  width: calc(100% - 150px);
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Regular";
  font-size: 12px;
  line-height: 18px;
  color: #fff;
}
form.general-form div.form-details div.block div.value {
  width: 150px;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  font-family: "StyreneAWeb Regular";
  font-size: 12px;
  line-height: 18px;
  color: #fff;
}
form.general-form div.form-info {
  margin-bottom: 30px;
  font-size: 0;
}
form.general-form div.form-info div.icon {
  width: 20px;
  display: inline-block;
  vertical-align: top;
}
form.general-form div.form-info div.icon img {
  max-width: 100%;
  height: auto;
}
form.general-form div.form-info div.text {
  width: calc(100% - 20px);
  display: inline-block;
  vertical-align: top;
  padding-left: 15px;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.4);
  position: relative;
  top: -5px;
}

div.form-group div.form-item.form-item-check {
  cursor: pointer;
}
div.form-group div.form-item.form-item-check label.checkbox {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  cursor: pointer;
}
div.form-group div.form-item.form-item-check label.error {
  order: 2;
  display: flex;
}
div.form-group div.form-item.form-item-check input {
  order: 0;
  width: 0px;
  height: 0px;
  display: none;
}
div.form-group div.form-item.form-item-check input:checked ~ div.checkbox div.icon:before {
  width: 4px;
  transition-delay: 0ms;
}
div.form-group div.form-item.form-item-check input:checked ~ div.checkbox div.icon:after {
  width: 10px;
  transition-delay: 150ms;
}
div.form-group div.form-item.form-item-check div.checkbox {
  font-size: 0;
  order: 1;
  display: flex;
}
div.form-group div.form-item.form-item-check div.checkbox div.icon {
  width: 22px;
  height: 22px;
  text-align: left;
  border: 1px solid #fff;
  border-radius: 4px;
  display: inline-block;
  position:Relative;
  overflow:hidden;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
div.form-group div.form-item.form-item-check div.checkbox div.icon:after {
  content: "";
  position: absolute;
  width: 0px;
  height: 2px;
  background: #fff;
  transform: translate(8px, 12px) rotate(-45deg);
  transform-origin: left;
  transition: all 150ms;
  transition-delay: 0ms;
}
div.form-group div.form-item.form-item-check div.checkbox div.icon:before {
  content: "";
  position: absolute;
  width: 0px;
  height: 2px;
  background: #fff;
  transform: translate(5px, 8px) rotate(45deg);
  transform-origin: left;
  transition: all 150ms;
  transition-delay: 150ms;
}
div.form-group div.form-item.form-item-check div.checkbox div.name {
  width: calc(100% - 22px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 8px;
  font-family: "StyreneAWeb Regular";
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
}
div.form-group div.form-item.form-item-video label.video {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
div.form-group div.form-item.form-item-video label.video input {
  display: none;
}
div.form-group div.form-item.form-item-video label.video div.button {
  width: 71px;
  height: 71px;
  border: 1px solid #fff;
  border-radius: 3px;
  line-height: 69px;
  font-size: 0;
}
div.form-group div.form-item.form-item-video label.video div.button img {
  max-width: 100%;
  height: inheritauto;
}

.tooltip {
  z-index: 9999999999 !important;
  opacity: 1 !important;
}
.tooltip .tooltip-inner {
  background-color: #1E234B !important;
  opacity: 1 !important;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-family: "StyreneAWeb Regular";
  font-size: 13px;
}
.tooltip .arrow:before {
  border-top-color: rgba(255, 255, 255, 0.2);
  border-bottom-color: rgba(255, 255, 255, 0.2);
}

/* Layouts */
/* Header */
header#header {
  position: relative;
  z-index: 9;
}
header#header div.top-header {
  background-color: #564FFF;
  padding: 15px 0px;
}
header#header div.top-header .marquee-wrapper {
  text-align: center;
  width: 100%;
}
header#header div.top-header .marquee-wrapper .m-container {
  overflow: hidden;
}
header#header div.top-header .marquee-inner span {
  float: left;
  width: 50%;
}
header#header div.top-header .marquee-wrapper .marquee-block {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  padding: 5px 0 30px;
}
header#header div.top-header .marquee-inner {
  display: block;
  width: 1000%;
  position: absolute;
}
header#header div.top-header .marquee-inner {
  font-family: "StyreneAWeb Medium";
  font-size: 16px;
  color: #fff;
}
header#header div.top-header .marquee-inner p {
  margin-bottom: 0;
}
/* header#header div.top-header .marquee-inner.to-left {
  animation: marqueeLeft 25s linear infinite;
}
header#header div.top-header .marquee-inner.to-right {
  animation: marqueeRight 25s linear infinite;
} */
header#header div.top-header .marquee-item {
  /* width: auto;
  height: auto;
  display: inline-block;
  margin: 0 10px;
  float: left;
  transition: all 0.2s ease-out; */
}
@keyframes marqueeLeft {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
@keyframes marqueeRight {
  0% {
    left: -100%;
  }
  100% {
    left: 0;
  }
}
header#header div.middle-header {
  height: 90px;
  background-color: #121634;
  padding: 0px 85px;
}
header#header div.middle-header div.middle-header-container {
  font-size: 0;
}
header#header div.middle-header div.middle-header-container div.logo {
  width: 235px;
  display: inline-block;
  vertical-align: middle;
}
header#header div.middle-header div.middle-header-container div.logo img {
  max-width: 100%;
  height: auto;
  max-height: 50px;
}
header#header div.middle-header div.middle-header-container div.languages {
  width: 140px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  position: relative;
}
header#header div.middle-header div.middle-header-container div.languages.active div.options {
  display: block !important;
}
header#header div.middle-header div.middle-header-container div.languages div.current {
  font-size: 0;
}
header#header div.middle-header div.middle-header-container div.languages div.current div.flag {
  width: 23px;
  display: inline-block;
  vertical-align: middle;
}
header#header div.middle-header div.middle-header-container div.languages div.current div.flag img {
  width:23px !important;
  height:16px !important;
}
header#header div.middle-header div.middle-header-container div.languages div.current div.name {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  text-align: center;
  font-family: "StyreneAWeb Medium";
  font-size: 15px;
  color: #fff;
}
header#header div.middle-header div.middle-header-container div.languages div.current div.down {
  display: inline-block;
  vertical-align: middle;
}
header#header div.middle-header div.middle-header-container div.languages div.options {
  position: absolute;
  top: 40px;
  left: calc(50% - 50px);
  width: 100px;
  background-color: #1E234B;
  z-index: 101;
  font-size: 0;
  display: none !important;
  animation: 0.5s fromBottom;
}
header#header div.middle-header div.middle-header-container div.languages div.options:before {
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  content: "";
}
header#header div.middle-header div.middle-header-container div.languages div.options a.language {
  display: block;
  border-left: 4px solid rgba(55, 63, 123, 0.45);
  border-bottom: 2px solid rgba(55, 63, 123, 0.45);
  padding: 7.5px;
  transition-duration: 0.5s;
}
header#header div.middle-header div.middle-header-container div.languages div.options a.language:hover {
  background-color: rgb(55, 63, 123);
}
header#header div.middle-header div.middle-header-container div.languages div.options a.language:last-child {
  border-bottom: none;
}
header#header div.middle-header div.middle-header-container div.languages div.options a.language div.flag {
  width: 25px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
header#header div.middle-header div.middle-header-container div.languages div.options a.language div.flag img {
  width:23px !important;
  height:16px !important;
}
header#header div.middle-header div.middle-header-container div.languages div.options a.language div.name {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 25px);
  font-family: "StyreneAWeb Bold";
  font-size: 13px;
  color: #fff;
}
header#header div.middle-header div.middle-header-container div.buttons {
  display: none;
}
header#header div.middle-header div.middle-header-container div.elements {
  width: calc(100% - 375px);
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  font-size: 0;
}
header#header div.middle-header div.middle-header-container div.elements div.user-buttons {
  display: inline-block;
  vertical-align: middle;
}
header#header div.middle-header div.middle-header-container div.elements div.user-buttons a.button {
  display: inline-block;
  vertical-align: middle;
  height: 50px;
  padding: 0px 20px;
  border-radius: 6px;
  background-color: #1E234B;
  line-height: 50px;
  margin-left: 9px;
  transition-duration: 0.5s;
}
header#header div.middle-header div.middle-header-container div.elements div.user-buttons a.button:hover {
  background-color: #564FFF;
}
header#header div.middle-header div.middle-header-container div.elements div.user-buttons a.button:first-child {
  margin-left: 0;
}
header#header div.middle-header div.middle-header-container div.elements div.user-buttons a.button span.name {
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Medium";
  font-size: 16px;
  color: #fff;
}
header#header div.middle-header div.middle-header-container div.elements div.user-buttons a.button span.icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
header#header div.middle-header div.middle-header-container div.elements div.balance {
  display: inline-block;
  vertical-align: middle;
  margin-right: 25px;
  padding: 15px 25px 15px 0px;
  border-right: 1px solid rgba(203, 200, 200, 0.2);
  font-size: 0;
}
header#header div.middle-header div.middle-header-container div.elements div.balance div.balances {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  position: relative;
}
header#header div.middle-header div.middle-header-container div.elements div.balance div.balances:hover div.others {
  display: block;
}
header#header div.middle-header div.middle-header-container div.elements div.balance div.balances div.current {
  display: inline-block;
  vertical-align: middle;
}
header#header div.middle-header div.middle-header-container div.elements div.balance div.balances div.current span.value {
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Medium";
  font-size: 15px;
  color: #fff;
  margin-right: 7.5px;
}
header#header div.middle-header div.middle-header-container div.elements div.balance div.balances div.others {
  position: absolute;
  top: 56px;
  left: 0;
  background-color: #1E234B;
  padding: 15px 20px;
  z-index: 9;
  min-width: 100px;
  text-align: left;
  cursor: pointer;
  animation: 0.5s fromBottom;
  display: none;
}
header#header div.middle-header div.middle-header-container div.elements div.balance div.balances div.others:before {
  position: absolute;
  content: "";
  top: -30px;
  left: 0;
  width: 100%;
  height: 30px;
}
header#header div.middle-header div.middle-header-container div.elements div.balance div.balances div.others div.other {
  display: block;
  font-family: "StyreneAWeb Bold";
  font-size: 15px;
  color: #fff;
  margin-bottom: 10px;
}
header#header div.middle-header div.middle-header-container div.elements div.balance div.balances div.others div.other:last-child {
  margin-bottom: 0;
}
header#header div.middle-header div.middle-header-container div.elements div.balance a.add-balance {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  background-color: #564FFF;
  border-radius: 22px;
  text-align: center;
  line-height: 22px;
}
header#header div.middle-header div.middle-header-container div.elements div.balance a.add-balance img {
  max-width: 10px;
  height: auto;
}
header#header div.middle-header div.middle-header-container div.elements a.new-order {
  display: inline-block;
  vertical-align: middle;
  margin-right: 25px;
}
header#header div.middle-header div.middle-header-container div.elements a.new-order span.icon {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
}
header#header div.middle-header div.middle-header-container div.elements a.new-order span.text {
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Black";
  font-size: 16px;
  color: #fff;
  padding-left: 15px;
}
header#header div.middle-header div.middle-header-container div.elements div.notifications {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
header#header div.middle-header div.middle-header-container div.elements div.notifications:hover div.opener {
  display: block;
}
header#header div.middle-header div.middle-header-container div.elements div.notifications div.current {
  height: 50px;
  width: 50px;
  background-color: #1E234B;
  border-radius: 6px;
  text-align: center;
  line-height: 50px;
  margin-right: 25px;
  position: relative;
}
header#header div.middle-header div.middle-header-container div.elements div.notifications div.current span.count {
  position: absolute;
  top: -11px;
  right: -11px;
  width: 23px;
  height: 23px;
  background-color: #564FFF;
  border: 3px solid #1C1D2A;
  border-radius: 23px;
  text-align: center;
  line-height: 17px;
  font-family: "StyreneAWeb Medium";
  font-size: 9px;
  color: #fff;
}
header#header div.middle-header div.middle-header-container div.elements div.notifications div.opener {
  position: absolute;
  top: 70px;
  right: 25px;
  background-color: #1E234B;
  min-width: 290px;
  z-index: 9;
  padding-top: 10px;
  animation: 0.2s fromTop;
  display: none;
}
header#header div.middle-header div.middle-header-container div.elements div.notifications div.opener:before {
  position: absolute;
  content: "";
  top: -20px;
  left: 0;
  width: 100%;
  height: 20px;
}
header#header div.middle-header div.middle-header-container div.elements div.notifications div.opener div.list {
  max-height: 300px;
  overflow-y: auto;
}
header#header div.middle-header div.middle-header-container div.elements div.notifications div.opener div.list div.item {
  background-color: #121634;
  border-left: 4px solid #373F7B;
  font-size: 0;
  text-align: left;
  padding: 12.5px 0px;
  margin-bottom: 10px;
}
header#header div.middle-header div.middle-header-container div.elements div.notifications div.opener div.list div.item:last-child {
  margin-bottom: 0;
}
header#header div.middle-header div.middle-header-container div.elements div.notifications div.opener div.list div.item div.item-icon {
  width: 65px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
header#header div.middle-header div.middle-header-container div.elements div.notifications div.opener div.list div.item div.item-details {
  width: calc(100% - 65px);
  display: inline-block;
  vertical-align: middle;
  padding-right: 15px;
}
header#header div.middle-header div.middle-header-container div.elements div.notifications div.opener div.list div.item div.item-details div.title {
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  margin-bottom: 7.5px;
}
header#header div.middle-header div.middle-header-container div.elements div.notifications div.opener div.list div.item div.item-details div.time {
  font-family: "StyreneAWeb Medium";
  font-size: 10px;
  line-height: 10px;
  color: rgba(255, 255, 255, 0.5);
}
header#header div.middle-header div.middle-header-container div.elements div.notifications div.opener div.n-buttons {
  text-align: center;
  padding: 12px;
}
header#header div.middle-header div.middle-header-container div.elements div.notifications div.opener div.n-buttons a.button {
  display: block;
  background-color: #564FFF;
  border-radius: 6px;
  text-align: center;
  padding: 8.5px;
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  color: #fff;
  transition-duration: 0.5s;
}
header#header div.middle-header div.middle-header-container div.elements div.notifications div.opener div.n-buttons a.button:hover {
  background-color: #605ae7;
}
header#header div.middle-header div.middle-header-container div.elements div.profile {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
header#header div.middle-header div.middle-header-container div.elements div.profile div.current div.image {
  width: 46px;
  height: 46px;
  border-radius: 46px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
header#header div.middle-header div.middle-header-container div.elements div.profile div.current div.image:before {
  position: absolute;
  content: "";
  top: -2.5px;
  right: -2.5px;
  width: 100%;
  height: 100%;
  border-radius: 46px;
  background-color: #564FFF;
  z-index: 1;
}
header#header div.middle-header div.middle-header-container div.elements div.profile div.current div.image .header-avatar {
  width:100%;
  height:100%;
  z-index: 3;
  position:Relative;
  border-radius: 70px;
  background-color: #424878 !important;
}
header#header div.middle-header div.middle-header-container div.elements div.profile div.current div.image div.avatar {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
  border-radius: 70px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
header#header div.middle-header div.middle-header-container div.elements div.profile div.current .header-avatar.active {
  padding-top:5px;
}
header#header div.middle-header div.middle-header-container div.elements div.profile div.current .header-avatar.active .avatar {
  width:36px !important;
  height:36px !important;
  margin:0 auto;
}
header#header div.middle-header div.middle-header-container div.elements div.profile div.current div.name {
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Medium";
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  margin: 0px 10px 0px 12.5px;
}
header#header div.middle-header div.middle-header-container div.elements div.profile div.current div.icon {
  display: inline-block;
  vertical-align: middle;
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu {
  position: absolute;
  top: 67px;
  right: 0;
  z-index: 9;
  display: none;
  animation: 0.5s fromBottom;
  text-align: left;
  padding: 10px 10px 10px 0px;
  background-color: #1E234B;
  border-radius: 0px 0px 17px 0px;
  border-left: 4px solid #373F7B;
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu:before {
  position: absolute;
  content: "";
  top: -30px;
  left: 0;
  width: 100%;
  height: 40px;
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu ul {
  margin: 0;
  padding: 0;
  text-align: left;
  width: 200px;
  max-height: 400px;
  overflow-y: auto;
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu ul li {
  font-size: 0;
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu ul li a {
  display: block;
  padding: 15px 15px 15px 25px;
  transition-duration: 0.5s;
  font-size: 0;
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu ul li a.menu-down.active span.text {
  color: #564FFF;
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu ul li a.menu-down.active span.down {
  transform: rotate(-180deg);
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu ul li a.menu-down.active span.down img {
  filter: invert(44%) sepia(98%) saturate(5026%) hue-rotate(227deg) brightness(97%) contrast(108%);
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu ul li a.menu-down.active ~ ul {
  max-height: 500px;
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu ul li a:hover span.text {
  color: #564FFF;
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu ul li a:hover .icon img {
  filter: invert(44%) sepia(98%) saturate(5026%) hue-rotate(227deg) brightness(97%) contrast(108%);
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu ul li a span.icon {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu ul li a span.icon img {
  max-width: 100%;
  height: auto;
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu ul li a span.text {
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  color: #fff;
  padding-left: 10px;
  width: calc(100% - 30px);
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu ul li a span.down {
  width: 15px;
  display: inline-block;
  vertical-align: middle;
  transition-duration: 0.5s;
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu ul li ul {
  padding: 0;
  width: unset;
  max-height: unset;
  margin-left: 55px;
  margin-top: 5px;
  max-height: 0;
  transition: all 0.5s;
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu ul li ul li {
  margin-bottom: 10px;
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu ul li ul li:last-child {
  margin-bottom: 0;
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu ul li ul li a {
  font-family: "StyreneAWeb Regular";
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  padding: 0;
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu ul li ul li a:hover {
  color: #564FFF;
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu ul li ul li a .icon img {
  filter: invert(29%) sepia(78%) saturate(4688%) hue-rotate(208deg) brightness(104%) contrast(101%);
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu ul div.balance-b {
  padding: 10px 25px 10px;
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu ul div.balance-b span.value {
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  color: #fff;
  opacity: 0.5;
  margin-right: 7.5px;
  display: block;
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu ul::-webkit-scrollbar {
  width: 20px;
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 24px 24px transparent;
  border: solid 8px transparent;
  background-image: url("../../images/scroll-bg.png");
  background-repeat: repeat-y;
  background-size: contain;
  background-position: bottom;
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu ul::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 24px 24px #564FFF;
  border: solid 8px transparent;
  border-radius: 24px;
}
header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu ul::-webkit-scrollbar-button {
  display: none;
}

/* Sidebar */ /* Footer */
footer#footer div.top-footer {
  background-color: #0D0E40;
  padding: 70px 0px 20px;
  z-index: 9;
  position: relative;
}
footer#footer div.top-footer div.footer-block div.footer-about {
  text-align: center;
}
footer#footer div.top-footer div.footer-block div.footer-about div.logo {
  margin-bottom: 30px;
}
footer#footer div.top-footer div.footer-block div.footer-about div.logo img {
  max-width: 100%;
  height: auto;
  max-height: 40px;
}
footer#footer div.top-footer div.footer-block div.footer-about div.partner {
  margin-bottom: 30px;
  font-family: "StyreneAWeb Regular";
  font-size: 12px;
  color: #3E4365;
  text-align: center;
}
footer#footer div.top-footer div.footer-block div.footer-about div.partner img {
  max-width: 100px;
  height: auto;
  display: block;
  margin: 0 auto;
  margin-top: 10px;
}
footer#footer div.top-footer div.footer-block div.footer-about div.buttons {
  margin-bottom: 25px;
}
footer#footer div.top-footer div.footer-block nav.menu div.title {
  font-family: "StyreneAWeb Bold";
  font-size: 14px;
  color: #564FFF;
  margin-bottom: 18px;
}
footer#footer div.top-footer div.footer-block nav.menu ul {
  padding: 0;
  margin: 0;
}
footer#footer div.top-footer div.footer-block nav.menu ul li {
  display: block;
  color: #71769C;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  margin-bottom: 10px;
  transition-duration: 0.5s;
}
footer#footer div.top-footer div.footer-block nav.menu ul li:hover {
  color: #fff;
}
footer#footer div.top-footer div.footer-block nav.menu ul li:last-child {
  margin-bottom: 0;
}
footer#footer div.bottom-footer {
  background-color: #0D0E40;
  z-index: 9;
  position: relative;
}
footer#footer div.bottom-footer div.copyright {
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  color: #3E4365;
  text-align: center;
}
footer#footer div.bottom-footer div.cards {
  font-size: 0;
  text-align: right;
}
footer#footer div.bottom-footer div.cards img {
  display: inline-block;
  vertical-align: middle;
  background-blend-mode: luminosity;
  opacity: 0.5;
  max-width: 100%;
  max-height: 35px;
  height: auto;
  margin-left: 10px;
}
footer#footer div.bottom-footer div.cards img:first-child {
  margin-left: 0;
}

/* Pages */
/* Main */
main#main {
  position: relative;
}
main#main:before {
  position: fixed;
  content: "";
  top: 0;
  left: -15px;
  width: calc(100% + 30px);
  height: 100%;
  background-image: url("../../images/alt-bg.png");
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: cover;
}
main#main .alt-title {
  font-family: "StyreneAWeb Black";
  font-size: 56px;
  line-height: 56px;
  font-style: italic;
  color: #fff;
  text-align: center;
  margin: 100px 0px;
}
.alert{
  font-size: 14px;
}
main#main div.alt-page {
  margin-bottom: 170px;
  background-color: #0D0E40;
  border-radius: 30px;
  padding: 40px 40px 40px 40px;
  font-size: 0;
}
main#main div.alt-page aside.alt-sidebar {
  width: 225px;
  display: inline-block;
  vertical-align: top;
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu {
  background-color: #1E234B;
  border-radius: 15px;
  padding: 15px 0px;
  margin: 0px;
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li {
  display: block;
  font-size: 0;
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li.active a {
  background-color: #373F7B;
  border-left-color: #564FFF;
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li.active a:hover {
  color:#564FFF;
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li.active .text {
  color:#564FFF;
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li.active a span.icon img {
  filter: invert(29%) sepia(78%) saturate(4688%) hue-rotate(208deg) brightness(104%) contrast(101%);
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li.active a.dropdown span.down img {
  transform: rotate(-180deg);
  filter: invert(29%) sepia(78%) saturate(4688%) hue-rotate(208deg) brightness(104%) contrast(101%);
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li a.dropdown:hover span.down img {
  filter: invert(29%) sepia(78%) saturate(4688%) hue-rotate(208deg) brightness(104%) contrast(101%);
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li.active ul {
  max-height: 500px;
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li a {
  display: flex;
  padding: 15px 25px;
  font-size: 0;
  align-items:center;
  border-left: 3px solid transparent;
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li a:hover {
  background-color: #373F7B;
  border-left-color: #564FFF;
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li a:hover span.icon img {
  filter: invert(29%) sepia(78%) saturate(4688%) hue-rotate(208deg) brightness(104%) contrast(101%);
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li a:hover .text {
  color:#564FFF;
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li a.dropdown span.text {
  width: calc(100% - 30px);
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li a.dropdown span.down {
  width: 15px;
  display: block;
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li a.dropdown span.down img {
  display: block;
  transition:transform ease-in-out 0.5s;
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li a span.icon {
  width: 15px;
  display: block;
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li a span.icon img {
  max-width: 100%;
  height: auto;
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li a span.text {
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  color: #fff;
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li ul {
  background-color: #373F7B;
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s;
  padding: 0;
  margin-bottom: 5px;
  transition-duration: 0.5s;
}
.select2-results__options{
  overflow: inherit !important
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li ul::before{
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background-color: #0D0E40;
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li ul li:first-child{
  margin-top: 15px;
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li ul li:last-child{
  margin-bottom: 15px !important;
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li ul li{
  margin-left: 25px;
  margin-right: 25px;
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li ul li {
  margin-bottom: 10px;
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li ul li.active a {
  color: #564FFF;
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li ul li:last-child {
  margin-bottom: 0;
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li ul li a {
  padding: 0 !important;
  font-family: "StyreneAWeb Regular";
  font-size: 12px;
  color: #fff;
  border-left: none;
}
main#main div.alt-page aside.alt-sidebar nav.side-menu ul.menu li ul li a.active {
  color: #564FFF;
}
main#main div.alt-page aside.alt-sidebar div.progress-menu {
  margin-top: 30px;
}
main#main div.alt-page aside.alt-sidebar div.progress-menu div.menu-title {
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  color: #fff;
  margin-bottom: 15px;
}
main#main div.alt-page aside.alt-sidebar div.progress-menu div.menu-blocks div.menu-block {
  padding: 12.75px 17.5px;
  font-size: 0;
}
main#main div.alt-page aside.alt-sidebar div.progress-menu div.menu-blocks div.menu-block.red {
  background-color: rgba(226, 57, 87, 0.15);
}
main#main div.alt-page aside.alt-sidebar div.progress-menu div.menu-blocks div.menu-block.red div.icon img, main#main div.alt-page aside.alt-sidebar div.progress-menu div.menu-blocks div.menu-block.red div.down img {
  filter: invert(44%) sepia(69%) saturate(4834%) hue-rotate(327deg) brightness(90%) contrast(97%);
}
main#main div.alt-page aside.alt-sidebar div.progress-menu div.menu-blocks div.menu-block.red div.name {
  color: #E23957;
}
main#main div.alt-page aside.alt-sidebar div.progress-menu div.menu-blocks div.menu-block.green {
  background-color: rgba(57, 226, 157, 0.15);
}
main#main div.alt-page aside.alt-sidebar div.progress-menu div.menu-blocks div.menu-block.green div.icon img, main#main div.alt-page aside.alt-sidebar div.progress-menu div.menu-blocks div.menu-block.green div.down img {
  filter: invert(10%) sepia(150) saturate(4561%) hue-rotate(62deg) brightness(95%) contrast(85%);
}
main#main div.alt-page aside.alt-sidebar div.progress-menu div.menu-blocks div.menu-block.green div.name {
  color: #39E29D;
}
main#main div.alt-page aside.alt-sidebar div.progress-menu div.menu-blocks div.menu-block:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
main#main div.alt-page aside.alt-sidebar div.progress-menu div.menu-blocks div.menu-block:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
main#main div.alt-page aside.alt-sidebar div.progress-menu div.menu-blocks div.menu-block div.icon {
  width: 25px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
main#main div.alt-page aside.alt-sidebar div.progress-menu div.menu-blocks div.menu-block div.name {
  width: calc(100% - 45px);
  padding: 0px 10px;
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Medium";
  font-size: 12px;
  line-height: 12px;
}
main#main div.alt-page aside.alt-sidebar div.progress-menu div.menu-blocks div.menu-block div.down {
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}
main#main div.alt-page div.alt-area {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 225px);
  padding-left: 30px;
}
main#main div.alt-page div.alt-area div.area-title {
  font-family: "StyreneAWeb Black";
  font-size: 32px;
  line-height: 32px;
  color: #fff;
  margin-bottom: 30px;
}
main#main div.alt-page div.alt-area div.area-title span {
  color: #564FFF;
}
main#main div.alt-page div.alt-area div.area-body {
  font-family: "StyreneAWeb Regular";
  font-size: 15px;
  line-height: 26px;
  color: #fff;
}
main#main div.alt-page div.alt-area div.area-body div.buttons a.button {
  display: inline-block;
  vertical-align: middle;
  height: 55px;
  line-height: 55px;
  padding: 0px 30px;
  background-color: #564FFF;
  font-family: "StyreneAWeb Medium";
  font-size: 17px;
  color: #fff;
  border-radius: 8px;
  transition-duration: 0.5s;
}
main#main div.alt-page div.alt-area div.area-body div.buttons a.button:hover {
  background-color: #605ae7;
}
main#main div.alt-page div.alt-area div.area-balance {
  font-family: "StyreneAWeb Black";
  font-size: 24px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 30px;
  margin-top: -15px;
}
main#main div.alt-page div.alt-area div.area-head {
  background-color: #252C5A;
  border-radius: 10px 10px 0px 0px;
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  color: #fff;
  padding: 13px 30px;
}
main#main div.alt-page div.alt-area div.area-head ~ div.area-content {
  border-radius: 0px 0px 10px 10px;
}
main#main div.alt-page div.alt-area div.area-content {
  padding: 30px;
  border-radius: 10px;
  background-color: #1E234B;
}
main#main div.alt-page div.alt-area div.area-content form.general-form div.form-group div.title {
  padding-left: 0;
}
main#main div.alt-page div.alt-area div.area-desc {
  background-color: #1E234B;
  border-radius: 10px;
  padding: 30px 35px;
  font-family: "StyreneAWeb Regular";
  font-size: 15px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 20px;
}
main#main div.alt-page div.alt-area div.area-desc ul {
  padding: 0px 0px 0px 15px;
  margin: 0;
}
main#main div.alt-page div.alt-area div.area-desc ul li {
  font-family: "StyreneAWeb Regular";
  font-size: 12px;
  margin-bottom: 15px;
}
main#main div.alt-page div.alt-area div.area-desc ul li:last-child {
  margin-bottom: 0;
}
main#main div.alt-page div.alt-area div.area-desc p:last-child {
  margin-bottom: 0;
}
main#main div.alt-page div.alt-area div.area-desc div.qr-area {
  font-size: 0;
}
main#main div.alt-page div.alt-area div.area-desc div.qr-area figure.qr-image {
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: top;
  width: 124px;
}
main#main div.alt-page div.alt-area div.area-desc div.qr-area figure.qr-image img {
  max-width: 100%;
  height: auto;
}
main#main div.alt-page div.alt-area div.area-desc div.qr-area div.qr-content {
  width: calc(100% - 124px);
  display: inline-block;
  vertical-align: top;
  padding-left: 25px;
  font-family: "StyreneAWeb Regular";
  font-size: 15px;
  line-height: 26px;
}
main#main div.alt-page div.alt-area div.area-desc-bg-2 {
  background-color: #2B3161;
}
main#main div.alt-page div.alt-area div.area-buttons a.button {
  padding: 10px;
  background-color: #564FFF;
  border-radius: 8px;
  display: block;
  font-family: "StyreneAWeb Medium";
  font-size: 17px;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 20px;
  transition-duration: 0.5s;
}
main#main div.alt-page div.alt-area div.area-buttons a.button:hover {
  background-color: #605ae7;
  color:#564FFF;
}
main#main div.alt-page div.alt-area div.area-deficent {
  font-size: 0;
}
main#main div.alt-page div.alt-area div.area-deficent aside.area-sidebar {
  width: 250px;
  background-color: #1E234B;
  border-radius: 15px;
  padding: 15px 0px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 30px;
}
main#main div.alt-page div.alt-area div.area-deficent aside.area-sidebar div {
  padding: 0;
  margin: 0;
  text-align: left;
}
main#main div.alt-page div.alt-area div.area-deficent aside.area-sidebar div button {
  display: block;
  border-radius: 0;
  display: block;
  padding: 10px 20px;
  font-size: 0;
  border-left: 3px solid transparent;
}
main#main div.alt-page div.alt-area div.area-deficent aside.area-sidebar div button.active, main#main div.alt-page div.alt-area div.area-deficent aside.area-sidebar div button:hover {
  background-color: #373F7B;
  border-left-color: #564FFF;
}
main#main div.alt-page div.alt-area div.area-deficent aside.area-sidebar div button.active .text, main#main div.alt-page div.alt-area div.area-deficent aside.area-sidebar div button:hover .text {
  color:#564FFF;
}
main#main div.alt-page div.alt-area div.area-deficent aside.area-sidebar div button.active .icon img, main#main div.alt-page div.alt-area div.area-deficent aside.area-sidebar div button:hover .icon img {
  filter: invert(29%) sepia(78%) saturate(4688%) hue-rotate(208deg) brightness(104%) contrast(101%);
}
main#main div.alt-page div.alt-area div.area-deficent aside.area-sidebar div button span.icon {
  display: inline-block;
  vertical-align: middle;
  width: 21px;
}
main#main div.alt-page div.alt-area div.area-deficent aside.area-sidebar div button span.icon img {
  max-width: 18px;
  height: auto;
}
main#main div.alt-page div.alt-area div.area-deficent aside.area-sidebar div button span.text {
  width: calc(100% - 21px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  color: #fff;
  text-align: left;
}
main#main div.alt-page div.alt-area div.area-deficent div.area-complete {
  width: calc(100% - 250px);
  padding-left: 30px;
  display: inline-block;
  vertical-align: middle;
}
main#main div.alt-page div.alt-area div.bank-form {
  max-width: 500px;
}
main#main div.alt-page div.alt-area div.bank-form div.bank-head {
  background-color: #252C5A;
  border-radius: 10px 10px 0px 0px;
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  color: #fff;
  padding: 13px 30px;
}
main#main div.alt-page div.alt-area div.bank-form div.bank-head ~ div.bank-container {
  border-radius: 0px 0px 10px 10px;
}
main#main div.alt-page div.alt-area div.bank-form div.bank-container {
  border-radius: 10px;
  background-color: #1E234B;
  padding: 25px;
  margin-bottom: 25px;
}
main#main div.alt-page div.alt-area div.bank-form form.general-form div.form-group div.title {
  padding: 0;
}
main#main div.alt-page div.alt-area div.bank-form div.transfer-details div.block {
  font-size: 0;
  margin-bottom: 20px;
}
main#main div.alt-page div.alt-area div.bank-form div.transfer-details div.block div.title {
  width: calc(100% - 100px);
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Regular";
  font-size: 12px;
  color: #fff;
}
main#main div.alt-page div.alt-area div.bank-form div.transfer-details div.block div.value {
  width: 100px;
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Regular";
  font-size: 12px;
  color: #fff;
  text-align: right;
}
main#main div.alt-page div.alt-area div.bank-form div.transfer-details a.pull-button {
  height: 43px;
  background: #564FFF;
  border-radius: 8px;
  display: block;
  margin-bottom: 40px;
  margin-top: 30px;
  font-family: "StyreneAWeb Medium";
  font-size: 17px;
  color: #fff;
  text-align: center;
  line-height: 43px;
  transition-duration: 0.5s;
}
main#main div.alt-page div.alt-area div.bank-form div.transfer-details a.pull-button:hover {
  background-color: #605ae7;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-header {
  background-color: #252C5A;
  border-radius: 10px 10px 0px 0px;
  padding: 15px 30px;
  font-size: 0;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-header div.head-item {
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-header div.head-item.server {
  text-align: center;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-header div.head-item.date {
  text-align: center;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-header div.head-item.price {
  text-align: center;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing {
  padding: 15px 30px 10px 30px;
  background-color: #1E234B;
  border-radius: 0px 0px 10px 10px;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area {
  max-height: 700px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area::-webkit-scrollbar {
  width: 20px;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area::-webkit-scrollbar-track {
  box-shadow: inset 0 0 24px 24px transparent;
  border: solid 8px transparent;
  background-image: url("../../images/scroll-bg.png");
  background-repeat: repeat-y;
  background-size: contain;
  background-position: bottom;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 24px 24px #564FFF;
  border: solid 8px transparent;
  border-radius: 24px;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area::-webkit-scrollbar-button {
  display: none;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block:last-child div.listing-up {
  border-bottom: none;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block.active div.listing-up div.listing-item.number div.down {
  transform: rotate(180deg);
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block.active div.listing-up div.listing-item.number div.o-number {
  color: #564FFF;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block.active div.listing-down {
  max-height: 10000px;
  transition: max-height 1s ease-in-out;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-up {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 16px 0px;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-up div.listing-item {
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-up div.listing-item.number {
  cursor: pointer;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-up div.listing-item.number div.down {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  transition-duration: 0.5s;
  border-radius: 2px;
  padding: 3px 5px;
  background: #564FFF;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-up div.listing-item.number div.o-number {
  display: inline-block;
  vertical-align: middle;
  padding-left: 7.5px;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-up div.listing-item.server {
  text-align: center;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-up div.listing-item.date {
  text-align: center;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-up div.listing-item.price {
  text-align: center;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-up div.listing-item.status {
  position: relative;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-up div.listing-item.status div.statu {
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  color: #fff;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-up div.listing-item.status div.statu.pending {
  color: rgba(255, 255, 255, 0.4);
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-up div.listing-item.status div.buttons {
  display: inline-block;
  vertical-align: middle;
  margin-left: 30px;
  font-size: 0;
  position: absolute;
  right: 15px;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-up div.listing-item.status div.buttons a.button {
  width: 23px;
  height: 23px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #fff;
  border-radius: 2px;
  text-align: center;
  line-height: 21px;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-up div.listing-item.status div.buttons span {
  display:inline-block;
  margin-left:8px;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-up div.listing-item.status div.buttons span:first-child {
  margin-left:0;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-up div.listing-item.status div.buttons a.button.go {
  background-color: #564FFF;
  border-color: #564FFF;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-up div.listing-item.status div.buttons a.button:first-child {
  margin-left: 0;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down {
  text-align: center;
  background: #252C5A;
  border-radius: 0px 0px 10px 10px;
  max-height: 0px;
  overflow: hidden;
  transition: max-height 1s cubic-bezier(0, 1, 0, 1);
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items {
  padding: 40px 80px;
  border-top: 2px solid #564FFF;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.global-item-table {
  max-width: 100%;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.global-item-table div.table-area div.item-table-head {
  background-color: #1E234B;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.global-item-table div.table-area div.item-tables {
  background-color: #222854;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-title {
  font-family: "StyreneAWeb Bold";
  font-size: 24px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 40px;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-sub {
  font-size: 0;
  margin-bottom: 30px;
  margin-top: -10px;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-sub span.title {
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  line-height: 14px;
  color: #7C809C;
  display: inline-block;
  vertical-align: middle;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-sub span.value {
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-stats {
  background-color: #222854;
  border-radius: 16px;
  padding: 30px 30px 10px 30px;
  margin-bottom: 30px;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-stats div.stat-block {
  font-size: 0;
  margin-bottom: 30px;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-stats div.stat-block div.stat-item div.title {
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
  vertical-align: top;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-stats div.stat-block div.stat-item div.value {
  display: inline-block;
  vertical-align: top;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  text-align:left;
  line-height: 14px;
  color: #fff;
  margin-left: 20px;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-stats div.stat-block div.stat-item div.image {
  display: block;
  vertical-align: top;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-stats div.stat-block div.stat-item div.image img.flag {
  max-width: 50px;
  height: auto;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: baseline;
  font-size: 0;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-table {
  max-width: 300px;
  margin: 0 auto;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-table div.block {
  font-size: 0;
  padding: 15px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-table div.block:first-child {
  padding-top: 0;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-table div.block:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-table div.block div.title {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.7);
  text-align: left;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-table div.block div.value {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.7);
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-status {
  font-size: 0;
  padding: 30px 0px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  max-width: 670px;
  margin: 0 auto;
  display: block;
  margin-top: 25px;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-status div.title {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  font-family: "StyreneAWeb Regular";
  font-size: 18px;
  line-height: 18px;
  color: #fff;
  text-align: left;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-status div.value {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Regular";
  font-size: 18px;
  line-height: 18px;
  text-align: right;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-status div.value.green {
  color: #39E29D;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-buttons {
  font-size: 0;
  max-width: 670px;
  margin: 0 auto;
  padding-top: 20px;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-buttons div.brand {
  width: 150px;
  display: inline-block;
  vertical-align: middle;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-buttons div.brand img {
  max-width: 100%;
  height: auto;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-buttons div.buttons {
  width: calc(100% - 150px);
  text-align: right;
  display: inline-block;
  vertical-align: middle;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-buttons div.buttons a.button {
  border: 2px solid #564FFF;
  height: 43px;
  line-height: 39px;
  border-radius: 8px;
  padding: 0px 20px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  font-size: 0;
  transition-duration: 0.5s;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-buttons div.buttons a.button:hover {
  background-color: #564FFF;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-buttons div.buttons a.button:first-child {
  margin-left: 0;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-buttons div.buttons a.button span.icon {
  width: 18px;
  display: inline-block;
  vertical-align: middle;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-buttons div.buttons a.button span.icon img {
  max-width: 100%;
  height: auto;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-buttons div.buttons a.button span.text {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-info {
  border-radius: 16px;
  background-color: rgba(30, 35, 75, 0.4);
  padding: 0px 60px 30px 60px;
  margin-bottom: 30px;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-info div.icon {
  top: -15px;
  position: relative;
  margin-bottom: 0px;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-info div.content {
  font-family: "StyreneAWeb Regular";
  font-size: 13px;
  line-height: 22px;
  color: #fff;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-info div.content p:last-child {
  margin-bottom: 0;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-video div.form-group {
  display: block;
  vertical-align: middle;
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
  margin-bottom: 25px;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-video div.form-group div.form-item.form-item-check label.checkbox {
  justify-content: center;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-video div.video-buttons {
  text-align: center;
  display: block;
}
main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-video div.video-buttons a.button {
  height: 43px;
  padding: 0px 30px;
  background: #564FFF;
  border-radius: 8.25px;
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Medium";
  font-size: 15px;
  line-height: 43px;
  color: #fff;
}
main#main div.alt-page div.alt-area div.activity-table div.table-head {
  background-color: #252C5A;
  border-radius: 10px 10px 0px 0px;
  font-size: 0;
}
main#main div.alt-page div.alt-area div.activity-table div.table-head div.head-item {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding: 13px 0px;
  font-family: "StyreneAWeb Medium";
  font-size: 13px;
  line-height: 13px;
  color: #fff;
}
main#main div.alt-page div.alt-area div.activity-table div.table-listing div.listing-block {
  font-size: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
main#main div.alt-page div.alt-area div.activity-table div.table-listing div.listing-block:last-child {
  border-bottom: none;
}
main#main div.alt-page div.alt-area div.activity-table div.table-listing div.listing-block:last-child div.listing-item:first-child {
  border-bottom-left-radius: 10px;
}
main#main div.alt-page div.alt-area div.activity-table div.table-listing div.listing-block:last-child div.listing-item:last-child {
  border-bottom-right-radius: 10px;
}
main#main div.alt-page div.alt-area div.activity-table div.table-listing div.listing-block div.listing-item {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
  padding: 23.4px 15px;
  text-align: center;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  background-color: #1E234B;
}
main#main div.alt-page div.alt-area div.activity-table div.table-listing div.listing-block div.listing-item.finished {
  color: #39E29D;
}
main#main div.alt-page div.alt-area div.activity-table div.table-listing div.listing-block div.listing-item.canceled {
  color: #f00;
}
main#main div.alt-page div.alt-area div.small-table {
  margin-bottom: -5px;
}
main#main div.alt-page div.alt-area div.small-table div.table-title {
  font-family: "StyreneAWeb Black";
  font-size: 24px;
  line-height: 24px;
  color: #fff;
  text-align: center;
  margin-bottom: 15px;
}
main#main div.alt-page div.alt-area div.small-table div.table-content.table-content-3 div.table-head {
  grid-template-columns: 1fr 1fr 1fr;
}
main#main div.alt-page div.alt-area div.small-table div.table-content.table-content-3 div.table-head div.head-item:first-child {
  justify-content: flex-start;
}
main#main div.alt-page div.alt-area div.small-table div.table-content.table-content-3 div.table-head div.head-item:last-child {
  justify-content: flex-end;
}
main#main div.alt-page div.alt-area div.small-table div.table-content.table-content-3 div.table-listing div.listing-block {
  padding: 18.3px 0px;
}
main#main div.alt-page div.alt-area div.small-table div.table-content.table-content-3 div.table-listing div.listing-block div.listing-item {
  width: 33.3%;
}
main#main div.alt-page div.alt-area div.small-table div.table-content.table-content-3 div.table-listing div.listing-block div.listing-item:first-child {
  text-align: left;
}
main#main div.alt-page div.alt-area div.small-table div.table-content.table-content-3 div.table-listing div.listing-block div.listing-item:last-child {
  text-align: right;
}
main#main div.alt-page div.alt-area div.small-table div.table-content div.table-head {
  font-size: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}
main#main div.alt-page div.alt-area div.small-table div.table-content div.table-head div.head-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  font-family: "StyreneAWeb Bold";
  font-size: 11px;
  height:60px;
  color: #fff;
  text-align: center;
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 1px solid #fff;
}
main#main div.alt-page div.alt-area div.small-table div.table-content div.table-listing div.listing-block {
  padding: 20px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 0;
}
main#main div.alt-page div.alt-area div.small-table div.table-content div.table-listing div.listing-block:last-child {
  border-bottom: none;
}
main#main div.alt-page div.alt-area div.small-table div.table-content div.table-listing div.listing-block div.listing-item {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 20px;
}
main#main div.alt-page div.alt-area div.small-table div.table-content div.table-listing div.listing-block div.listing-item div.number {
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
}
main#main div.alt-page div.alt-area div.small-table div.table-content div.table-listing div.listing-block div.listing-item div.date {
  color: #676B8B;
  font-size:13px;
}
main#main div.alt-page div.alt-area div.small-table div.table-content div.table-listing div.listing-block div.listing-item div.coupon {
  color: #fff;
}
main#main div.alt-page div.alt-area div.small-table div.table-content div.table-listing div.listing-block div.listing-item div.status {
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: #676B8B;
}
main#main div.alt-page div.alt-area div.small-table div.table-content div.table-listing div.listing-block div.listing-item div.status span.completed {
  color: #39E29D;
}
main#main div.alt-page div.alt-area div.small-table div.table-content div.table-listing div.listing-block div.listing-item.listing-item-check {
  text-align: left;
}
main#main div.alt-page div.alt-area div.small-table div.table-content div.table-listing div.listing-block div.listing-item.listing-item-check div.form-group {
  margin-bottom: 0;
}
main#main div.alt-page div.alt-area div.small-table div.table-content div.table-listing div.listing-block div.listing-item.listing-item-check div.form-group div.form-item.form-item-check label.checkbox {
  margin-bottom: 0;
}
main#main div.alt-page div.alt-area div.small-table div.table-content div.table-listing div.listing-block div.listing-item.listing-item-check div.form-group div.form-item.form-item-check label.checkbox div.checkbox div.name {
  color: #fff;
}
main#main div.alt-page div.alt-area div.small-table div.general-pagination a.button {
  background-color: #0D0E40;
  margin-left: 5px;
}
main#main div.alt-page div.alt-area div.small-table div.general-pagination span.dots {
  margin-left: 10px;
}
main#main div.alt-page div.alt-area div.alt-steps {
  font-size: 14px;
  color: #fff;
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
}
main#main div.alt-page div.alt-area div.alt-steps div.step-list div.listing-block {
  margin-bottom: 40px;
}
main#main div.alt-page div.alt-area div.alt-steps div.step-list div.listing-block div.listing-item {
  border: 1px solid #5850FD;
  border-radius: 20px;
  padding: 0px 40px;
}
main#main div.alt-page div.alt-area div.alt-steps div.step-list div.listing-block div.listing-item div.item-icon {
  position: relative;
  top: -35px;
  margin-bottom: -35px;
}
main#main div.alt-page div.alt-area div.alt-steps div.step-list div.listing-block div.listing-item div.item-title {
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  max-width: 195px;
  margin: 0 auto;
  margin-top: 5px;
  margin-bottom: -10px;
}
main#main div.alt-page div.alt-area div.alt-steps div.step-list div.listing-block div.listing-item div.item-count {
  border: 5px solid #202A4B;
  border-radius: 100px;
  width: 36px;
  height: 36px;
  background-color: #0D0E40;
  line-height: 26px;
  text-align: center;
  display: block;
  margin: 0 auto;
  font-family: "StyreneAWeb Medium";
  font-size: 12px;
  color: #fff;
  position: relative;
  top: 42.5px;
}
main#main div.alt-page div.alt-area div.alt-steps div.step-buttons {
  text-align: center;
  display: block;
  margin-top: 40px;
}
main#main div.alt-page div.alt-area div.alt-steps div.step-buttons a.button {
  display: inline-block;
  vertical-align: middle;
  height: 43px;
  background-color: #564FFF;
  border-radius: 8px;
  line-height: 43px;
  font-size: 0;
  padding: 0px 60px;
  transition-duration: 0.5s;
}
main#main div.alt-page div.alt-area div.alt-steps div.step-buttons a.button:hover {
  background-color: #605ae7;
}
main#main div.alt-page div.alt-area div.alt-steps div.step-buttons a.button div.text {
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Medium";
  font-size: 15px;
  line-height: 15px;
  margin-right: 15px;
}
main#main div.alt-page div.alt-area div.alt-steps div.step-buttons a.button div.image {
  display: inline-block;
  vertical-align: middle;
}
main#main div.alt-page div.alt-area div.alt-steps div.step-buttons a.button div.image img {
  max-width: 100px;
  height: auto;
}
main#main div.alt-page div.alt-area div.progress-menu {
  display: none;
}
main#main div.general-pagination {
  text-align: right;
  margin-top: 30px;
  font-size: 0;
  min-height:55px;
  margin-bottom: -5px;
  margin-bottom: 15px;
}
main#main div.general-pagination a.button {
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  min-width: 40px;
  border-radius: 4px;
  background-color: #1E234B;
  transition-duration: 0.5s;
  line-height: 40px;
  text-align: center;
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  color: #fff;
  margin-left: 10px;
  margin-bottom: 5px;
}
main#main div.general-pagination a.button.active, main#main div.general-pagination a.button:hover {
  background-color: #564FFF !important;
}
main#main div.general-pagination span.dots {
  display: inline-block;
  vertical-align: bottom;
  color: #fff;
  font-size: 14px;
  margin-left: 15px;
  margin-right: 5px;
  margin-bottom: 5px;
}
main#main div.general-sample {
  text-align: center;
  color: rgb(103, 107, 139);
  margin-bottom: 15px;
}
main#main div.general-sample div.icon {
  display: block;
  margin-bottom: 10px;
  opacity: 1;
}
main#main div.general-sample div.icon img {
  filter: invert(44%) sepia(33%) saturate(344%) hue-rotate(196deg) brightness(88%) contrast(88%);
}
main#main div.general-sample div.title {
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 10px;
}
main#main div.general-sample div.desc {
  max-width: 500px;
  margin: 0 auto;
  display: block;
  font-family: "StyreneAWeb Regular";
  font-size: 12px;
  line-height: 18px;
}

/* Home */
main#main.home {
  position: relative;
}
main#main.home:before {
  position: absolute;
  content: "";
  top: 0;
  left: -15px;
  width: calc(100% + 30px);
  max-height: 1080px;
  height: 100%;
  background-image: url("../../images/main-new-bg.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
main#main.home div.hero-placeholder div.hp-title {
  margin-top: 90px;
  font-family: "StyreneAWeb Black";
  font-size: 38px;
  font-style: italic;
  color: #fff;
  max-width: 100%;
  margin-bottom: 15px;
}
main#main.home div.hero-placeholder .home-yang {
  pointer-events: none;
  user-select: none;
}
main#main.home div.hero-placeholder .home-yang img {
    display:block;
    max-width:510px;
    width:100%;
    margin:0 auto;
    pointer-events: none;
    user-select: none;
}
main#main.home div.hero-placeholder div.hp-title span {
  color: #564FFF;
}
main#main.home div.hero-placeholder div.hp-desc {
  font-family: "StyreneAWeb Medium";
  font-size: 16px;
  line-height: 28.88px;
  color: #fff;
  text-shadow: 0px 2px 3px #000000;
  margin-bottom: 70px;
}
main#main.home div.hero-placeholder div.hp-buttons {
  margin-bottom: 100px;
  text-align: center;
  font-size: 0;
  display:flex;
  gap:30px;
  flex-wrap:wrap;
  align-items:Center;
  justify-content:center;
}
@media(max-width:767px){
  main#main.home div.hero-placeholder div.hp-buttons {
    gap:50px;
  }
}
main#main.home div.hero-placeholder div.hp-buttons div.button {
  position:Relative;
}
main#main.home div.hero-placeholder div.hp-buttons div.button .current {
  display: block;
  min-width: 300px;
  padding: 0px 25px 25px;
  border: 1px solid #5850FD;
  border-radius: 20px;
  backdrop-filter: blur(1.5px);
  text-align: center;
  position: relative;
  transition-duration: 0.5s;
  cursor:pointer;
  position: relative;
  /* &:hover
  * border-color: #5850FD
  * &:after
  *  height: 100%
  *  border-top-left-radius: 20px
  *  border-top-right-radius: 20px
  * &:before
  *  background-color: #5850FD */
}
main#main.home div.hero-placeholder div.hp-buttons div.button .current:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  transition-duration: 0.5s;
  background-color: #564FFF;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  z-index: -1;
}
main#main.home div.hero-placeholder div.hp-buttons div.button .current:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: calc(50% - 38px);
  width: 76px;
  height: 5px;
  background-color: #5850FD;
  border-radius: 5px 5px 0px 0px;
  transition-duration: 0.5s;
}
main#main.home div.hero-placeholder div.hp-buttons div.button div.icon {
  width: 114px;
  display: inline-block;
  margin-top: -40px;
  margin-bottom: 15px;
}
main#main.home div.hero-placeholder div.hp-buttons div.button div.icon img {
  max-width: 100%;
  height: auto;
  max-height: 114px;
}
main#main.home div.hero-placeholder div.hp-buttons div.button div.name {
  display: block;
  font-family: "StyreneAWeb Black";
  font-size: 21px;
  line-height: 25.73px;
  color: #fff;
  text-transform: uppercase;
}

main#main.home div.hero-placeholder div.hp-buttons div.button div.items-search.active .items {
  opacity: 1;
  z-index: 9;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
main#main.home div.hero-placeholder div.hp-buttons div.button .items {
  position: absolute;
  top: 170px;
  left: 0;
  width: 100%;
  background: #1E234B;
  border: 1px solid #564FFF;
  border-radius: 10px;
  padding: 15px 15px 25px 15px;
  opacity: 0;
  overflow: hidden;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: -1;
}
main#main.home div.hero-placeholder div.hp-buttons div.button .items div.search {
  padding: 15px 11px;
  background: #0D0E40;
  display:flex;
  border-radius: 6px;
  font-size: 0;
  align-items:center;
  margin-bottom: 15px;
}
main#main.home div.hero-placeholder div.hp-buttons div.button .items div.search input {
  width: calc(100% - 16px);
  padding: 0px 12.5px;
  background-color: transparent;
  border: none;
  text-align:left;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
}
main#main.home div.hero-placeholder div.hp-buttons div.button .items div.search .search-icon {
  width:16px;
}
main#main.home div.hero-placeholder div.hp-buttons div.button .items div.search input::placeholder {
  opacity: 0.5;
}
main#main.home div.hero-placeholder div.hp-buttons div.button .items div.list a.button {
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  text-align:left;
  display: block;
  margin-bottom: 20px;
}
main#main.home div.hero-placeholder div.hp-buttons div.button .items div.list a.button:hover {
  color:#564FFF !important;
}
.header-servers div.items-search div.items div.list a.button:hover {
  color:#564FFF !important;
}
main#main.home div.hero-placeholder div.hp-buttons div.button .items div.list a.button:last-child {
  margin-bottom: 0;
}
main#main.home div.hero-placeholder div.hp-buttons div.button .items div.list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 24px 24px transparent;
  border: solid 8px transparent;
  background-image: url("../../images/scroll-bg.png");
  background-repeat: repeat-y;
  background-size: contain;
  background-position: bottom;
}
main#main.home div.hero-placeholder div.hp-buttons div.button .items div.list {
  max-height:250px;
  overflow-y:auto;
}
main#main.home div.hero-placeholder div.hp-buttons div.button .items div.list::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 24px 24px #564FFF;
  border: solid 8px transparent;
  border-radius: 24px;
}
main#main.home div.hero-placeholder div.hp-buttons div.button .items div.list::-webkit-scrollbar-button {
  display: none;
}



main#main.home div.hero-placeholder div.hp-stats {
  height: 360px;
  border-radius: 30px;
  background-image: url("../../images/hp-stats.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  margin-bottom: 115px;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
}
main#main.home div.hero-placeholder div.hp-stats div.stat-text {
  padding-bottom: 90px;
}
main#main.home div.hero-placeholder div.hp-stats div.stat-text div.title {
  font-family: "StyreneAWeb Black";
  font-size: 40px;
  color: #fff;
  line-height: 50px;
  margin-bottom: 25px;
}
main#main.home div.hero-placeholder div.hp-stats div.stat-text div.title span {
  color: #564FFF;
}
main#main.home div.hero-placeholder div.hp-stats div.stat-text div.buttons a.button {
  height: 55px;
  padding: 0px 30px;
  background-color: #564FFF;
  border-radius: 8px;
  line-height: 55px;
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Medium";
  font-size: 17px;
  color: #fff;
  transition-duration: 0.5s;
}
main#main.home div.hero-placeholder div.hp-stats div.stat-text div.buttons a.button:hover {
  background-color: #605ae7;
}
main#main.home div.hero-placeholder div.hp-stats figure.stat-image {
  margin-bottom: 0;
}
main#main.home div.hero-placeholder div.hp-stats figure.stat-image img {
  max-width: 100%;
  height: auto;
}
main#main.home div.hero-placeholder div.hp-stats figure.stat-image.image-1 img {
  max-height: 303px;
}
main#main.home div.hero-placeholder div.hp-stats figure.stat-image.image-2 {
  position: relative;
}
main#main.home div.hero-placeholder div.hp-stats figure.stat-image.image-2 img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-height: 388px;
}
main#main.home div.reviews-area {
  margin-bottom: 200px;
  text-align: center;
}
main#main.home div.reviews-area div.section-title {
  text-transform: uppercase;
  font-family: "StyreneAWeb Black";
  font-size: 32px;
  line-height: 39px;
  color: #fff;
  margin-bottom: 40px;
}
main#main.home div.start-area {
  margin-bottom: 150px;
  position: relative;
  background-image: url("../../images/trading-woman.png");
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: contain;
}
main#main.home div.start-area:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url("../../images/trading-before-bg.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
@media(min-width:767px){
  main#main.home div.start-area div.area-title{
    padding-right: 300px;
  }
}
main#main.home div.start-area div.area-title {
  font-family: "StyreneAWeb Black";
  font-size: 35px;
  line-height: 45px;
  color: #fff;
  margin-bottom: 80px;
  padding-top: 60px;
}
main#main.home div.start-area div.area-title span {
  display: block;
  color: #564FFF;
}
main#main.home div.start-area div.area-listing {
  background-image: url("../../images/trading-circle-bg.png");
  background-repeat: no-repeat;
  background-position: 0% 20px;
  background-size: contain;
}
main#main.home div.start-area div.area-listing div.listing-block {
  margin-bottom: 30px;
}
main#main.home div.start-area div.area-listing div.listing-block div.listing-item {
  text-align: center;
}
main#main.home div.start-area div.area-listing div.listing-block div.listing-item div.item-icon {
  width: 104px;
  height: 104px;
  border-radius: 100px;
  background-image: url("../../images/trading-circle.png");
  text-align: center;
  line-height: 104px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  margin-bottom: 25px;
}
main#main.home div.start-area div.area-listing div.listing-block div.listing-item div.item-desc {
  font-family: "StyreneAWeb Regular";
  font-size: 16px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.7);
  max-width: 300px;
  margin: 0 auto;
}
main#main.home div.review-area {
  margin-bottom: 200px;
  position: relative;
}
main#main.home div.review-area div.review-title {
  text-align: center;
  margin-bottom: 45px;
  font-family: "StyreneAWeb Black";
  font-size: 32px;
  line-height: 32px;
  color: #fff;
}
main#main.home div.review-area div.review-listing:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 250px;
  height: 100%;
  z-index: 9;
  background: linear-gradient(90deg, rgb(9, 10, 51) 0%, rgb(9, 10, 51) 25%, rgba(255, 255, 255, 0) 100%);
}
main#main.home div.review-area div.review-listing:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 250px;
  height: 100%;
  z-index: 9;
  background: linear-gradient(-90deg, rgb(9, 10, 51) 0%, rgb(9, 10, 51) 25%, rgba(255, 255, 255, 0) 100%);
}
main#main.home div.review-area div.review-listing .marquee-wrapper {
  text-align: center;
}
main#main.home div.review-area div.review-listing .marquee-wrapper .m-container {
  overflow: hidden;
}
main#main.home div.review-area div.review-listing .marquee-inner span {
  float: left;
  width: 50%;
}
main#main.home div.review-area div.review-listing .marquee-wrapper .marquee-block {
  --total-marquee-items:5;
  height: 100px;
  width: calc(250px * (var(--total-marquee-items)));
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  margin: 0px auto;
  padding: 0;
  margin-bottom: 30px;
}
main#main.home div.review-area div.review-listing .marquee-inner {
  display: block;
/*   width: 200%;
  position: absolute; */
}
main#main.home div.review-area div.review-listing .marquee-inner p {
  font-weight: 800;
  font-size: 30px;
  font-family: cursive;
}
/* main#main.home div.review-area div.review-listing .marquee-inner.to-left {
  animation: marqueeLeft 25s linear infinite;
}
main#main.home div.review-area div.review-listing .marquee-inner.to-right {
  animation: marqueeRight 25s linear infinite;
}
main#main.home div.review-area div.review-listing .marquee-inner.to-left-2 {
  animation: marqueeLeft 35s linear infinite;
} */
main#main.home div.review-area div.review-listing .marquee-item {
  width: auto;
  height: 100px;
  display: inline-block;
  margin: 0 30px;
  transition: all 0.2s ease-out;
}
main#main.home div.review-area div.review-listing .marquee-item div.comment-block {
  height: 100%;
  background: linear-gradient(180deg, #1C2040 0%, rgba(28, 32, 64, 0) 117.86%);
  border-radius: 20px;
  padding: 20px;
  font-size: 0;
  text-align: left;
}
main#main.home div.review-area div.review-listing .marquee-item div.comment-block div.user {
  display: inline-block;
  vertical-align: middle;
}
main#main.home div.review-area div.review-listing .marquee-item div.comment-block div.user div.image {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
main#main.home div.review-area div.review-listing .marquee-item div.comment-block div.user div.image:before {
  position: absolute;
  content: "";
  top: -3.5px;
  left: -3.5px;
  width: 100%;
  height: 100%;
  border-radius: 60px;
  background-color: #564FFF;
  z-index: 1;
}
main#main.home div.review-area div.review-listing .marquee-item div.comment-block div.user div.image div.avatar {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
  border-radius: 46px;
  background-image: url("../../images/avatar.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
main#main.home div.review-area div.review-listing .marquee-item div.comment-block div.user div.image div.country-f {
  width: 18px;
  height: 18px;
  border-radius: 18px;
  border: 2px solid #242535;
  font-size: 0;
  line-height: 18px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 5;
  background-color: #242535;
  text-align: center;
}
main#main.home div.review-area div.review-listing .marquee-item div.comment-block div.user div.image div.country-f img {
  max-width: 14px;
  height: 14px;
  border-radius: 14px;
  vertical-align: top;
}
main#main.home div.review-area div.review-listing .marquee-item div.comment-block div.user div.info {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 60px);
  padding-left: 12.5px;
}
main#main.home div.review-area div.review-listing .marquee-item div.comment-block div.user div.info div.title {
  font-family: "StyreneAWeb Bold";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  margin-bottom: 7px;
}
main#main.home div.review-area div.review-listing .marquee-item div.comment-block div.user div.info div.time {
  font-family: "StyreneAWeb Regular";
  font-size: 12px;
  line-height: 12px;
  color: rgba(255, 255, 255, 0.5);
}
main#main.home div.review-area div.review-listing .marquee-item div.comment-block div.comment {
  margin: 0px 25px;
  display: inline-block;
  vertical-align: middle;
}
main#main.home div.review-area div.review-listing .marquee-item div.comment-block div.comment div.stars {
  margin-bottom: 10px;
  text-align: center;
  font-size: 0;
  padding: 0px 15px;
}
main#main.home div.review-area div.review-listing .marquee-item div.comment-block div.comment div.stars img {
  margin: 0px 2.5px;
  width: 15px;
  height: auto;
}
main#main.home div.review-area div.review-listing .marquee-item div.comment-block div.comment div.stars img:first-child {
  margin-left: 0;
}
main#main.home div.review-area div.review-listing .marquee-item div.comment-block div.comment div.stars img:last-child {
  margin-right: 0;
}
main#main.home div.review-area div.review-listing .marquee-item div.comment-block div.comment div.arrow {
  display: block;
  width: 100%;
  min-width: 100px;
  height: 12px;
  border-top: 1px dashed #564FFF;
  position: relative;
}
main#main.home div.review-area div.review-listing .marquee-item div.comment-block div.comment div.arrow:before {
  position: absolute;
  top: -4px;
  left: 4px;
  background-image: url("../../images/icons/purple-right.svg");
  background-repeat: no-repeat;
  background-position: 100% 0%;
  background-size: 8px;
  width: 100%;
  height: 100%;
  content: "";
}
main#main.home div.review-area div.review-listing .marquee-item div.comment-block div.comment div.content {
  padding: 0px 15px;
  font-family: "StyreneAWeb Regular";
  font-size: 13px;
  color: #fff;
  max-width:500px;
  height:30px;
}
@keyframes marqueeLeft {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
@keyframes marqueeRight {
  0% {
    left: -100%;
  }
  100% {
    left: 0;
  }
}
main#main.home div.faq-area {
  margin-bottom: 100px;
}
main#main.home div.faq-area div.faq-content div.faq-title {
  font-family: "StyreneAWeb Black";
  font-size: 40px;
  line-height: 50px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 20px;
}
main#main.home div.faq-area div.faq-content ul.nav {
  margin-bottom: 30px;
}
main#main.home div.faq-area div.faq-content ul.nav li button {
  font-family: "StyreneAWeb Medium";
  font-size: 18px;
  line-height: 18px;
  height: 60px;
  line-height: 60px;
  padding: 0px 25px;
  color: #fff;
}
main#main.home div.faq-area div.faq-content ul.nav li button.active {
  color: #564FFF;
  background: linear-gradient(180deg, #1C2040 0%, rgba(28, 32, 64, 0) 117.86%);
  border-radius: 20px;
}
main#main.home div.faq-area div.faq-content div.tab-content div.tab-pane div.accordion div.card {
  border: none;
  border-radius: 0;
  background-color: transparent;
  margin-bottom: 10px;
}
main#main.home div.faq-area div.faq-content div.tab-content div.tab-pane div.accordion div.card div.card-header {
  padding: 0;
}
main#main.home div.faq-area div.faq-content div.tab-content div.tab-pane div.accordion div.card div.card-header button {
  background-color: #1A1D3C;
  border: none;
  width: 100%;
  font-size: 0;
  padding: 0;
  margin: 0;
  border-radius: 6px;
}
main#main.home div.faq-area div.faq-content div.tab-content div.tab-pane div.accordion div.card div.card-header button span.text {
  width: calc(100% - 50px);
  display: inline-block;
  vertical-align: middle;
  padding: 10px 20px;
  font-family: "StyreneAWeb Medium";
  font-size: 16px;
  color: #fff;
  text-align: left;
}
main#main.home div.faq-area div.faq-content div.tab-content div.tab-pane div.accordion div.card div.card-header button span.icon {
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
  background-color: #564FFF;
  border-radius: 6px;
  background-image: url("../../images/icons/plus.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
main#main.home div.faq-area div.faq-content div.tab-content div.tab-pane div.accordion div.card div.card-header button:not(.collapsed) {
  background-color: #564FFF;
}
main#main.home div.faq-area div.faq-content div.tab-content div.tab-pane div.accordion div.card div.card-header button:not(.collapsed) span.icon {
  background-image: url("../../images/icons/minus.svg");
  background-color: #4C45FA;
}
main#main.home div.faq-area div.faq-content div.tab-content div.tab-pane div.accordion div.card div.card-body {
  background-color: #1B203E;
  border-radius: 6px;
  padding: 15px 20px;
  font-family: "StyreneAWeb Regular";
  font-size: 16px;
  line-height: 23px;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 10px;
}
main#main.home div.faq-area div.faq-content div.tab-content div.tab-pane div.accordion div.card div.card-body p:last-child {
  margin-bottom: 0;
}
main#main.home div.payment-methods {
  text-align: center;
  border-radius: 30px;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 50px;
  background-image: url("../../images/payments-bg.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  margin-bottom: 125px;
}
main#main.home div.payment-methods div.section-title {
  padding: 30px 50px;
  background-color: #090A33;
  border-radius: 70px;
  font-family: "StyreneAWeb Black";
  font-size: 32px;
  line-height: 39px;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 40px;
  margin-top: -40px;
}
main#main.home div.payment-methods div.section-listing {
  font-size: 0;
}
main#main.home div.payment-methods div.section-listing div.listing-block {
  margin-bottom: 30px;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 20px 30px;
}
main#main.home div.payment-methods div.section-listing div.listing-block img {
  max-width: 100%;
  height: auto;
  max-height: 40px;
}

/* Notifications */
main#main.notifications {
  position: relative;
  padding-bottom: 125px;
}
main#main.notifications:before {
  position: absolute;
  content: "";
  top: 0;
  left: -15px;
  width: calc(100% + 30px);
  height: 100%;
  background-image: url("../../images/notifications-bg.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
main#main.notifications div.notifications-area {
  background-color: #0D0E40;
  border-radius: 30px;
  padding: 40px;
  font-size: 0;
}
main#main.notifications div.notifications-area div.area-title {
  font-family: "StyreneAWeb Bold";
  font-size: 21px;
  line-height: 21px;
  color: #fff;
  margin-bottom: 35px;
}
main#main.notifications div.notifications-area div.area-list {
  max-height: 525px;
  overflow-y: auto;
}
main#main.notifications div.notifications-area div.area-list div.item {
  background-color: #1E234B;
  border-left: 4px solid #373F7B;
  font-size: 0;
  text-align: left;
  padding: 12.5px 0px;
  margin-bottom: 10px;
}
main#main.notifications div.notifications-area div.area-list div.item:last-child {
  margin-bottom: 0;
}
main#main.notifications div.notifications-area div.area-list div.item div.item-icon {
  width: 65px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
main#main.notifications div.notifications-area div.area-list div.item div.item-details {
  width: calc(100% - 65px);
  display: inline-block;
  vertical-align: middle;
  padding-right: 15px;
}
main#main.notifications div.notifications-area div.area-list div.item div.item-details div.title {
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  margin-bottom: 7.5px;
}
main#main.notifications div.notifications-area div.area-list div.item div.item-details div.time {
  font-family: "StyreneAWeb Medium";
  font-size: 10px;
  line-height: 10px;
  color: rgba(255, 255, 255, 0.5);
}
main#main.notifications div.notifications-area div.notification-scroll::-webkit-scrollbar {
  width: 34px;
}
main#main.notifications div.notifications-area div.notification-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 100px 100px transparent;
  border: solid 14px transparent;
  background-image: url("../../images/scroll-bg.png");
  background-repeat: repeat-y;
  background-size: contain;
  background-position: bottom;
}
main#main.notifications div.notifications-area div.notification-scroll::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 100px 100px #564FFF;
  border: solid 14px transparent;
  border-radius: 100px;
}
main#main.notifications div.notifications-area div.notification-scroll::-webkit-scrollbar-button {
  display: none;
}

/* Coins */
main#main.coins {
  position: relative;
  padding: 265px 0px 150px;
}
main#main.coins:before {
  position: absolute;
  content: "";
  top: 0;
  left: -15px;
  width: calc(100% + 30px);
  height: 100%;
  max-height: 1380px;
  background-image: url("../../images/coins-bg.png");
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: 100%;
}
main#main.coins div.coins-area {
  background-color: #0D0E40;
  border-radius: 30px;
  padding: 50px;
}
main#main.coins div.coins-area div.area-title {
  font-family: "StyreneAWeb Bold";
  font-size: 21px;
  line-height: 21px;
  color: #fff;
  margin-bottom: 40px;
}
main#main.coins div.coins-area div.area-content ul {
  padding: 0;
  font-size: 0;
  margin-bottom: 35px;
}
main#main.coins div.coins-area div.area-content ul li {
  margin-right: 50px;
  text-align: center;
}
main#main.coins div.coins-area div.area-content ul li:last-child {
  margin-right: 0;
}
main#main.coins div.coins-area div.area-content ul li button {
  background-color: transparent;
  padding: 0;
}
main#main.coins div.coins-area div.area-content ul li button:hover div.icon {
  background-color: #605ae7;
}
main#main.coins div.coins-area div.area-content ul li button.active {
  background-color: transparent;
}
main#main.coins div.coins-area div.area-content ul li button.active div.icon {
  background-color: #564FFF;
}
main#main.coins div.coins-area div.area-content ul li button div.icon {
  height: 73px;
  width: 73px;
  background-color: #1E234B;
  border-radius: 10px;
  text-align: center;
  line-height: 73px;
  margin: 0 auto;
  margin-bottom: 10px;
  transition-duration: 0.5s;
}
main#main.coins div.coins-area div.area-content ul li button div.icon img {
  max-width: 50px;
  height: auto;
  max-height: 50px;
}
main#main.coins div.coins-area div.area-content ul li button div.name {
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  padding: 0px 5px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header {
  font-size: 0;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search {
  margin-bottom: 35px;
  margin-right: 25px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
/* main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search:first-child div.current {
  padding-left: 0;
} */
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search:last-child {
  margin-right: 0;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search.active div.current div.down {
  transform: rotate(-180deg);
  transform-origin: 5px 0;
  position: relative;
  top: 100%;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search.active div.items {
  opacity: 1;
  z-index: 9;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search div.current {
  height: 50px;
  background: #1E234B;
  border: 1px solid #564FFF;
  border-radius: 6px;
  font-size: 0;
  line-height: 48px;
  padding-right: 10px;
  padding-left: 15px;
  cursor: pointer;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search div.current div.icon {
  width: 40px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search div.current div.icon img {
  max-width: 100%;
  height: auto;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search div.current div.text {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  width: unset;
  display: inline-block !important;
  vertical-align: middle;
  padding: 0px 10px 0px 0px;
  font-family: "StyreneAWeb Regular";
  font-size: 15px;
  color: rgba(255, 255, 255, 0.5);
  user-select: none;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search div.current div.down {
  width: 22.5px;
  display: inline-block;
  vertical-align: middle;
  transform-origin: center center;
  float: right;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search div.current div.down img {
  max-width: 10px;
  height: auto;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search div.items {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  background: #1E234B;
  border: 1px solid #564FFF;
  border-radius: 10px;
  padding: 15px 15px 25px 15px;
  opacity: 0;
  overflow: hidden;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: -1;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search div.items.items-normal {
  padding-bottom: 15px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search div.items.items-normal div.list {
  overflow: hidden;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search div.items div.search {
  padding: 15px 11px;
  background: #0D0E40;
  border-radius: 6px;
  font-size: 0;
  margin-bottom: 15px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search div.items div.search div.icon {
  width: 16px;
  display: inline-block;
  vertical-align: middle;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search div.items div.search div.icon img {
  max-width: 100%;
  height: auto;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search div.items div.search input {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 16px);
  padding: 0px 12.5px;
  background-color: transparent;
  border: none;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search div.items div.search input::placeholder {
  opacity: 0.5;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search div.items div.list {
  max-height: 250px;
  overflow-y: auto;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search div.items div.list a.button {
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  display: block;
  margin-bottom: 20px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search div.items div.list a.button:last-child {
  margin-bottom: 0;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search div.items div.list::-webkit-scrollbar {
  width: 20px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search div.items div.list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 24px 24px transparent;
  border: solid 8px transparent;
  background-image: url("../../images/scroll-bg.png");
  background-repeat: repeat-y;
  background-size: contain;
  background-position: bottom;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search div.items div.list::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 24px 24px #564FFF;
  border: solid 8px transparent;
  border-radius: 24px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search div.items div.list::-webkit-scrollbar-button {
  display: none;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-elements {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 35px;
  float: right;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-elements div.radios {
  display: inline-block;
  vertical-align: middle;
  background-color: #1E234B;
  border-radius: 8px;
  border: 1px solid #564FFF;
  margin-left: 30px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-elements div.radios:first-child {
  margin-left: 0;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-elements div.radios label.item-radio {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-elements div.radios label.item-radio input {
  display: none;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-elements div.radios label.item-radio input:checked ~ div.item-radio {
  background-color: #564FFF;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-elements div.radios label.item-radio div.item-radio {
  padding: 19px 17px;
  border-radius: 8px;
  transition-duration: 0.5s;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-elements div.radios label.item-radio div.item-radio div.name {
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-elements div.item-tip {
  position: relative;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-elements div.item-tip:hover div.opener {
  display: block;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-elements div.item-tip div.current {
  cursor: pointer;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-elements div.item-tip div.current div.text {
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-elements div.item-tip div.current div.icon {
  width: 39px;
  height: 39px;
  background: #373F7B;
  border-radius: 3px;
  text-align: center;
  line-height: 39px;
  font-family: "StyreneAWeb Medium";
  font-size: 19px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-elements div.item-tip div.opener {
  position: absolute;
  top: 50px;
  right: 0;
  background: #1E234B;
  border: 1px solid #373F7B;
  border-radius: 0px 0px 17px 0px;
  padding: 15px;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  max-width: 300px;
  text-align: left;
  display: none;
  animation: 0.5s fromBottom;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-elements div.item-tip div.opener:before {
  position: absolute;
  content: "";
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-elements div.item-tip div.opener p:last-child {
  margin-bottom: 0;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list {
  margin-bottom: -20px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list .row {
  margin: 0px -10px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block {
  padding: 0px 10px;
  margin-bottom: 20px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item {
  background: #1E234B;
  border-radius: 10px;
  padding: 15px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-head {
  font-size: 0;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-head div.item-statu {
  width: calc(100% - 75px);
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Bold";
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-head div.item-statu:before {
  position: relative;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 6px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-head div.item-statu.online:before {
  background-color: #39E29D;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-head div.item-statu.offline:before {
  background-color: rgba(255, 255, 255, 0.3);
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-head div.item-buttons {
  width: 75px;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-head div.item-buttons a.button {
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px;
  padding: 2px 4px;
  margin-bottom: 10px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-head div.item-buttons a.button span.icon {
  width: 12px;
  display: inline-block;
  vertical-align: middle;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-head div.item-buttons a.button span.icon img {
  max-width: 100%;
  height: auto;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-head div.item-buttons a.button span.text {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
  font-family: "StyreneAWeb Bold";
  font-size: 10px;
  line-height: 14px;
  color: #000;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-head div.item-buttons a.button.up {
  background-color: #39E29D;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-head div.item-buttons a.button.down {
  background-color: #EF4141;
  margin-left: 5px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item figure.item-image {
  height: 160px;
  line-height: 160px;
  background-color: #0F122E;
  border-radius: 10px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item figure.item-image img {
  max-width: 100%;
  border-radius:10px;
  display: block;
  width: 100%;
  height: 100%;

  max-height: 100%;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-title {
  font-family: "StyreneAWeb Medium";
  font-size: 13px;
  line-height: 16px;
  color: #fff;
  margin-bottom: 0px;
  height:46px;
  position:Relative;
  overflow:hidden;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-way {
  font-family: "StyreneAWeb Regular";
  font-size: 12px;
  line-height: 16.5px;
  color: rgba(255, 255, 255, 0.56);
  margin-bottom: 10px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-price {
  font-size: 0;
  margin-bottom: 15px;
  margin-top:10px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-price span.title {
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  line-height: 14px;
  color: #636477;
  display: inline-block;
  vertical-align: bottom;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-price span.value {
  font-family: "StyreneAWeb Bold";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  display: inline-block;
  vertical-align: bottom;
  padding-left: 5px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-button .sell-button {
  display: block;
  background-color: #564FFF;
  border-radius: 6px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 0;
  transition-duration: 0.5s;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-button .sell-button:hover {
  background-color: #605ae7;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-button .sell-button span.icon {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-button .sell-button span.icon img {
  max-width: 27px;
  height: auto;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-button .sell-button span.text {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 60px);
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  text-align: center;
  height: 25px;
  line-height: 25px;
  border-left: 1px solid rgba(30, 35, 75, 0.4);
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-button .icon-button {
  display: block;
  background-color: #564FFF;
  border-radius: 6px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 0;
  transition-duration: 0.5s;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-button .icon-button:hover {
  background-color: #605ae7;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-button .icon-button span.icon {
  display: inline-block;
  vertical-align: middle;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-button .icon-button span.icon img {
  max-width: 27px;
  height: auto;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-button .icon-button span.text {
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  text-align: center;
  margin-left: 10px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-button .normal-button {
  height: 40px;
  border-radius: 6px;
  background-color: #0F122E;
  display: block;
  text-align: center;
  line-height: 40px;
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  color: #fff;
  transition-duration: 0.5s;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block div.list-item div.item-button .normal-button:hover {
  background-color: #484D76;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-head {
  font-size: 0;
  padding: 15px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-head div.head-item {
  display: inline-block;
  vertical-align: middle;
  padding: 15px;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  text-align: center;
}

main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-head div.head-item.product {
  width: calc(100% - 750px);
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-head div.head-item.stock {
  width: 250px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-head div.head-item.qty {
  width: 250px;
}
.dial-code{font-size: 14px;}
.coins-listing > form:not(:last-child){margin-bottom: 24px}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-head div.head-item.price {
  width: 250px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block {
  background-color: #1E234B;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 10px;
  font-size: 0;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block:last-child {
  margin-bottom: 0;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item {
  display: inline-block;
  vertical-align: middle;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.product {
  width: calc(100% - 750px);
  font-size: 0;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.product div.image {
  width: 78px;
  height: 78px;
  border-radius: 12px;
  background-color: #0F122E;
  display: inline-block;
  vertical-align: middle;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.product div.image img {
  padding: 15px;
  max-width: 100%;
  height: auto;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.product div.name {
  width: calc(100% - 78px);
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  padding-left: 15px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.stock {
  width: 250px;
  text-align: center;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.stock div.statu {
  font-size: 0;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.stock div.statu div.name {
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.stock div.statu div.icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.qty {
  width: 250px;
  text-align: center;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.qty div.buttons {
  padding: 4px;
  background: #0D0E40;
  border-radius: 7px;
  display: inline-block;
  vertical-align: middle;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.qty div.buttons a.button {
  width: 32px;
  height: 32px;
  border-radius: 7px;
  display: inline-block;
  vertical-align: middle;
  line-height: 32px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.qty div.buttons a.button img {
  max-width: 16px;
  height: auto;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.qty div.buttons a.button.minus {
  background-color: #1E234B;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.qty div.buttons a.button.plus {
  background-color: #564FFF;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.qty div.buttons input {
  width: 55px;
  display: inline-block;
  vertical-align: middle;
  border: none;
  background-color: transparent;
  font-family: "StyreneAWeb Regular";
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  text-align: center;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.qty div.buttons input::-webkit-outer-spin-button, main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.qty div.buttons input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.qty div.buttons input[type=number] {
  -moz-appearance: textfield;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.price {
  width: 250px;
  text-align: center;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.price div.money {
  display: block;
  font-family: "StyreneAWeb Medium";
  font-size: 22px;
  line-height: 22px;
  color: #fff;
  margin-bottom: 12.5px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.price a.button {
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  border-radius: 6px;
  background-color: #3CA629;
  padding: 0px 40px;
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  line-height: 40px;
  color: #fff;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.no-items {
  background-image: url("../../images/empty-bg.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-size: contain;
  padding: 30px 50px;
  text-align: center;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.no-items div.item-image {
  display: block;
  margin: 0 auto;
  max-width: 400px;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.no-items div.item-image img {
  max-width: 100%;
  height: auto;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.no-items div.item-title {
  max-width: 500px;
  margin: 0 auto;
  display: block;
  margin-top: 30px;
  text-transform: uppercase;
  font-family: "StyreneAWeb Black";
  font-size: 21px;
  line-height: 25px;
  color: #fff;
}
main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.no-items div.item-title span {
  color: #564FFF;
}

/* Order */
main#main.order {
  padding: 65px 0px 125px;
  position: relative;
}
main#main.order:before {
  position: fixed;
  content: "";
  top: 0;
  left: -15px;
  width: calc(100% + 30px);
  height: 100%;
  background-image: url("../../images/order-bg.png");
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
}
main#main.order div.order-steps {
  max-width: 900px;
  margin: 0 auto;
}
main#main.order div.order-steps div.step-block {
  margin-bottom: 25px;
}
main#main.order div.order-steps div.step-block.active div.step-item div.item-icon {
  background-color: #564FFF;
}
main#main.order div.order-steps div.step-block div.step-item {
  text-align: center;
  cursor: pointer;
}
main#main.order div.order-steps div.step-block div.step-item div.item-icon {
  width: 73px;
  height: 73px;
  background-color: #1E234B;
  border-radius: 10px;
  text-align: center;
  font-size: 0;
  display: block;
  margin: 0 auto;
  padding-top: 10px;
}
main#main.order div.order-steps div.step-block div.step-item div.item-icon img {
  max-width: 20px;
  height: 35px;
}
main#main.order div.order-steps div.step-block div.step-item div.item-count {
  width: 42px;
  height: 42px;
  line-height: 32px;
  border-radius: 42px;
  background-color: #564FFF;
  border: 5px solid #202A4B;
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Bold";
  font-size: 14px;
  color: #fff;
  margin-bottom: 5px;
  margin-top: -20px;
}
main#main.order div.order-steps div.step-block div.step-item div.item-name {
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  text-transform: capitalize;
}
main#main.order div.order-steps div.steps-bar {
  background-color: rgba(86, 79, 255, 0.3);
  width: 100%;
  height: 10px;
  border-radius: 7px;
  position: relative;
  margin-bottom: 55px;
}
main#main.order div.order-steps div.steps-bar:before {
  position: absolute;
  top: -4px;
  left: 33.3%;
  width: 3px;
  height: 18px;
  background-color: #fff;
  content: "";
}
main#main.order div.order-steps div.steps-bar:after {
  position: absolute;
  top: -4px;
  right: 33.3%;
  width: 3px;
  height: 18px;
  background-color: #fff;
  content: "";
}
main#main.order div.order-steps div.steps-bar div.steps-width {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #564FFF;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
main#main.order div.order-steps div.steps-bar div.steps-width.last {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
main#main.order div.order-area {
  background-color: #0D0E40;
  border-radius: 30px;
  padding: 50px;
}
main#main.order div.order-area div.order-blocks {
  position: relative;
}
main#main.order div.order-area div.order-blocks div.order-block {
  display: none;
}
main#main.order div.order-area div.order-blocks div.order-block.active {
  display: block;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-header {
  font-size: 0;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-header div.details-title {
  font-family: "StyreneAWeb Black";
  font-size: 24px;
  line-height: 29px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 250px);
  margin-bottom: 25px;
}
@media(max-width:767px){
  .order-steps{display:none}
}
@media(max-width:991px){
  .ilan-buttons{
    flex-direction: column-reverse;
  }
}
.ilan-details-buttons {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}
.ilan-details-buttons a.button {
  display: inline-block;
  vertical-align: middle;
  background-color: #564FFF;
  border-radius: 8px;
  padding: 0px 30px;
  height: 43px;
  line-height: 43px;
  font-family: "StyreneAWeb Medium";
  font-size: 17px;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 25px;
  transition-duration: 0.5s;
}
.ilan-details-buttons a.button:hover {
  background-color: #605ae7;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area {
  font-size: 0;
  display: grid;
  grid-template-columns: calc(100% - 450px) 450px;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content {
  padding-right: 30px;
  display: inline-block;
  vertical-align: top;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-user {
  width: 260px;
  display: inline-block;
  vertical-align: top;
  padding: 30px;
  background: #1E234B;
  border-radius: 10px;
  margin-bottom: 30px;
  text-align: center;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-user div.image {
  width: 70px;
  height: 70px;
  border-radius: 70px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-user div.image:before {
  position: absolute;
  content: "";
  top: -5px;
  left: -5px;
  width: 100%;
  height: 100%;
  border-radius: 70px;
  background-color: #564FFF;
  z-index: 1;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-user div.image div.avatar {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
  border-radius: 70px;
  background-image: url("../../images/avatar.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-user div.name {
  font-family: "StyreneAWeb Bold";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  margin-top: 15px;
  margin-bottom: 15px;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-user div.buttons {
  margin-bottom: 45px;
  font-size: 0;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-user div.buttons a.button {
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px;
  padding: 2px 4px;
  margin: 0px 3px;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-user div.buttons a.button span.icon {
  width: 12px;
  display: inline-block;
  vertical-align: middle;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-user div.buttons a.button span.icon img {
  max-width: 100%;
  height: auto;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-user div.buttons a.button span.text {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
  font-family: "StyreneAWeb Bold";
  font-size: 10px;
  line-height: 14px;
  color: #000;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-user div.buttons a.button.up {
  background-color: #39E29D;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-user div.buttons a.button.down {
  background-color: #EF4141;
  margin-left: 5px;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-user div.blocks div.block {
  font-size: 0;
  margin-bottom: 10px;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-user div.blocks div.block:last-child {
  margin-bottom: 0;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-user div.blocks div.block div.icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-user div.blocks div.block div.title {
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Regular";
  font-size: 12px;
  line-height: 12px;
  color: #7071A0;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-user div.blocks div.block div.value {
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Regular";
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  padding-left: 5px;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options {
  width: calc(100% - 390px);
  display: inline-block;
  vertical-align: top;
  margin-left: 30px;
  font-size: 14px;
  color: #fff;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-gallery {
  width: 90px;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  padding:10px;
  background:#1E234B;
  border-radius:10px;
  height:272px;
  position:Relative;
  overflow-y:auto;
  height:272px;
}

main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-gallery::-webkit-scrollbar {
    width: 20px;
  }
  
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-gallery::-webkit-scrollbar-track {
    box-shadow: inset 0 0 24px 24px transparent;
    border: solid 8px transparent;
    background-image: url("../../images/scroll-bg.png");
    background-repeat: repeat-y;
    background-size: contain;
    background-position: bottom;
  }
  
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-gallery::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 24px 24px #564FFF;
    border: solid 8px transparent;
    border-radius: 24px;
  }
  
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-gallery::-webkit-scrollbar-button {
    display: none;
  }

main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-gallery a {
  display:block;
  margin-bottom:10px;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-gallery a:last-child {
  margin-bottom:0;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-gallery a img {
  display:block;
  width:100%;
  height:55px;
  object-fit:cover;
  border-radius:10px;
}
@media (max-width:992px) {
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-gallery {
    height:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow-x:auto;
    margin-bottom:30px;
    height:auto;
    width:100%;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-gallery a {
    margin:0 5px;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-gallery a:first-child {
    margin-left:0;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-gallery a:last-child {
    margin-right:0;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-gallery a img {
    width:60px;
  }
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options div.options-header {
  background: #252C5A;
  border-radius: 10px 10px 0px 0px;
  padding: 7px 0px;
  font-size: 0;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options div.options-header div.title {
  padding: 7.5px 20px 7.5px 25px;
  font-family: "StyreneAWeb Bold";
  font-size: 18px;
  line-height: 18px;
  color: #fff;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options div.options-header div.title:last-child {
  border-right: none;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options div.options-content {
  background-color: #1E234B;
  font-size: 0;
  position: relative;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options div.options-content:before {
  position: absolute;
  content: "";
  top: 10px;
  left: 50%;
  width: 1px;
  height: calc(100% - 20px);
  background-color: rgba(255, 255, 255, 0.2);
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options div.options-content div.block {
  padding: 38px 20px 38px 25px;
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options div.options-content div.block div.name {
  font-family: "StyreneAWeb Medium";
  font-size: 16px;
  line-height: 16px;
  color: #fff;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options div.options-content div.block div.options {
  font-size: 0;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options div.options-content div.block div.options label.delivery {
  width: 100%;
  cursor: pointer;
  margin-bottom: 10px;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options div.options-content div.block div.options label.delivery:last-child {
  margin-bottom: 0;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options div.options-content div.block div.options label.delivery input {
  display: none;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options div.options-content div.block div.options label.delivery input:checked ~ div.delivery div.icon:before {
  width: 4px;
  transition-delay: 0ms;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options div.options-content div.block div.options label.delivery input:checked ~ div.delivery div.icon:after {
  width: 10px;
  transition-delay: 150ms;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options div.options-content div.block div.options label.delivery div.icon {
  width: 22px;
  height: 22px;
  border: 1px solid #fff;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: relative;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options div.options-content div.block div.options label.delivery div.icon:after {
  content: "";
  position: absolute;
  width: 0px;
  height: 2px;
  background: #fff;
  transform: translate(8px, 12px) rotate(-45deg);
  transform-origin: left;
  transition: all 150ms;
  transition-delay: 0ms;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options div.options-content div.block div.options label.delivery div.icon:before {
  content: "";
  position: absolute;
  width: 0px;
  height: 2px;
  background: #fff;
  transform: translate(5px, 8px) rotate(45deg);
  transform-origin: left;
  transition: all 150ms;
  transition-delay: 150ms;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options div.options-content div.block div.options label.delivery div.value {
  width: calc(100% - 22px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 8px;
  font-family: "StyreneAWeb Regular";
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options div.options-result {
  padding: 16px 12px;
  background-color: #564FFF;
  font-family: "StyreneAWeb Bold";
  font-size: 18px;
  line-height: 18px;
  color: #fff;
  text-align: center;
  border-radius: 0px 0px 10px 10px;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content ul {
  padding: 0;
  margin: 0px 0px 15px 0px;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content ul li button {
  padding: 19px 22px;
  font-family: "StyreneAWeb Medium";
  font-size: 18px;
  color: #fff;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content ul li button.active {
  background: linear-gradient(180deg, #4E48E6 0%, rgba(13, 14, 64, 0) 117.86%);
  border-radius: 19px;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content {
  min-height: 250px;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane {
  background-color: #1E234B;
  border-radius: 6px;
  padding: 25px;
  font-family: "StyreneAWeb Regular";
  font-size: 16px;
  line-height: 23px;
  color: rgba(255, 255, 255, 0.7);
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane p:last-child {
  margin-bottom: 0;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane div.description-content {
  height: 250px;
  overflow-y: auto;
  padding-right: 15px;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane div.comments-list {
  max-height: 250px;
  overflow-y: auto;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane div.comments-list div.comment-block {
  font-size: 0;
  margin-bottom: 15px;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane div.comments-list div.comment-block:last-child {
  margin-bottom: 0;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane div.comments-list div.comment-block div.user {
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  background-color: #050622;
  border-radius: 6px;
  padding: 15px 17px 12px 17px;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane div.comments-list div.comment-block div.user div.image {
  width: 46px;
  height: 46px;
  border-radius: 46px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane div.comments-list div.comment-block div.user div.image:before {
  position: absolute;
  content: "";
  top: -3.5px;
  left: -3.5px;
  width: 100%;
  height: 100%;
  border-radius: 46px;
  background-color: #564FFF;
  z-index: 1;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane div.comments-list div.comment-block div.user div.image div.avatar {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
  border-radius: 46px;
  background-image: url("../../images/avatar.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane div.comments-list div.comment-block div.user div.image div.country-f {
  width: 18px;
  height: 18px;
  border-radius: 18px;
  border: 2px solid #242535;
  font-size: 0;
  line-height: 18px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 5;
  background-color: #242535;
  text-align: center;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane div.comments-list div.comment-block div.user div.image div.country-f img {
  max-width: 14px;
  height: 14px;
  border-radius: 14px;
  vertical-align: top;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane div.comments-list div.comment-block div.user div.info {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 46px);
  padding-left: 12.5px;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane div.comments-list div.comment-block div.user div.info div.title {
  font-family: "StyreneAWeb Bold";
  font-size: 10px;
  line-height: 10px;
  color: #fff;
  margin-bottom: 7px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane div.comments-list div.comment-block div.user div.info div.time {
  font-family: "StyreneAWeb Regular";
  font-size: 10px;
  line-height: 10px;
  color: rgba(255, 255, 255, 0.5);
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane div.comments-list div.comment-block div.content {
  width: calc(100% - 200px);
  display: inline-block;
  vertical-align: top;
  padding-left: 15px;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane div.comments-list div.comment-block div.content div.stars {
  margin-bottom: 0;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane div.comments-list div.comment-block div.content div.stars img {
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
  font-size: 0;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane div.comments-list div.comment-block div.content div.text {
  font-family: "StyreneAWeb Italic";
  font-size: 12px;
  line-height: 20px;
  color: #fff;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-chat-area div.global-chat-box div.chat-area {
  max-height: 622px;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-button {
  text-align: right;
  margin-top: 30px;
} 
.p_number_profile,.selected-dial-code{
  background:none !important;
  color:white !important
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-button .button {
  display: inline-block;
  vertical-align: middle;
  border: 0;
  height: 43px;
  background-color: #564FFF;
  border-radius: 8px;
  padding: 0px 30px;
  line-height: 43px;
  font-family: "StyreneAWeb Medium";
  font-size: 15px;
  color: #fff;
  transition-duration: 0.5s;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-button .button:hover {
  background-color: #605ae7;
}
main#main.order div.order-area div.order-blocks div.order-block div.delivery-block div.form-group {
  max-width: 260px;
  margin: 0 auto;
  display: block;
}
main#main.order div.order-area div.order-blocks div.order-block div.delivery-block div.form-group div.form-item-select {
  height: 60px;
}
main#main.order div.order-area div.order-blocks div.order-block div.delivery-block div.form-group div.form-item-select .nice-select {
  width: 100%;
  height: 57px;
  background: #373F7B;
  border-radius: 8px;
  border: none;
  line-height: 57px;
  padding-left: 20px;
}
main#main.order div.order-area div.order-blocks div.order-block div.delivery-block div.form-group div.form-item-select .nice-select:after {
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  height: 7.5px;
  margin-top: -6px;
  right: 25px;
  top: 50%;
  width: 7.5px;
}
main#main.order div.order-area div.order-blocks div.order-block div.delivery-block div.form-group div.form-item-select .nice-select span.current {
  font-family: "StyreneAWeb Regular";
  font-size: 16px;
  line-height: 16px;
  color: #fff;
}
main#main.order div.order-area div.order-blocks div.order-block div.delivery-block div.form-group div.form-item-select .nice-select span.current img {
  position: absolute;
  top: 12.5px;
  right: 50px;
}
main#main.order div.order-area div.order-blocks div.order-block div.delivery-block div.form-group div.form-item-select ul {
  display: block;
  width: 100%;
  background-color: #1E234B;
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  color: #fff;
}
main#main.order div.order-area div.order-blocks div.order-block div.delivery-block div.form-group div.form-item-select ul li {
  padding: 4px 12px;
}
main#main.order div.order-area div.order-blocks div.order-block div.delivery-block div.form-group div.form-item-select ul li:first-child {
  display: none;
}
main#main.order div.order-area div.order-blocks div.order-block div.delivery-block div.form-group div.form-item-select ul li img {
  float: right;
  max-width: 40px;
  height: auto;
  position: relative;
  top: 10px;
}
main#main.order div.order-area div.order-blocks div.order-block div.delivery-block div.form-group div.form-item-select ul .option.focus, main#main.order div.order-area div.order-blocks div.order-block div.delivery-block div.form-group div.form-item-select ul .option.selected.focus, main#main.order div.order-area div.order-blocks div.order-block div.delivery-block div.form-group div.form-item-select ul .option:hover {
  background-color: #564FFF !important;
}
main#main.order div.order-area div.order-blocks div.order-block div.delivery-block div.form-group div.form-item-text input {
  width: 100%;
  height: 45px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: transparent;
  padding: 0px 15px;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  color: #fff;
}
main#main.order div.order-area div.order-blocks div.order-block div.delivery-block div.form-group div.form-item-text input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
main#main.order div.order-area div.order-blocks div.order-block div.delivery-block a.delivery-button {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 43px;
  line-height: 43px;
  background-color: #564FFF;
  border-radius: 8px;
  padding: 0px 30px;
  font-family: "StyreneAWeb Medium";
  font-size: 15px;
  color: #fff;
  transition-duration: 0.5s;
}
main#main.order div.order-area div.order-blocks div.order-block div.delivery-block a.delivery-button:hover {
  background-color: #605ae7;
}
main#main.order div.order-area div.order-blocks div.order-block div.delivery-block div.block-title {
  text-align: center;
  margin-bottom: 30px;
  font-family: "StyreneAWeb Black";
  font-size: 24px;
  line-height: 34px;
  color: #fff;
}
main#main.order div.order-area div.order-blocks div.order-block div.delivery-block div.delivery-buttons {
  max-width: 540px;
  margin: 0 auto;
  margin-bottom: 25px;
}
main#main.order div.order-area div.order-blocks div.order-block div.delivery-block div.delivery-buttons input {
  height: 57px !important;
}
main#main.order div.order-area div.order-blocks div.order-block div.delivery-block div.general-sample {
  margin-bottom: 15px;
}
main#main.order div.order-area div.order-blocks div.order-block div.delivery-block div.general-sample div.icon {
  opacity: 1;
}
main#main.order div.order-area div.order-blocks div.order-block div.delivery-block div.general-sample div.icon img {
  filter: unset;
}
main#main.order div.order-area div.order-blocks div.order-block div.delivery-block div.general-sample div.title {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.4);
}
main#main.order div.order-area div.order-blocks div.order-block div.delivery-block div.general-sample div.desc {
  font-size: 12px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.4);
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block {
  font-size: 0;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side {
  width: 223px;
  display: inline-block;
  vertical-align: top;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side div.payment-options {
  background-color: #1E234B;
  border-radius: 15px;
  padding: 15px 0px;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side div.payment-options button {
  border-radius: 0px;
  font-size: 0;
  text-align: left;
  padding: 12.5px 25px 12.5px 28px;
  cursor: pointer;
  transition-duration: 0.5s;
  position: relative;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side div.payment-options button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 0;
  background-color: transparent;
  transition-duration: 0.3s;
  content: "";
  background-color: #564FFF;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side div.payment-options button.active {
  background-color: #373F7B;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side div.payment-options button.active:before {
  height: 100%;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side div.payment-options button span.icon {
  width: 23px;
  display: inline-block;
  vertical-align: middle;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side div.payment-options button span.icon img {
  max-width: 100%;
  height: auto;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side div.payment-options button span.name {
  width: calc(100% - 23px);
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  padding-left: 10px;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side a.custom-button,
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side label.custom-button {
  display: block;
  margin-top: 15px;
  background: #1E234B;
  border-radius: 15px;
  padding: 15px 25px;
  cursor:pointer;
  font-size: 0;
  transition-duration: 0.5s;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side label.custom-button input {
  display:none;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side a.custom-button.show {
  display: block !important;
  opacity: 1 !important;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side a.custom-button.pay-balance {
  display: none;
  opacity: 0;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side a.custom-button:hover,
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side label.custom-button:hover {
  background-color: #373F7B;
}
.balance-ile-ode.active,.pay-balance.active {
  background-color: #373F7B !important;
}
.balance-ile-ode.active,.pay-balance.active {
  position:Relative !important;
}
.balance-ile-ode.active::after {
  content:"";
  right:10px;
  position:absolute;
  top:50%;
  transform:TranslateY(-50%);
  background:url("../../images/icons/check.svg") no-repeat center center;
  width:16px;
  height:16px;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side a.custom-button span.icon,
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side label.custom-button span.icon {
  width: 23px;
  display: inline-block;
  vertical-align: middle;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side a.custom-button span.icon img,
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side label.custom-button span.icon img {
  max-width: 100%;
  height: auto;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side a.custom-button span.name,
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side label.custom-button span.name {
  width: calc(100% - 23px);
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  padding-left: 10px;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side a.custom-button span.name span,
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side label.custom-button span.name span  {
  color: #D9D9D9;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-area {
  width: calc(100% - 550px);
  display: inline-block;
  vertical-align: top;
  padding: 0px 30px;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-area div.tab-content div.tab-pane div.area-head {
  background: #252C5A;
  border-radius: 14px 14px 0px 0px;
  padding: 20px;
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-area div.tab-content div.tab-pane div.area-options {
  padding: 25px 20px 0px 20px;
  background-color: #1E234B;
  border-radius: 0px 0px 14px 14px;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-area div.tab-content div.tab-pane div.area-options p {
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  color: #fff;
  padding-bottom: 25px;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-area div.tab-content div.tab-pane div.area-options label.payment {
  margin-bottom: 20px;
  cursor: pointer;
  width: 100%;
  text-align: center;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-area div.tab-content div.tab-pane div.area-options label.payment input {
  display: none;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-area div.tab-content div.tab-pane div.area-options label.payment input:checked ~ div.payment {
  border-color: #564FFF;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-area div.tab-content div.tab-pane div.area-options label.payment div.payment {
  border: 1px solid rgba(86, 79, 255, 0.2);
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border-radius: 4px;
  padding: 0px 15px;
  position: relative;
  height: 70px;
  line-height: 70px;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-area div.tab-content div.tab-pane div.area-options label.payment div.payment img {
  max-width: 80px;
  height: auto;
  max-height: 40px;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-area div.tab-content div.tab-pane div.area-options label.payment div.payment div.fee {
  position: absolute;
  top: 5px;
  right: 10px;
  font-family: "StyreneAWeb Medium";
  font-size: 10px;
  line-height: 10px;
  color: #76829E;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-area div.tab-content div.tab-pane div.area-options hr {
  margin-top: 0 !important;
  margin-bottom: 20px;
  background-color: rgba(146, 146, 146, 0.2);
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-result {
  width: 327px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-result div.code-area {
  width: 100%;
  padding: 30px;
  background: #1E234B;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 30px;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-result div.code-area div.referral div.title {
  font-family: "StyreneAWeb Bold";
  font-size: 14px;
  line-height: 14px;
  color: #76829E;
  display: block;
  margin-bottom: 15px;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-result div.code-area div.referral div.copy-code {
  display: inline-block;
  vertical-align: middle;
  height: 38px;
  line-height: 38px;
  padding: 0px 30px;
  background-color: #2f315a;
  border-radius: 7px;
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-result div.code-area div.enter-area {
  margin-top: 35px;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-result div.code-area div.enter-area div.title {
  font-family: "StyreneAWeb Bold";
  font-size: 12px;
  line-height: 12px;
  color: #76829E;
  margin-bottom: 10px;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-result div.code-area div.enter-area input {
  border: 1px solid rgba(86, 79, 255, 0.4);
  height: 43px;
  width: 100%;
  border-radius: 8px;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  max-width: 250px;
  margin: 0 auto;
  padding: 0px 15px;
  font-size: 14px;
  font-family: "StyreneAWeb Regular";
  color: #fff;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-result div.code-area div.enter-area input::placeholder {
  opacity: 1;
  color: #fff;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-result div.code-area a.question-tip {
  position: absolute;
  top: 20px;
  right: 15px;
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  border-radius: 20px;
  font-family: "StyreneAWeb Regular";
  font-size: 12px;
  line-height: 16px;
  color: #fff;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-result div.code-area a.question-tip:hover div.content {
  display: block;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-result div.code-area a.question-tip div.content {
  position: absolute;
  top: 35px;
  right: 0;
  background: #1E234B;
  border: 1px solid #373F7B;
  border-radius: 0px 0px 17px 0px;
  width: 220px;
  padding: 9px 20px;
  display: none;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-result div.billing-area div.area-title {
  background: #252C5A;
  border-radius: 10px 10px 0px 0px;
  padding: 10px;
  font-family: "StyreneAWeb Medium";
  font-size: 17px;
  color: #fff;
  text-align: center;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-result div.billing-area div.area-table {
  padding: 25px 20px;
  background-color: #1E234B;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-result div.billing-area div.area-table div.block {
  font-size: 0;
  margin-bottom: 30px;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-result div.billing-area div.area-table div.block:last-child {
  margin-bottom: 0;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-result div.billing-area div.area-table div.block div.title {
  width: 75%;
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Medium";
  font-size: 15px;
  line-height: 15px;
  color: #fff;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-result div.billing-area div.area-table div.block div.value {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  font-family: "StyreneAWeb Medium";
  font-size: 15px;
  line-height: 15px;
  color: #fff;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-result div.billing-area div.area-price {
  background-color: #564FFF;
  padding: 12.5px 0px;
  font-family: "StyreneAWeb Medium";
  font-size: 17px;
  line-height: 17px;
  color: #fff;
  text-align: center;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-result div.billing-area div.area-last {
  padding: 25px 20px;
  background-color: #1E234B;
  border-radius: 0px 0px 10px 10px;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-result div.billing-area div.area-last a.button {
  height: 43px;
  line-height: 43px;
  padding: 0px 20px;
  font-family: "StyreneAWeb Medium";
  font-size: 17px;
  line-height: 17px;
  color: #fff;
  display: block;
  text-align: center;
  background-color: #564FFF;
  border-radius: 8px;
  line-height: 43px;
  margin-top: 15px;
  transition-duration: 0.5s;
}
main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-result div.billing-area div.area-last a.button:hover {
  background-color: #605ae7;
}
main#main.order div.order-area div.order-blocks div.order-block div.hide-for-order {
  text-align: center;
}
main#main.order div.order-area div.order-blocks div.order-block div.hide-for-order.active div.to-bottom {
  display: block;
}
main#main.order div.order-area div.order-blocks div.order-block div.hide-for-order div.to-top {
  margin-bottom: 40px;
}
main#main.order div.order-area div.order-blocks div.order-block div.hide-for-order div.to-top div.title {
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 25px;
}
main#main.order div.order-area div.order-blocks div.order-block div.hide-for-order div.to-top div.buttons {
  text-align: center;
}
main#main.order div.order-area div.order-blocks div.order-block div.hide-for-order div.to-top div.buttons div.button {
  height: 54px;
  border-radius: 8px;
  padding: 0px 35px;
  line-height: 54px;
  background-color: #373F7B;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  cursor: pointer;
}
main#main.order div.order-area div.order-blocks div.order-block div.hide-for-order div.to-top div.buttons div.button.active {
  background-color: #564FFF;
}
main#main.order div.order-area div.order-blocks div.order-block div.hide-for-order div.to-top div.buttons div.button.active div.icon {
  transform: rotate(-180deg);
}
main#main.order div.order-area div.order-blocks div.order-block div.hide-for-order div.to-top div.buttons div.button div.name {
  display: inline-block;
  vertical-align: middle;
  font-family: "StyreneAWeb Regular";
  font-size: 16px;
  color: #fff;
}
main#main.order div.order-area div.order-blocks div.order-block div.hide-for-order div.to-top div.buttons div.button div.icon {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  margin-left: 10px;
  transition-duration: 0.5s;
}
main#main.order div.order-area div.order-blocks div.order-block div.hide-for-order div.to-top div.buttons div.button div.icon img {
  max-width: 100%;
  height: auto;
}
main#main.order div.order-area div.order-blocks div.order-block div.hide-for-order div.to-bottom {
  display: none;
}

/* Page */
main#main.page {
  position: relative;
}
main#main.page:before {
  position: fixed;
  content: "";
  top: 0;
  left: -15px;
  width: calc(100% + 30px);
  height: 100%;
  max-height: 1225px;
  background-image: url("../../images/alt-bg.png");
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: cover;
}
main#main.page .page-title {
  font-family: "StyreneAWeb Black";
  font-size: 56px;
  line-height: 56px;
  font-style: italic;
  color: #fff;
  text-align: center;
  margin: 100px 0px;
}
main#main.page div.page-area {
  margin-bottom: 170px;
  background-color: #0D0E40;
  border-radius: 30px;
  padding: 45px 40px;
  font-size: 0;
  font-family: "StyreneAWeb Regular";
  font-size: 13px;
  line-height: 23px;
  color: #fff;
}
main#main.page div.page-area h1, main#main.page div.page-area h2, main#main.page div.page-area h3, main#main.page div.page-area h4, main#main.page div.page-area h5, main#main.page div.page-area h6 {
  margin-bottom: 15px;
  font-family: "StyreneAWeb Bold";
}
main#main.page div.page-area .text-gray {
  color: rgba(255, 255, 255, 0.5);
}
main#main.page div.page-area div.contact-area {
  margin-top: 30px;
}
main#main.page div.page-area div.contact-area .big-space {
  margin: 0px -32.5px;
}
main#main.page div.page-area div.contact-area .lower-space {
  padding: 0px 32.5px;
}
main#main.page div.page-area form.contact-form {
  background: #1E234B;
  border-radius: 10px;
  padding: 40px;
  margin-bottom: 30px;
}
main#main.page div.page-area form.contact-form div.title {
  padding: 0;
}
main#main.page div.page-area div.contact-infos {
  position: relative;
  z-index: 2;
}
main#main.page div.page-area div.contact-infos div.info-area {
  background: #1E234B;
  border-radius: 10px;
  padding: 30px;
}
main#main.page div.page-area div.contact-infos div.info-area div.info-title {
  font-family: "StyreneAWeb Black";
  font-size: 24px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 35px;
}
main#main.page div.page-area div.contact-infos div.info-area div.info-blocks div.block {
  font-size: 0;
  margin-bottom: 15px;
}
main#main.page div.page-area div.contact-infos div.info-area div.info-blocks div.block div.icon {
  width: 22px;
  display: inline-block;
  vertical-align: middle;
}
main#main.page div.page-area div.contact-infos div.info-area div.info-blocks div.block div.icon img {
  max-width: 100%;
  height: auto;
}
main#main.page div.page-area div.contact-infos div.info-area div.info-blocks div.block div.value {
  width: calc(100% - 22px);
  padding-left: 12.5px;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}
main#main.page div.page-area div.contact-infos div.info-area div.info-blocks div.block div.value span {
  color: #5F6278;
}
main#main.page div.page-area div.contact-infos div.info-area div.info-blocks div.block.address {
  margin-top: 25px;
  margin-bottom: 15px;
}
main#main.page div.page-area div.contact-infos div.info-area div.info-blocks div.block.address div.value {
  color: #5F6278;
  line-height: 24px;
}
main#main.page div.page-area div.contact-infos div.info-area div.info-blocks div.block.address div.value span {
  font-size: 13px;
  font-family: "StyreneAWeb Medium";
  color: #fff;
}
main#main.page div.page-area div.contact-infos:before {
  position: absolute;
  content: "";
  top: 15px;
  left: -15px;
  width: 100%;
  max-width: 380px;
  height: 100%;
  background-color: #564FFF;
  border-radius: 10px;
  z-index: -1;
}

main#main.about-us {
  background-color: #090A33;
}
main#main.about-us:before {
  display: none;
}
main#main.about-us div.page-header {
  padding: 100px 0px;
  background-image: url("../../images/about-top.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  text-align: center;
  color: #fff;
}
main#main.about-us div.page-header .page-title {
  font-family: "StyreneAWeb Black";
  font-style: italic;
  font-size: 56px;
  margin-bottom: 30px;
}
main#main.about-us div.page-header div.page-desc {
  max-width: 1012px;
  margin: 0 auto;
  display: block;
  font-family: "StyreneAWeb Regular";
  font-size: 18px;
  line-height: 23px;
}
main#main.about-us div.about-blocks {
  padding: 140px 0px 15px;
  background-image: url("../../images/about-blocks-bg.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  text-align: center;
}
main#main.about-us div.about-blocks div.blocks-area {
  max-width: 1012px;
  margin: 0 auto;
}
main#main.about-us div.about-blocks div.blocks-area .row {
  margin: 0px -50px;
}
main#main.about-us div.about-blocks div.blocks-area div.area-block {
  margin-bottom: 125px;
  padding: 0px 50px;
}
main#main.about-us div.about-blocks div.blocks-area div.area-block div.area-item {
  height: 100%;
  background: rgba(44, 39, 146, 0.25);
  border: 3px solid #5850FD;
  backdrop-filter: blur(5px);
  border-radius: 20px;
  padding-bottom: 70px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: relative;
}
main#main.about-us div.about-blocks div.blocks-area div.area-block div.area-item:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: calc(50% - 38px);
  width: 76px;
  height: 5px;
  background-color: #5850FD;
  border-radius: 5px 5px 0px 0px;
  transition-duration: 0.5s;
}
main#main.about-us div.about-blocks div.blocks-area div.area-block div.area-item div.items {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  text-align: center;
  margin-top: -52px;
}
main#main.about-us div.about-blocks div.blocks-area div.area-block div.area-item div.items div.icon {
  width: 150px;
  margin-bottom: 35px;
  display: inline-block;
}
main#main.about-us div.about-blocks div.blocks-area div.area-block div.area-item div.items div.icon img {
  max-width: 100%;
  height: auto;
}
main#main.about-us div.about-blocks div.blocks-area div.area-block div.area-item div.items div.title {
  display: block;
  font-family: "StyreneAWeb Black";
  font-size: 21px;
  line-height: 25px;
  color: #fff;
  margin-bottom: 15px;
}
main#main.about-us div.about-blocks div.blocks-area div.area-block div.area-item div.items div.desc {
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 22px;
  color: #fff;
}
main#main.about-us div.about-stats {
  text-align: center;
  padding: 100px 0px;
  background-image: url("../../images/stat-bg.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
main#main.about-us div.about-stats div.section-title {
  font-family: "StyreneAWeb Bold";
  font-size: 26px;
  text-align: center;
  color: #fff;
  margin-bottom: 60px;
}
main#main.about-us div.about-stats div.section-listing div.listing-block div.listing-item {
  text-align: center;
}
main#main.about-us div.about-stats div.section-listing div.listing-block div.listing-item div.items div.item-icon {
  width: 120px;
  display: block;
  margin: 0 auto;
  margin-bottom: 15px;
  height: 100px;
  line-height: 100px;
}
main#main.about-us div.about-stats div.section-listing div.listing-block div.listing-item div.items div.item-icon img {
  max-width: 100%;
  height: auto;
  max-height: 100px;
}
main#main.about-us div.about-stats div.section-listing div.listing-block div.listing-item div.items div.item-count {
  font-family: "StyreneAWeb Bold";
  font-size: 55px;
  color: #3F3CC6;
  margin-bottom: 15px;
}
main#main.about-us div.about-stats div.section-listing div.listing-block div.listing-item div.items div.item-count span.w {
  font-family: Arial;
  font-weight: bold;
}
main#main.about-us div.about-stats div.section-listing div.listing-block div.listing-item div.items div.item-title {
  font-family: "StyreneAWeb Regular";
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  text-transform: uppercase;
}
main#main.about-us div.about-timeline {
  padding: 170px 0px;
  background-image: url("../../images/timeline-bg.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
main#main.about-us div.about-timeline div.timeline-area {
  position: relative;
}
main#main.about-us div.about-timeline div.timeline-area:before {
  position: absolute;
  content: "";
  top: 225px;
  left: calc(50% - 2px);
  width: 4px;
  height: calc(100% - 450px);
  background-color: #5850FD;
}
main#main.about-us div.about-timeline div.timeline-area div.timeline-block {
  text-align: left;
  margin-bottom: 30px;
}
main#main.about-us div.about-timeline div.timeline-area div.timeline-block:last-child {
  margin-bottom: 0;
}
main#main.about-us div.about-timeline div.timeline-area div.timeline-block.t-right {
  text-align: right;
}
main#main.about-us div.about-timeline div.timeline-area div.timeline-block.t-right div.timeline-box:after {
  right: unset;
  left: -200px;
}
main#main.about-us div.about-timeline div.timeline-area div.timeline-block.t-right div.timeline-box:before {
  right: unset;
  left: -187px;
}
main#main.about-us div.about-timeline div.timeline-area div.timeline-block div.timeline-box {
  width: 575px;
  display: inline-flex;
  vertical-align: middle;
  background: rgba(44, 39, 146, 0.25);
  border: 3px solid #5850FD;
  border-radius: 20px;
  min-height: 350px;
  justify-content: center;
  padding: 0px 40px;
  text-align: center;
  position: relative;
}
main#main.about-us div.about-timeline div.timeline-area div.timeline-block div.timeline-box:after {
  position: absolute;
  content: "";
  bottom: 100px;
  right: -200px;
  width: 148px;
  height: 148px;
  background-color: #172247;
  border-radius: 148px;
}
main#main.about-us div.about-timeline div.timeline-area div.timeline-block div.timeline-box:before {
  position: absolute;
  content: attr(data-year);
  bottom: 115px;
  right: -187px;
  width: 120px;
  height: 120px;
  line-height: 114px;
  font-family: "StyreneAWeb Black";
  font-size: 21px;
  color: #fff;
  border-radius: 120px;
  background-color: #121448;
  border: 3px solid #5850FD;
  z-index: 1;
}
main#main.about-us div.about-timeline div.timeline-area div.timeline-block div.timeline-box div.item-icon {
  width: 150px;
  margin: 0 auto;
  margin-top: -50px;
  margin-bottom: 30px;
}
main#main.about-us div.about-timeline div.timeline-area div.timeline-block div.timeline-box div.item-icon img {
  max-width: 100%;
  height: auto;
}
main#main.about-us div.about-timeline div.timeline-area div.timeline-block div.timeline-box div.item-title {
  font-family: "StyreneAWeb Black";
  font-size: 21px;
  line-height: 22px;
  color: #fff;
  margin-bottom: 20px;
}
main#main.about-us div.about-timeline div.timeline-area div.timeline-block div.timeline-box div.item-desc {
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 18px;
  color: #fff;
}
main#main.about-us div.about-welcome {
  margin-top: 120px;
  margin-bottom: 100px;
  padding: 80px 140px;
  background-image: url("../../images/welcome-bg.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 30px;
  font-size: 0;
  font-size: 0;
}
main#main.about-us div.about-welcome div.welcome-content {
  width: calc(100% - 400px);
  display: inline-block;
}
main#main.about-us div.about-welcome div.welcome-content div.title {
  font-family: "StyreneAWeb Black";
  font-size: 48px;
  line-height: 58.8px;
  color: #fff;
  margin-bottom: 40px;
}
main#main.about-us div.about-welcome div.welcome-content div.buttons a.button {
  display: inline-block;
  vertical-align: middle;
  height: 55px;
  line-height: 55px;
  border-radius: 14px;
  padding: 0px 30px;
  font-family: "StyreneAWeb Regular";
  font-size: 17px;
  color: #fff;
  margin-right: 30px;
  transition-duration: 0.5s;
}
main#main.about-us div.about-welcome div.welcome-content div.buttons a.button:last-child {
  margin-right: 0;
}
main#main.about-us div.about-welcome div.welcome-content div.buttons a.button.purple {
  background-color: #564FFF;
}
main#main.about-us div.about-welcome div.welcome-content div.buttons a.button.purple:hover {
  background-color: #605ae7;
}
main#main.about-us div.about-welcome div.welcome-content div.buttons a.button.gray {
  background-color: #484D76;
}
main#main.about-us div.about-welcome div.welcome-content div.buttons a.button.gray:hover {
  background-color: #121634;
}
main#main.about-us div.about-welcome figure.welcome-image {
  margin-bottom: 0;
  width: 400px;
  display: inline-block;
}
main#main.about-us div.about-welcome figure.welcome-image img {
  position: absolute;
  width: 400px;
  top: 55px;
}
main#main.about-us div.about-content {
  font-family: "StyreneAWeb Regular";
  font-size: 16px;
  line-height: 19.6px;
  color: #484D76;
  margin-bottom: 120px;
}
main#main.about-us div.about-content div.title {
  font-family: "StyreneAWeb Black";
  font-size: 32px;
  line-height: 39.2px;
  color: #fff;
  margin-bottom: 40px;
}
main#main.about-us div.about-content p {
  margin-bottom: 20px;
}
main#main.about-us div.about-content p:last-child {
  margin-bottom: 0;
}

/* Vendors */
/* Responsive */
/* Min Width 1600px */
@media (min-width: 1600px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1430px;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-list div.list-block {
    flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (max-width: 1599px) {
  main#main.home div.review-area {
    margin-bottom: 100px;
  }
  main#main.home div.start-area {
    background-position: 100% 50%;
  }
  main#main.home div.start-area:before {
    display: none;
  }
  main#main.home div.faq-area div.faq-content ul li {
    width: 50%;
  }
  main#main.home div.faq-area div.faq-content ul li button {
    width: 100%;
    padding: 0 !important;
  }
  main#main.home div.payment-methods {
    margin-bottom: 75px;
  }
  main#main.home div.payment-methods div.section-listing div.listing-block {
    margin: 0px 30px 30px;
  }
  main#main div.alt-page div.alt-area .alt-100 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  main#main div.alt-page div.alt-area div.area-desc div.qr-area div.qr-content {
    display: block;
    width: 100%;
    padding-left: 0;
    margin-top: 15px;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items {
    padding-left: 40px;
    padding-right: 40px;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-stats div.stat-block {
    flex: 0 0 50%;
    max-width: 50%;
  }
  main#main.coins {
    padding-top: 150px;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.no-items div.item-image img {
    max-height: 200px;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area {
    display: block;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content {
    width: 100%;
    padding-right: 0;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane {
    margin-bottom: 30px;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-chat-area {
    width: 100%;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side {
    width: 100%;
    margin-bottom: 30px;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-area {
    padding-left: 0;
    width: calc(100% - 327px);
  }
  main#main.about-us div.about-timeline div.timeline-area div.timeline-block.t-right div.timeline-box:after {
    right: unset;
    left: -185px;
  }
  main#main.about-us div.about-timeline div.timeline-area div.timeline-block.t-right div.timeline-box:before {
    right: unset;
    left: -170px;
  }
  main#main.about-us div.about-timeline div.timeline-area div.timeline-block div.timeline-box {
    width: 450px;
  }
  main#main.about-us div.about-timeline div.timeline-area div.timeline-block div.timeline-box:after {
    right: -185px;
  }
  main#main.about-us div.about-timeline div.timeline-area div.timeline-block div.timeline-box:before {
    right: -170px;
  }
  main#main.about-us div.about-welcome {
    padding: 60px 80px;
  }
  main#main.about-us div.about-welcome div.welcome-content div.buttons a.button {
    font-size: 14px;
  }
}
/* Max Width: 1199px */
@media (max-width: 1199px) {
  body {
    padding-bottom: 60px;
  }
  body.menu-active header#header div.middle-header div.mobile-menu {
    left: 0;
  }
  body.menu-active header#header div.middle-header div.middle-header-container div.responsive-menu a.open-menu {
    position: relative;
  }
  body.menu-active header#header div.middle-header div.middle-header-container div.responsive-menu a.open-menu img {
    display: none;
  }
  body.menu-active header#header div.middle-header div.middle-header-container div.responsive-menu a.open-menu:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../../images/icons/close.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 15px;
  }
  body.search-active div#sticky-bar div.search-area {
    bottom: 90px;
  }
  body.notifications-active div#sticky-bar div.notifications-area {
    bottom: 90px;
  }
  div#sticky-bar {
    height: 65px;
    background-color: #564FFF;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    text-align: center;
    font-size: 0;
    border-radius: 6px 6px 0px 0px;
  }
  div#sticky-bar div.search-area {
    position: fixed;
    bottom: -100%;
    padding: 15px;
    width: 90%;
    left: 5%;
    text-align: center;
    transition-duration: 0.5s;
    z-index: 9;
  }
  div#sticky-bar div.search-area .search-box {
    background: #1E234B;
    border-radius: 6px;
    padding: 12px;
    display: block;
  }
  div#sticky-bar div.search-area .search-form {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    width: 100%;
    background-color: #0F122E;
    border-radius: 6px;
  }
  div#sticky-bar div.search-area .search-form input {
    width: calc(100% - 50px);
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    border: none;
    padding: 0px 15px;
    background-color: transparent;
    font-family: "StyreneAWeb Regular";
    font-size: 16px;
    line-height: 16px;
    color: #fff;
  }
  div#sticky-bar div.search-area form.search-form input::placeholder {
    opacity: 0.5;
    color: #fff;
  }
  div#sticky-bar div.search-area form.search-form button {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    background-color: #564FFF;
    text-align: center;
    line-height: 50px;
    border: none;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    position: relative;
  }
  div#sticky-bar div.notifications-area {
    position: fixed;
    bottom: -100%;
    padding: 15px 10px 0 0px;
    width: 300px;
    left: calc(50% - 150px);
    text-align: center;
    transition-duration: 0.5s;
    z-index: 9;
    background-color: #1E234B;
    border-radius: 0px 0px 17px 0px;
  }
  div#sticky-bar div.notifications-area div.list {
    max-height: 300px;
    overflow-y: auto;
    padding-right: 10px;
  }
  div#sticky-bar div.notifications-area div.list div.item {
    background-color: #121634;
    border-left: 4px solid #373F7B;
    font-size: 0;
    text-align: left;
    padding: 12.5px 0px;
    margin-bottom: 10px;
  }
  div#sticky-bar div.notifications-area div.list div.item:last-child {
    margin-bottom: 0;
  }
  div#sticky-bar div.notifications-area div.list div.item div.item-icon {
    width: 65px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
  }
  div#sticky-bar div.notifications-area div.list div.item div.item-details {
    width: calc(100% - 65px);
    display: inline-block;
    vertical-align: middle;
    padding-right: 15px;
  }
  div#sticky-bar div.notifications-area div.list div.item div.item-details div.title {
    font-family: "StyreneAWeb Medium";
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin-bottom: 7.5px;
  }
  div#sticky-bar div.notifications-area div.list div.item div.item-details div.time {
    font-family: "StyreneAWeb Medium";
    font-size: 10px;
    line-height: 10px;
    color: rgba(255, 255, 255, 0.5);
  }
  div#sticky-bar div.notifications-area div::-webkit-scrollbar {
    width: 20px;
  }
  div#sticky-bar div.notifications-area div::-webkit-scrollbar-track {
    box-shadow: inset 0 0 24px 24px transparent;
    border: solid 8px transparent;
    background-image: url("../../images/scroll-bg.png");
    background-repeat: repeat-y;
    background-size: contain;
    background-position: bottom;
  }
  div#sticky-bar div.notifications-area div::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 24px 24px #564FFF;
    border: solid 8px transparent;
    border-radius: 24px;
  }
  div#sticky-bar div.notifications-area div::-webkit-scrollbar-button {
    display: none;
  }
  div#sticky-bar div.notifications-area div.n-buttons {
    text-align: center;
    padding: 12px;
  }
  div#sticky-bar div.notifications-area div.n-buttons a.n-button {
    display: block;
    background-color: #564FFF;
    border-radius: 6px;
    text-align: center;
    padding: 8.5px;
    font-family: "StyreneAWeb Medium";
    font-size: 14px;
    color: #fff;
    transition-duration: 0.5s;
  }
  div#sticky-bar div.notifications-area div.n-buttons a.n-button:hover {
    background-color: #605ae7;
  }
  div#sticky-bar a.button {
    display: inline-block;
    text-align: center;
    height: 65px;
    line-height: 65px;
    margin: 0px 4px;
  }
  div#sticky-bar a.button.active span.area {
    background-color: #1E234B;
  }
  div#sticky-bar a.button:first-child {
    margin-left: 0;
  }
  div#sticky-bar a.button:last-child {
    margin-right: 0;
  }
  div#sticky-bar a.button img {
    max-width: 20px;
    max-height: 20px;
    height: auto;
  }
  div#sticky-bar a.button span.area {
    background-color: #4B46DB;
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    text-align: center;
    line-height: 50px;
  }
  div#sticky-bar a.button.new {
    position: relative;
  }
  div#sticky-bar a.button.new:after {
    position: absolute;
    content: "";
    bottom: -280px;
    left: calc(50% - 150px);
    width: 300px;
    height: 300px;
    background-color: #564FFF;
    z-index: -1;
    transform: rotate(45deg);
  }
  div#sticky-bar a.button.new img {
    max-width: 30px;
    max-height: 30px;
    position: relative;
  }
  div#sticky-bar a.button.notifications {
    position: relative;
  }
  div#sticky-bar a.button.notifications.active span.count {
    background-color: #1E234B;
  }
  div#sticky-bar a.button.notifications img {
    position: relative;
  }
  div#sticky-bar a.button.notifications span.count {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-color: #4B46DB;
    border: 3px solid #564FFF;
    border-radius: 20px;
    text-align: center;
    line-height: 14px;
    font-size: 10px;
    color: #fff;
    font-family: "StyreneAWeb Medium";
    top: 5px;
    right: calc(50% - 30px);
    position: absolute;
  }
  header#header div.middle-header {
    padding: 20px 15px;
    height: unset;
    position: relative;
  }
  header#header div.middle-header div.mobile-menu {
    position: absolute;
    top: 0;
    left: -300px;
    width: 300px;
    background-color: #1E234B;
    padding:66px 10px 10px 10px;
    border-radius: 0px 0px 21px 0px;
    transition-duration: 0.5s;
  }
  header#header div.middle-header div.mobile-menu div.close-menu {
    padding: 10px 10px;
    z-index:3;
    opacity: 0.3;
    position:absolute;
    border-radius:5px;
    border:1px solid rgba(255,255,255,0.1);
    display:flex;
    align-items:center;
    justify-content:center;
    right:10px;
    top:10px;
  }
  header#header div.middle-header div.mobile-menu ul {
    padding: 0;
    list-style:none;
    margin: 0;
  }
  header#header div.middle-header div.mobile-menu ul li {
    display: block;
    font-size: 15px;
    color: #fff;
    font-family: "StyreneAWeb Bold";
  }
  header#header div.middle-header div.mobile-menu ul li:last-child {
    margin-bottom: 0;
  }
  header#header div.middle-header div.mobile-menu div.languages {
    padding: 0px 30px 12.5px 30px;
    font-size: 0;
  }
  header#header div.middle-header div.mobile-menu div.languages div.current {
    font-size: 0;
  }
  header#header div.middle-header div.mobile-menu div.languages div.current.active div.down {
    transform: rotate(-180deg);
  }
  header#header div.middle-header div.mobile-menu div.languages div.current div.flag {
    width: 23px;
    display: inline-block;
    vertical-align: middle;
  }
  header#header div.middle-header div.mobile-menu div.languages div.current div.flag img {
    max-width: 100%;
    height: auto;
  }
  header#header div.middle-header div.mobile-menu div.languages div.current div.name {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-family: "StyreneAWeb Medium";
    font-size: 15px;
    color: #fff;
    margin: 0px 15px;
  }
  header#header div.middle-header div.mobile-menu div.languages div.current div.down {
    display: inline-block;
    vertical-align: middle;
    transition-duration: 0.5s;
  }
  header#header div.middle-header div.mobile-menu div.languages div.current.active ~ div.list {
    display: block;
  }
  header#header div.middle-header div.mobile-menu div.languages div.list {
    display: none;
    padding-top: 15px;
  }
  header#header div.middle-header div.mobile-menu div.languages div.list a.language {
    display: block;
    border-top: 2px solid rgba(55, 63, 123, 0.45);
    padding: 10px 0px;
    transition-duration: 0.5s;
  }
  header#header div.middle-header div.mobile-menu div.languages div.list a.language:hover {
    background-color: rgb(55, 63, 123);
  }
  header#header div.middle-header div.mobile-menu div.languages div.list a.language:last-child {
    border-bottom: none;
  }
  header#header div.middle-header div.mobile-menu div.languages div.list a.language div.flag {
    width: 25px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
  }
  header#header div.middle-header div.mobile-menu div.languages div.list a.language div.flag img {
    max-width: 100%;
    height: auto;
    max-width: 25px;
  }
  header#header div.middle-header div.mobile-menu div.languages div.list a.language div.name {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 25px);
    font-family: "StyreneAWeb Bold";
    font-size: 13px;
    color: #fff;
    padding-left: 10px;
  }
  header#header div.middle-header div.middle-header-container div.responsive-menu {
    width: 33.3%;
    display: inline-block;
    vertical-align: middle;
  }
  header#header div.middle-header div.middle-header-container div.responsive-menu a.open-menu {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-color: #1E234B;
    border-radius: 4px;
    text-align: center;
    line-height: 40px;
  }
  header#header div.middle-header div.middle-header-container div.elements {
    width: 33.3%;
  }
  header#header div.middle-header div.middle-header-container div.elements div.balance {
    display: none;
  }
  header#header div.middle-header div.middle-header-container div.elements a.new-order {
    display: none;
  }
  header#header div.middle-header div.middle-header-container div.elements div.notifications {
    display: none;
  }
  header#header div.middle-header div.middle-header-container div.elements div.profile.active nav.menu {
    display: block;
  }
  header#header div.middle-header div.middle-header-container div.logo {
    width: 33.3%;
    text-align: center;
  }
  header#header div.middle-header div.middle-header-container div.logo span.responsive-logo {
    display: block;
  }
  header#header div.middle-header div.middle-header-container div.logo span.web-logo {
    display: none;
  }
  header#header div.middle-header div.middle-header-container div.languages {
    display: none;
  }
  header#header div.middle-header div.middle-header-container div.buttons {
    display: inline-block;
    vertical-align: middle;
    width: 33.3%;
    text-align: right;
  }
  header#header div.middle-header div.middle-header-container div.buttons a.button {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    padding: 0px 20px;
    border-radius: 6px;
    background-color: #1E234B;
    line-height: 40px;
    margin-left: 9px;
    transition-duration: 0.5s;
  }
  header#header div.middle-header div.middle-header-container div.buttons a.button:hover {
    background-color: #564FFF;
  }
  header#header div.middle-header div.middle-header-container div.buttons a.button:first-child {
    margin-left: 0;
  }
  header#header div.middle-header div.middle-header-container div.buttons a.button span.name {
    display: inline-block;
    vertical-align: middle;
    font-family: "StyreneAWeb Medium";
    font-size: 12px;
    color: #fff;
  }
  header#header div.middle-header div.middle-header-container div.buttons a.button span.icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width: 10px;
  }
  header#header div.middle-header div.middle-header-container div.buttons a.button span.icon img {
    max-width: 100%;
    height: auto;
  }
  main#main.home div.hero-placeholder div.hp-title {
    margin-top: 45px;
    font-size: 42px;
    line-height: 52px;
  }
  main#main.home div.hero-placeholder div.hp-desc {
    margin-bottom: 100px;
  }
  main#main.home div.hero-placeholder div.hp-buttons {
    margin-bottom: 50px;
  }
  main#main.home div.review-area {
    margin-bottom: 50px;
    padding-top: 100px;
  }
  main#main.home div.review-area div.review-listing:before {
    width: 200px;
  }
  main#main.home div.review-area div.review-listing:after {
    width: 200px;
  }
  main#main.home div.start-area {
    margin-bottom: 50px;
    background-size: 50%;
    background-position: 100% 0%;
  }
  main#main div.alt-page aside.alt-sidebar {
    width: 100%;
    margin-bottom: 30px;
  }
  main#main div.alt-page aside.alt-sidebar div.progress-menu {
    margin-top: 0;
  }
  main#main div.alt-page aside.alt-sidebar nav.side-menu {
    display: none;
  }
  main#main div.alt-page div.alt-area {
    width: 100%;
    padding-left: 0;
  }
  main#main.coins {
    padding: 75px 0px;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-head {
    display: none;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item {
    width: 33.3%;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.product {
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.product div.name {
    width: unset;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.no-items div.item-image img {
    max-height: 150px;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.no-items div.item-title {
    font-size: 16px;
    line-height: 24px;
  }
  main#main.about-us div.about-timeline div.timeline-area:before {
    display: none;
  }
  main#main.about-us div.about-timeline div.timeline-area div.timeline-block div.timeline-box {
    min-height: unset;
    padding-bottom: 65px;
  }
  main#main.about-us div.about-welcome div.welcome-content div.buttons a.button {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 10px;
  }
  main#main.about-us div.about-welcome div.welcome-content div.buttons a.button:first-child {
    margin-top: 0;
  }
  main#main.order {
    padding-bottom: 65px;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-area {
    width: 100%;
    padding-right: 0;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-result {
    width: 100%;
    margin-top: 30px;
  }
  form.general-form div.id-important div.important-content {
    display: inline-block;
    position: relative;
    top: unset;
    right: unset;
    margin-top: 15px;
    margin-bottom: 15px;
    max-width: 100%;
  }
}
/* Min Width: 1200px */
@media (min-width: 1200px) {
  div#sticky-bar {
    display: none;
  }
  header#header div.middle-header div.middle-header-container div.responsive-menu {
    display: none;
  }
  header#header div.middle-header div.middle-header-container div.logo span.mobile-logo {
    display: none;
  }
  header#header div.middle-header div.mobile-menu {
    display: none;
  }
  header#header div.middle-header div.middle-header-container div.elements div.profile:hover nav.menu {
    display: block;
  }
  header#header div.middle-header div.middle-header-container div.languages.active div.options {
    display: none !important;
  }
  header#header div.middle-header div.middle-header-container div.languages div.options {
    display: none !important;
  }
  header#header div.middle-header div.middle-header-container div.languages:hover div.options {
    display: block !important;
  }
  form.general-form div.id-important:hover div.important-content {
    display: block;
  }
  form.general-form div.id-important:hover div.important-content:before {
    position: absolute;
    content: "";
    top: -15px;
    left: 0;
    width: 100%;
    height: 15px;
  }
  main#main.home div.start-area div.area-title span {
    margin-left: -50px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side div.payment-options {
    flex-direction: unset !important;
    padding: 0;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side div.payment-options button {
    flex: 1 1 auto;
    border-left: none;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side div.payment-options button.active {
    border-left: none;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side div.payment-options button:first-child {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side div.payment-options button:last-child {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
  }
}
/* Max Width: 991px */
@media (max-width: 991px) {
  main#main.home div.hero-placeholder div.hp-title, main#main.home div.hero-placeholder div.hp-desc {
    text-align: center;
  }
  main#main.home div.hero-placeholder div.hp-stats div.stat-text div.title {
    font-size: 32px;
    line-height: 40px;
  }
  main#main.home div.hero-placeholder div.hp-stats div.stat-text div.buttons a.button {
    height: 50px;
    line-height: 50px;
    padding: 0px 20px;
    font-family: "StyreneAWeb Medium";
    font-size: 14px;
  }
  main#main.home div.review-area {
    margin: 0px -30px;
    margin-bottom: 50px;
  }
  main#main.home div.review-area .container {
    max-width: 100%;
  }
  main#main.home div.review-area div.review-listing:before, main#main.home div.review-area div.review-listing:after {
    display: none;
  }
  main#main.home div.review-area div.review-listing .marquee-item {
    margin: 0px 15px;
  }
  main#main.home div.start-area div.area-title {
    text-align: center;
    font-size: 42px;
    line-height: 45px;
  }
  main#main.home div.start-area div.area-listing {
    background-image: none;
  }
  main#main.home div.start-area div.area-listing div.listing-block {
    margin-bottom: 100px;
    position: relative;
  }
  main#main.home div.start-area div.area-listing div.listing-block:before {
    position: absolute;
    content: "";
    bottom: -85px;
    left: calc(50% + 1px);
    width: 2px;
    height: 70px;
    border: 2px dashed #fff;
  }
  main#main.home div.start-area div.area-listing div.listing-block:last-child {
    margin-bottom: 50px;
  }
  main#main.home div.start-area div.area-listing div.listing-block:last-child:before {
    display: none;
  }
  main#main.home div.faq-area {
    margin-bottom: 50px;
  }
  main#main.home div.faq-area div.faq-content div.faq-title {
    font-size: 42px;
    line-height: 45px;
    text-align: center;
    margin-bottom: 50px;
  }
  main#main.home div.faq-area div.faq-content div.tab-content div.tab-pane div.accordion div.card div.card-header button span.text {
    font-size: 14px;
  }
  main#main.home div.faq-area div.faq-content div.tab-content div.tab-pane div.accordion div.card div.card-header button span.icon {
    background-size: 14px;
  }
  main#main.home div.faq-area div.faq-content div.tab-content div.tab-pane div.accordion div.card div.card-body {
    font-size: 14px;
  }
  main#main.home div.payment-methods {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 25px;
  }
  main#main.home div.payment-methods div.section-title {
    background-color: transparent;
    padding: 0;
    margin-top: 0;
    padding-top: 30px;
  }
  main#main.home div.payment-methods div.section-listing div.listing-block img {
    max-height: 35px;
  }
  main#main .alt-title {
    font-size: 42px;
    line-height: 42px;
    margin: 50px 0px;
  }
  main#main div.alt-page {
    border-radius: 15px;
    margin-bottom: 50px;
  }
  main#main div.alt-page aside.alt-sidebar {
    display: none;
  }
  main#main div.alt-page div.alt-area div.area-deficent aside.area-sidebar {
    width: 100%;
  }
  main#main div.alt-page div.alt-area div.area-deficent div.area-complete {
    width: 100%;
    padding-left: 0;
  }
  main#main div.alt-page div.alt-area div.bank-form {
    max-width: 100%;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-header {
    display: none;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing {
    border: 0;
    padding: 0;
    background-color: transparent;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-up {
    padding-top: 0;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-up div.listing-item.number {
    order: 1;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 15px;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-up div.listing-item.status {
    order: 2;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 15px 0;
  }
  .listing-item-buyed {
    padding:15px !important;
  }
  .listing-item-buyed .buttons {
    display:block;
    margin-top:7px;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-up div.listing-item.server {
    order: 3;
    text-align: right !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 12.5px 15px;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-up div.listing-item.server:before {
    content: attr(data-before);
    float: left;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-up div.listing-item.date {
    order: 4;
    text-align: right !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 12.5px 15px;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-up div.listing-item.date:before {
    content: attr(data-before);
    float: left;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-up div.listing-item.price {
    order: 5;
    text-align: right !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 12.5px 15px;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-up div.listing-item.price:before {
    content: attr(data-before);
    float: left;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-down div.order-items div.order-title {
    margin-bottom: 20px;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-down div.order-items div.order-status {
    text-align: center;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-down div.order-items div.order-status div.title {
    width: 100%;
    text-align: center;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-down div.order-items div.order-status div.value {
    width: 100%;
    text-align: center;
    margin-top: 15px;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-down div.order-items div.order-buttons div.brand {
    width: 100%;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-down div.order-items div.order-buttons div.brand img {
    max-width: 200px;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-down div.order-items div.order-buttons div.buttons {
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-down div.order-items div.order-buttons div.buttons a.button {
    margin: 0;
    width: 100%;
    margin-top: 15px;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-down div.order-items div.order-buttons div.buttons a.button:first-child {
    margin-top: 0;
  }
  main#main div.alt-page div.alt-area div.progress-menu {
    display: block;
    margin-top: 30px;
  }
  main#main div.alt-page div.alt-area div.progress-menu div.menu-title {
    font-family: "StyreneAWeb Medium";
    font-size: 14px;
    color: #fff;
    margin-bottom: 15px;
  }
  main#main div.alt-page div.alt-area div.progress-menu div.menu-blocks div.menu-block {
    padding: 12.75px 17.5px;
    font-size: 0;
  }
  main#main div.alt-page div.alt-area div.progress-menu div.menu-blocks div.menu-block.red {
    background-color: rgba(226, 57, 87, 0.15);
  }
  main#main div.alt-page div.alt-area div.progress-menu div.menu-blocks div.menu-block.red div.icon img, main#main div.alt-page div.alt-area div.progress-menu div.menu-blocks div.menu-block.red div.down img {
    filter: invert(44%) sepia(69%) saturate(4834%) hue-rotate(327deg) brightness(90%) contrast(97%);
  }
  main#main div.alt-page div.alt-area div.progress-menu div.menu-blocks div.menu-block.red div.name {
    color: #E23957;
  }
  main#main div.alt-page div.alt-area div.progress-menu div.menu-blocks div.menu-block.green {
    background-color: rgba(57, 226, 157, 0.15);
  }
  main#main div.alt-page div.alt-area div.progress-menu div.menu-blocks div.menu-block.green div.icon img, main#main div.alt-page div.alt-area div.progress-menu div.menu-blocks div.menu-block.green div.down img {
    filter: invert(10%) sepia(150) saturate(4561%) hue-rotate(62deg) brightness(95%) contrast(85%);
  }
  main#main div.alt-page div.alt-area div.progress-menu div.menu-blocks div.menu-block.green div.name {
    color: #39E29D;
  }
  main#main div.alt-page div.alt-area div.progress-menu div.menu-blocks div.menu-block:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  main#main div.alt-page div.alt-area div.progress-menu div.menu-blocks div.menu-block:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  main#main div.alt-page div.alt-area div.progress-menu div.menu-blocks div.menu-block div.icon {
    width: 25px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
  }
  main#main div.alt-page div.alt-area div.progress-menu div.menu-blocks div.menu-block div.name {
    width: calc(100% - 45px);
    padding: 0px 10px;
    display: inline-block;
    vertical-align: middle;
    font-family: "StyreneAWeb Medium";
    font-size: 12px;
    line-height: 12px;
  }
  main#main div.alt-page div.alt-area div.progress-menu div.menu-blocks div.menu-block div.down {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
  }
  main#main.page .page-title {
    font-size: 42px;
    line-height: 42px;
    margin: 50px 0px;
  }
  main#main.page div.page-area {
    border-radius: 15px;
    margin-bottom: 50px;
  }
  main#main.page div.page-area h1, main#main.page div.page-area h2, main#main.page div.page-area h3, main#main.page div.page-area h4, main#main.page div.page-area h5, main#main.page div.page-area h6 {
    font-size: 180%;
  }
  main#main.coins div.coins-area div.area-content ul.nav {
    justify-content: center;
    font-size: 0;
    margin-bottom: 25px;
  }
  main#main.coins div.coins-area div.area-content ul.nav li {
    margin: 0px;
    flex: 1 1 0px;
    width: 100%;
  }
  main#main.coins div.coins-area div.area-content ul.nav li:first-child button {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  main#main.coins div.coins-area div.area-content ul.nav li:last-child button {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  main#main.coins div.coins-area div.area-content ul.nav li button {
    width: 100%;
    height: 100%;
    background-color: #1E234B;
    border-radius: 0;
  }
  main#main.coins div.coins-area div.area-content ul.nav li button.active {
    background-color: #564FFF;
  }
  main#main.coins div.coins-area div.area-content ul.nav li button div.icon {
    width: 100%;
    border-radius: 0;
    margin-bottom: 0;
    background-color: transparent;
    height: 50px;
    line-height: 50px;
  }
  main#main.coins div.coins-area div.area-content ul.nav li button div.name {
    margin-bottom: 10px;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.no-items {
    background-image: none;
    padding: 0;
    padding-top: 30px;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search {
    width: 100%;
    margin-bottom: 20px;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search div.current {
    padding-left: 0;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-elements {
    width: 100%;
    text-align: center;
    float: none;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-responsive {
    position: relative;
    margin-bottom: 20px;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-responsive:after {
    content: "";
    display: block;
    clear: both;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-responsive div.form-item.form-item-select {
    height: 45px;
    margin-bottom: 20px;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-responsive div.form-item.form-item-select .nice-select {
    width: 100%;
    height: 48px;
    background: transparent;
    border-radius: 6px;
    border: 1px solid #564FFF;
    line-height: 46px;
    padding-left: 20px;
    background-color: #1E234B;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-responsive div.form-item.form-item-select .nice-select:after {
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    height: 7.5px;
    margin-top: -6px;
    right: 25px;
    top: 50%;
    width: 7.5px;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-responsive div.form-item.form-item-select .nice-select span.current {
    font-family: "StyreneAWeb Regular";
    font-size: 14px;
    line-height: 14px;
    color: #fff;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-responsive div.form-item.form-item-select .nice-select span.current img {
    position: absolute;
    top: 12.5px;
    right: 50px;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-responsive div.form-item.form-item-select ul {
    display: block;
    width: 100%;
    background-color: #1E234B;
    font-family: "StyreneAWeb Medium";
    font-size: 14px;
    color: #fff;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-responsive div.form-item.form-item-select ul li {
    padding: 4px 12px 4px 20px;
    margin: 0;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-responsive div.form-item.form-item-select ul li img {
    float: right;
    max-width: 40px;
    height: auto;
    position: relative;
    top: 10px;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-responsive div.form-item.form-item-select ul .option.focus, main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-responsive div.form-item.form-item-select ul .option.selected.focus, main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-responsive div.form-item.form-item-select ul .option:hover {
    background-color: #564FFF !important;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item {
    margin-bottom: 30px;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item:last-child {
    margin-bottom: 0;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.stock {
    width: 100%;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.qty {
    width: 100%;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.price {
    width: 100%;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.price div.money:before {
    content: attr(data-name) ":";
    margin-right: 15px;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.price a.button {
    width: 100%;
    margin-top: 10px;
  }
  main#main.notifications {
    padding-bottom: 50px;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area ul li {
    flex: 1 1 auto;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area ul li button {
    width: 100%;
    text-align: center;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-user {
    width: 100%;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options {
    width: 100%;
    margin-left: 0;
    margin-bottom: 30px;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.delivery-block div.block-title {
    font-size: 20px;
    line-height: 30px;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.delivery-block div.delivery-buttons {
    margin-bottom: 0;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.delivery-block a.delivery-button {
    position: relative;
    display: block;
    max-width: 260px;
    margin: 0 auto;
    text-align: center;
  }
  main#main.about-us div.about-stats div.section-listing div.listing-block {
    margin-bottom: 50px;
  }
  main#main.about-us div.about-stats div.section-listing div.listing-block:last-child {
    margin-bottom: 0;
  }
  main#main.about-us div.about-stats div.section-listing div.listing-block div.listing-item div.items div.item-count {
    font-size: 48px;
  }
  main#main.about-us div.about-welcome {
    margin-top: 75px;
  }
  main#main.about-us div.about-welcome div.welcome-content {
    width: 100%;
    text-align: center;
  }
  main#main.about-us div.about-welcome figure.welcome-image {
    width: 100%;
    margin-top: -50px;
    text-align: center;
  }
  main#main.about-us div.about-welcome figure.welcome-image img {
    position: relative;
    max-width: 100%;
    height: auto;
    top: 100px;
  }
  main#main.about-us div.about-content {
    text-align: center;
    margin-bottom: 75px;
  }
  main#main.about-us div.about-timeline {
    padding-bottom: 250px;
  }
  main#main.about-us div.about-timeline div.timeline-area div.timeline-block {
    margin-bottom: 300px;
  }
  main#main.about-us div.about-timeline div.timeline-area div.timeline-block div.timeline-box {
    width: 100%;
  }
  main#main.about-us div.about-timeline div.timeline-area div.timeline-block div.timeline-box:after {
    bottom: -200px;
    right: unset !important;
    left: calc(50% - 74px) !important;
  }
  main#main.about-us div.about-timeline div.timeline-area div.timeline-block div.timeline-box:before {
    bottom: -185px !important;
    right: unset !important;
    left: calc(50% - 60px) !important;
  }
  form.general-form div.id-important {
    text-align: left;
  }
  form.general-form div.id-important div.important-button {
    display: block;
    width: 100%;
  }
  form.general-form div.id-important div.important-button span.name {
    width: calc(100% - 39px);
  }
  form.general-form div.id-important div.important-button span.icon {
    margin-left: 0;
  }
  footer#footer {
    text-align: center;
  }
  footer#footer div.top-footer {
    padding-top: 30px;
  }
  footer#footer div.top-footer div.footer-block nav.menu {
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  footer#footer div.top-footer div.footer-block nav.menu div.title {
    text-align: left;
    margin-bottom: 30px;
    background-image: url("../../images/icons/plus.svg");
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 14px;
  }
  footer#footer div.top-footer div.footer-block nav.menu div.title.active {
    background-image: url("../../images/icons/minus.svg");
  }
  footer#footer div.top-footer div.footer-block nav.menu div.title.active ~ ul {
    display: block;
  }
  footer#footer div.top-footer div.footer-block nav.menu ul {
    text-align: left;
    display: none;
    animation: fromBottom 0.5s;
    padding-bottom: 30px;
  }
  footer#footer div.top-footer div.footer-block div.footer-about {
    margin-bottom: 15px;
  }
  footer#footer div.top-footer div.footer-block div.footer-about div.logo {
    margin-bottom: 15px;
  }
  footer#footer div.top-footer div.footer-block div.footer-about div.partner {
    margin-bottom: 15px;
  }
  footer#footer div.bottom-footer .copyright.text-center {
    margin-top: 30px;
  }
  footer#footer div.bottom-footer div.cards {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 15px;
  }
  .modal {
    padding: 10px;
  }
  .modal.modal-form .modal-dialog .modal-content {
    border-radius: 30px;
  }
  .modal.modal-form .modal-dialog .modal-content .modal-body {
    padding: 30px;
  }
  .modal.modal-desc .modal-dialog .modal-content .modal-body .modal-area div.delivery-tables {
    padding-left: 0;
  }
  .modal .modal-dialog .modal-content .modal-body button.close-modal {
    background-color: transparent;
    top: 0;
    right: 0;
    border: none;
    width: 80px;
    height: 80px;
  }
  .modal .modal-dialog .modal-content .modal-body button.close-modal img {
    max-width: 20px;
    height: auto;
  }
  div.global-item-table div.table-area {
    max-height: unset;
    overflow: unset;
  }
  div.global-item-table div.table-area div.item-table-head {
    display: none;
  }
  div.global-item-table div.table-area div.item-table-listing div.listing-block {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    height: unset;
    padding: 10px 0px;
  }
  div.global-item-table div.table-area div.item-table-listing div.listing-block div.listing-item {
    display: block;
    width: 100% !important;
    border-right: none;
    text-align: right;
    height: unset;
    padding: 15px 20px;
  }
  div.global-item-table div.table-area div.item-table-listing div.listing-block div.listing-item:before {
    position: relative;
    content: attr(data-before);
    display: inline-block;
    vertical-align: middle;
    font-family: "StyreneAWeb Regular";
    font-size: 14px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.5);
  }
  div.global-item-table div.table-area div.item-table-listing div.listing-block div.listing-item.number {
    text-align: right;
  }
  div.global-item-table div.table-area div.item-table-listing div.listing-block div.listing-item.number div.value {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    height: unset;
    text-align: left;
    padding: 0px 15px;
  }
  div.global-item-table div.table-area div.item-table-listing div.listing-block div.listing-item input {
    height: unset;
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
  }
}
/* Min Width: 992px */
@media (min-width: 992px) {
  .mb-web-0 {
    margin-bottom: 0 !important;
  }
}
/* Max Width: 767px */
@media (max-width: 767px) {
  form.general-form div.form-group div.form-item.form-item-phone div.phone-form div.phone-list {
    min-width: unset;
  }
  main#main div.alt-page div.alt-area div.activity-table div.table-head {
    display: none;
  }
  main#main div.alt-page div.alt-area div.activity-table div.table-listing div.listing-block:first-child div.listing-item:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
  main#main div.alt-page div.alt-area div.activity-table div.table-listing div.listing-block:last-child div.listing-item:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
  }
  main#main div.alt-page div.alt-area div.activity-table div.table-listing div.listing-block div.listing-item {
    display: block;
    width: 100%;
    text-align: left;
    padding: 20px 25px;
  }
  main#main div.alt-page div.alt-area div.activity-table div.table-listing div.listing-block div.listing-item:before {
    content: attr(data-before) ":";
    width: 125px;
    display: inline-block;
    vertical-align: middle;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items {
    padding: 30px !important;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-stats div.stat-block {
    flex: 0 0 100%;
    max-width: 100%;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-block div.listing-down div.order-items div.order-stats div.stat-block:last-child {
    margin-bottom: 25px;
  }
  main#main.home div.hero-placeholder div.hp-buttons a.button {
    margin-bottom: 75px;
  }
  main#main.home div.hero-placeholder div.hp-buttons a.button:last-child {
    margin-bottom: 0;
  }
  main#main.home div.hero-placeholder div.hp-buttons a.button div.name {
    font-size: 18px;
  }
  main#main.home div.hero-placeholder div.hp-stats {
    height: unset;
    border-radius: 30px;
    padding: 50px 15px 0px 15px;
  }
  main#main.home div.hero-placeholder div.hp-stats div.stat-text {
    padding-bottom: 30px;
  }
  main#main.home div.hero-placeholder div.hp-stats div.stat-text div.title br {
    display: none;
  }
  main#main.home div.hero-placeholder div.hp-stats figure.stat-image.image-2 {
    margin-top: -55px;
  }
  main#main.home div.hero-placeholder div.hp-stats figure.stat-image.image-2 img {
    position: relative;
    top: 55px;
  }
  main#main.home div.review-area {
    padding-top: 0;
  }
  main#main.home div.start-area {
    background-size: 65% !important;
  }
  main#main.coins div.coins-area {
    padding: 25px;
    border-radius: 12px;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-search {
    margin-bottom: 20px;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-elements {
    margin-bottom: 20px;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-elements div.radios {
    margin-bottom: 20px;
    width: 100%;
    margin-left: 0 !important;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-elements div.radios:last-child {
    margin-bottom: 0;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header div.items-elements div.radios label.item-radio {
    width: 50%;
  }
  main#main.order div.order-area {
    padding: 30px;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-header div.details-title {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }
  .ilan-details-buttons {
    width: 100%;
  }
  .ilan-details-buttons a.button {
    width: 100%;
    text-align: center;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane div.comments-list div.comment-block div.user {
    width: 100%;
    margin-bottom: 15px;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane div.comments-list div.comment-block div.content {
    width: 100%;
    padding-left: 0;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.delivery-block {
    padding: 15px 0px;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.delivery-block a.delivery-button {
    position: relative;
    max-width: 260px;
    margin: 0 auto;
    display: block;
    text-align: center;
    margin-top: 20px;
  }
  div.first-comment-box.sticky-box {
    max-width: 400px;
  }
}
/* Min Width: 768px */
@media (min-width: 768px) and (max-width: 1199px) {
  main#main div.alt-page aside.alt-sidebar div.progress-menu div.menu-blocks {
    display: flex;
  }
  main#main div.alt-page aside.alt-sidebar div.progress-menu div.menu-blocks div.menu-block {
    flex: 1;
    max-width: 100%;
  }
  main#main div.alt-page aside.alt-sidebar div.progress-menu div.menu-blocks div.menu-block:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
  }
  main#main div.alt-page aside.alt-sidebar div.progress-menu div.menu-blocks div.menu-block:last-child {
    border-bottom-left-radius: 0px;
    border-top-right-radius: 10px;
  }
}
.global-chat-bottom {
  position:absolute;
  bottom:0;
  padding:15px;
  width:100%;
  z-index:2;
  left:0;
}
.global-chat-bottom .send-question__area {
  display:block;
  width:100%;
  border:1px solid #fff;
  border-radius:10px;
  color:#fff;
  padding:10px 150px 10px 20px;
  font-style:italic;
  resize:none;
  height:70px;
  font-family: "StyreneAWeb Medium";
  outline:none;
  font-weight:normal !important;
  background:transparent;
  transition:all .2s ease-in-out;
}
.global-chat-bottom .send-question__area:focus {
  border-color:#4c45f1;
  transition:all .2s ease-in-out;
}
.global-chat-bottom .send-question__area::placeholder {
  color:#fff;
  font-style:italic;
  opacity:1;
  padding-top:12px;
}
.global-chat-bottom .send-question__area:focus::placeholder {
  opacity:0 !important;
}
.global-chat-bottom .send-question__button {
  background:#4c45f1;
  font-family: "StyreneAWeb Medium";
  font-weight:normal;
  transition:all .2s ease-in-out;
  outline:none;
  padding:5px 10px;
  border-radius:5px;
  border:none;
  color:#fff;
}
.global-chat-bottom .send-question__button:hover {
  border-color:#5850FD;
  transition:all .2s ease-in-out;
}
.question-bar-buttons {
  position:absolute;
  top:50%;
  right:40px;
  display:flex;
  align-items:Center;
  transform:translateY(-50%);
}
.question-bar-buttons .send-question__button {
  margin-left:15px;
}
/* Max Width: 575px */
@media (max-width: 575px) {
  header#header div.middle-header {
    padding: 15px 0px;
  }
  header#header div.middle-header div.middle-header-container div.elements div.profile div.current div.image {
    display: none;
  }
  header#header div.middle-header div.middle-header-container div.elements div.profile div.current div.name {
    margin-left: 0;
    font-size: 14px;
    line-height: 14px;
  }
  header#header div.middle-header div.middle-header-container div.elements div.profile nav.menu {
    top: 47px;
  }
  main#main.home div.hero-placeholder div.hp-title {
    margin-top: 30px;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 10px;
  }
  main#main.home div.hero-placeholder div.hp-desc {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 75px;
  }
  main#main.home div.hero-placeholder div.hp-buttons a.button {
    margin-bottom: 65px;
  }
  main#main.home div.hero-placeholder div.hp-buttons a.button:last-child {
    margin-bottom: 0;
  }
  main#main.home div.review-area {
    margin-bottom: 25px;
  }
  main#main.home div.start-area div.area-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 40px;
    padding-top: 30px;
  }
  main#main.home div.start-area div.area-listing div.listing-block:last-child {
    margin-bottom: 0;
  }
  main#main.home div.start-area div.area-listing div.listing-block div.listing-item div.item-desc {
    font-size: 14px;
    line-height: 20px;
    font-family: "StyreneAWeb Regular";
  }
  main#main.home div.faq-area {
    margin-bottom: 30px;
  }
  main#main.home div.faq-area div.faq-content div.faq-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 25px;
  }
  main#main.home div.faq-area div.faq-content ul.nav li button {
    border-radius: 10px !important;
    font-size: 16px;
  }
  main#main.home div.faq-area div.faq-content div.tab-content div.tab-pane div.accordion div.card div.card-header button span.text {
    width: 100%;
  }
  main#main.home div.faq-area div.faq-content div.tab-content div.tab-pane div.accordion div.card div.card-header button span.icon {
    display: none;
  }
  main#main.home div.payment-methods {
    margin-bottom: 30px;
    border-radius: 15px;
  }
  main#main.home div.payment-methods div.section-title {
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 30px;
    padding: 30px 20px;
  }
  div.first-comment-box {
    padding: 15px;
  }
  main#main {
    margin: 0px -15px;
  }
  main#main div.general-pagination {
    margin-bottom: 0;
  }
  main#main div.general-pagination a.button {
    margin-left: 5px;
  }
  main#main div.general-pagination a.button:first-child {
    margin-left: 0;
  }
  main#main .alt-title {
    font-size: 32px;
    line-height: 32px;
    margin: 25px 0px;
  }
  main#main div.alt-page {
    padding: 25px;
    border-radius: 8px;
    margin-bottom: 25px;
  }
  main#main div.alt-page div.alt-area div.area-title {
    font-size: 26px;
    line-height: 32px;
  }
  main#main div.alt-page div.alt-area div.area-head {
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 20px;
  }
  main#main div.alt-page div.alt-area div.area-content {
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 0;
  }
  main#main div.alt-page div.alt-area div.area-desc {
    padding: 20px;
    font-size: 14px;
    line-height: 24px;
  }
  main#main div.alt-page div.alt-area div.bank-form form.general-form {
    background-color: transparent;
    padding: 0;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-up {
    padding-bottom: 0;
  }
/*   main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-up div.listing-item.server, main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-up div.listing-item.date, main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-up div.listing-item.price {
    display: none;
  } */
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-up div.listing-item.number {
    flex: 0 0 125px;
    max-width: 125px;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-up div.listing-item.status {
    flex: 0 0 calc(100% - 42%);
    max-width: calc(100% - 42%);
    text-align: right;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-up div.listing-item.status .buttons {
    position: relative;
    right: unset;
    margin-left: 5px;
  }
  main#main div.alt-page div.alt-area div.area-orders div.orders-listing div.listing-area div.listing-block div.listing-down div.order-items {
    padding: 30px 15px 15px !important;
  }
  main#main div.global-chat-box {
    margin: 0px -15px;
  }
  main#main.page {
    margin: 0px -15px;
  }
  main#main.page .page-title {
    font-size: 32px;
    line-height: 32px;
    margin: 25px 0px;
  }
  main#main.page div.page-area {
    padding: 25px;
    border-radius: 8px;
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 20px;
  }
  main#main.page div.page-area h1, main#main.page div.page-area h2, main#main.page div.page-area h3, main#main.page div.page-area h4, main#main.page div.page-area h5, main#main.page div.page-area h6 {
    font-size: 160%;
  }
  main#main.page div.page-area form.contact-form {
    padding: 25px;
  }
  main#main.page div.page-area div.contact-infos:before {
    top: 10px;
    left: -10px;
  }
  main#main.about-us div.page-header {
    padding: 50px 30px;
  }
  main#main.about-us div.page-header .page-title {
    font-size: 32px;
    line-height: 32px;
    margin: 0px 0px 25px;
  }
  main#main.about-us div.about-blocks {
    padding: 100px 30px 75px;
  }
  main#main.about-us div.about-blocks div.blocks-area div.area-block {
    margin-bottom: 100px;
  }
  main#main.about-us div.about-blocks div.blocks-area div.area-block:last-child {
    margin-bottom: 0;
  }
  main#main.about-us div.about-stats {
    padding: 50px 30px;
  }
  main#main.about-us div.about-timeline {
    padding-top: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }
  main#main.about-us div.about-others {
    padding: 50px 15px;
  }
  main#main.about-us div.about-welcome {
    margin-top: 0;
    padding: 40px 30px;
    border-radius: 20px;
  }
  main#main.about-us div.about-welcome div.welcome-content div.title {
    font-size: 32px !important;
    line-height: 42px;
    margin-bottom: 30px;
  }
  main#main.about-us div.about-welcome div.welcome-content div.buttons a.button {
    padding: 15px 20px;
    height: unset;
    line-height: unset;
  }
  main#main.about-us div.about-content {
    margin-bottom: 0;
  }
  main#main.notifications {
    padding-bottom: 25px;
  }
  main#main.notifications div.notifications-area {
    border-radius: 12px;
    padding: 25px 10px 25px 25px;
  }
  main#main.coins {
    padding: 25px 0px;
  }
  main#main.coins div.coins-area {
    padding: 25px;
    border-radius: 12px;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header {
    position: relative;
    margin-bottom: 60px;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-header:before {
    position: absolute;
    content: "";
    bottom: -35px;
    left: -25px;
    width: calc(100% + 50px);
    height: 30px;
    background-color: #090A33;
  }
  main#main.order {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  main#main.order div.order-steps div.steps-bar {
    margin-bottom: 30px;
  }
  main#main.order div.order-area {
    padding: 15px 15px 15px 15px;
    border-radius: 15px;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options div.options-header div.title {
    width: 100%;
    border: none;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options div.options-content:before {
    display: none;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options div.options-content div.block {
    width: 100%;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options div.options-content div.block:first-child {
    padding-bottom: 0;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options div.options-content div.block .options-r-title {
    font-family: "StyreneAWeb Bold";
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    margin: 0px -20px 0px -25px;
    margin-bottom: 20px;
    background-color: #252C5A;
    padding: 20px 25px;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane {
    font-size: 14px;
    line-height: 20px;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-button {
    margin-top: 15px;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-button .button {
    width: 100%;
    text-align: center;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-side {
    margin-bottom: 15px;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-area div.tab-content div.tab-pane div.area-options {
    padding: 15px 15px 0px 15px;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-area div.tab-content div.tab-pane div.area-options label.payment {
    margin-bottom: 15px;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-area div.tab-content div.tab-pane div.area-options label.payment div.payment {
    border-width: 2px;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-area div.tab-content div.tab-pane div.area-options .row {
    margin: 0px -7.5px;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-area div.tab-content div.tab-pane div.area-options .col-6 {
    padding: 0px 7.5px;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-result {
    margin-top: 15px;
  }
  main#main.order div.order-area div.order-blocks div.order-block div.payment-block div.payment-result div.code-area {
    margin-bottom: 15px;
  }
  footer#footer div.top-footer {
    padding: 30px 0px 0px;
  }
  form.general-form div.form-group div.form-item.form-item-phone div.phone-form:after {
    background-position: 97% 85% !important;
  }
  form.general-form div.form-group div.form-item.form-item-phone div.phone-form div.phone-select {
    width: 100%;
  }
  form.general-form div.form-group div.form-item.form-item-phone div.phone-form input.number {
    width: 100%;
    margin-left: 0;
  }
  form.general-form div.form-group div.form-item.form-item-phone:not(.phone-okay) div.phone-form input.number {
    margin-top: 10px;
  }
  form.general-form div.form-group div.form-item.form-item-copy div.title {
    width: 100%;
  }
  form.general-form div.form-group div.form-item.form-item-copy div.value {
    width: 100%;
    margin-top: 15px;
  }
  form.general-form div.form-group div.form-item.form-item-bank-select div.options-bank div.list {
    padding-left: 15px;
    padding-right: 15px;
  }
  form.general-form div.form-group div.form-item.form-item-bank-select div.options-bank div.list a.bank div.head div.last {
    width: 100%;
    border-right: none;
  }
  form.general-form div.form-group div.form-item.form-item-bank-select div.options-bank div.list a.bank div.head div.name {
    width: 100%;
    padding-left: 0;
    padding-top: 10px;
  }
  form.general-form div.form-group div.form-item.form-item-bank-select div.options-bank a.add-new {
    padding-left: 15px;
  }
  div#sticky-bar a.button.new:after {
    bottom: -285px;
  }
  .modal.modal-form .modal-dialog .modal-content {
    border-radius: 15px;
  }
  .modal.modal-form .modal-dialog .modal-content .modal-body {
    padding: 25px;
    padding-top: 70px;
  }
  .modal.modal-form .modal-dialog .modal-content .modal-body .global-chat-box {
    margin: 0px -25px;
  }
  .modal.modal-redirect .modal-dialog .modal-content {
    border-radius: 15px;
  }
  .modal.modal-redirect .modal-dialog .modal-content .modal-body {
    padding: 30px;
  }
  .modal.modal-redirect .modal-dialog .modal-content .modal-body div.buttons a.button {
    display: block;
    width: 100%;
  }
  .modal.modal-redirect .modal-dialog .modal-content .modal-body div.buttons a.button.confirm {
    margin-bottom: 15px;
  }
  .modal.modal-desc .modal-dialog .modal-content {
    border-radius: 15px;
  }
  .modal.modal-desc .modal-dialog .modal-content .modal-body {
    padding: 30px;
  }
  .modal.modal-order .modal-dialog .modal-content {
    border-radius: 15px;
  }
  .modal.modal-order .modal-dialog .modal-content .modal-body {
    padding: 60px 0px 30px 0px;
  }
  .modal.modal-order .modal-dialog .modal-content .modal-body .modal-box ul.nav li {
    margin: 0px 10px;
  }
  .modal.modal-order .modal-dialog .modal-content .modal-body .modal-box ul.nav li button {
    font-size: 14px;
  }
  .modal.modal-order .modal-dialog .modal-content .modal-body .modal-box ul.nav li button div.icon {
    margin-right: 5px;
  }
  .modal.modal-order .modal-dialog .modal-content .modal-body .modal-box form.order-form {
    padding: 0px 15px;
  }
  div.first-comment-box.sticky-box {
    max-width: calc(100% - 30px);
    left: unset !important;
    right: 15px;
  }
  div.global-item-table div.table-area div.item-table-listing div.listing-block div.listing-item {
    text-align: left;
  }
  div.global-item-table div.table-area div.item-table-listing div.listing-block div.listing-item:before {
    width: 100%;
    margin-bottom: 15px;
  }
  div.global-item-table div.table-area div.item-table-listing div.listing-block div.listing-item.number {
    text-align: left;
  }
  div.global-item-table div.table-area div.item-table-listing div.listing-block div.listing-item.number div.value {
    width: 100%;
    padding: 0;
  }
  div.global-item-table div.table-area div.item-table-listing div.listing-block div.listing-item input {
    width: 100%;
    padding: 0;
  }
}
/* Min Width: 576px */
/* Max Width: 480px */
@media (max-width: 480px) {
  header#header div.middle-header div.middle-header-container div.languages {
    width: 100px;
  }
  main#main.home div.payment-methods div.section-listing div.listing-block {
    width: 50%;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
  main#main.home div.payment-methods div.section-listing div.listing-block img {
    max-width: 100px;
    max-height: 35px;
  }
  main#main.coins div.coins-area div.area-content ul li button {
    height: 100%;
  }
  main#main.coins div.coins-area div.area-content ul li button div.icon {
    height: 40px;
    line-height: 40px;
  }
  main#main.coins div.coins-area div.area-content ul li button div.icon img {
    max-height: 25px;
  }
  main#main.coins div.coins-area div.area-content ul li button div.name {
    font-size: 12px;
    padding: 0px 5px;
  }
  main#main.coins div.coins-area div.area-content div.tab-content div.tab-pane div.items-area div.items-coins div.coins-listing div.listing-block div.listing-item.product div.name {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 400px) {
  main#main div.general-pagination a.button {
    min-width: 35px;
    line-height: 35px;
    height: 35px;
    font-size: 12px;
  }
}
/* New */
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content {
  min-height: 270px !important;
}

main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane {
  height: 270px !important;
}

.tab-pane-inside p {
  width: 95%;
}

main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane div.comments-list div.comment-block div.content div.text {
  font-size: 10px;
}

main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane div.comments-list div.comment-block div.user div.image {
  height: 40px !important;
  width: 40px !important;
}

main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane div.comments-list div.comment-block div.user {
  padding: 12px 17px 10px 17px !important;
}

main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane div.comments-list div.comment-block {
  margin-bottom: 12px !important;
}

div.global-chat-box div.chat-area {
  max-height: 530px !important;
  padding-right: 15px !important;
}

div.global-chat-box div.chat-area div.chat-block div.chat-body div.chat-content {
  font-size: 12px !important;
}

div.global-chat-box {
  padding: 0px 10px 30px 20px !important;
}

div.global-chat-box div.chat-area.no-scroll {
  overflow-y: scroll !important;
}

div.first-comment-box a.make-button:hover {
  background: #4c46d9 !important;
  transition: all 0.4s ease-out;
}

.custom-scroll::-webkit-scrollbar {
  width: 4px !important;
}

.custom-scroll::-webkit-scrollbar-thumb {
  box-shadow: none !important;
  background: #554eff;
}

.custom-scroll::-webkit-scrollbar-track {
  border: none !important;
}

div.global-chat-box div.chat-area::-webkit-scrollbar {
  width: 4px !important;
}

div.global-chat-box div.chat-area::-webkit-scrollbar-thumb {
  box-shadow: none !important;
  background: #554eff;
}

div.global-chat-box div.chat-area::-webkit-scrollbar-track {
  border: none !important;
  margin-top: 10px;
}

main#main.notifications div.notifications-area div.notification-scroll::-webkit-scrollbar {
  width: 6px !important;
}

main#main.notifications div.notifications-area div.notification-scroll::-webkit-scrollbar-thumb {
  box-shadow: none !important;
  background: #554eff;
}

main#main.notifications div.notifications-area div.notification-scroll::-webkit-scrollbar-track {
  border: none !important;
  margin-top: 0px;
}

main#main.notifications div.notifications-area div.area-list {
  padding-right: 1rem !important;
}

div.global-item-table div.table-area::-webkit-scrollbar {
  width: 6px !important;
}

div.global-item-table div.table-area::-webkit-scrollbar-thumb {
  box-shadow: none !important;
  background: #554eff;
}

div.global-item-table div.table-area::-webkit-scrollbar-track {
  border: none !important;
  margin-top: 0px;
}

div.global-item-table div.table-area {
  padding-right: 1rem !important;
}

main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane div.description-content {
  height: 220px !important;
}

main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.tab-content div.tab-pane div.comments-list {
  max-height: 220px !important;
}

/*# Image Upload */
.img-thumbs {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0.25rem;
  margin: 1.5rem 0;
  padding: 0.75rem;
}

.img-thumbs-hidden {
  display: none;
}

.wrapper-thumb {
  position: relative;
  display: inline-block;
  justify-content: space-around;
}

.img-preview-thumb {
  background: #fff;
  border: 1px solid none;
  border-radius: 0.25rem;
  box-shadow: 0.125rem 0.125rem 0.0625rem rgba(0, 0, 0, 0.12);
  margin-right: 1rem;
  max-width: 115px;
  padding: 1px;
}

.remove-btn {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.7rem;
  top: -5px;
  right: 10px;
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 10px;
  font-weight: bold;
  cursor: pointer;
}

.remove-btn:hover {
  box-shadow: 0px 0px 3px grey;
  transition: all 0.3s ease-in-out;
}

.formx {
  height: 0;
  overflow: hidden;
  width: 0;
  display: none;
}

.formx-label {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "StyreneAWeb Regular";
  outline: none;
  padding: 20px 0;
  position: relative;
  transition: all 0.3s;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.formx-label span {
  text-align: center;
  margin-right: 19px;
  font-family: "StyreneAWeb Regular";
  font-weight: 400;
  font-size: 13px;
}

.formx-label span b {
  display: block;
  font-weight: 500;
  font-size: 16px;
}

.upload-title {
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  color: #fff;
}








/*  .select2-container {
  min-width: 100%;
  max-width: 100%;
}

.select2-results__option {
padding-right: 20px;
vertical-align: middle;    
font-weight: 400;
  line-height: 40px;
  font-size:14px;
  list-style: none;
  min-height: 40px;
  outline: 0;
  padding-left: 18px;
  padding-right: 29px;
  -webkit-transition: all .2s;
  transition: all .2s;
  padding: 10px 12.5px;
  font-family: "StyreneAWeb Regular";
  position: relative;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding:0 5px 0 20px!important;
}
.select2-container--default .select2-results>.select2-results__options {
  max-height: 240px!important;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
}
.select2-results__options {
  background-color: #1E234B;
  color:#fff;
  border-radius: 5px;
}
.select2-results {
  background-color: #1E234B;
  border-radius: 5px;
  cursor: pointer;
}
.select2-dropdown {
  border:none!important;
}
.select2-results__option:before {
content: "";
width: 22px;
  height: 22px;
  border: 1px solid #fff;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: relative;
  margin-right: 20px;
}
.select2-results__option::after {
  content: "\003F";
  width: 16px;
  height: 16px;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  font-size: 11px;
  display: table;
  text-align: center;
  border: 1px solid rgba(255,255,255,0.3);
  border-radius: 50%;
  line-height: 16px;
}
.select2-results__option[aria-selected=true]:before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  border-radius: 0px;
  margin: 0px 15px 5px 5px;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #1E234B;
  color:#fff;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #564FFF;
  color: #fff;
  transition: all .2s;
}
.select2-container .select2-selection--multiple {
  min-height: 53px!important;
}
.select2-container .select2-search--inline .select2-search__field {
  margin-top: 0px!important;
}
.select2-selection__rendered {
  margin-top:12px!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color:#fff!important;
}
.select2-container--default .select2-selection--multiple {
margin-bottom: 4px;
border-width: 2px;	
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-family: "StyreneAWeb Regular";
  background-color: transparent;
  color:#fff;
}
.select2-selection.select2-selection--multiple {
  cursor: pointer;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  font-size:14px;
  color:#fff;
  border: 1px solid rgba(255, 255, 255, 0.3)!important;
  background-color: transparent!important;
  margin-top:0!important;
  margin-bottom:4px!important;
}
.select2-selection__clear {
  margin-top:0!important;
}
.select2-container--default .select2-search--inline .select2-search__field {
  color:#fff;
  cursor: pointer;
  width: 100%!important;
}
.select2-selection__rendered li.select2-search:not(:first-child) {
  display: none!important;
}
.select2-container--default .select2-search--inline .select2-search__field::placeholder {
  color:#fff;
  font-size: 14px;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-radius: 4px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
border: 1px solid rgba(255, 255, 255, 0.3);
  font-family: "StyreneAWeb Regular";
  background-color: transparent;
}
.select2-container--open .select2-dropdown--below {
  background-color: #1E234B;
border-radius: 5px;

}
.select2-selection .select2-selection--multiple:after {
content: 'hhghgh';
}

.select-icon .select2-selection__placeholder .badge {
display: none;
}
.select-icon .placeholder {

}
.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected=true]:before {
display: none !important;

}
.select-icon  .select2-search--dropdown {
display: none;
}  */


#cke_aciklama .cke_contents {
  border-radius:0 0 10px 10px !important;
}
#cke_aciklama .cke_inner {
  background: transparent !important;
  border-radius:10px !important;
}
#cke_aciklama .cke_chrome {
  border:1px solid rgba(255,255,255,0.3) !important;
}
#cke_aciklama .cke_top {
  background:rgba(255,255,255,0.05) !important;
  border-bottom:1px solid rgba(255,255,255,0.1) !important;
  box-sizing:border-box !important;
  -moz-box-sizing:border-box !important;
  -webkit-box-sizing:border-box !important;
}
#cke_aciklama a.cke_button_off:hover, 
#cke_aciklama a.cke_button_off:focus, 
#cke_aciklama a.cke_button_off:active {
  border-radius:5px !important;
  background-color:#564FFF !important;
  border-color:#564FFF !important;
}
#cke_aciklama a.cke_button_on:hover, 
#cke_aciklama a.cke_button_on:focus, 
#cke_aciklama a.cke_button_on:active,
#cke_aciklama a.cke_button_on {
  border-radius:5px !important;
  background-color:#564FFF !important;
  border-color:#564FFF !important;
}
.vAjaxWarning.active {
  background:#25123F;
  display:block;
  width:100%;
  margin:0 0 20px 0;
  color:#FF3C5F;
  font-weight:bold;
  padding:5px 10px;
  border-radius:10px;
  position:relative;
  border-left:2px solid #FF3C5F;
  font-size:12px;
}
.error-message {
  background:#25123F;
  display:block;
  width:100%;
  margin-top:8px;
  color:#FF3C5F;
  font-weight:bold;
  padding:5px 10px;
  border-radius:10px;
  position:relative;
  border-left:2px solid #FF3C5F;
  font-size:12px;
}
.error-message label {
  margin:0;
  font-size:12px;
  padding:0;
}
.error-message::after {
  content:"";
  position:Absolute;
  width:10px;
  height:10px;
  left:0;
  right:0;
  background:#25123F;
  top:-5px;
  margin:auto;
  transform:rotate(-45deg);
}
.referans-uygula-hata {
  background:#25123F;
  width:100%;
  color:#FF3C5F;
  font-weight:bold;
  padding:5px 10px;
  border-radius:10px;
  font-family: "StyreneAWeb Regular" !important;
  position:relative;
  border-left:2px solid #FF3C5F;
  font-size:12px;
  margin-top:10px;
  margin-bottom:10px;
}
.referans-uygula-basarili {
  background:rgba(255,255,255,0.05);
  width:100%;
  color:#39E29D;
  font-weight:bold;
  padding:5px 10px;
  border-radius:10px;
  font-family: "StyreneAWeb Regular" !important;
  position:relative;
  border-left:2px solid #39E29D;
  font-size:12px;
  margin-top:10px;
  margin-bottom:10px;
}
.select2-hidden-accessible {
  display:none !important;
}
.select2-container {
  display:block !important;
  width:100% !important;
  background-color: transparent !important;
  border: none !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
}
.selection {
  display:block !important;
}
.select2-selection {
  display:block !important;
  font-family: "StyreneAWeb Regular" !important;
  font-size: 14px !important;
  color: #fff !important;
  min-height: 53px !important;
  line-height: auto !important;
  padding: 10px !important;
  border-radius:10px !important;
  display:block !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  background:transparent !important;
  width:100% !important;
  position:Relative !important;
}
.select2-selection__clear {
  display:none !important;
}
.select2-selection__rendered {
  margin:0 !important;
  list-style:none !important;
  padding:0 !important;
  width:100% !important;
  display:flex !important;
  flex-wrap:Wrap !important;
  gap:5px !important;
  position:Relative !important;
}
.select2-selection__choice {
  position:Relative !important;
  display:flex !important;
  align-items:center !important;
  border-radius:5px !important;
  background:rgba(255,255,255,0.05) !important;
  border:1px solid rgba(255,255,255,0.1) !important;
  padding:5px !important;
  margin:0 !important;
  padding:5px 10px !important;
}
.select2-selection__clear {
  position:absolute !important;
  width:20px !important;
  height:20px !important;
  top:10px !important;
  right:10px !important;
  z-index:3 !important;
  border-radius:100% !important;
}
.select2-selection__choice .select2-selection__choice__remove {
  order:2 !important;
  width:16px !important;
  height:16px !important;
  cursor:pointer !important;
  border:none !important;
  background:#FF3C5F !important;
  position:Relative !important;
  padding:0 !important;
  display:flex !important;
  align-items:Center !important;
  justify-content:center !important;
  border-radius:100% !important;
  line-height:10px;
  font-size:10px !important;
  outline:none !important;
  margin-left:5px !important;
}
.select2-selection__choice .select2-selection__choice__display {
  order:1 !important;
  background:transparent !important;
  border:none !important;
  font-size:12px !important;
  padding:0 !important;
  margin:0 !important;
  color:#fff !important;
}
.select2-search {
  display:block !important;
  padding:5px !important;
}
.select2-search textarea {
  display:block !important;
  width:100% !important;
  border:none !important;
  margin:0 !important;
  padding:0 5px !important;
  background:transparent !important;
}
.select2-search textarea::placeholder {
  opacity:1;
  color:#fff;
}
.select2-dropdown {
  background-color: #1E234B !important;
  border-radius: 5px !important;
  border:none !important;
}
.select2-container {
  min-width: 100%;
  max-width: 100%;
}
.select2-dropdown .select2-results {
  display:block;
  width:100%;
}
.select2-dropdown .select2-results__options {
  list-style:none;
  margin:0;
  padding:0;
}
.select2-dropdown .select2-results__options li {
  position:Relative;
  background:Transparent;
  color:#fff;
  padding:15px 30px 15px 40px;
  border-bottom:1px solid rgba(255,255,255,0.05);
  transition:all .2s ease-in-out;
}
.select2-dropdown .select2-results__options li:last-child {
  border-bottom:none;
}
.select2-dropdown .select2-results__options li.select2-results__option--selected {
  background-color:#564FFF !important;
}
.select2-dropdown .select2-results__options li::before {
  position:absolute !important;
  left:10px !important;
  top:50%;
  transform:TranslateY(-50%);
  content: "";
  width: 22px;
  height: 22px;
  border: 1px solid #fff;
  border-radius: 4px;
  display: block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: relative;
}
.select2-dropdown .select2-results__options li:hover {
  background:rgba(255,255,255,0.05);
  transition:all .2s ease-in-out;
}
.select2-dropdown .select2-results__options li::after {
    content: "\003F";
    width: 16px;
    height: 16px;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    font-size: 11px;
    display: block;
    text-align: center;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 100%;
    line-height: 16px;
}
.select2-dropdown .select2-results__options li.select2-results__option--selected::before {
    background-image:url("icon-tick.svg");
    background-repeat:no-repeat;
    background-position:Center center;
    background-color:rgba(255,255,255,0.1);
}
.select2-dropdown .select2-results__options li.select2-results__option--highlighted {
  background:rgba(255,255,255,0.05);
  transition:all .2s ease-in-out;
}
.select2-container--default .select2-results>.select2-results__options {
  max-height:100% !important;
}
.alert {
  border:none !important;
  border-radius:10px !important;
  font-size:16px !important;
  padding:20px !important;
  margin:5px 0 !important;
  font-family: "StyreneAWeb Medium";
}
.alert-success {
  color:#fff !important;
  background:transparent !important;
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 34px;
  height: 34px;
  margin: 4px;
  border: 4px solid #62F6AF;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #62F6AF transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.button_primary {
  padding:10px 20px;
  background-color: #564FFF;
  border-radius: 6px;
  border: none;
  display:inline-block;
  position:Relative;
  overflow:hidden; 
  cursor:pointer;
  outline:none;
  font-family: "StyreneAWeb Medium";
  font-size: 15px;
  color: #fff;
  text-transform: capitalize;
  transition:all .2s ease-in-out;
}
.button_primary:hover {
  background:#605ae7;
  color:#fff;
  transition:all .2s ease-in-out;
}
.button_primary span {
  position:relative;
  z-index:2;
}
.button_primary.active,.button-reg.active {
  padding-right:60px;
}
.button_primary.active .lds-ripple {
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
}
.button-reg,.button-pass {
  position:Relative;
}
.button-reg .lds-ripple,.button-pass .lds-ripple {
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
}
.lds-ripple {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
}
.lds-ripple span {
  position: absolute;
  border: 2px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple span:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 12px;
    left: 12px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 12px;
    left: 12px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 12px;
    left: 12px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 24px;
    height: 24px;
    opacity: 0;
  }
}


.no-result-anymore {
  text-align:Center;
  font-family: "StyreneAWeb Medium";
  color:#fff;
  margin-bottom:10px;
}
.button_secondary {
  padding:10px 15px;
  background-color: #564FFF;
  border-radius: 6px;
  border: none;
  display:inline-block;
  position:Relative;
  overflow:hidden; 
  cursor:pointer;
  outline:none;
  font-family: "StyreneAWeb Medium";
  font-size: 13px;
  color: #fff;
  text-transform: capitalize;
  transition:all .2s ease-in-out;
}
.button_secondary:hover {
  background:#605ae7;
  transition:all .2s ease-in-out;
}
div.global-chat-box {
  padding: 15px 15px 100px 15px !important;
  position:Relative;
  font-family: "StyreneAWeb Medium";
  border-radius: 10px;
}
.no-preview {
  display:flex;
  align-items:Center;
  justify-content:center;
  flex-wrap:wrap;
  font-family: "StyreneAWeb Medium";
  text-align:Center;
}
.no-preview__img {
  width:100%;
}
.no-preview__img img {
    display:block;
    margin:0 auto;
    max-width:100%;
    max-height:200px;
}
.no-preview__text {
  color:#fff;
  font-family: "StyreneAWeb Medium";
  width:100%;
  font-weight:normal;
  margin-top:30px;
  text-align:center;
  font-size:16px;
  text-transform: capitalize;
}

main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options div.options-content div.block div.options label.delivery input:disabled + .delivery {
  opacity:0.5;
}
main#main.order div.order-area div.order-blocks div.order-block div.details-block div.details-area div.details-content div.delivery-informations div.delivery-options div.options-content div.block div.options label.delivery input:disabled + .delivery .icon {
  background:url("../../images/icon-canceled.svg") no-repeat center center;
}
.modal-open {
  padding-right:0 !important;
}
.modal::-webkit-scrollbar {
  width: 0.5em;
}

.modal::-webkit-scrollbar-track {
  background-color: #1f2249;
}

.modal::-webkit-scrollbar-thumb {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  cursor: pointer;
}
.date-empty-message {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  font-family: "StyreneAWeb Medium";
  justify-content:center;
}
.date-empty-message__img {
  width:100%;
}
.date-empty-message img {
  display:block;
  max-width:100%;
  margin:0 auto;
}
.date-empty-message__text {
  font-size:16px;
  font-weight:bold;
  color:#fff;
  width:100%;
  font-family: "StyreneAWeb Medium";
}
@media (min-width:1024px) {
  .id-toggler {
    display:none;
  }
}
@media (max-width:1023px) {
  .id-toggler {
    border:1px solid rgba(255,255,255,0.1);
    border-radius:10px;
    margin-bottom:20px;
    position:Relative;
    padding:15px 20px;
    font-size:14px;
    display:block;
    color:#fff;
  }
  .id-toggler.active .icon {
    transition:all .2s ease-in-out;
    transform:translateY(-50%) rotate(180deg);
  }
  .id-toggled {
    display:none;
  }
  .id-toggler .icon svg {
    display:block;
  }
  .id-toggler .icon svg path {
    stroke:#fff;
  }
  .id-toggler .icon {
    transition:all .2s ease-in-out;
    position:absolute;
    right:20px;
    top:50%;
    transform:TranslateY(-50%);
  }
}
.form-controller {
  border:1px solid rgba(255,255,255,0.2);
  padding:15px 20px;
  color:#fff;
  width:100%;
  display:block;
  font-family: "StyreneAWeb Medium";
  font-size:14px;
  background:transparent;
  outline:none;
  transition:all .2s ease-in-out;
}
.form-controller::placeholder {
  opacity:1;
  color:#fff;
}
.form-controller:focus {
  border-color:#4B46DB;
  transition:all .2s ease-in-out;
}
.user-name-bar {
    display:flex;
    align-items:Center;
    width:100%;
    justify-content:Center;
}
.verified-profile {
    margin-left:10px;
}
@media (min-width:1024px) {
.m2-area {
  min-height:600px;
}
.m2-area .table-listing {
  position:Relative;
  min-height:455px;
}
.m2-area .table-listing::-webkit-scrollbar {
  width: 20px;
}

.m2-area .table-listing::-webkit-scrollbar-track {
  box-shadow: inset 0 0 24px 24px transparent;
  border: solid 8px transparent;
  background-image: url("../../images/scroll-bg.png");
  background-repeat: repeat-y;
  background-size: contain;
  background-position: bottom;
}

.m2-area .table-listing::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 24px 24px #564FFF;
  border: solid 8px transparent;
  border-radius: 24px;
}

.m2-area .table-listing::-webkit-scrollbar-button {
  display: none;
}
}
@media (max-width:767px) {
  main#main div.alt-page div.alt-area div.small-table div.table-content div.table-listing div.listing-block div.listing-item div.status,
  main#main div.alt-page div.alt-area div.small-table div.table-content div.table-listing div.listing-block div.listing-item div.date,
  main#main div.alt-page div.alt-area div.small-table div.table-content div.table-listing div.listing-block div.listing-item div.number,
  main#main div.alt-page div.alt-area div.small-table div.table-content div.table-head div.head-item {
    font-size:12px;
  }
  main#main div.alt-page div.alt-area div.small-table div.table-content.table-content-3 div.table-listing div.listing-block div.listing-item:first-child,
  main#main div.alt-page div.alt-area div.small-table div.table-content.table-content-3 div.table-head div.head-item:first-child {
    width:15%;
  }
  main#main div.alt-page div.alt-area div.small-table div.table-content.table-content-3 div.table-listing div.listing-block div.listing-item:nth-child(2),
  main#main div.alt-page div.alt-area div.small-table div.table-content.table-content-3 div.table-head div.head-item:nth-child(2) {
    width:35%;
  }
  main#main div.alt-page div.alt-area div.small-table div.table-content.table-content-3 div.table-listing div.listing-block div.listing-item:nth-child(3),
  main#main div.alt-page div.alt-area div.small-table div.table-content.table-content-3 div.table-head div.head-item:nth-child(3) {
    width:50%;
  }
  main#main div.alt-page div.alt-area div.small-table div.table-content.table-content-3 div.table-head {
    display:flex;
  }
  .m2-button {
    height:auto !important;
    padding:10px 20px !important;
    line-height:1.5 !important; 
  }
  .m2-button .text {
    margin-right:0;
    margin-bottom:5px;
  }
  .m2-button .image img {
    display:block;
    margin:0 auto;
    max-width:100%;
  }
}
.soru-sonucu,.requned-warnng {
  position:absolute;
  top:50%;
  width:60%;
  transform:TranslateY(-50%);
  font-size:12px;
  font-family: "StyreneAWeb Regular";
  left:30px;
  z-index:3;
  padding:10px;
  border-radius:10px;
}
.requned-warnng {
  background: rgba(236,55,55,0.9);
  color:#fff;
}
.soru-sonucu {
  background: rgba(86,79,255,0.9);
  color:#fff;
}
.question-sms-option {
  cursor:pointer;
  margin:0;
  padding:0;
}
.question-sms-option input {
  display:none;
}
.question-sms-option .wrapper svg {
  display:block;
}
.question-sms-option .wrapper svg path {
  transition:all .2s ease-in-out;
}
.question-sms-option input:checked + .wrapper svg path {
  fill:#564FFF;
  stroke:#FFFFFF;
  transition:all .2s ease-in-out;
}
.global-chat-box-noempty {
  display:block !important;
}
.yorum-uyelik-hata {
  color:#fff;
  text-align:Center;
  font-family: "StyreneAWeb Regular";
  font-weight:normal;
  font-size:14px;
  position:absolute;
  padding:30px;
  bottom:15px;
}
.money-withdraw-empty {
  background:#1E234B;
  border-radius:0 0 10px 10px;
  padding:20px;
  text-align:Center;
}
.money-withdraw-empty img {
  display:block;
  margin:0 auto;
  max-width:100%;
}
.m2-coins-empty-area {
  display:flex;
  align-items:Center;
  height:420px;
  justify-content:Center;
}
.m2-coins-empty-area img {
  display:block;
  max-width:100%;
  margin:0 auto;
}
.text-truncator {
  position:Relative;
  overflow:hidden;
  white-space: nowrap;
  justify-content:start !important;
}
.ilan-ekle-onaysiz-telefon {
  color:red;
  text-align:Center;
  font-family: "StyreneAWeb Regular";
  font-weight:normal;
}
.ilan-ekle-error-phone {
  text-align:Center;
  font-family: "StyreneAWeb Regular";
  font-weight:normal;
  font-size:18px;
  color:#fff;
}
.ilan-ekle-error-phone .icon {
  margin-bottom:20px;
}
.ilan-ekle-error-phone .icon svg {
  display:block;
  margin:0 auto;
}
.confirmdl-ilan-title {
  color:#fff;
  font-family: "StyreneAWeb Bold";
  margin:0 0 20px 0;
  padding:0;
  font-weight:normal;
}
header#header div.middle-header div.middle-header-container div.elements div.notifications div.opener div.list div.item div.item-details div.title a {
  text-decoration: underline;
}
.withdraw-alt-area {
  max-width:500px;
}
.save-for-update {
  display:none;
  color:#fff;
  font-family: "StyreneAWeb Regular";
  font-size:14px;
  color:#39E29D;
}
.avatar-cover {
  width:100%;
  height:100%;
  border-radius:100%;
  position:Relative;
  z-index:2;
  background:#424878;
  /* url("../../images/noUserImage.png") no-repeat center center */
}
.avatar-cover.active {
  padding-top:5px;
  background:#424878 !important;
}
.avatar-cover.active .avatar {
  width:60px !important;
  height:60px !important;
  margin:0 auto;
}
.log-table__head {
  background-color: #252C5A;
  border-radius: 10px 10px 0px 0px;
  display:flex;
  align-items:center;
  flex-wrap:Wrap;
}
.log-table__head .head-item {
  color:#fff;
  padding:13px 0px;
  font-family: "StyreneAWeb Bold";
  font-size:13px;
  line-height:14px;
  text-align:Center;
  width:50%;
}
@media (max-width:767px) {
  .log-table__head {
    display:none;
  }
}
.log-table__listing {
  background:#1E234B;
  border-radius:0 0 10px 10px;
  max-height:600px;
  overflow-y:auto;
  position:Relative;
}
.log-table__listing .log-table__listing--item {
  display:flex;
  align-items:Center;
  flex-wrap:wrap;
  text-align:Center;
  border-bottom:1px solid rgba(255,255,255,0.2);
}
.log-table__listing .log-table__listing--item:last-child {
  border-bottom:none;
}
.log-table__listing .log-table__listing--item .listing-item {
  padding: 23px 15px;
  text-align: center;
  font-family: "StyreneAWeb Regular";
  width:50%;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}
@media (max-width:767px) {
  .log-table__listing {
    border-radius:10px;
  }
  .log-table__listing .log-table__listing--item .listing-item {
    padding:10px;
    width:100%;
  }
  .log-table__listing .log-table__listing--item .listing-item:nth-child(2) {
    margin-top:10px;
    padding-top:0px;
  }
}
.header-swipe-notification {
  background-color: #564FFF;
  padding: 17px 0px;
  position:Relative;
  overflow:hidden;
  z-index:10;
  width:100%;
}
.header-swipe-notification #scrolling-text {
  color:#fff;
  font-family: "StyreneAWeb Medium";
  font-size:16px;
  white-space: nowrap;
}

@keyframes scroll {
  0% {
    right:0;
  }
  100% {
    right:100%;
  }
}
.too-soon {
  position:Relative;
}
.too-soon .too-soon__title {
  background:#564FFF;
  position:Relative;
  font-size:10px;
  border-radius:5px;
  padding:5px;
  position:absolute;
  left:0;
  right:0;
  top:-30px;
  font-family: "StyreneAWeb Bold";
  color:#fff;
}
.too-soon .icon {
  opacity:0.7;
}
.too-soon .name {
  opacity:0.7;
}
.too-soon:hover .icon {
  background:#1E234B !important;
}
.header-servers {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  position: relative;
}




.header-servers div.items-search {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.header-servers div.items-search:first-child div.current {
  padding-left: 0;
}
.header-servers div.items-search:last-child {
  margin-right: 0;
}
.header-servers div.items-search.active div.current div.down {
  transform: rotate(-180deg);
  transform-origin: 5px 0;
  position: relative;
  top: 100%;
}
.header-servers div.items-search.active div.items {
  opacity: 1;
  z-index: 9;
  visibility:visible !important;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.header-servers div.items-search div.current {
  height: 50px;
  background: #1E234B;
  border-radius: 6px;
  font-size: 0;
  border:1px solid #564FFF;
  line-height: 48px;
  padding-right: 10px;
  padding-left: 15px;
  cursor: pointer;
}
@media (max-width:1023px) {
  .header-servers div.items-search div.current {
    height:40px;
    line-height:38px;
  }
}
.header-servers div.items-search div.current div.icon {
  width: 40px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.tl-karsiligi {
  font-size:14px;
  color:#fff;
  display:block;
  margin-top:10px;
}
.header-servers div.items-search div.current div.icon img {
  max-width: 100%;
  height: auto;
}
.header-servers div.items-search div.current div.text {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  max-width:100%;
  width: unset;
  display: inline-block !important;
  vertical-align: middle;
  padding: 0px 10px 0px 0px;
  font-family: "StyreneAWeb Regular";
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
  user-select: none;
}
@media (min-width:768px) {
  .header-servers div.items-search div.current div.text {
    min-width:140px;
    text-align:left;
  }
}
@media (max-width:767px) {
  .header-servers div.items-search div.current div.text {
    max-width:80px;
    font-size:11px;
  }
}
.header-servers div.items-search div.current div.down {
  width: 22.5px;
  display: inline-block;
  vertical-align: middle;
  transform-origin: center center;
  float: right;
}
.header-servers div.items-search div.current div.down img {
  max-width: 10px;
  height: auto;
}
.header-servers div.items-search div.items {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  background: #1E234B;
  
  border: 1px solid #564FFF;
  border-radius: 10px;
  padding: 15px 15px 25px 15px;
  opacity: 0;
  overflow: hidden;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0) translateY(-21px);
  -ms-transform: scale(0) translateY(-21px);
  transform: scale(0) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: -1;
}
.header-servers div.items-search div.items.items-normal {
  padding-bottom: 15px;
}
.header-servers div.items-search div.items.items-normal div.list {
  overflow: hidden;
}
.header-servers div.items-search div.items div.search {
  padding: 15px 11px;
  background: #0D0E40;
  border-radius: 6px;
  font-size: 0;
  margin-bottom: 15px;
}
.header-servers div.items-search div.items div.search div.icon {
  width: 16px;
  display: inline-block;
  vertical-align: middle;
}
.header-servers div.items-search div.items div.search div.icon img {
  max-width: 100%;
  height: auto;
}
.header-servers div.items-search div.items div.search input {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 16px);
  padding: 0px 12.5px;
  background-color: transparent;
  border: none;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
}
.header-servers div.items-search div.items div.search input::placeholder {
  opacity: 0.5;
}
.header-servers div.items-search div.items div.list {
  max-height: 250px;
  overflow-y: auto;
}
.header-servers div.items-search div.items div.list a.button {
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  display: block;
  text-align:left;
  margin-bottom: 20px;
}
.header-servers div.items-search div.items div.list a.button:last-child {
  margin-bottom: 0;
}
.header-servers div.items-search div.items div.list::-webkit-scrollbar {
  width: 20px;
}
.header-servers div.items-search div.items div.list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 24px 24px transparent;
  border: solid 8px transparent;
  background-image: url("../../images/scroll-bg.png");
  background-repeat: repeat-y;
  background-size: contain;
  background-position: bottom;
}
.header-servers div.items-search div.items div.list::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 24px 24px #564FFF;
  border: solid 8px transparent;
  border-radius: 24px;
}
.header-servers div.items-search div.items div.list::-webkit-scrollbar-button {
  display: none;
}
.coins-not-found {
  text-align:Center;
  padding:30px 0 30px 0;
}
.coins-not-found img {
  display:block;
  margin:0 auto;
  max-width:100%;
}
.coins-not-found .result-text {
  color:#fff;
  text-align:Center;
  font-size:16px;
  margin-top:15px;
  font-family: "StyreneAWeb Bold";
}
.coins-not-found .result-text span {
  font-size:16px;
  font-family: "StyreneAWeb Bold";
  color:#564FFF;
}
.page-filter {
  cursor:pointer;
  margin:0;
  padding:0;
  display:block;
  position:Relative;
}
.page-filter .content {
  font-size:14px;
  background:#1E234B;
  border-radius:5px;
  padding:13px 15px 13px 45px;
  position:Relative;
  line-height:14px;
  color:#fff;
  font-family: "StyreneAWeb Regular";
}
.page-filter .content::after {
  content:"";
  position:absolute;
  left:15px;
  width:16px;
  top:50%;
  transform:TranslateY(-50%);
  border-radius:3px;
  height:16px;
  background-position:Center center;
  background-repeat: no-repeat;
  border:1px solid rgba(255,255,255,0.1);
  transition:all .2s ease-in-out;
}
.page-filter input {
  display:none;
}
.page-filter input:checked + .content::after {
  background-color:#564FFF;
  border-color:#564FFF;
  background-image:url("../../images/icon-tick.svg");
}
@media (min-width:1024px) {
  .delivery-no-gallery .delivery-user {
    width:310px !important;
  }
  .delivery-no-gallery .delivery-gallery {
    display:none !important;
  }
  .delivery-no-gallery .delivery-options {
    width: calc(100% - 340px) !important;
  }
}
.mobile-menu-opened {
  display:none;
}
.mobile-menu-opener {
  position:Relative;
  padding:10px;
  display:block;
}
.mobile-menu-opener::after {
  content:"";
  background:url("../../images/icons/down.svg") no-repeat center center;
  transition:all .2s ease-in-out;
  position:absolute;
  background-position:center center;
  width:16px;
  height:16px;
  right:15px;
  top:50%;
  transform:TranslateY(-50%) rotate(0deg);
}
.mobile-menu-opener.active::after {
  transform:TranslateY(-50%) rotate(180deg);
  transition:all .2s ease-in-out;
}
.mobile-menu-list {
  max-height:200px;
  position:Relative;
  overflow-y:auto;
}
.mobile-menu-list a {
  display:block;
  padding:5px 10px;
  font-size:14px;
  color:#fff;
  line-height:14px;
  font-family: "StyreneAWeb Regular";
}
.mobile-menu ul li {
  border-bottom:1px solid rgba(255,255,255,0.1);
}
.mobile-menu ul li:last-child {
  border-bottom:none;
}
.mobile-languages {
  display:flex;
  flex-wrap:wrap;
}
.mobile-languages a {
  display:block;
  width:20%;
  margin-bottom:10px;
}
.mobile-languages a .name {
  display:block;
  text-align:Center;
}
.mobile-languages a .flag {
  display:block;
  margin:0 auto;
}
.mobile-languages a img {
  display:block;
  width:23px;
  margin:0 auto;
  height:16px;
  border-radius:3px;
  object-fit:cover;
}
main#main div.alt-page div.alt-area div.area-deficent aside.area-sidebar div button:disabled,
.order-block .payment-options button:disabled {
  opacity:0.5;
  cursor:no-drop
}
@media (min-width:1024px) {
  .payment-result-page,.resulter-page__cover {
    min-height:70vh;
  }
}
.resulter-page__cover {
  display:flex;
  padding:50px 0;
  align-items:Center;
  position:Relative;
  z-index:2;
}
.resulter-page::after {
  position: fixed;
  content: "";
  top: 0;
  left: -15px;
  width: calc(100% + 30px);
  height: 100%;
  background:rgba(9,10,51,0.8) url("../../images/resultbg.jpg") no-repeat center center;
  background-size:cover;
  opacity:0.9;
}
.resulter-page__wrapper {
  width:100%;
}
.resulter-page .content {
  max-width:600px;
  border-radius:20px;
  margin:0 auto;
  background:rgba(255,255,255,0.03);
  backdrop-filter:blur(20px);
  padding:40px;
}
.resulter-page .title {
  font-family: "StyreneAWeb Bold";
  font-style:normal;
  color:#fff;
  font-size:50px;
  margin:0;
  text-align:Center;
  padding:0;
  line-height:50px;
}
@media (max-width:992px) {
  .resulter-page .title {
    font-size:30px;
    line-height:34px;
  }
}
.resulter-page .icon {
  text-align:Center;
  margin-bottom:30px;
}
.resulter-page .icon svg {
  display:block;
  margin:0 auto;
}
.resulter-page .desc {
  font-family: "StyreneAWeb Regular";
  color:#fff;
  font-size:20px;
  line-height:30px;
  margin:30px 0 0 0;
  padding:0;
}
.resulter-page .payment-result-message.success {
  text-align:Center;
  color:#29FF72;
  font-family: "StyreneAWeb Regular";
  font-size:20px;
  line-height:30px;
}
.resulter-page .payment-result-message.error {
  text-align:Center;
  color:#FF5959;
  font-family: "StyreneAWeb Regular";
  font-size:20px;
  line-height:30px;
}
.confirsucc,.confirerr {
  background-position:right 15px center;
}
.confirsucc.active,.confirerr.active {
  background-image:url("../../images/icons/check.svg");
  background-repeat:no-repeat;
}
@media (min-width:1024px) {
.coins-header .elements {
  width: 625px !important;
  
}
.coins-header .header-servers {
  width: calc(100% - 1000px) !important;
}
}
.password-changer-page .payment-result-message {
  display: flex;
  width: 100%;
  margin-top: 8px;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 10px;
  position: relative;
  font-size: 12px;
  margin-bottom:20px;
  align-items:center;
}
.password-changer-page .payment-result-message .icon {
  margin-right:10px;
}
.password-changer-page .payment-result-message .icon svg {
  display:block;
  width:20px;
  height:20px;
}
.password-changer-page .payment-result-message.error {
  background: #25123F;
  border-left: 2px solid #FF3C5F;
  color: #FF3C5F;
}
.password-changer-page .payment-result-message.success {
  background: #123f3b;
  border-left: 2px solid #3cff93;
  color: #3cff93;
}
@media (max-width:1023px) {
  .coins-header .logo {
    display:none !important;
  }
  .coins-header .responsive-menu {
    width:15% !important;
  }
  .coins-header .header-servers {
    width:60% !important;
  }
  .coins-header .elements {
    width:25% !important;
  }
  .coins-header .buttons {
    width:25% !important;
    margin-top:0 !important;
  }
  .coins-header div.middle-header-container div.buttons a.button {
    padding-right:10px !important;
    padding-left:10px !important;
  }
}
.button_do_filter {
    height:40px;
    line-height:40px;
    padding:0 20px;
    background-color: #564FFF;
    border-radius: 6px;
    border: none;
    display:inline-block;
    position:Relative;
    overflow:hidden; 
    cursor:pointer;
    outline:none;
    font-family: "StyreneAWeb Medium";
    font-size: 15px;
    color: #fff;
    text-transform: capitalize;
    transition:all .2s ease-in-out;
}
.button_do_filter:hover {
  background:#605ae7;
  transition:all .2s ease-in-out;
}
@media (max-width:767px) {
  .button_do_filter {
    width:100%;
    text-align:Center;
  }
  .page-filter {
    width:100%;
  }
}
@media (min-width:992px) {
  .delivery-no-galery .delivery-user {
    width:290px !important;
  }
  .delivery-no-galery .delivery-options {
    width: calc(100% - 320px) !important;
  }
}
.filter-selector {
  position:Relative;
}
.filter-selector__button {
  position:Relative;
  font-size: 14px;
  cursor:pointer;
  background: #1E234B;
  border-radius: 5px;
  padding: 13px 45px 13px 15px;
  position: Relative;
  line-height: 14px;
  color: #fff;
  font-family: "StyreneAWeb Regular";
}
.filter-selector__button::after {
  background:url("../../images/icons/down.svg") no-repeat center center;
  content:"";
  width:16px;
  height:16px;
  position:absolute;
  right:15px;
  transition:all .2s ease-in-out;
}
.filter-selector.active .filter-selector__button::after {
  transform:rotate(180deg);
  transition:all .2s ease-in-out;
}
.filter-selector__content {
  display:none;
  width:200px;
  position:absolute;
  border-radius:5px;
  top:110%;
  background: #242953;
  z-index:100;
  padding:10px;
}
.filter-selector__content .page-filter {
  margin-bottom:10px;
}
.filter-selector__content .page-filter:last-child {
  margin-bottom:0;
}
.search-server-type {
  display:Flex;
  margin-bottom:10px;
}
.search-server-type__item {
  background:#292F5F;
  font-size:14px;
  text-align:Center;
  display:block;
  font-family: "StyreneAWeb Bold";
  padding:10px 0;
  font-weight:700;
  color:#fff;
  transition:all .2s ease-in-out;
  border-radius:5px;
  width:48.5%;
}
.search-server-type__item.active {
  background:#564FFF; 
  transition:all .2s ease-in-out;
}
.search-server-type__item:nth-child(1) {
  margin-right:3%;
}
.search-server-list__content {
  display:none;
}
.search-server-list__lister {
  display:block;
  position:Relative;
  overflow-y:auto;
  height:250px;
}
.search-server-list__content.active {
  display:block;
}
.search-server-list__lister a {
  color:#fff !important;
  display:block;
  border-bottom:1px solid rgba(255,255,255,0.05) !important;
  font-size:14px !important;
  padding:7px 10px !important;
  margin:0 !important;
  font-family: "StyreneAWeb Regular" !important;
  text-align:left !important;
}
.search-server-list__lister a:last-child {
  border-bottom:none;
}
.search-formx {
  position:Relative;
}
.search-formx input {
  display:block;
  background:#0F122E;
  color:#fff;
  font-family: "StyreneAWeb Regular" !important;
  font-size:14px;
  border-radius:5px;
  height:50px;
  padding:0 50px 0 20px;
  border:none;
  width:100%;
  outline:none;
}
.search-formx .iconx {
  position:Absolute;
  right:20px;
  margin:0;
  padding:0;
  top:50%;
  transform:TranslateY(-50%);
}
@media (min-width:1690px) {
  .coins-header .header-servers {
    padding-left:225px;
  } 
} 
@media (min-width:1024px) {
  .unsession-coins-header .elements {
    width:375px !important;
  }
  .unsession-coins-header .header-servers {
    padding-left:0 !important;
    width:calc(100% - 752px) !important;
  }
}
.verified-profile-detail {
  padding:15px;
  border-radius:5px;
  margin-bottom:20px;
}
.verified-profile-detail .id-toggled .form-group:last-child {
  margin-bottom:0;
}
.verified-profile-detail-icon {
  color:#fff;
  font-size:18px;
  display:flex;
  justify-content:center;
  font-family: "StyreneAWeb Bold" !important;
  align-items:center;
  margin-bottom:20px;
}
.verified-profile-detail-icon svg {
  margin-right:10px;
}
.verified-profile-detail-content img {
  display:block;
  margin:0 auto;
  max-width:100%;
  margin-top:20px;
  width:260px;
}
@media (min-width:1200px) {
  .verified-profile-detail {
    margin-top:-100px;
  }
}
.login-mail-problem {
  display:none;
}
.login-mail-problem.active {
  display:block;
}
#p_number_profile:disabled {
  background:rgb(0 0 0 / 20%) !important;
}
.coins-page-area {
  border:1px solid #564FFF;
}
.sample_primary_link {
  font-family: "StyreneAWeb Medium";
  font-size: 14px;
  display:inline-block;
  color:#564FFF;
}
.sample_primary_link:hover {
  color:#564FFF;
  text-decoration: underline;
}
.telefon_guncelle_button {
  display:none;
}
.telefon_guncelle_button.active {
  display:inline-block;
  padding:0 !important;
}
.sms-input {
  width: 100%;
  height: 45px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: transparent;
  padding: 0px 15px;
  font-family: "StyreneAWeb Regular";
  font-size: 14px;
  color: #fff;
  outline:none;
  display:block;
  width:100%;
  text-align:Center;
}
.intl-tel-input.separate-dial-code.allow-dropdown input, .intl-tel-input.separate-dial-code.allow-dropdown input[type=text]:not(:disabled) {
  background:transparent !important;
  color:#fff !important;
}
#qiwi2 + .payment {
  padding:0 !important;
}
#qiwi2 + .payment img {
  max-width:95% !important;
  max-height:65px !important;
}
.trustpilot-all {
  border: 2px solid #7fc7ab54;
  display:inline-block;
  border-radius:3px;
}
.trustpilot-section .trustpilot-content {
  padding:5px 10px;
  width:270px; 
}
@media (max-width:767px) {
  .trustpilot-section .trustpilot-content {
    width:100%;
  }
.trustpilot-section .trustpilot-content iframe {
  width:100% !important;
}
}
.delivery-video {
  position:absolute;
  right:102%;
  top:50%;
  transform:TranslateY(-50%);
  background:#1E234B !important;
  padding:5px;
  border-radius:5px;
}
@media (max-width:767px) {
  .delivery-video {
    display:none;
  } 
}
.delivery-video img {
  display:block;
  border:none;
  object-fit:cover;
  width:300px;
}
.add-bank-account-name {
  display:none;
}
.add-bank-account-name.active {
  display:Block;
}
.loginForm .payment-result-message.success {
  text-align:Center;
  color:#ffffff;
  font-family: "StyreneAWeb Regular";
  font-size:20px;
  line-height:30px;
  margin-top:20px;
  display:flex;
  flex-direction: column;
}
.loginForm .payment-result-message.success .icon {
  order:2;
  margin-top:20px;
}
.loginForm .payment-result-message.success .icon svg {
  display:block;
  margin:0 auto;
  width:35px;
  height:35px;
}

.rating-bar-content {
  text-align:Center;
}
.rating-bar {
  display:inline-block;
}
.rating-bar input {
  display: none;
}
.rating-bar label {
  margin:0 6px;
  padding:0;
  display:inline-block;
  cursor: pointer;
}
.rating-bar label:first-child {
  margin-left:0;
}
.rating-bar label:last-child {
  margin-right:0;
}
.rating-bar label svg path {
  fill: rgba(255,255,255,0.2);
  transition:all .2s ease-in-out;
}

.rating-bar label svg {
  width:20px;
  height:20px;
}

.rating-bar label.active_1 svg path,
.rating-bar label.active_2 svg path {
  fill: #F42A2A;
}
.rating-bar label.active_3 svg path {
  fill: #F4672A;
}
.rating-bar label.active_4 svg path,
.rating-bar label.active_5 svg path {
  fill: #F4AF2A;
}
.degerleme_area {
  width: 100%;
  height: 142px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 15px;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.5);
  font-family: "StyreneAWeb Regular";
  font-size: 16px;
  resize: none;
}
.o-number-empty {
  padding-top:15px;
}
.statu-is-completed {
  color:#39E29D !important;
}
.withdraw-listing-scroll {
  max-height:700px;
  position:relative;
  overflow-y:auto;
}
.table-listing-sol .listing-block {
  padding:17.5px 0 !important;
}

.trustpilot-all-covered {
  min-height:50px;
}
.sms-timer {
  display:none;
  font-size:14px;
  color:#fff;
  text-align:Center;
}
.sms-clocker {
  font-size:14px;
  color:#fff;
  display:inline-block;
  vertical-align: middle;
  margin-left:10px;
}
.reviews-stars {
  display:flex;
  align-items:Center;
}
.reviews-stars svg {
  width:10px;
  display:Block;
  height:10px;
  margin-right:5px;
}
.reviews-stars svg path {
  fill:rgba(255,255,255,0.3);
}
.reviews-stars.rated_1 svg:nth-child(1) path,
.reviews-stars.rated_2 svg:nth-child(1) path,
.reviews-stars.rated_2 svg:nth-child(2) path {
  fill: #F42A2A;
}
.reviews-stars.rated_3 svg:nth-child(1) path,
.reviews-stars.rated_3 svg:nth-child(2) path,
.reviews-stars.rated_3 svg:nth-child(3) path {
  fill: #F4672A;
}
.reviews-stars.rated_4 svg:nth-child(1) path,
.reviews-stars.rated_4 svg:nth-child(2) path,
.reviews-stars.rated_4 svg:nth-child(3) path,
.reviews-stars.rated_4 svg:nth-child(4) path,
.reviews-stars.rated_5 svg:nth-child(1) path,
.reviews-stars.rated_5 svg:nth-child(2) path,
.reviews-stars.rated_5 svg:nth-child(3) path,
.reviews-stars.rated_5 svg:nth-child(4) path,
.reviews-stars.rated_5 svg:nth-child(5) path {
  fill: #F4AF2A;
}
.reportDropped {
  top:30px !important;
  z-index:10;
  right:0;
  left:auto;
  background:#252C5A !important;
  border:none !important;
  width:100px !important;
  padding:10px !important;
  border-radius:10px;
}
.report-comment span {
  display:block;
}
.report-col:nth-child(2) {
  padding-right:5px;
}
/* .reportDropped__wrapper button:first-child {
  margin-right:4%;
} */
.reportDropped__wrapper button {
  border:none;
  width:100%;
  padding:10px 0;
  color:#111;
  text-align:Center;
  border-radius:10px;
  outline:none;
  font-family: "StyreneAWeb Regular";
  font-size:14px;
}
.report_okay {
  background:#39E29D;
}

.report-success, .report-danger {
  height: 43px;
  line-height: 43px;
  border-radius: 8px;
  display: block;
  width: 100%;
  font-family: "StyreneAWeb Medium";
  font-size: 15px;
  color: #000000;
  text-align:Center;
  opacity: 1;
  transition-duration: 0.5s;
}
.report-success:hover, .report-danger:hover {
  color:#000000;
  opacity: 1;
}
.report-success {
  background-color: #39E29D;
}
.report-danger {
  background-color: #EF4141;
}
.report-title {
  font-family: "StyreneAWeb Bold";
  text-align:Center;
  color:#fff;
  font-size:18px;
  margin-bottom:20px;
}
.modal-dialog.modal-sm {
  max-width:490px !important;
}
.nice-select {
  border-radius:8px !important;
}
.sms-warning {
  font-family: "StyreneAWeb Medium";
  color:#EF4141;
  font-size:18px;
  text-align:Center;
}


.modal-report .payment-result-message.success {
  text-align:Center;
  color:#ffffff;
  font-family: "StyreneAWeb Regular";
  font-size:20px;
  line-height:30px;
  margin-top:20px;
  display:flex;
  flex-direction: column;
}
.modal-report .payment-result-message.success .icon {
  order:2;
  margin-top:20px;
}
.modal-report .payment-result-message.success .icon svg {
  display:block;
  margin:0 auto;
  width:35px;
  height:35px;
}
.alerter,.errorer {
  display:none;
  text-align:Center;
  color:#fff;
  font-family: "StyreneAWeb Regular";
  font-size:16px;
  margin-top:20px;
}
.alis-button {
  background:#32386F !important;
}
.alis-button:hover {
  background:#3E4479 !important;
}
.review-subtitle {
  position:Relative;
  display:inline-block;
  padding:10px 20px 10px 40px;
  border:1px solid #fff;
  border-radius:50px;
}
.review-subtitle::before {
  position:absolute;
  top:50%;
  transform:TranslateY(-50%);
  width:10px;
  height:10px;
  border-radius:100%;
  left:20px;
  content:"";
  animation: dotAnimated .7s linear infinite;
}
@keyframes dotAnimated {
  0% {
    background:transparent;
  }
  50% {
    background:#00DB8C;
  }
  100% {
    background:transparent;
  }
}
.alis-button span.text {
  border-left:1px solid rgba(255,255,255,0.1) !important;
}
.factor:hover {
  color:#fff !important;
}
@media (max-width:767px) {
  .iti-mobile .intl-tel-input.iti-container {
    position:fixed !important;
    bottom:0 !important;
    top:auto !important;
    right:auto !important;
    left:0 !important;
    right:0 !important;
    height:200px !important;
    z-index:3000 !important;
    width:100% !important;
    padding-bottom:0 !important;
    margin-bottom:0 !important;
  }
}

.bannerProduct {
  width: 167px;
  height: 730px;
  position:fixed;
  z-index:999;
  top:140px;
  padding:5px;
  border-radius: 10px;
  background-color: #2E335F;
  @media (max-width:1745px) {
    width: 140px;
  }
}
.bannerProduct.one {
  left:43px;
  @media (max-width:1745px) {
    left:15px;
  }
}
.bannerProduct.two {
  right:43px;
  @media (max-width:1745px) {
    right:15px;
  }
}
.bannerProduct img {
  width:100%;
  height: 100%;
  display: block;
  border-radius: 10px;
}
@media (max-width:1424px) {
  .bannerProduct {
    display: none;
  }
}

      .custom-slide-animated {
        list-style: none;
        position:relative;
        padding:0;
        margin:0;
      }
      .custom-slide-animated li {
        font-size:22px;
        font-weight: 500;
        color:white;
        padding-bottom: 10px;
        display: flex;
        align-items: center;
      }
      .custom-slide-animated li span {
        display: inline-block;
        color:#fff!important;
        transition: all .2s ease-in-out;
        font-family: "StyreneAWeb Regular";
	font-style:normal;
      }
      .custom-slide-animated li img {
        margin-right: 15px;
        transition: all .2s ease-in-out;
      }
      .custom-slide-animated li:last-child {
        padding-bottom: 0;
      }
      .custom-slide-animated li.active span {
        color:#5950fd!important;
        font-size:25px;
        transition: all .2s ease-in-out;
      }
      .custom-slide-animated li.active img {
        width: 29px;
        height: 29px;
        transition: all .2s ease-in-out;
      }
      .home-top-title {
        padding-left: 40px;
        margin-bottom: 30px;
      }
      .home-carousel::before {
	content: "";
    	position: absolute;
    	top: -5px;
    	left: 30px;
    	background-color: #564efe;
    	transform: translateX(-50%);
    	width: 2px;
    	height: 135px;
      }
      .home-carousel::after {
        content:"";
        position:absolute;
        bottom: 70px;
        background-color: #564efe;
        left: 30px;
        transform: translateX(-50%);
        width: 2px;
        height: 40px;
      }

@media (max-width:1199px) {
  .home-carousel:before {
    top:0px;
    left:27px;
    height:130px
  }
  .home-carousel:after {
    bottom:98px;
    left:27px
  }
  .custom-slide-animated li {
    font-size:13px;
    padding-bottom:0px;
  }
  .custom-slide-animated li span {
    font-size:13px;
  }
  .custom-slide-animated li.active span {
    font-size:13px;
  }
  .custom-slide-animated li img {
    width:20px;
    height:20px;
    margin-right: 7px;
  }
  .custom-slide-animated li.active img {
    width:23px;
    height:23px;
  }
.home-top-title {
    text-align: start;
 }

}

.home-top-btn {
  margin:60px 0 0 40px;
}
.home-top-btn a {
  display:inline-block;
  font-size:15px;
  font-family: "StyreneAWeb Medium";
  font-style:normal;
  padding:15px 40px;
  background:#5850fd;
  border-radius:5px;
}
@media (max-width:1199px) {
  .home-top-btn {
    margin:40px 0;
  }
  .home-top-btn a {
    font-size:14px;
    padding:10px 30px;
  }
.home-yang img {
    max-width: 270px!important;
 }
 .custom-slide-animated li span {
  line-height:  20px;
 text-align:start;
}
.custom-slide-animated li {
  padding-bottom:10px;
}
}

@media (min-width:1200px) {
  .hp-title .col-lg-7.order-2 {
    position:relative;
  }
  .hp-title .col-lg-7.order-2 .home-top-btn {
    position:absolute;
    bottom:0;
  }
}