/***** Basic styles *****/



/* Fonts */

@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Semi+Condensed:wght@500&display=swap');

/*font-family: 'Sofia Sans Semi Condensed', sans-serif;*/

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');

/*font-family: 'Rubik', sans-serif;*/

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500&display=swap');

/*font-family: 'Oswald', sans-serif;*/

@import url('https://fonts.googleapis.com/css2?family=Anuphan:wght@400;500;600&display=swap');

/*font-family: 'Anuphan', sans-serif;*/



/* Zeroing */

*, *::before, *::after {

  padding: 0;

  margin: 0;

  border: 0;

  box-sizing: border-box;

}



/*Additional styles*/



ul, ol, li { list-style: none; }



img { vertical-align: top; }



h1, h2, h3, h4, h5, h6 {

  font-weight: inherit;

  font-size: inherit;

}



input, textarea { outline:none; }



button i {

  font-size: 16px !important;

}



html ::selection {

  color: #fff;

  background: #517cc3;

}



/*Main styles*/



html, body {

  height: 100%;

  font-family: 'Roboto', sans-serif;

  letter-spacing: 1px;
  
  

}



.wrapper {
  min-height: 100vh;
    position: relative;
  display: flex;
  flex-direction: column;
  color: rgba(0,0,0,0.87);
  font-family: 'Rubik', sans-serif;
  background: #fcc1cb; /* Un rojo tranquilo */
  background-image: linear-gradient(to bottom, #fcc1cb 0%, #ffffff 100%); /* Degrade hacia blanco */
}

.trx-logo {
    position: absolute;
    width: 50px; /* Ajusta el tamaño según tu necesidad */
    z-index: -1; /* Coloca los logos en el fondo */
    pointer-events: none; /* Evita interacciones con los logos */
}





header {
  margin: 10px 0;
  text-align: center;
}

.header {
  width: 100%;
  max-width: 1200px;
  padding: 20px;
  border-radius: 5px;
  background: #f8fafb;
  border: 1px solid #dcdcdc;
  margin: 0 auto;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}




.header-menu {

  display: flex;

  justify-content: space-between;

}



.header-menu div {

  display: flex;

  align-items: center;

}



.site-name {

  color: #374957;

  margin-bottom: -2px;

  line-height: normal;

  font-size: 28px;

  margin-left: 3px;

  font-weight: 500;

  font-family: 'Sofia Sans Semi Condensed', sans-serif;

}



.ul-pc-menu {

  display: flex;

  align-items: center;

  font-size: 18px;

  letter-spacing: .2px;

}



.ul-pc-menu li {

  margin: 0 7px;

}



.ul-pc-menu a, .ul-mob-menu a {

  color: #374957;

  display: flex;

  align-items: center;

  transition-duration: .3s;

  cursor: pointer;

}



.ul-pc-menu a:hover, .ul-mob-menu a:hover {

  color: #517cc3;

}



.ul-pc-menu img, .ul-mob-menu img {

  width: 32px;

  margin-right: 3px;

}



.additional-menu i {

  cursor: pointer;

  font-size: 25px;

  margin-top: 4px;

  color: #374957;

  transition-duration: .3s;

}



.additional-menu i:hover {

  opacity: 0.9;

}



#addMenu {

  position: absolute;

  background: #eff3f6;

  right:0;

  z-index: 1000;

  top: 70px;

  flex-direction: column;

  align-items: flex-start;

  box-shadow: rgb(211, 211, 211) 2px 2px 0px;

  border-radius: 5px;

  padding: 5px 10px;

}



#addMenu li {

  padding: 5px 0;

}



.mob-menu {

  display: none !important;

  margin-right: 5px;

}



.icon-tg-menu {

  margin-left: 10px;

  border-left: 2px solid #e3e9ed;

  padding-left: 10px;

}



.right-mob-menu {

  position: fixed;

  top: 0;

  left: 0;

  background: #eff3f6;

  width: 100%;

  height: 100%;

  transform: translateX(100%);

  transition-duration: .5s;

  opacity: 0;

  overflow: hidden;

  z-index: 1000;

  overflow-y: auto;

}



