@charset "UTF-8";
/*==============================
=            MIXINS            =
==============================*/
body {
  font-family: "IRANSansNum";
  text-align: right;
  direction: rtl;
  color: #414141;
  max-width: 430px;
}

.d-flex {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-flex-align-center {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.flex-direction-column {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.justify-center {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.row,
.nav {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.btn-with-img {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.w-70 {
  width: 70% !important;
}

.text-green {
  color: #29BF38 !important;
}

.text-gold {
  color: #ffc700 !important;
}

.font-14 {
  font-size: 14px;
}

.font-bold {
  font-weight: bold;
}

.normal-text {
  font-size: 16px;
  line-height: 26px;
}
@media (max-width: 390px) {
  .normal-text {
    font-size: 15px;
  }
}
@media (max-width: 360px) {
  .normal-text {
    font-size: 14px;
  }
}
@media (max-width: 340px) {
  .normal-text {
    font-size: 13px;
  }
}

input[type=number] {
  -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input {
  direction: ltr;
  text-align: center;
}

.btn-outline-danger {
  color: #f17216;
  border-color: #f17216;
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show > .btn-outline-danger.dropdown-toggle,
.btn-outline-danger:hover {
  color: #fff;
  background-color: #f17216;
  border-color: #f17216;
}

.loading-holder {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
  background: rgba(0, 0, 0, 0.8);
}
.loading-holder img {
  left: 50%;
  top: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

.error-message {
  margin-top: 13px;
  font-size: 16px;
  line-height: 29px;
}
@media (max-width: 390px) {
  .error-message {
    margin-top: 10px;
    font-size: 16px;
  }
}
@media (max-width: 360px) {
  .error-message {
    margin-top: 7px;
  }
}
@media (max-width: 340px) {
  .error-message {
    margin-top: 3px;
    font-size: 14px;
  }
}

.pin-top,
.pin-bottom {
  position: fixed;
  right: 0;
  max-width: 430px;
  z-index: 10;
}
@media (min-width: 431px) {
  .pin-top,
.pin-bottom {
    right: 50%;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
    width: 430px;
  }
}

.pin-top {
  top: 0;
}

.pin-bottom {
  bottom: 0;
}

.modal .modal-content {
  width: 90%;
  margin: auto;
  border-radius: 12px;
  background-color: #29bf38;
}
.modal .modal-header {
  border: none;
  padding: 5px 10px;
  text-align: center;
  position: relative;
  color: #fff;
}
.modal .modal-header .modal-title {
  margin: 0 auto;
  font-size: 15px;
  padding: 5px 0;
}
.modal .modal-header .close {
  position: absolute;
  top: 11px;
  right: 10px;
  opacity: 1;
  color: #fff;
  font-size: 32px;
  z-index: 1;
}
.modal .modal-body {
  background-color: #fff;
  border-radius: 8px;
  margin: 0 8px 8px;
  height: -webkit-calc(100% - 50px);
  height: -moz-calc(100% - 50px);
  height: calc(100% - 50px);
}

.btn-quiz {
  color: #fff !important;
  border-color: #f17216;
  background-color: #f17216;
  width: 185px;
}
.btn-quiz:not(:disabled):hover, .btn-quiz:not(:disabled):focus, .btn-quiz:not(:disabled):active {
  border-color: #dd6006;
  background-color: #dd6006;
}
.btn-quiz:disabled {
  border-color: #c4c4c4;
  background-color: #c4c4c4;
  color: #000 !important;
}

.btn-green {
  color: #fff !important;
  border-color: #29BF38;
  background-color: #29BF38;
  width: 185px;
}
.btn-green:not(:disabled):hover, .btn-green:not(:disabled):focus, .btn-green:not(:disabled):active {
  border-color: #25ac32;
  background-color: #25ac32;
}
.btn-green:disabled {
  border-color: #c4c4c4;
  background-color: #c4c4c4;
}

.dorehami-text {
  text-align: center;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 10px;
}
@media (max-width: 390px) {
  .dorehami-text {
    font-size: 13px;
  }
}
@media (max-width: 340px) {
  .dorehami-text {
    font-size: 12px;
  }
}

.mohlat-text {
  font-size: 13px;
}
@media (max-width: 340px) {
  .mohlat-text {
    font-size: 12px;
  }
}

.rewards-container {
  background-color: #dcf4c1;
  padding-bottom: 4%;
}
.rewards-container .rewards-title-arrow,
.rewards-container .rewards-title-arrow-2 {
  width: 13%;
  margin-top: 1%;
  margin-bottom: 6%;
}
.rewards-container .rewards-title-arrow-2 {
  width: 70%;
}
.rewards-container .banner {
  margin-bottom: 16px;
}
.rewards-container .banner.last {
  margin-bottom: 11%;
}

.otp-section {
  text-align: center;
}
.otp-section .title {
  font-size: 14px;
  margin-bottom: 20px;
}
.otp-section input {
  margin-bottom: 20px;
  direction: ltr;
  text-align: center;
}
.otp-section .mobile-text {
  width: 185px;
}
.otp-section .verify-code-text {
  width: 100px;
  letter-spacing: 4px;
}
.otp-section .resend-code {
  font-size: 13px;
  display: inline-block;
  border-bottom: 1px solid #414141;
}

.copy input {
  height: 100%;
  display: inline-block;
  text-align: center;
  background-color: #fff !important;
}
.copy button {
  height: 100%;
  padding: 3px 2px;
  line-height: 100%;
}
.copy button img {
  width: 78%;
}

.gift-codes-container {
  border-radius: 10px;
  position: relative;
}
.gift-codes-container .quiz-gift-code-container,
.gift-codes-container .snappfood-gift-code-container {
  position: absolute;
  bottom: 8.5%;
  height: 35%;
}
.gift-codes-container .gift-codes-description {
  position: absolute;
  font-size: 13px;
  top: 9%;
}
.gift-codes-container .gift-codes-description.snappfood-description {
  right: 3%;
}
.gift-codes-container .gift-codes-description.quiz-description {
  right: 63%;
}
.gift-codes-container .quiz-gift-code-container {
  left: 2.5%;
  width: 34%;
}
.gift-codes-container .quiz-gift-code-container button {
  width: 28%;
}
.gift-codes-container .quiz-gift-code-container input {
  width: 67%;
}
.gift-codes-container .snappfood-gift-code-container {
  left: 41%;
  width: 56.5%;
}
.gift-codes-container .snappfood-gift-code-container button {
  width: 17%;
}
.gift-codes-container .snappfood-gift-code-container input {
  width: 79%;
}
@media (max-width: 390px) {
  .gift-codes-container .gift-codes-description {
    font-size: 12px;
  }
}
@media (max-width: 360px) {
  .gift-codes-container .gift-codes-description {
    font-size: 11px;
  }
}
@media (max-width: 340px) {
  .gift-codes-container .gift-codes-description {
    font-size: 10px;
  }
}

.score-section .title {
  font-size: 14px;
}
.score-section .score {
  font-size: 17px;
  font-weight: bold;
}

.score-section:not(:last-child) {
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

.friends-list {
  height: 200px;
  width: 62%;
  overflow: auto;
}
.friends-list .field {
  position: relative;
  margin-bottom: 3px;
}
.friends-list .field .field-element {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.friends-list .field .tick {
  left: 3%;
  width: 9%;
}
.friends-list .field .mobile-number {
  left: 14%;
  width: 71%;
  text-align: center;
  font-size: 14px;
}
.friends-list .field .num {
  width: 13%;
  text-align: center;
}

@media (max-width: 340px) {
  .font-14 {
    font-size: 13px;
  }
}
.scoreboard {
  background-color: #dcf4c1;
  border-radius: 7px;
  direction: ltr;
  padding: 5px 0;
}
.scoreboard .player-score-container {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 95%;
  position: relative;
  font-size: 15px;
  font-weight: bold;
}
.scoreboard .player-score-container img {
  width: 14%;
  margin-right: 10px;
}
.scoreboard .player-score-container .points {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  font-size: 0;
}
.scoreboard .player-score-container .points .point {
  display: inline-block;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-right: 8px;
  background: #c4c4c4;
}
.scoreboard .player-score-container .points .point.correct {
  background: #29bf38;
}
.scoreboard .player-score-container .points .point.incorrect {
  background: #c73131;
}
.scoreboard .player-score-container .question-score {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 3%;
  font-weight: bold;
  font-size: 18px;
}
.scoreboard.result {
  width: 70%;
}
.scoreboard.result .player-score-container img {
  width: 13%;
}

.result-box {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 20px;
}

.question-container .question {
  position: relative;
  border-radius: 20px;
  text-align: center;
  font-size: 16px;
  margin-bottom: 10px;
  height: 95px;
  line-height: 25px;
}
.question-container .question .title {
  position: relative;
  height: 100%;
}
.question-container .question .title span {
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%) !important;
  -moz-transform: translate(50%, -50%) !important;
  -ms-transform: translate(50%, -50%) !important;
  -o-transform: translate(50%, -50%) !important;
  transform: translate(50%, -50%) !important;
  width: 85%;
}
.question-container .bar-container {
  margin-bottom: 10px;
  direction: ltr;
}
.question-container .bar-container .question-bar {
  position: relative;
  background: #c4c4c4;
  border-radius: 6px;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.question-container .bar-container .question-bar .green-bar {
  width: 0;
  height: 20px;
  background: #29bf38;
}
.question-container .choices .choice {
  padding: 0;
  position: relative;
  margin-bottom: 11px;
  cursor: pointer;
}
.question-container .choices .choice img {
  width: 97%;
  height: 90px;
}
.question-container .choices .choice span {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(50%, -50%) !important;
  -moz-transform: translate(50%, -50%) !important;
  -ms-transform: translate(50%, -50%) !important;
  -o-transform: translate(50%, -50%) !important;
  transform: translate(50%, -50%) !important;
  width: 85%;
  text-align: center;
}
.question-container .choices .choice .green-btn,
.question-container .choices .choice .red-btn {
  display: none;
}
.question-container .choices .choice.correct {
  color: #fff;
}
.question-container .choices .choice.correct .green-btn {
  display: block;
}
.question-container .choices .choice.correct .grey-btn {
  display: none;
}
.question-container .choices .choice.incorrect {
  color: #fff;
}
.question-container .choices .choice.incorrect .red-btn {
  display: block;
}
.question-container .choices .choice.incorrect .grey-btn {
  display: none;
}
.question-container .choices .choice-1 span,
.question-container .choices .choice-3 span {
  right: 48%;
}
.question-container .choices .choice-2,
.question-container .choices .choice-4 {
  text-align: left;
}
.question-container .choices .choice-2 span,
.question-container .choices .choice-4 span {
  right: 52%;
}
@media (max-width: 390px) {
  .question-container .question {
    font-size: 14px;
    height: 90px;
  }
  .question-container .bar-container .correct-num {
    font-size: 13px;
  }
  .question-container .bar-container .correct-num span {
    font-size: 15px;
  }
  .question-container .choices .choice span {
    font-size: 14px;
  }
  .question-container .choices .choice img {
    height: 80px;
  }
}
@media (max-width: 360px) {
  .question-container .choices .choice img {
    height: 75px;
  }
}
@media (max-width: 340px) {
  .question-container .question {
    font-size: 12px;
    height: 75px;
  }
  .question-container .choices .choice span {
    font-size: 13px;
  }
  .question-container .choices .choice img {
    height: 64px;
  }
  .question-container .bar-container .question-bar .green-bar {
    height: 17px;
  }
}

@-webkit-keyframes progressdown {
  from {
    width: 100%;
  }
  to {
    width: 0;
  }
}
@-moz-keyframes progressdown {
  from {
    width: 100%;
  }
  to {
    width: 0;
  }
}
@-o-keyframes progressdown {
  from {
    width: 100%;
  }
  to {
    width: 0;
  }
}
@keyframes progressdown {
  from {
    width: 100%;
  }
  to {
    width: 0;
  }
}
@media (max-width: 390px) {
  .player-name {
    font-size: 15px;
  }

  .scoreboard .player-score-container {
    font-size: 14px;
  }
  .scoreboard .player-score-container .points .point {
    width: 19px;
    height: 19px;
  }
}
@media (max-width: 360px) {
  .player-name {
    font-size: 14px;
  }
}
@media (max-width: 340px) {
  .player-name {
    font-size: 13px;
  }

  .scoreboard .player-score-container {
    font-size: 13px;
  }
  .scoreboard .player-score-container .points .point {
    width: 17px;
    height: 17px;
    margin-right: 6px;
  }
}
.profile-container {
  position: absolute;
  width: 38%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 4%;
}
.profile-container .mobile {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 0;
  font-size: 14px;
}
.profile-container .score,
.profile-container .money {
  position: absolute;
  width: 25%;
  left: 44%;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
}
.profile-container .score {
  top: 31%;
}
.profile-container .money {
  top: 63%;
}
@media (max-width: 390px) {
  .profile-container .mobile {
    font-size: 13px;
  }
  .profile-container .score,
.profile-container .money {
    font-size: 15px;
  }
}
@media (max-width: 360px) {
  .profile-container .mobile {
    font-size: 12px;
  }
  .profile-container .score,
.profile-container .money {
    font-size: 14px;
  }
}
@media (max-width: 340px) {
  .profile-container .mobile {
    top: 1%;
    font-size: 11px;
  }
  .profile-container .score,
.profile-container .money {
    font-size: 12px;
  }
}

.selection-card {
  position: relative;
}
.selection-card .button-container {
  position: absolute;
  top: 75%;
  width: 75%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.selection-card .button-container .start-competition-btn {
  padding: 0;
}
.selection-card .button-container .done-competition {
  display: none;
}
.selection-card .button-container.done .done-competition {
  display: block;
}
.selection-card .button-container.done .start-competition-btn {
  display: none;
}

.result-container {
  display: inline-block;
  background-color: #dcf4c1;
  border-radius: 5px;
  padding: 6px;
  width: 70%;
}
.result-container .row-result {
  position: relative;
  text-align: left;
  direction: ltr;
  font-size: 0;
}
.result-container .row-result img {
  width: 22%;
  margin-right: 1%;
}
.result-container .row-result .name {
  font-size: 18px;
}
.result-container .row-result .score {
  font-size: 27px;
  position: absolute;
  right: 3%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: bold;
}
@media (max-width: 390px) {
  .result-container .row-result .name {
    font-size: 16px;
  }
  .result-container .row-result .score {
    font-size: 25px;
  }
}
@media (max-width: 360px) {
  .result-container .row-result .name {
    font-size: 15px;
  }
  .result-container .row-result .score {
    font-size: 24px;
  }
}
@media (max-width: 340px) {
  .result-container .row-result .name {
    font-size: 14px;
  }
  .result-container .row-result .score {
    font-size: 22px;
  }
}

.end-page {
  padding-top: 19%;
  padding-bottom: 24%;
}

.character-game-container {
  position: relative;
}
.character-game-container .char-num {
  position: absolute;
  width: 18%;
  top: 33%;
  background-color: #fff;
  text-align: center;
  padding: 2px 0px;
  border-radius: 5px;
  border: 1px solid #ddd;
  font-size: 18px;
  font-weight: bold;
}
.character-game-container .char-num::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #29bf38;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
  border-radius: 5px;
  z-index: 1;
  display: none;
}
.character-game-container .char-num.done::before {
  display: block;
}
.character-game-container .char-num-1 {
  right: 3%;
}
.character-game-container .char-num-2 {
  right: 28%;
}
.character-game-container .char-num-3 {
  right: 53%;
}
.character-game-container .char-num-4 {
  right: 78%;
}
.character-game-container .play-with-characters-btn {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 95%;
  bottom: 5%;
}
@media (max-width: 390px) {
  .character-game-container .char-num {
    font-size: 16px;
  }
}
@media (max-width: 360px) {
  .character-game-container .char-num {
    font-size: 14px;
  }
}
@media (max-width: 340px) {
  .character-game-container .char-num {
    font-size: 13px;
  }
}

.reward-amount-container {
  position: absolute;
  width: 20.5%;
}
.reward-amount-container .star,
.reward-amount-container .money {
  position: absolute;
  font-size: 21px;
  font-weight: bold;
  width: 55%;
  text-align: center;
  left: 44%;
}
.reward-amount-container .star {
  top: 6%;
}
.reward-amount-container .money {
  top: 48%;
}
.reward-amount-container .done-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  display: none;
}
.reward-amount-container.done .done-img {
  display: block;
}
@media (max-width: 390px) {
  .reward-amount-container .star,
.reward-amount-container .money {
    font-size: 19px;
  }
}
@media (max-width: 360px) {
  .reward-amount-container .star,
.reward-amount-container .money {
    font-size: 17px;
  }
}
@media (max-width: 340px) {
  .reward-amount-container .star,
.reward-amount-container .money {
    font-size: 15px;
  }
}

.snappfood-missions-container {
  position: relative;
}
.snappfood-missions-container a.btn {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 95%;
  bottom: 2%;
}
.snappfood-missions-container .row-1 {
  top: 14%;
}
.snappfood-missions-container .row-2 {
  top: 36.5%;
}
.snappfood-missions-container .row-3 {
  top: 59%;
}
.snappfood-missions-container .row-4 {
  top: 81.5%;
}
.snappfood-missions-container .column-1 {
  right: 4%;
}
.snappfood-missions-container .column-2 {
  right: 40%;
}
.snappfood-missions-container .column-3 {
  right: 75%;
}

.invitation-mission-container {
  position: relative;
}
.invitation-mission-container .refferal-link-container {
  position: absolute;
  height: 13%;
  top: 19%;
  width: 80%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: left;
}
.invitation-mission-container .refferal-link-container input {
  width: 84%;
}
.invitation-mission-container .refferal-link-container button {
  width: 13%;
}
.invitation-mission-container .invitation-count {
  position: absolute;
  font-size: 22px;
  font-weight: bold;
  width: 16%;
  top: 81.5%;
  left: 12%;
  text-align: center;
}
.invitation-mission-container .invitation-text {
  position: absolute;
  font-size: 14px;
  bottom: 2%;
  left: 60%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media (max-width: 390px) {
  .invitation-mission-container .invitation-count {
    font-size: 20px;
  }
  .invitation-mission-container .invitation-text {
    font-size: 13px;
  }
}
@media (max-width: 360px) {
  .invitation-mission-container .invitation-count {
    font-size: 19px;
  }
  .invitation-mission-container .invitation-text {
    font-size: 12px;
  }
}
@media (max-width: 340px) {
  .invitation-mission-container .invitation-count {
    font-size: 17px;
  }
  .invitation-mission-container .invitation-text {
    font-size: 11px;
  }
}

.register-phone-mission-container {
  position: relative;
}
.register-phone-mission-container .reward-amount-container {
  top: 57%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.register-phone-mission-container input {
  position: absolute;
  width: 51%;
  height: 7%;
  left: 37%;
  text-align: left;
}
.register-phone-mission-container .username-input {
  top: 23.5%;
}
.register-phone-mission-container .password-input {
  top: 32.5%;
}
.register-phone-mission-container .login-btn {
  position: absolute;
  width: 77%;
  top: 44%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.register-phone-mission-container a.btn {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 95%;
  bottom: 4%;
}

.register-phone-mission-container-2 {
  position: relative;
  display: none;
}
.register-phone-mission-container-2 .username {
  position: absolute;
  font-size: 21px;
  font-weight: bold;
  top: 41%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.register-phone-mission-container-2 .reward-amount-container {
  top: 65%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media (max-width: 390px) {
  .register-phone-mission-container-2 .username {
    font-size: 19px;
  }
}
@media (max-width: 360px) {
  .register-phone-mission-container-2 .username {
    font-size: 18px;
  }
}
@media (max-width: 340px) {
  .register-phone-mission-container-2 .username {
    font-size: 16px;
  }
}
.register-phone-mission-container-2.active {
  display: block;
}

.quiz-missions-container {
  position: relative;
}
.quiz-missions-container .mission-done-count {
  position: absolute;
  font-size: 18px;
}
.quiz-missions-container .quiz-missions-lock-img {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.quiz-missions-container.active .quiz-missions-lock-img {
  display: none;
}
.quiz-missions-container .row-1 {
  top: 9.5%;
}
.quiz-missions-container .row-2 {
  top: 28%;
}
.quiz-missions-container .row-2.mission-done-count {
  top: 34.5%;
}
.quiz-missions-container .row-3 {
  top: 49.5%;
}
.quiz-missions-container .row-3.mission-done-count {
  top: 56%;
}
.quiz-missions-container .row-4 {
  top: 70.5%;
}
.quiz-missions-container .row-4.mission-done-count {
  top: 76.9%;
}
.quiz-missions-container .row-5 {
  top: 93%;
}
.quiz-missions-container .column-1-4 {
  right: 3%;
}
.quiz-missions-container .column-1-4.mission-done-count {
  right: unset;
  left: 91%;
}
.quiz-missions-container .column-2-4 {
  right: 27%;
}
.quiz-missions-container .column-2-4.mission-done-count {
  right: unset;
  left: 66%;
}
.quiz-missions-container .column-3-4 {
  right: 51.5%;
}
.quiz-missions-container .column-3-4.mission-done-count {
  right: unset;
  left: 40%;
}
.quiz-missions-container .column-4-4 {
  right: 76%;
}
.quiz-missions-container .column-4-4.mission-done-count {
  right: unset;
  left: 16%;
}
.quiz-missions-container .column-1-3 {
  right: 4%;
}
.quiz-missions-container .column-1-3.mission-done-count {
  right: unset;
  left: 89%;
}
.quiz-missions-container .column-2-3 {
  right: 40%;
}
.quiz-missions-container .column-2-3.mission-done-count {
  right: unset;
  left: 54%;
}
.quiz-missions-container .column-3-3 {
  right: 75%;
}
.quiz-missions-container .column-3-3.mission-done-count {
  right: unset;
  left: 20%;
}
.quiz-missions-container .column-1-2 {
  right: 15%;
}
.quiz-missions-container .column-1-2.mission-done-count {
  right: unset;
  left: 79%;
}
.quiz-missions-container .column-2-2 {
  right: 66%;
}
.quiz-missions-container .column-2-2.mission-done-count {
  right: unset;
  left: 29%;
}
.quiz-missions-container .column-1-1 {
  right: 50%;
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%);
}
@media (max-width: 390px) {
  .quiz-missions-container .mission-done-count {
    font-size: 16px;
  }
}
@media (max-width: 340px) {
  .quiz-missions-container .mission-done-count {
    font-size: 14px;
  }
}

.ranklist-container .field {
  position: relative;
}
.ranklist-container .field .field-item {
  position: absolute;
  top: 55%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  text-align: center;
}
@media (max-width: 390px) {
  .ranklist-container .field .field-item {
    font-size: 17px;
  }
}
@media (max-width: 360px) {
  .ranklist-container .field .field-item {
    font-size: 16px;
  }
}
@media (max-width: 340px) {
  .ranklist-container .field .field-item {
    font-size: 14px;
  }
}
.ranklist-container .field .rank {
  width: 16%;
  right: 0;
}
.ranklist-container .field .mobile {
  width: 56%;
  right: 16%;
}
.ranklist-container .field .score {
  width: 19%;
  left: 9%;
}

.store-container {
  position: relative;
}
.store-container .store-item {
  position: absolute;
  width: 42%;
  text-align: center;
}
.store-container .store-item button {
  padding: 0 3% !important;
  position: relative;
}
.store-container .store-item .num {
  position: absolute;
  width: 37%;
  left: 59%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 27px;
  color: #fff;
  text-align: center;
}
.store-container .store-item .item-img {
  margin-bottom: 8%;
  width: 100%;
}
.store-container .store-item .finished-img,
.store-container .store-item .finished-tomorrow-img,
.store-container .store-item .code-button-img {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  display: none;
}
.store-container .store-item.star-item .item-img {
  width: 62%;
  margin-bottom: 5%;
}
.store-container .store-item.star-item.row-4 {
  top: 64.6%;
}
.store-container .store-item.star-item.row-5 {
  top: 81.2%;
}
.store-container .store-item.row-1 {
  top: 17%;
}
.store-container .store-item.row-2 {
  top: 33.5%;
}
.store-container .store-item.row-3 {
  top: 50.2%;
}
.store-container .store-item.row-4 {
  top: 66.6%;
}
.store-container .store-item.row-5 {
  top: 83.2%;
}
.store-container .store-item.column-1 {
  right: 7%;
}
.store-container .store-item.column-2 {
  right: 51%;
}
.store-container .store-item.finished .finished-img {
  display: block;
}
.store-container .store-item.finished button {
  display: none;
}
.store-container .store-item.finished-tomorrow .finished-tomorrow-img {
  display: block;
}
.store-container .store-item.finished-tomorrow button {
  display: none;
}
.store-container .store-item.have-code .code-button-img {
  display: block;
}
.store-container .store-item.have-code button {
  display: none;
}
@media (max-width: 390px) {
  .store-container .store-item .num {
    font-size: 25px;
  }
}
@media (max-width: 360px) {
  .store-container .store-item .num {
    font-size: 23px;
  }
}
@media (max-width: 340px) {
  .store-container .store-item .num {
    font-size: 21px;
  }
}

#gift-code-modal .gift-code-container {
  width: 70%;
  height: 33px;
}
#gift-code-modal .gift-code-container input {
  width: 80%;
}
#gift-code-modal .gift-code-container button {
  width: 17%;
}
@media (max-width: 390px) {
  #gift-code-modal .gift-code-container .invitation-count {
    font-size: 20px;
  }
}
@media (max-width: 360px) {
  #gift-code-modal .gift-code-container input {
    width: 77%;
  }
  #gift-code-modal .gift-code-container button {
    width: 19%;
  }
}
@media (max-width: 340px) {
  #gift-code-modal .gift-code-container input {
    width: 75%;
  }
  #gift-code-modal .gift-code-container button {
    width: 21%;
  }
}

#buy-store-item-modal .modal-body button {
  position: relative;
}
#buy-store-item-modal .modal-body .num {
  position: absolute;
  width: 37%;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 25px;
  color: #fff;
  text-align: center;
}
@media (max-width: 390px) {
  #buy-store-item-modal .modal-body .num {
    font-size: 23px;
  }
}
@media (max-width: 360px) {
  #buy-store-item-modal .modal-body .num {
    font-size: 22px;
  }
}
@media (max-width: 340px) {
  #buy-store-item-modal .modal-body .num {
    font-size: 20px;
  }
}

.end-text {
  font-size: 15px;
  text-align: center;
  line-height: 25px;
  color: #f17216;
  font-weight: bold;
}
@media (max-width: 390px) {
  .end-text {
    font-size: 14px;
  }
}
@media (max-width: 360px) {
  .end-text {
    font-size: 13px;
  }
}
@media (max-width: 340px) {
  .end-text {
    font-size: 12px;
  }
}

/**
*
*	Name:			IRAN Sans-Serif Font
*	Version:		4.0
*	Author:			Moslem Ebrahimi (moslemebrahimi.com)
*	Created on:		Dec 25, 2012
*	Updated on:		Dec 12, 2015
*	Website:		http://fontiran.com
*	Copyright:		Commercial/Proprietary Software
--------------------------------------------------------------------------------------
فونت های ایران سن سریف یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید
--------------------------------------------------------------------------------------
IRAN Sans-serif fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com
--------------------------------------------------------------------------------------
This set of fonts are used in this project under the license: (.....)
--------------------------------------------------------------------------------------
*
**/
@font-face {
  font-family: Lalezar;
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/Lalezar/Lalezar-Regular.eot"), url("../fonts/Lalezar/Lalezar-Regular.otf"), url("../fonts/Lalezar/Lalezar-Regular.woff2") format("woff2"), url("../fonts/Lalezar/Lalezar-Regular.woff") format("woff"), url("../fonts/Lalezar/Lalezar-Regular.ttf") format("truetype");
}
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/IRANSans/IRANSansWeb_Bold.eot");
  src: url("../fonts/IRANSans/IRANSansWeb_Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSans/IRANSansWeb_Bold.woff2") format("woff2"), url("../fonts/IRANSans/IRANSansWeb_Bold.woff") format("woff"), url("../fonts/IRANSans/IRANSansWeb_Bold.ttf") format("truetype");
}
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/IRANSans/IRANSansWeb_Medium.eot");
  src: url("../fonts/IRANSans/IRANSansWeb_Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSans/IRANSansWeb_Medium.woff2") format("woff2"), url("../fonts/IRANSans/IRANSansWeb_Medium.woff") format("woff"), url("../fonts/IRANSans/IRANSansWeb_Medium.ttf") format("truetype");
}
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/IRANSans/IRANSansWeb_Light.eot");
  src: url("../fonts/IRANSans/IRANSansWeb_Light.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSans/IRANSansWeb_Light.woff2") format("woff2"), url("../fonts/IRANSans/IRANSansWeb_Light.woff") format("woff"), url("../fonts/IRANSans/IRANSansWeb_Light.ttf") format("truetype");
}
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/IRANSans/IRANSansWeb_UltraLight.eot");
  src: url("../fonts/IRANSans/IRANSansWeb_UltraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSans/IRANSansWeb_UltraLight.woff2") format("woff2"), url("../fonts/IRANSans/IRANSansWeb_UltraLight.woff") format("woff"), url("../fonts/IRANSans/IRANSansWeb_UltraLight.ttf") format("truetype");
}
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/IRANSans/IRANSansWeb.eot");
  src: url("../fonts/IRANSans/IRANSansWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSans/IRANSansWeb.woff2") format("woff2"), url("../fonts/IRANSans/IRANSansWeb.woff") format("woff"), url("../fonts/IRANSans/IRANSansWeb.ttf") format("truetype");
}
@font-face {
  font-family: IRANSansDNFaNum;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/IRANSansDNFaNum/IRANSansDNFaNum2.eot");
  src: url("../fonts/IRANSansDNFaNum/IRANSansDNFaNum2.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSansDNFaNum/IRANSansDNFaNum2.woff2") format("woff2"), url("../fonts/IRANSansDNFaNum/IRANSansDNFaNum2.woff") format("woff"), url("../fonts/IRANSansDNFaNum/IRANSansDNFaNum2.ttf") format("truetype");
}
@font-face {
  font-family: IRANSansDNFaNum;
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/IRANSansDNFaNum/IRANSansDNFaNum-Bold2.eot");
  src: url("../fonts/IRANSansDNFaNum/IRANSansDNFaNum-Bold2.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSansDNFaNum/IRANSansDNFaNum-Bold2.woff2") format("woff2"), url("../fonts/IRANSansDNFaNum/IRANSansDNFaNum-Bold2.woff") format("woff"), url("../fonts/IRANSansDNFaNum/IRANSansDNFaNum-Bold2.ttf") format("truetype");
}
@font-face {
  font-family: IRANSansNum;
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/IRANSansFaNum/IRANSansWeb(FaNum)_Bold.eot");
  src: url("../fonts/IRANSansFaNum/IRANSansWeb(FaNum)_Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSansFaNum/IRANSansWeb(FaNum)_Bold.woff2") format("woff2"), url("../fonts/IRANSansFaNum/IRANSansWeb(FaNum)_Bold.woff") format("woff"), url("../fonts/IRANSansFaNum/IRANSansWeb(FaNum)_Bold.ttf") format("truetype");
}
@font-face {
  font-family: IRANSansNum;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/IRANSansFaNum/IRANSansWeb(FaNum)_Medium.eot");
  src: url("../fonts/IRANSansFaNum/IRANSansWeb(FaNum)_Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSansFaNum/IRANSansWeb(FaNum)_Medium.woff2") format("woff2"), url("../fonts/IRANSansFaNum/IRANSansWeb(FaNum)_Medium.woff") format("woff"), url("../fonts/IRANSansFaNum/IRANSansWeb(FaNum)_Medium.ttf") format("truetype");
}
@font-face {
  font-family: IRANSansNum;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/IRANSansFaNum/IRANSansWeb(FaNum)_Light.eot");
  src: url("../fonts/IRANSansFaNum/IRANSansWeb(FaNum)_Light.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSansFaNum/IRANSansWeb(FaNum)_Light.woff2") format("woff2"), url("../fonts/IRANSansFaNum/IRANSansWeb(FaNum)_Light.woff") format("woff"), url("../fonts/IRANSansFaNum/IRANSansWeb(FaNum)_Light.ttf") format("truetype");
}
@font-face {
  font-family: IRANSansNum;
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/IRANSansFaNum/IRANSansWeb(FaNum)_UltraLight.eot");
  src: url("../fonts/IRANSansFaNum/IRANSansWeb(FaNum)_UltraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSansFaNum/IRANSansWeb(FaNum)_UltraLight.woff2") format("woff2"), url("../fonts/IRANSansFaNum/IRANSansWeb(FaNum)_UltraLight.woff") format("woff"), url("../fonts/IRANSansFaNum/IRANSansWeb(FaNum)_UltraLight.ttf") format("truetype");
}
@font-face {
  font-family: IRANSansNum;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/IRANSansFaNum/IRANSansWeb(FaNum).eot");
  src: url("../fonts/IRANSansFaNum/IRANSansWeb(FaNum).eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSansFaNum/IRANSansWeb(FaNum).woff2") format("woff2"), url("../fonts/IRANSansFaNum/IRANSansWeb(FaNum).woff") format("woff"), url("../fonts/IRANSansFaNum/IRANSansWeb(FaNum).ttf") format("truetype");
}

/*# sourceMappingURL=main.css.map */