.right-mob-menu.show {

  transform: translateX(0);

  opacity: 1;

}



.ul-mob-menu {

  display: flex;

  align-items: flex-start;

  font-size: 20px;

  letter-spacing: .3px;

  flex-direction: column;

  margin-left: 50px;

  margin-top: 25px;

  text-align: left;

  text-align: -webkit-left;

}



.ul-mob-menu li {

  margin: 5px 0;

  border-bottom: 2px solid #e3e9ed;

  padding-bottom: 5px;

}



.ul-mob-menu img {

  width: 40px;

  margin-right: 5px;

}



.close-mob-menu {

  position: absolute;

  right: 30px;

  top: 30px;

  cursor: pointer;

}



.close-mob-menu:hover {

  opacity: 0.9;

}



main {

  margin: 5px 10px;

  text-align: center;

  text-align: -webkit-center;

}



.main {

  width: 100%;

  max-width: 1200px;

  padding: 15px;

  border-radius: 3px;

  background: #f8fafb;

  border: 1px solid #e3e9ed;

  min-height: 500px;

  margin: 0 auto;

}



.content-block {

  padding-top: 40px;

  padding-bottom: 40px;

  text-align: -moz-center;

}



.auth-block {

  margin-bottom: 45px;

}



.auth-block form {

  display: flex;

  align-items: stretch;

  justify-content: center;

  width: 95%;

  max-width: 400px;

  margin: 0 auto;

}



.auth-block form input, .user-input {

  padding-left: 10px !important;

  margin-right: 10px !important;

  background-color: #f8f8f8 !important;

  margin-bottom: 0 !important;

  border: 1px solid #d0d0d0 !important;

  border-radius: 3px !important;

  font-family: 'Rubik', sans-serif;

  letter-spacing: .2px;

  padding-right: 10px !important;

  box-shadow: 1px 1px 1px lightgrey !important;

}



.auth-block form input::placeholder,

.user-input::placeholder {

  text-transform: uppercase;

  color: darkgrey;

  font-family: 'Rubik';

  letter-spacing: .4px;

  font-size: 15px;

}



.auth-block form input:hover,

.user-input:hover,

textarea:hover {

  border: 1px solid #526272 !important;

}



.auth-block form input:focus,

.user-input:focus,

textarea:focus {

  border: 1px solid #526272 !important;

}



.auth-block form button {

  background-color: #113255 !important;

  color: whitesmoke;

  line-height: initial;

  height: auto;

  margin-bottom: 0.5px;

}



.dark-btn {

  background-color: #113255 !important;

  color: whitesmoke;

  font-family: 'Rubik';

  line-height: initial;

  height: 45px;

  line-height: 45px;

}



.auth-pincode {

  margin-bottom: 15px;

  font-size: 18px;

  margin-top: -5px;

}



.fast-auth {

  display: flex;

  align-items: center;

  justify-content: center;

  background: #eff3f6;

  margin: 20px auto;

  padding: 15px 0;

  width: 95%;

  max-width: 400px;

  border-radius: 3px;

  box-shadow: 0px 1px 1px lightgrey !important;

}



.fast-auth p {

  font-size: 15px;

  margin-right: 10px;

  margin-left: 10px !important;

  text-transform: uppercase;

  margin-bottom: -2px;

}



.ulogin-buttons-container div {

  border-radius: 5px !important;

}



.sign-bonus {

  display: flex;

  align-items: flex-end;

  justify-content: center;

  font-size: 18px;

  width: 95%;

  max-width: 400px;

  margin: 0 auto;

}



.sign-bonus span {

  margin-left: 5px;

  color: indianred;

  font-weight: 500;

}



.sign-bonus img {

  border-radius: 50%;

  margin-bottom: 2px;

}



.about-block, .partners-block {

  background: #eff3f6;

  margin-top: 30px;

  border-radius: 5px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

}



.about-block p, .partners-block p {

  max-width: 400px;

  margin: 15px;

  color: #272727;

  font-family: 'Sofia Sans Semi Condensed', sans-serif;

  font-size: 18px;

  letter-spacing: .5px;

  text-align: left;

  text-align: -webkit-left;

}



.about-block img, .partners-block img {

  max-width: 300px;

  margin: 15px;

}



.disabled-form {

  pointer-events: none !important;

}



.tariffs-block .head {

  margin-top: 45px;

  margin-bottom: 10px;

  font-size: 20px;

  letter-spacing: .3px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.multiple-tariffs-cards{

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

}



.tariff-card {

  margin: 15px;

  padding: 10px;

  background: #eff3f6;

  width: 95%;

  max-width: 280px;

  border-radius: 5px;

  box-shadow: 2px 2px 0px #d3d3d3;

}



.tariff-card p {

  color: #272727;

  font-family: 'Sofia Sans Semi Condensed';

  letter-spacing: .3px;

  font-size: 18px;

  display: flex;

  justify-content: space-between;

  margin: 10px;

  border-bottom: 1px solid lightgrey;

}



.text-img {

  display: flex;

  align-items: center;

  margin-top: -2px;

}



.partners-block {

  margin-top: 40px;

}



.bounty-block {

  margin-top: 50px;

  letter-spacing: .5px;

}



.bounty-block p {

  margin: 0 auto;

  margin-bottom: 15px;

  font-size: 17px;

  width: 95%;

  max-width: 500px;

}



.img-bounty {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

  margin-bottom: -10px;

}



.img-bounty img {

  margin: 10px;

}



.stat-block {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

}



.stat-block div {

  background: #eff3f6;

  margin: 10px;

  border-radius: 5px;

  min-width: 200px;

  padding: 10px;

  box-shadow: 2px 2px 0px #d3d3d3;

  text-align: left;

  text-align: -webkit-left;

}



.stat-block div p.head {

  font-size: 20px;

  margin-bottom: 1rem;

  font-weight: 500;

  display: flex;

  align-items: center;

}



.stat-block div p.head img {

  width: 28px;

}



.stat-block div p.desc {

  color: grey;

  font-size: 15px;

  letter-spacing: .3px;

  text-transform: capitalize;

}



.history-block {

  display: flex;

  justify-content: center;

  margin-top: 10px;

  flex-wrap: wrap;

  align-items: flex-start;

}



.history-block .table {

  max-width: 420px;

  width: 95%;

  margin: 10px;

  box-shadow: 2px 2px 0px #d3d3d3;

  border-radius: 5px;

}



.table .table-name {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  font-size: 16px;

  background: #eff3f6;

  padding: 10px;

  letter-spacing: .5px;

  font-family: 'Anuphan', sans-serif;

  font-weight: 500;

}



.table .table-name img {

  margin-right: 7px;

}



.table .table-content {

  overflow-x: auto;

}



.table .table-content table {

  letter-spacing: .3px;

}



th {

  font-weight: 500;

}



th, td {

  padding: 15px;

  white-space: nowrap;

}



tbody {

  color: rgba(0,0,0,0.87);

}



td {

  font-family: 'Sofia Sans Semi Condensed';

  font-size: 16px;

}



.faq-block {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

}



.faq-card {

  max-width: 420px;

  width: 95%;

  margin: 10px;

  box-shadow: 2px 2px 0px #d3d3d3;

  border-radius: 5px;

}



.faq-top {

  display: flex;

  align-items: center;

  font-size: 17px;

  background: #eff3f6;

  padding: 10px;

  letter-spacing: .4px;

  justify-content: flex-start;

  text-align: left;

  text-align: -webkit-left;

}



.faq-bottom {

  padding: 15px;

  letter-spacing: .4px;

  text-align: left;

  text-align: -webkit-left;

  font-family: 'Sofia Sans Semi Condensed';

  font-size: 15.5px;

}



.contacts-block {

  text-align: left;

  text-align: -webkit-left;

  margin: 0 20px;

}



.contacts-block div {

  display: flex;

  align-items: center;

}



.contacts-block div img {

  width: 50px;

  margin-right: 7px;

}



.contacts-block div a {

  color: #374957;

  font-size: 18px;

  transition-duration: .3s;

  letter-spacing: .4px;

}



.contacts-block div a:hover {

  color: #517cc3;

}



.rules-block {

  margin: 0 20px;

  text-align: left;

  text-align: -webkit-left;

}



.rules-block p.head {

  font-size: 20px;

  font-weight: 500;

  letter-spacing: .5px;

  margin-bottom: 1rem;

}



.rules-block p.desc {

  letter-spacing: .3px;

  margin-bottom: 1rem;

}



.grey-block {
  padding: 20px;
  background: linear-gradient(to right, #f0f0f0, #eff3f6);
  width: 90%;
  max-width: 800px;
  border-radius: 10px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
  margin: 15px;
  color: #444;
}




.grey-block.half {

  max-width: 400px;

}



.top-user {

  letter-spacing: .3px;

  font-size: 20px;

  font-family: 'Sofia Sans Semi Condensed', sans-serif;

}



.pay-icon {

  color: brown;

  font-size: 22px;

  line-height: 32px;

}



.dep-icon {

  color: #279778;

  font-size: 22px;

  line-height: 32px;

}



.mining-block {

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-wrap: wrap;

}



.mining-block div {

  margin: 10px;

  font-size: 20px;

}



.mining-block form {

  margin: 10px;

}



.deposit-table {

  width: 100% !important;

  max-width: 100% !important;

  background: #f8fafb;

  box-shadow: 1px 1px 0px #d3d3d3 !important;

}



#BNB::after {

  content: 'TRX';

  margin-left: 3px;

}



#BNB_2::after {

  content: 'TRX';

  margin-left: 5px;

}



#BNB_3::after {

  content: 'TRX';

  margin-left: 7px;

}



#BNB_4::after {

  content: 'TRX';

  margin-left: 0px;

}



.pagination {

  transition-duration: .3s;

  overflow-y: auto;

}



.pagination .disabled {

  pointer-events: none;

  opacity: 0.9;

}



.pagination ul {

  margin: 10px 5px 5px;

  width: 95%;

  max-width: 420px;

  overflow-x: auto;

  overflow-y: hidden;

  white-space: nowrap;

  padding-bottom: 5px;

}



.pagination li a {

  cursor: pointer;

  font-size: 1.1em;

  color: #171d21;

}



.pagination li a.active {

  background: #113255;

  color: whitesmoke;

  border-radius: 5px;

}



.collect-bonus-block {



}



.collect-bonus-user-info {

  /* background: #f8fafb; */

  padding: 0 5px;

  border-radius: 5px;

  font-family: 'Anuphan', sans-serif;

  font-weight: 500;

  margin: 5px;

}



.collect-bonus-user-info p {

  display: flex;

  justify-content: space-between;

  padding: 10px 5px;

  font-size: 16px;

  border-bottom: 1px solid lightgrey;

}



.collect-bonus-user-info p:last-of-type {

  border-bottom: none;

}



/* .collect-bonus-user-info p img {

  margin-bottom: 1px;

} */



.collect-bonus-user-info p i {

  color: #113255;

  cursor: pointer;

}



.button-group {

  display: flex;

  flex-direction: column;

  align-items: center;

}



.button-group button {

  margin: 8px;

  width: 100%;

  max-width: 200px;

}



.linking-social {

  padding: 14px 0;

}



.linking-social p {

  font-size: 16px;

}



.linking-social #uLogin {

  margin: 17px 0;

}



.modal {

  width: 85%;

  max-width: 400px;

}



.modal .modal-content {

  padding: 10px;

  font-size: 15px;

  /* margin-top: 10px; */

}



.modal a {

  margin-bottom: 10px;

  color: indianred;

  background: #eff3f6;

}



#info_collect p {

  margin: 5px 10px;

  margin-bottom: 15px;

  font-family: 'Anuphan', sans-serif;

  font-weight: 500;

  max-width: 70%;

}



.social-message {

  margin-top: 15px;

}



.social-message i {

  margin-bottom: 10px;

  font-size: 25px;

}



.social-message p {

  margin-bottom: 15px;

  font-size: 16px;

}



.select-group {

  text-align: left;

  text-align: -webkit-left;

  margin-bottom: -2px;

}



.select-group p {

  margin: 10px 0;

  background: #f8fafb;

  padding: 5px;

  border-radius: 5px;

  box-shadow: -2px 0px 0px #d3d3d3;

}



.select-group span {

  color: #272727;

}



.deposit button i,

.advt_balance button i {

  font-size: 1em !important;

}



.fccc {

  display: flex;

  flex-direction: column;

  align-items: center;

  align-content: center;

}



.user-input {

  max-width: 200px;

  margin: 10px 0 !important;

  text-align: center;

  text-align: -webkit-center;

}



.user-input::placeholder {

  text-transform: none;

}



.calculation {

  margin-top: 15px;

}



.calculation .left-right {

  display: flex;

  max-width: 220px;

  margin: 10px 0;

  background: #f8fafb;

  padding: 10px;

  border-radius: 3px;

  flex-direction: column;

  align-items: center;

}



.calculation .left-right .name {

  border-bottom: 1px solid lightgrey;

  margin-bottom: 5px;

  padding-bottom: 4px;

}



.deposit .mb8 {

  margin-bottom: 8px;

}



.deposit .mb2 {

  margin-bottom: 2px;

}



.user-history-table .table-name {

  padding-top: 0;

}



.user-history-table .table-content {

  background: #f8fafb;

  border-radius: 5px;

}



.bonus p {

  max-width: 95%;

}



.info-bonus-1 {

  margin: 10px 0;

  background: #f8fafb;

  padding: 10px;

  max-width: 95%;

  border-radius: 5px;

  display: flex;

  box-shadow: -2px 0px 0px #d3d3d3;

  justify-content: flex-start;

  align-items: center;

  margin-bottom: 15px;

  text-align: left;

  text-align: -webkit-left;

}



.info-bonus-1 .sum {

  color: #292d2f;

  font-weight: 500;

}



.info-bonus-2 {

  background: #f8fafb;

  border-radius: 3px;

  box-shadow: -2px 0px 0px #d3d3d3;

  margin-top: 10px;

  padding: 10px 15px;

  /* font-family: 'Anuphan';

  font-weight: 500; */

  max-width: 95%;

}



.info-bonus-2 p {

  max-width: 350px;

}



.info-bonus-2 a {

  color: #115b80;

  /* font-weight: 500; */

}



.info-bonus-3 {

  border-radius: 3px;

  padding: 5px;

  padding-bottom: 0;

  margin-top: 15px;

  font-family: 'Anuphan';

  font-weight: 500;

}



.info-bonus-4 p {

  margin: 10px 0;

  background: #f8fafb;

  padding: 10px;

  border-radius: 5px;

  font-family: 'Sofia Sans Semi Condensed';

  display: flex;

  font-size: 16px;

  /* box-shadow: -2px 0px 0px #d3d3d3; */

  justify-content: space-between;

}



.info-bonus-5 {

  display: flex;

}



.info-bonus-5 button {

  width: 50%;

  margin: 0 7px;

}



.white-block-red-text {

  background: #f8fafb;

  padding: 10px;

  border-radius: 5px;

  margin: 0 auto;

  margin-bottom: 15px;

  margin-top: 10px;

  font-weight: 500;

  color: indianred;

  letter-spacing: .5px;

}



.ptcads {

  min-height: 284px;

}



.ptcads ul.splide__pagination {

  padding: 0 5px;

  bottom: auto;

}



.ptc-block {

  background: #f8fafb;

  padding: 5px;

  border-radius: 5px;

  box-shadow: 1px 1px 0px #d3d3d3;

  width: 100%;

  margin: 10px 0;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  text-align: left;

  text-align: -webkit-left;

}



.top-ptc {

  margin-bottom: -4px;

}



.top-ptc .name {

  margin: 10px;

  font-size: 16px;

  letter-spacing: .3px;

  margin-top: 5px;

}



.top-ptc .name i,

.shortlinks-block .name i,

.quest-block .name i {

  color: #0277bd;

}



.top-ptc .desc {

  margin: 10px;

  color: #555555;

  letter-spacing: .3px;

  width: 350px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.top-ptc .desc i {

  color: #708090;

}



.center-ptc {

  display: flex;

  align-items: center;

  margin: 5px;

  margin-top: 0;

}



.center-ptc p {

  margin: 5px;

  font-family: 'Sofia Sans Semi Condensed', sans-serif;

}



.center-ptc .reward i,

.advt-type .reward,

.quest-block .reward i,

.shortlinks-block .reward i,

.leaderboard-contest .table i {

  color: #f8cf6a;

}



.center-ptc .timer i,

.advt-type .timer,

.middle-contest .desc span i {

  color: #db7093;

}



.center-ptc .remain i,

.bottom-contest p i {

  color: #5f9ea0;

}



.bottom-ptc {

  margin: 10px;

  margin-top: 5px;

}



.add_ads p {

  font-family: 'Sofia Sans Semi Condensed';

  font-size: 16px;

}



.add_ads .select-group p {

  padding: 10px;

  width: 230px;

  font-family: 'Anuphan', sans-serif;

  font-weight: 500;

  box-shadow: none;

}



.topup_ad {

  display: flex;

  align-items: center;

}



.topup_ad input {

  margin: 0 !important;

  width: 150px !important;

}



.topup_ad button {

  margin-left: 10px;

}



.topup_ad button i {

  font-size: 1em !important;

}



.edit_ad {

  margin-top: 10px;

}



.edit_ad button {

  width: 72px;

  height: 40px;

  line-height: 40px;

}



.edit_ad button i {

  font-size: 1em !important;

}



.bounty button i {

  font-size: 1em !important;

}



.bounty .left-white-block {

  text-align: left;

  text-align: -webkit-left;

  margin: 5px 0;

  background: #f8fafb;

  padding: 10px;

  border-radius: 5px;

  font-family: 'Sofia Sans Semi Condensed';

  font-size: 16px;

  box-shadow: -2px 0px 0px #d3d3d3;

}



.ref_link {

  display: flex;

  align-items: center;

}



.ref_link input {

  max-width: none;

  margin-right: 7px !important;

}



.ref_link i {

  color: whitesmoke;

  background: #113255;

  padding: 15px;

  border-radius: 5px;

  cursor: pointer;

  box-shadow: 1px 1px 1px lightgrey;

  transition-duration: .3s;

}



.ref_link i:hover {

  background: #1b426c;

}



.ref-project-banners {

  background: #113255;

  color: whitesmoke;

  padding: 6px 5px;

  display: flex;

  justify-content: center;

  border-radius: 3px;

  box-shadow: 1px 1px 1px lightgrey;

  margin-bottom: 20px;

}



.info-ref-bonus {

  letter-spacing: .5px;

  text-align: left;

  text-align: -webkit-left;

  margin: 10px 0;

  background: #f8fafb;

  padding: 10px;

  border-radius: 5px;

  font-size: 15px;

}



.progress-ref-bonus {

  display: flex;

  justify-content: space-between;

  margin: 5px;

  font-size: 16px;

}



.ref-stat {

  text-align: left;

  margin-top: 20px;

  margin-bottom: 10px;

  background: #f8fafb;

  padding: 0 5px;

  border-radius: 5px;

}



.ref-stat p {

  display: flex;

  font-size: 16px;

  padding: 10px 5px;

  border-bottom: 1px solid lightgrey;

  justify-content: space-between;

}



.ref-stat p:last-of-type {

  border-bottom: none;

}



.ref-stat p span:last-of-type {

  font-family: 'Sofia Sans Semi Condensed', sans-serif;

  font-size: 17px;

}



.ref-banner img {

  border-radius: 3px;

}



.ref-banner p {

  margin-top: 10px;

  padding: 0 10px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.table-referrals .table-name {

  margin-left: -10px;

}



.table-referrals .table-name a {

  cursor: pointer;

  color: #272727;

  background: #f8fafb;

  margin: 5px;

  padding: 10px;

  border-radius: 5px;

  border: 2px solid #e4eaee;

  transition-duration: .3s;

}



.table-referrals .table-name a.active {

  border: 2px solid lightgrey;

}



.table-referrals .table-name a:hover {

  border: 2px solid lightgrey;

}



/* .table-referrals .table-content {

  margin-bottom: 10px;

} */



.shortlinks-block {

  display: flex;

  justify-content: space-between;

  margin: 10px 0;

  background: #f8fafb;

  padding: 10px;

  border-radius: 3px;

  align-items: center;

}



.shortlinks-block div {

  text-align: left;

  text-align: -webkit-left;

}



.shortlinks-block div p {

  margin: 5px;

}



.next-view {

  text-align: center !important;

  text-align: -webkit-center !important;

}



.next-view i {

  color: #4caf50;

}



.quests .head {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  margin-bottom: 15px;

  font-family: 'Oswald', sans-serif;

  font-size: 18px;

}



.quest-block {

  margin: 15px 0;

  background: #f8fafb;

  padding: 10px;

  border-radius: 3px;

  box-shadow: 0px 1px 0px #d3d3d3;

}



.quest-block .name {

  text-align: left;

  text-align: -webkit-left;

  background: #eff3f6;

  padding: 10px;

  border-radius: 3px;

}



.quest-block .total-progress {

  margin-top: 15px;

  font-family: 'Sofia Sans Semi Condensed';

  color: #374957;

  font-size: 16px;

}



.quest-block .progress {

  margin: 5px 0;

  width: 100%;

  background-color: #d3d3d3;

  margin-bottom: 20px;

}



.quest-block .reward {

  display: flex;

  align-items: center;

  justify-content: space-between;

  font-weight: 500;

}



.top-contest {

  display: flex;

  align-items: center;

  width: 95%;

  max-width: 800px;

}



.top-contest .head {

  font-family: 'Sofia Sans Semi Condensed', sans-serif;

  font-size: 30px;

  margin-bottom: 15px;

}



.top-contest span {

  font-weight: 500;

}



.middle-contest {

  width: 95%;

  max-width: 800px;

  background: #f8fafb;

  border-radius: 3px;

  box-shadow: 1px 1px 0px #d3d3d3;

  margin-top: 20px;

}



.middle-contest .head {

  text-align: left;

  text-align: -webkit-left;

  background: #eff3f6;

  padding: 10px 10px 7px 10px;

  border-radius: 3px;

  font-family: 'Sofia Sans Semi Condensed';

  font-size: 18px;

}



.middle-contest .head i {

  color: #0277bd;

}



.middle-contest .desc {

  text-align: left;

  text-align: -webkit-left;

  padding: 7px 10px;

  display: flex;

  flex-direction: column;

}



.middle-contest .desc span {

  padding: 10px;

  font-size: 15px;

  background: #eff3f6;

  margin: 7px 0;

  border-radius: 3px;

  color: rgba(0,0,0,0.87);

}



.bottom-contest {

  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 10px;

  margin-bottom: -10px;

}



.bottom-contest p, .status-contest p {

  background: #eff3f6;

  width: 95%;

  max-width: 390px;

  padding: 10px;

  margin: 10px;

  color: black;

  border-radius: 3px;

  box-shadow: 1px 1px 0px #d3d3d3;

  font-family: 'Sofia Sans Semi Condensed';

  font-size: 18px;

}



.status-contest p {

  max-width: 800px;

  margin-bottom: 0;

  font-family: 'Rubik';

  font-size: 16px;

  box-shadow: 0px 1px 0px #d3d3d3;

}



.leaderboard-contest .table {

  max-width: 800px;

  box-shadow: 1px 1px 0px #d3d3d3;

}



.leaderboard-contest .table .table-name {

  justify-content: center;

  letter-spacing: 1px;

}



.leaderboard-contest .place {

  border: 2px solid #113255;

  border-radius: 3px;

  width: 30px;

  font-family: 'Rubik';

  background: #fbfbfb;

}



.quick-deposit {

  background: #f8fafb;

  padding: 5px;

  border-radius: 5px;

  margin-bottom: 15px;

  box-shadow: 0px 1px 0px #d3d3d3;

}



.quick-deposit a {

  color: #2b5283;

  font-family: 'Oswald';

  font-weight: 500;

}



.deposit_alt {

  padding: 20px;

  text-align: left;

  text-align: -webkit-left;

}



.deposit_alt a {

  color: #0277bd;

}



.deposit_alt img {

  width: 95%;

}



.project-banners .download {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin: 5px 0;

  max-width: 468px;

}



.download p {

  font-weight: 500;

}



.download a {

  color: white;

  background: #388E3C;

  padding: 2px 7px;

  border-radius: 3px;

  box-shadow: 1px 1px 1px lightgrey;

  transition-duration: .3s;

}



.download a:hover {

  background: #358339;

}



.project-banners img {

  width: 100%;

  margin: 10px 0;

  border: 2px solid #526272;

  border-radius: 2px;

}



.project-banners .banner-468 img {

  max-width: 468px;

}



.project-banners .banner-728 img {

  max-width: 728px;

}



.project-banners .banner-200 img {

  max-width: 200px;

}



.project-banners .ref_link {

  max-width: 468px;

  margin: -5px 0;

}



.ptc_ref {

  text-align: left;

  text-align: -webkit-left;

}



.ptc_ref p.ptc_ref_block_1 {

  background: #f8fafb;

  padding: 10px;

  border-radius: 5px;

  /* box-shadow: -2px 0px 0px #d3d3d3; */

}



.ptc_ref_block_2 {



}



.ptc_ref_block_2 p {

  background: #f8fafb;

  padding: 10px;

  border-radius: 5px;

  margin: 10px 0;

  box-shadow: -2px 0px 0px #d3d3d3;

}



.ptc_ref_block_2 i {

  color: #374957;

}



.ptc_ref form {

  margin: 15px 0;

}



.ptc_ref_block_3 {

  font-family: 'Sofia Sans Semi Condensed';

  font-size: 16px;

  margin: 10px 0;

  background: #f8fafb;

  padding: 10px;

  border-radius: 5px;

}



.ptc_ref_block_4 {

  display: flex;

  justify-content: space-between;

  font-size: 16px;

  padding: 0 7px;

  margin-top: 15px;

}



.ptc_ref_block_5 {

  margin: 10px 0 !important;

  display: flex;

  justify-content: center;

}



.ptc_ref_block_5 button {

  margin: 5px 7px;

  width: 50%;

}



.ptc_ref .ref_link {

  margin: 0 7px;

}



#admPage form {

  display: flex;

  flex-direction: column;

  align-items: center;

  max-width: 300px;

}



#admPage form input {

  max-width: none;

  width: 230px;

  margin: 5px !important;

}



#admPage form button {

  width: 252px;

  margin-top: 10px;

}



#admPage a.btn {

  width: 100%;

  max-width: 150px;

  display: block;

  margin: 10px;

}



#admPage .p-adm-left {

  max-width: 250px;

  text-align: left;

  text-align: -webkit-left;

}



#admPage .bounty_adm p {

  font-size: 16px;

  margin: 5px;

}



footer {

  margin: 5px 10px;

  margin-bottom: 10px;

  text-align: center;

  text-align: -webkit-center;

}



.footer {

  width: 100%;

  max-width: 1200px;

  padding: 15px;

  border-radius: 3px;

  background: #f8fafb;

  border: 1px solid #e3e9ed;

  font-size: 14px;

  font-family: 'Sofia Sans Semi Condensed';

  margin: 0 auto;

}