/*bootstrap.css*/
.container {
  margin:0 auto;
  padding-left: 15px;
  padding-right: 15px;
  max-width:1100px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1100px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}



/*refferal.css*/
.referrals-block{background-color:rgba(255,255,255,.8);padding:30px;border-radius: 70px;max-width:640px; margin:0px auto;text-align: center;}
.avtar-pic{width:104px;height:104px;border-radius:50%;overflow: hidden;border:3px solid #fff;margin:0 auto 10px;}
.avtar-pic img{display: block;margin:0 auto;}
.top-section h2{color:#054ecd;font-weight:600;font-size:1.5em;padding-bottom:2px;}
.top-section p{color:#000033;font-size:.95em;}
.or-spratr {position: relative;text-align: center;}
.or-spratr span {color: #054ecd;text-transform: uppercase;padding: 10px 20px;display: inline-block;font-weight: 600;}
.or-spratr span:before,.or-spratr span:after {background-color: #054ecd;height: 1px; width: 46%;position: absolute;left: 0;top: 50%;content: "";}
.or-spratr span:before {left: auto;right: 0;}
.shareblock {max-width: 465px;margin: 0 auto;}
.share-wrap {padding: 50px 65px;max-width: 580px;margin: 30px auto 50px;border-radius: 70px;background-color: #fff;}
.invite_form {border: 1px solid #054ecd;border-radius: 30px;overflow: hidden;}
.invite_form table td {vertical-align: middle;}
.invite_form table td:last-child {text-align: right;}
.invite_form input[type="text"] {background-color: rgba(0, 0, 0, 0);border: none;border-radius: 0px;display: block;margin: 0;width: 265px;position: relative;height: 34px;line-height: 100%;}
.invite_form input[type="submit"] {background-color: #054ecd;border: none;border-radius: 0px 2px 2px 0px;color: #fff;display: inline-block;font-size: .863em;font-weight: 600;height: 34px;padding: 8px 25px;cursor: pointer;position: relative;margin: 0;}

.invite_form input[type="submit"]:hover {background-color: #023287;}
.social_share {padding-top: 5px;}
.social_share li {display: inline-block;vertical-align: middle;color: #333;font-size: .90em;padding-right: 20px;}
.social_share li a {color: #333;font-weight: 700;}
.social_share li span {display: inline-block;vertical-align: middle;}
.social_icon {padding-right: 5px;}
.social_icon img {display: block;}
.share-button {font-size: .8em;background-color: #167cfa;display: inline-block;vertical-align: middle;padding: 10px 18px;color: #fff;border-radius: 30px;font-weight: 700;}
.share-button:hover,.share-button.fb:hover {background-color: #023287;color: #fff;}
.share-button.fb {background-color: #254188;}
.copy-link {white-space: nowrap;width: 235px;position: relative;text-align: left;}
.copy-link input[type="text"] {width: 170px;background-color: transparent;border: 1px solid #898989;color: #333333;font-size: .8em;border-radius: 30px 0px 0px 30px;font-weight: 700;}
.copy-button {border: none;border-radius: 0px 30px 30px 0px;background-color: #898989;color: #fff;display: inline-block;padding: 11px 20px;position: absolute;right: 0;top: 0;cursor: pointer;font-size: .8em;height: 38px;font-weight: 700;}
.share-link h4 {color: #333;font-size: .9em;padding-bottom: 5px;text-align: left;}
.share-link-tbl td {padding-right: 10px;}

.share-link-tbl td:last-child {padding-right: 0;}

.import-contact {padding: 20px 0;}
.share-link {padding-top: 10px;}
.step_list li {display: inline-block;vertical-align: top;width: 32%;text-align: center;padding: 0 15px}
.earn-step {max-width: 120px;}
.earn-step img {padding-bottom: 10px;}
.earn-step h3 {font-size: .88em;color: #000;line-height: 1.3;}
.block_title {font-size: 1.5em;font-weight: 600;color: #054ecd;padding: 0 0 15px;}

.earn-money-step {max-width: 480px;margin: 0 auto;}
.refferals-data {padding: 40px 0;}
.profile_name {font-size: 14px;color: #064fcd;font-weight: 700;}
.profile_name:hover {color: #000;}
.refferal-tbl {max-width: 508px;margin: 0 auto;}
.refferal-tbl th {font-size: 14px;font-weight: 700;color: #000;text-transform: uppercase;padding: 5px 0;}
.refferal-tbl td {font-size: 14px;color: #000;padding: 5px 0;}
.refferal-tbl td:first-child,
.refferal-tbl th:first-child {
    text-align: left;
}

.refferal-tbl td:last-child,
.refferal-tbl th:last-child {
    text-align: right;
}

.refferal-tbl tr {border-bottom: 1px solid #72adf8;}
.refferal-tbl tr:last-child {border-bottom: none;}
.refferal-tbl td::before {text-transform: uppercase;letter-spacing: 0.0625rem;display: block;padding-bottom: 0.25rem;content: attr(data-label);
    font-size: 14px;font-weight: 700;color: #000;display: none;}


/* placeholders ---------------------- */

::-webkit-input-placeholder {color: #666666;opacity: 1;}
:-moz-placeholder {color: #666666;opacity: 1;}
::-moz-placeholder {color: #666666;opacity: 1;}
:-ms-input-placeholder {color: #666666;opacity: 1;}

/*RESPONSIVE CSS*/

@media screen and (max-width: 767px) {
    .toggled-left .navigation {left: 18px !important;}
    .referrals-block {padding: 20px;border-radius: 40px;}
    .top-section h2 {font-size: 1.1em;}
    .share-wrap {padding: 30px 15px;margin: 20px auto 20px;border-radius: 30px;}
    .invite_form input[type="submit"] {padding: 8px 14px;}
    .invite_form input[type="text"] {width: 120px;}
    .social_share li {font-size: .80em;padding-right: 10px;}
    .social_share li:first-child {display: block;}
    .import-contact {padding: 0px 0 15px;}
    .share-link-tbl td {padding: 0 10px 10px 0;display: inline-block;width: 49%;}
    .share-link-tbl td:first-child {width: 99%;padding-right: 0;}
    .copy-link {width: 100%;}
    .copy-link input[type="text"] {width: 90%;}
    .copy-button {padding: 12px 20px;}
    .share-button {display: block;text-align: center;}
    .inner-tbl .grid {display: block;width: auto;}
    .text_message {padding: 0 0 0 48px;}
    .profile_detail .avtar-name {font-weight: 600;}
    .profile_detail .profile-image {height: 34px;width: 34px;}
    .iconwrap {max-width: 18px;margin: 10px 0 0;}
    .table-row td {vertical-align: top;}
    .step_list li {display: block;width: auto;padding: 0 0 20px 0;}
    .earn-step {max-width: inherit;}
    .block_title {font-size: 1.3em;}
    .refferal-tbl td::before {display: block;float: left;min-width: 46%;}
    .refferal-tbl td.invite-page-spinner::before {float: none;}
    .refferal-tbl thead {display: none;}
    .refferal-tbl td {text-align: left;display: block;}
    .refferal-tbl td:last-child {text-align: left;}
    .refferal-tbl tr {display: block;padding: 6px 0;}
    .or-spratr span::before,.or-spratr span::after {}
    .refferals-data {padding: 10px 0;}
}


/*tablet.css*/
@media screen and (max-width:1024px) {
    .wrapper::before {left: 0;width: 100%;}
    .crcle-num {width: 58px;height: 58px;}
    .nav--secondary a,.copy-right {font-size: .8em;}
}

/*mobile.css*/
@media screen and (max-width: 767px) {
    body {background-position: center -490px;min-height:inherit;}
    .wrapper::before {background-size: 670px;}
.wrapper {background-size: 810px;}
    #header {padding:0px}
    .header-in .grid {text-align: center}
    /*.header-menu li a {max-width: 22px;}*/
    .header-menu li {padding-left: 8px;}
    .header-menu li a.header-button {padding: 5px 12px;font-size: .8em;}
.logo {padding: 10px 0;max-width: 100px;}
    .nav--secondary {text-align: center}
    .copy-right {padding-bottom: 10px;text-align: center}
    .nav--secondary li {padding: 0 10px}
    .nav--secondary a {font-size: .8em;}
    .padd-box {padding: 5px}
    .share-media {margin: 10px 0;position: relative;top: 0;}
.mob {display: block;}
    .desktop {display: none;}
.back-btn {margin:0;}
    /*Home page*/
    .crcle-num.big-crcle {width: 45px;height: 45px;font-size: 1.5em;}
    .number-crcles.four-crcle ul li {padding: 0 1px;}
    .money {font-size: 6em;text-shadow: 0px 4px 9px rgba(24, 64, 137, .9);}
    .money sup {font-size: 2.5rem;padding: 10px 0 0 0;}
    .timer-count {font-size: 1.2em;width: 44px;height: 44px;line-height: 40px;}
    .timr {border: 6px solid #fff;top: -30px;}
    .timr::before {left: -6px;top: -6px;width: 44px;height: 44px;border: 6px solid #fff;}
.timr::after {left: -7px;top: -7px;width: 54px;height: 54px;}
    .block-heading {font-size: 1.1em;letter-spacing: 1px;}
    .block-heading-sub-section {font-size: 0.9em;letter-spacing: 1px;}
    .crcle-num {width: 40px;height: 40px;font-size: 1.37em;}
    .number-crcles.no-fill-crcles ul li {padding: 0 5px;}
    .number-crcles ul li {padding: 1px 1px;}
    .submit-btn {font-size: 1.15em;padding: 6px 30px;min-width: 170px;min-height: 45px;}
    .balance {font-size: 0.95em;bottom: -16px;padding: 6px 22px;white-space: nowrap;}
    .submit-coins h3 {font-size: 1em;}
.submit-coins {padding: 20px 0 20px;}
.select-option {display: block;max-width:480px;margin:0 auto;}
    .inner-section {margin: 15px auto 0;}
    .number-crcles.no-fill-crcles {padding: 10px 0 20px;}
    .money::after,.money::before {width: 209px;height: 95px;top: 0px;background-size: 100%;background-repeat: no-repeat;}
    .pic-number-section {margin: 50px auto 10px;}
    .video-authr {padding: 10px 50px 10px 0;}
    .choose-video {right: 10px;top: 25px;}
    .authr-img {height: 36px;width: 36px;}
    .video-title {font-size: .9em;}
    .video_pages .container {padding-left: 0px;padding-right: 0px;}
.watch-video .play-btn {height: 75px;width: 75px;border-width: 3px;}
    .watch-video .play-btn::after {border-width: 15px 20px 15px 24px;left: 26px;top: 20px;}
    .blnc {font-size: 1em;}
    .top-block .grid {display: block;text-align: center;}
    .top-block .grid:last-child {padding: 10px 0 0;text-align: center;}
   /* .select-option {display: inline-block;}*/
    .prizes-gift {padding: 15px;border-radius: 30px;margin-top: 0;}
    .card-img {max-width: 60px;}
    .prizes-gift .themeBtn.small {padding: 6px 18px;}
.card--img {width: 70px;}
    .card-name,.gift-value {font-size: .8em;}
    .page-title {font-size: 1.5em;}
    .winning-detail {display: block;text-align: center;}
    .winning-detail .col {padding: 10px;display: inline-block;vertical-align: middle;}

.mob-hide {display: none;}
.three-grids {display:block;text-align: center;}  
.three-grids .grid {display:inline-block;padding:15px;}       
.three-grids .grid.one {display:block;} 
.mob-display {display: block;}
.tbl-data td {padding: 5px 2px;}
.num-cell {width: 18px;text-align: center;}
.leaderboard-block {padding: 20px 8px;}
.avtar-name, .clndr {font-size: 0.8em;white-space: nowrap;}
.price-value {font-size: 0.8em;}
.highlighted-data {padding-bottom: 10px;}
.sr-num {font-size: 0.8em;}
.clndr{display: block;}
.tB-padd {padding: 20px 0;}
.howtowin {border-radius: 20px;padding: 20px 10px;}
.pick-numbers li a {font-size: 10px;padding: 4px 5px;}
.pick-numbers li a span {font-size: 14px;}
.crcles-list li {padding-right: 3px;}
.win-count {font-size: 1.2em;}
.crcles-list li span {width: 20px;height: 20px;}
.popup-tbl-box {width: 100%;}
.invite-from-in {padding:50px 0;}
.main-popup::after {content: "";position: absolute;left: 25px;top: 25px;bottom: 25px;right: 25px;
background-image: url('../images/doted-border.png');background-repeat: no-repeat;    background-size: 100% 100%;background-position: center;}
.form-head h2 {font-size: 1.2em;}
.form-head h3 {font-size: 1.1em;}
.request-invite-form input[type="submit"] {font-size: .8em;padding: 8px 12px;}
.main-popup {padding: 30px 20px;border-radius: 40px;}
.request-invite-form input[type="text"] {width: 150px;left:0;}
.already-member a{display:table;margin:0 auto;}        
.tbl-cell-box {padding:0 5px;}
.invite-from{text-align: center;}
}


/*tooltipster.bundle.min.css*/
.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;line-height:normal;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:'Open Sans',sans-serif}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0;width:100%}
body{overflow-x:hidden;min-height:100%;}



/* #Basic Styles */

html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: auto;height: 100%;}

/* #Typography */

h1,h2,h3,h4,h5,h6{font-weight:400}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
.subheader{color:#777}
p img{margin:0}
p.lead{font-size:21px;color:#777}
em{font-style:italic}
strong{font-weight:700}
small{font-size:80%}
blockquote,blockquote p{font-size:17px;line-height:24px;color:#777;font-style:italic}
blockquote cite{display:block;font-size:12px;color:#555}
blockquote cite:before{content:"\2014 \0020"}
blockquote cite a,blockquote cite a:visited,blockquote cite a:visited{color:#555}
hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0}


/* #Links */

a,
a:visited {
	text-decoration: none;
	line-height: inherit;
	outline: none;
	-webkit-transition: .2s all ease-in-out;
	transition: .2s all ease-in-out;
}


/* #Lists*/

ul,ol{margin-bottom:0}
ul{list-style:none outside}
ol{list-style:decimal}
ul.square{list-style:square outside}
ul.circle{list-style:circle outside}
ul.disc{list-style:disc outside}
ul ul,ul ol,ol ol,ol ul{margin:0;font-size:90%}
ul ul li,ul ol li,ol ol li,ol ul li{margin-bottom:0}
ul.large li{line-height:21px}

/* #Images */

img.scale-with-grid {max-width: 100%;height: auto;}
img {vertical-align: top;max-width: 100%;height: auto;}
fieldset,img {border: 0;outline: none}


/* #Misc*/

.gap {height: 20px;clear: both}
.clearfix:before,
.clearfix:after {content: "";display: table;line-height: 0}
.clearfix:after {clear: both}


/*-- form style*/

input:focus{outline:none}
textarea{resize:none;-webkit-appearance:none;box-shadow:none}
input[type="text"],input[type="email"],input[type="search"],input[type="submit"],input[type="button"]{-webkit-appearance:none;box-shadow:none;font-family:inherit}
input{outline:none}
input[type="text"],input[type="email"],input[type="phone"],input[type="search"],select,textarea,input[type="password"],input[type="file"]{outline:none;background:#fff;padding:10px;color:#858585;border:none;font-family:inherit;width:100%;border:none;font-size:14px;box-shadow:none;line-height:100%;height:38px;border-radius:0;-webkit-transition:.2s all ease-in-out;transition:.2s all ease-in-out}
.borderinput input[type="text"],.borderinput input[type="email"],.borderinput input[type="file"],.borderinput input[type="phone"],.borderinput input[type="search"],.borderinput select,.borderinput textarea,.borderinput input[type="password"]{border:1px solid #dce4e6;-webkit-transition:.2s all ease-in-out;transition:.2s all ease-in-out}
.borderinput input[type="text"]:focus,.borderinput input[type="email"]:focus,.borderinput input[type="phone"]:focus,.borderinput input[type="search"]:focus,.borderinput select:focus,.borderinput textarea:focus,.borderinput input[type="password"]:focus{border:1px solid #4ba8f6}
.mandatory{color:red}
select{-moz-appearance:none;appearance:none;-webkit-appearance:none;-o-appearance:none;-ms-appearance:none}
.select-option{position:relative}
.select-option:after{content:"";position:absolute;z-index:0;border:1px solid #45a3f3;top:12px;right:10px;pointer-events:none;width:5px;height:5px;border-top:none;border-right:none;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.select-option::before{background-color:#fff;content:"";height:30px;position:absolute;right:10px;top:1px;width:25px;pointer-events:none}

/*--  style */

a.themeBtn,
.themeBtn {
	font-size: 1.250em;font-weight: 700;padding: 10px 30px;color: #fff;position: relative;text-align: center;background-color: #8ab926;display: inline-block;vertical-align: middle;border-radius: 2px;}

.themeBtn:hover {background-color: #5fd134;}
body {color: #555555;font-family: 'Open Sans', sans-serif;font-size: 16px;font-weight: 400;	
    background: transparent;
    background: -moz-radial-gradient(center, ellipse cover, #54d3fa 5%, transparent 70%); 
    background: -webkit-radial-gradient(center, ellipse cover, #54d3fa 5%,transparent 70%);
    background: radial-gradient(ellipse at center, #54d3fa 5%,transparent 70%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54d3fa', endColorstr='transparent',GradientType=1 ); 
    background-position: center -200px;
    background-size: 1200px 1200px;
    background-repeat: no-repeat;
}
.wrapper{overflow: hidden;}
/*.wrapper {
	background-image: url("../images/body-bg.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-repeat: repeat-x;
    height: 100%;
}*/
.wrapper::before {
	background-image: url("../images/body-bg.png?bulkversion=5");
	background-position: center top;
	background-repeat: no-repeat;
	background-repeat: repeat-x;
	height: 100%;content: "";position: absolute;top: 0;left: calc(50% - 600px);width: 1200px;opacity: 0.5;
    background-size: 100%;
}

.mob {display: none;}
.share-media {position: fixed;top: 200px;}
.tB-padd{padding:15px 0;}

/*-- Header style */

#header{background-color:rgba(255,255,255,0.88);border-bottom:1px solid #01c0f9;}
.header-in .grid{position:relative}
.header-in{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.logo{max-width:193px;padding:12px 0;}
.header-right{text-align:right}
.header-menu li{display:inline-block;vertical-align: middle;padding-left:25px;}
.header-menu li a {display: block;}
.header-menu li a img{display:block;max-width:100%;}
.header-menu li a.header-button {color: #fff;background-color:#2b9bfb;font-size: .93em;font-weight: 600;border: 1px solid #2b9bfb;padding: 6px 25px;border-radius: 20px;
	display: block;max-width:inherit;}
.header-menu li a.header-button:hover{color: #1890fc;background-color: transparent;}
.back-btn span {display: inline-block;cursor: pointer;}
.back-btn span i {color: #d89002;font-size: 28px;}

.back-btn {
	margin: 0 0 0 -31px;
}

/*-- Header style end */


/*Footer css start*/
.body{padding-bottom:50px;padding-top:10px}
.copy-right{color:#fff;font-size:.907em}
.nav--secondary li{display:inline-block}
.nav--secondary a{color:#fff;display:block;font-size:.907em;line-height:1}
.nav--secondary a:hover{color:#000}
.nav--secondary li{border-right:1px solid #fff;display:inline-block;line-height:1;padding:0 15px}
.nav--secondary li:last-child{border-right:0;padding-right:0}
.nav--secondary{text-align:right}
.footer{border-top:1px solid #fff;padding:15px 0}

/*Home page css start*/


.crcle-num{width:50px;height:50px;display:block;border:2px solid #02a9f1;border-radius:50%;background-color:rgba(255,255,255,.9); color:#06aad3;
    font-size:1.7em;font-weight:700;text-align: center;line-height:1.6;position:relative;}
.crcle-num::after {position: absolute;content: "";left: 0;right: 0;background-image: url('../images/shadow.png?bulkversion=5');background-repeat: no-repeat;
	width: 100%;height: 20px;background-size: 100%;top: 100%;opacity: .35;}
.number-crcles ul{text-align: center;}
.number-crcles ul li{display:inline-block;vertical-align:middle;padding:0 5px;}
.earn-money{text-align: center;position:relative;}
.money::after,.money::before {position: absolute;content: "";background-image: url('../images/right-diamonds.png?bulkversion=5');width: 359px;height: 133px;
	left: 115%;top: 40px;}
.money::before{left: auto;right:115%;background-image: url('../images/left-diamonds.png?bulkversion=5');}
.money{color:#fff;font-size:6.18em;font-family: 'Lobster', cursive; -webkit-text-stroke: 3px #8dce01;text-shadow:0px 6px 9px rgba(24,64,137,.9);
    line-height:1;position:relative;}
.money sup {font-size: 3rem;font-family: 'Lobster', cursive;-webkit-text-stroke: 2px #8dce01;line-height: 1;display: inline-block;vertical-align: top;padding: 15px 0 0 0;}
.home-page{padding-top:15px;}
.crcle-num.big-crcle{width:60px;height:60px;font-size:2em;color:#8ab926;font-weight:300;}
.four-crcle{padding:20px 0 20px 0;}
.number-crcles.four-crcle ul li {padding: 0 22px;}
.pic-number-section{border:1px solid #fff;border-radius:30px;max-width:916px;margin:50px auto;padding:30px;position:relative;}
#nextdraw{font-size:30px;}
.block-heading{color:#fff;text-transform:uppercase;font-weight:600;font-size:1.25em;text-align: center;padding-bottom:10px;letter-spacing:4px;}
.block-heading-sub-section{color:#fff;text-transform:uppercase;font-weight:600;font-size:1.0em;text-align: center;padding-bottom:10px;letter-spacing:4px;}
.inner-section{max-width:700px;margin:15px auto 0;}
.number-crcles.no-fill-crcles ul li{padding:0 10px;}
.number-crcles.no-fill-crcles{padding:15px 0;margin-bottom:15px;border-bottom:2px solid #fff;}
.submit-btn {background-color:transparent;border-radius:50px;font-weight: 700;font-size: 1.5em;color: #fff;text-transform: uppercase;border: none;
	box-shadow: none;background-color: transparent;display: inline-block;padding: 10px 30px;min-width: 230px;min-height: 55px;cursor: pointer;    position:relative;z-index:2;}
.submit-btn:hover{background-color:#06aad3;}
.button-wrap{position:relative;display:inline-block;}
.button-wrap:before{
    background: #a8f406;
    background: -moz-linear-gradient(top, #a8f406 0%, #73a802 100%); 
    background: -webkit-linear-gradient(top, #a8f406 0%,#73a802 100%); 
    background: linear-gradient(to bottom, #a8f406 0%,#73a802 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8f406', endColorstr='#73a802',GradientType=0 ); 
    position:absolute;left:0px;top:0px;right:0px;bottom:0px;content:"";border-radius:50px;
}
.button-wrap:after{position:absolute;left:4px;top:3px;right:4px;bottom:3px;content:"";border-radius:50px;  
    background: #8bcc01; 
    background: -moz-linear-gradient(top, #8bcc01 0%, #9ae202 100%);
    background: -webkit-linear-gradient(top, #8bcc01 0%,#9ae202 100%); 
    background: linear-gradient(to bottom, #8bcc01 0%,#9ae202 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bcc01', endColorstr='#9ae202',GradientType=0 );
    
}
.submit-coins{text-align: center;padding:20px 0 15px;}
.submit-coins h3{color:#8dcf01;font-weight:700;text-transform:uppercase;font-size:1.25em;padding-bottom:5px;}
.balance {font-size: 1.05em;color: #fff;font-weight: 300;position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);background-color: #034acc;padding: 0 30px;}
.timer-count {color: #fff;font-size: 1em;display: block;line-height: 1;font-weight: 600;width: 44px;height: 44px;background-color: #06aad3;	text-align: center;border-radius: 50%;line-height: 40px;border: 2px solid #fff;}
.timr {position: absolute;left: 50%;top: -40px;transform: translateX(-50%);-webkit-transform: translateX(-50%);border: 8px solid #fff;border-radius: 50%;}
.timr::before {position: absolute;content: "";left: -8px;top: -8px;width: 44px;height: 44px;border: 8px solid #fff;
               /*border-top:8px solid #dbf3fd;*/
	border-radius: 50%;
        /*animation: spin 2s linear infinite;-webkit-animation: spin 2s linear infinite;*/}
.timr::after {position: absolute;content: "";left: -10px;top: -10px;width: 60px;height: 60px;border: 2px solid #fff;border-radius: 50%;}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}



/*Watch video*/
.videos-section{max-width:810px;margin:20px auto 0;}
.watch-video{margin:0 auto}
.authr-img{width:70px;height:70px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:10px;border:2px solid #4b9de6;}
.authr-img img {border-radius: 50%;display: block;width: 100%;height: 100%;}
.author-detail .video-detail{display:inline-block;vertical-align:middle;width:70%}
.video-detail h4{font-size:.9em;color:#000;line-height:1.2;}
.video-title{color:#362f2d;font-size:1.12em;font-weight:700}
.author-detail .video-title:hover{color:#7ca60a}
.video-block{display: table;width:100%;}
.video-block .right-grid{display:table-cell;padding:10px;vertical-align:top;width:28%;direction:ltr}
.video-block .left-grid{display:table-cell;width:72%;vertical-align:top;direction:ltr;padding:10px;}
.text_link{color:#222;font-size:16px;font-weight:700}
.text_link:hover{color:#fc5846;}
.text_link span{display:inline-block;font-size:1.804em;line-height:10px;letter-spacing:5px;}

.video-foter{padding:5px 5px;display:table;width:100%}
.video-foter{background-color:#f0f0f0;}
.video-foter .grid{display:table-cell;vertical-align:middle}
.video-foter .grid:last-child{text-align:right}
.video-foter .grid img{vertical-align: middle;}

.video-authr{display:table;width:100%;}
.video-authr .grid{display:table-cell;vertical-align:middle}
.video-authr .grid:last-child{text-align:right}
.watch-video .play-btn::after {border-width: 36px 40px 36px 58px;left: 62px;top: 54px;}
.video-msg-contnr{padding:15px 0}
.progress-bar-wrapper{text-align:center;max-width:550px;margin:0 auto;}
.play-load-bar{padding-top:30px;}
.progress-value {color: #000;display: inline-block;font-size: 1em;font-weight: 600;padding-bottom: 2px;}

@-webkit-keyframes grow-width {from{width:0}}
@keyframes grow-width {from{width:0}}

.style{list-style-type:none;padding:0;width:100%}
.style li{border:1px solid #464646;height:30px;position:relative;border-radius:50px;overflow:hidden}
.style li em{font-style:normal;display:block;left:0;height:100%;font-size:0;top:0;background: #464646;position:absolute;overflow:visible;-webkit-animation:grow-width 2s;animation:grow-width 2s;}
.border-btn{border:1px solid #fd4a37;border-radius:2px;color:#fd4a37;display:inline-block;font-size:1.052em;font-weight:600;min-width:90px;padding:5px 10px;vertical-align:middle}
.border-btn:hover{border-color:#5fd134;color:#5fd134}
.video-category{margin:30px 0 0;text-align:center}
.link-btn-list > li{display:inline-block;padding:5px;vertical-align:middle}
.video-category h2{color:#69532c;font-size:1.111em;font-weight:600;padding-bottom:5px}


.watch-vdo-msg {border-top: 1px solid #cbc7c6;padding: 25px 0;text-align: center;}
.watch-vdo-msg h2{color:#09c809;font-size:1.363em;font-weight:600;padding-bottom:15px;}
.watch-vdo-msg.wrong h2{color:#28d6e9}
.choose-video {position: absolute;right: 0px;top: 15px;}
.top_head {padding:0 10px 15px;position: relative;}
.video-msg-contnr {padding:0 15px;}
.play-btn{width:185px;height:185px;border-radius:50%;border:6px solid #4b9de6;position:relative;display:block;-webkit-transition:.2s all ease-in-out;transition:.2s all ease-in-out}
.play-btn:hover{border-color:#fff}
.play-btn:hover:after{border-left-color:#fff}
.play-btn:after{content:"";left:17px;position:absolute;top:13px;border:solid transparent;border-width:10px 10px 10px 16px;border-left-color:#4b9de6;-webkit-transition:.2s all ease-in-out;transition:.2s all ease-in-out}

.video-box{position:relative;display:inline-block}
.video-poster > img{width:100%}
.play-icon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);cursor:pointer;}


/*PRIZES*/


.prizes-gift {background-color: rgba(255,255,255,.80);margin: 0 auto;max-width: 640px;padding: 55px;border-radius: 70px;}
.blnc{color:#333;font-size:1.109em}
.blnc span{font-weight:700}
.top-block{display:table;width:100%;border-bottom:1px solid #45a3f3;padding:0 0 30px}
.top-block .grid{display:table-cell;vertical-align:middle}
.top-block .grid:last-child{text-align:right}
.select-option select{border:1px solid #45a3f3;font-size:.821em;padding:0 10px;height:32px;border-radius:2px}
.card-name,.gift-value{color:#333;font-size:.855em;font-weight:600;display:block;padding:2px 0}
.hide-desktop{display:none}
.themeBtn.small{font-size:.877em;padding:8px 18px}
.tbl-list td{vertical-align:middle}
.tbl-list td:last-child{text-align:right}
.card-vlue-cell{text-align:right}
.card--img{width:110px}
.card-img{max-width:82px}
.tbl-list td{border-bottom:1px solid #45a3f3;padding:12px 0;vertical-align:middle}
.tbl-list tr:last-child td{border-bottom:none;padding-bottom:0;}
.prizes-giftblock{margin:0 auto;max-height:780px;max-width:600px;overflow:auto}
.prizes-gift .themeBtn.small {padding: 7px 34px;border-radius: 20px;font-weight: 600;}
.page-title{font-size:1.6em;color:#fff;font-weight:600;padding-bottom:20px;text-align: center;text-transform: uppercase;}




/*History*/
.history-section{max-width:800px;margin:0px auto;}
/*.history-blocks{padding-top:10px;}*/
.history-block {background-color: rgba(255,255,255,.8);border-radius: 30px;padding: 8px 35px;border: 2px solid #fff;margin-bottom:8px;}
.win-detail{color:#000033;text-align: center}
.block-caption{font-size:12px;font-weight:700;text-transform: uppercase;display: block;line-height:1;}
.winning-detail{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 -10px}
.winning-detail .col{padding:0 10px;}
.history-date {font-size:15px;color: #000033;font-weight: 700;text-align: center;}
.history-date span{font-size: 12px;font-weight: 500;}
.top-row {border-bottom: 1px solid #afd9f7;padding: 0 0 5px;margin-bottom: 5px;}
.win-detail.crcle {width: 85px;height: 85px;border: 2px solid #83db63;border-radius: 50%;display: table-cell;vertical-align: middle;}
.price-vl{color:#167cfa;font-weight:700;font-size: 13px;}
.number{letter-spacing:3px;}
.win-detail {color: #000033;text-align: center}
.link-txt {
	color: #000033;
}
.link-txt:hover{
	color: #167cfa;
}

/*Leaderboard*/

.leaderboard-block {background-color: rgba(255, 255, 255, .8);border-radius: 30px;padding: 30px 20px;max-width:640px;margin:0 auto;}
.tab-links{border:1px solid #5fd134;border-radius:30px;overflow:hidden;max-width:342px;margin:0 auto;display:table;width:100%;}
.tab-links li{display:table-cell;vertical-align:middle;}
.tab-links li a{font-size:1.06em;color:#5fd134;font-weight:600;display:block;padding:8px 30px;cursor:pointer;text-align: center;}
.tab-links li:first-child a{border-top-left-radius:30px;border-bottom-left-radius:30px;}
.tab-links li:last-child a{border-top-right-radius:30px;border-bottom-right-radius:30px;}
.tab-links li.active a{background-color:#5fd134;color:#fff;}
.tbl-data td {vertical-align: middle;border-bottom: 1px solid #b2d5f5;padding: 5px 8px;}
.num-cell {width: 30px;}
.profile-image {border-radius: 50%;display: block;height: 43px;margin: 0 auto;width: 43px;}
.avtar-name,.clndr {color: #000033;font-size: 0.965em;}
.price-value, .sr-num {color: #000033;font-size: 0.965em;font-weight: 700;}
.mob-display {display: none;}
.tbl-data td:last-child {text-align: right;}
.highlighted-data{padding-bottom:25px;}
.leaderborad-detail{text-align: center;}
.count-num{font-size: 1.10em;color:#000033;font-weight:700;display:block;}
.price_value{font-size:1.10em;color:#000033;font-weight:700;padding-top:10px;}
.avtarname {font-size: 1.10em;color: #000033;font-weight: 600;}
.calendar{font-size:.92em;color:#000033;line-height:1;}
.avtar-image{width:52px;height:52px;display: block;margin:10px auto;}
.three-grids {-webkit-box-display: -ms-flexbox;display: flex;-ms-flex-pack:distribute;justify-content:space-around;padding-top:10px;}
.grid.one{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-top:40px;}
.grid.two{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;}
.grid.three{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;}
.grid.one .count-num{font-size: 1.40em;}
.grid.one .price_value{font-size:1.40em;}
.grid.one .avtarname {font-size: 1.40em;}
.grid.one .avtar-image {width: 68px;height: 68px;}

/*How To Win*/

.howtowin{background-color: rgba(255, 255, 255, .8);border-radius: 50px;padding:35px 80px;max-width:640px;margin:0 auto;}
.pick-numbers{display:table;width:100%;border:1px solid #5fd134;border-radius:30px;overflow: hidden;}
.pick-numbers li{display:table-cell;vertical-align:top;}
.pick-numbers li a{color:#5fd134;font-size:14px;text-transform: uppercase;font-weight:600;text-align: center;display: block;line-height:1;    padding:4px 10px;border-right:1px solid #5fd134;}
.pick-numbers li:first-child a{border-top-left-radius:30px;border-bottom-left-radius:30px;}
.pick-numbers li:last-child a{border:none;border-top-right-radius:30px;border-bottom-right-radius:30px;}
.pick-numbers li.active a{background-color:#5fd134;color:#fff;}
.pick-numbers li a span{font-size:20px;display:block;line-height:1;}
.match-win-data th{font-size:14px;font-weight:700;color:#333;text-transform:uppercase;padding:6px 0;}
.match-win-data th:first-child{text-align: left;}
.match-win-data td{padding:10px 0;}
.match-win-data td:last-child{text-align: center;vertical-align: middle;}
.crcles-list li{display:inline-block;vertical-align:middle;padding-right:10px;}
.crcles-list li span{width:27px;height:27px;border-radius:50%;background-color:#015ccd;display:block;}
.crcles-list li:nth-child(2) span{background-color:#016ad2;}
.crcles-list li:nth-child(3) span{background-color:#0186df;}
.crcles-list li:nth-child(4) span{background-color:#01a0ea;}
.crcles-list li:nth-child(5) span{background-color:#01b6f5;}
.crcles-list li:nth-child(6) span{background-color:#01c0f9;}
.crcles-list li:nth-child(7) span{background-color:#01c0f9;}
.match-win-data tr{border-bottom:1px solid #9accf3;}
.win-count{font-size:1.6em;color:#000;line-height:1;}
.match-win-data{max-width:400px;margin:0 auto}
.tab_container{padding-top:10px;}
.noteTxt {color: #000;font-size: 13px;text-align: center;max-width: 230px;margin: 10px auto 0;}



/*POPUP CSS*/
.popup-tbl-box {display: table;margin: 0 auto;height: 100%;padding: 20px;width: 600px;z-index:99;position: relative}
.tbl-cell-box {position: relative;display: table-cell;vertical-align: middle;}
.popup-tbl-box{border-collapse: collapse;border-spacing: 0;}
.popup {bottom: 00px;left: 0;opacity: 1;position: fixed;right: 0;top:00px;z-index:100;padding:50px 0;}
html.display-popup{bottom: 0;left: 0;position: fixed;right: 0;top: 0;}
.popup-overlay {background-color: rgba(2, 18, 45, .85);bottom: 0;left: 0;position: fixed;right: 0;top: 0;z-index:9;height:100%;}
.main-popup{padding: 30px;position: relative;background-color:rgba(42,170,252,.85);border-radius:60px;}
.main-popup::after {content: "";position: absolute;left: 25px;top: 25px;bottom: 25px;right: 25px;
	background-image: url('../images/doted-border.png');background-repeat: no-repeat;    background-size: 93% 93%;background-position: center;}
.form-head h2 {font-size: 2em;color: #fff;text-transform: uppercase;font-weight: 600;}
.form-head h3 {font-size: 1.396em;color: #352d20}
.invite-from-in {padding: 70px 80px;text-align: center;display: inline-block;position:relative;z-index: 2;}
.request-invite-form td {vertical-align: top}
.request-invite-form input[type="text"] {background-color: rgba(0, 0, 0, 0);border: 1px solid #054ecd;border-radius: 30px 0 0 30px;
    color: #fff;padding:0 20px;display: block;margin: 0;width: 265px;position: relative;left: 10px;height: 42px;}
.request-invite-form input[type="email"] {background-color: rgba(0, 0, 0, 0);border: 1px solid #054ecd;border-radius: 30px 0 0 30px;
    color: #fff;padding:0 20px;display: block;margin: 0;width: 265px;position: relative;left: 10px;height: 42px;}
.request-invite-form input[type="submit"] {background-color: #054ecd;border: none;border-radius:0 30px 30px 0;color: #fff;display: block;font-size: .863em;font-weight: 600;height: 42px;padding: 8px 25px;cursor: pointer;position: relative;margin: 0;cursor:pointer;}

.request-invite-form input[type="submit"]:hover {background-color: #003797;}
.closeBtn {display: inline-block;float: right;height: 42px;position: absolute;right: 22px;top: 22px;width: 42px;border: 1px solid #fff;border-radius: 50%;cursor: pointer;z-index: 5;background-color: #2a9de8;-webkit-transition:.2s all ease-in-out;transition:.2s all ease-in-out}
.closeBtn:hover {border-color:#000;}
.closeBtn::after,
.closeBtn::before {background-color: #fff;border-radius: 2px;content: "";height: 2px;left: 7px;position: absolute;top: 20px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);width: 25px;-webkit-transition:.2s all ease-in-out;transition:.2s all ease-in-out;}

.closeBtn:hover::after,
.closeBtn:hover::before {background-color: #000;}
.closeBtn::before {transform: rotate(45deg);-webkit-transform: rotate(45deg)}
.form-head h3 {font-size: 1.37em;color: #fff;font-weight: 300;}
.form-block{padding-top:64px;}
.form-bottom{padding-top:30px}
.formbottom{color:red;height: 5px}
.already-member{color:#fff;font-size:.90em;font-weight:700;}
.already-member a{color:#fff;font-weight:normal;text-decoration: underline;}
.already-member a:hover{color:#000;text-decoration: none;}
.pages{text-align: center;}
.pages li{padding:5px 0;}
.pages li a{color:#000;font-size:1.5em;}



/* placeholders */
.request-invite-form ::-webkit-input-placeholder {color: #fff;opacity: 1;}
.request-invite-form :-moz-placeholder {color: #fff;opacity: 1;}
.request-invite-form ::-moz-placeholder {color: #fff; opacity: 1;}
.request-invite-form :-ms-input-placeholder {color: #fff;opacity: 1;}
/* placeholders */

.dialog_box{display:table;margin:0 auto;height:100%;padding:0 20px}
.dialog_overlay{background-color:rgba(0,0,0,.80);bottom:0;left:0;position:fixed;right:0;top:0}
.dialog_box{display:table;margin:0 auto;height:100%;padding:0 20px}
.dialog_box_content{border-radius:0;width:590px;padding:30px 0;position:relative;display:table-cell;vertical-align:middle}
.dialog_box_wrap.active{opacity:1;z-index:100}
.dialog_box_wrap{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;z-index:-1}
.dialog_box_wrap.active .dialog_box_content{animation-duration:.7s;animation-fill-mode:both;animation-name:bounceIn}
.dialog-mid_redeem {
    padding: 0;
    position: relative;
    background-color: #eeeeee;
    border-radius: 3px;
    overflow: hidden;
    margin-left: 92px;
}
.top--head {
    border-bottom: 2px solid #b5b5b5;
    padding: 12px 15px
}
.top--head h2 {
    color: #cd02bc;
    font-size: 18px
}
.gift-coupon label {
    color: #333;
    display: block;
    font-size: 13px;
    padding: 0 0 15px
}
.dailog-mid{padding:0;position:relative;border-radius:0}
/*Pop css end*/
/*for redeem dailog  */
.dialog_box_content_redeem {
    border-radius: 5px;
    max-width: 500px;
    min-width: 300px;
    padding: 30px 0;
    position: relative;
    display: table-cell;
  vertical-align: middle;
}

.top-box {
    padding: 20px
}
.closeBtnPopupRes {
    border: 1px solid #0D81CB;
    border-radius: 50%;
    float: right;
    font-size: 0;
    height: 26px;
    position: absolute;
    right: 12px;
    top: 11px;
    width: 26px;
}
.closeBtnPopupRes::after,
.closeBtnPopupRes::before {
    background-color: #0D81CB;
    border-radius: 10px;
    content: "";
    height: 4px;
    left: 4px;
    position: absolute;
    top: 10px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 17px;
}
.closeBtnPopupRes:hover::after, .closeBtnPopupRes:hover::before{
    background-color:#333;
}
.closeBtnPopupRes:hover{
    border-color:#333;
}
.closeBtnPopupRes::before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

/*unlock page progress css*/
.progresslock {
    max-width: 820px;
    border: 1px solid #fc4936;
    border-radius: 2px;
    padding: 10px 15px;
    margin: 0px auto;
}
.progress-in {
    max-width: 600px;
    margin: 0 auto;
}
.progress-head {
    text-align: center;
    padding: 40px 0 40px 0;
}
.block_title {
    font-size: 1.8em;
    color: #064fcd;
}
.steps_progress {
    margin: 15px 0 0px;
}

.steps_progress li {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}

.steps_progress li .step-crcle {
    border: 1px solid #8f9090;
    border-radius: 50%;
    display: inline-block;
    height: 18px;
    position: relative;
    width: 18px;
}
/*
.steps_progress li.selected .step-crcle::after {
    border: none;
    border-radius: 0;
    content: "";
    height: 23px;
    left: -3px;
    position: absolute;
    width: 23px;
    background-image: url('../images/tick-icon.png');
    background-repeat: no-repeat;
    top: -4px;
    background-size: 100%;
}*/
.steps_progress li.selectedlock .step-crcle::after {
	border: none;
	border-radius: 0;
	content: "";
	height: 24px;
	left: -3px;
	position: absolute;
	width: 24px;
	top: -3px;
	background-size: 100%;
	background-color: #fff;
	border: 3px solid #7ca60a;
	border-radius: 50%;
}
.steps_progress li.selectedlock .step-crcle::before {
	border: 4px solid #7ca60a;
	content: "";
	width: 14px;
	height: 7px;
	position: absolute;
	left: 2px;
	top: 5px;
	z-index: 1;
	border-top: none;
	border-right: none;
	transform: rotate(-45deg);
}
.steps_progress li.selectedlock .step-crcle {
    border: none;
}
.table-data {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.table-row {
    border-top: 1px solid #febcb5;
}
.table-row td {
    vertical-align: middle;
    padding: 10px 0;
}
.inner-tbl {
    display: table;
    width: 100%;
    text-align: left;
}
.inner-tbl .grid {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}
.inner-tbl .grid {
    display: table-cell;
    vertical-align: middle;
}
.profile_detail {
    text-align: left;
}
.col {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
}


.fb-shar-btn{
    float: left; width: 33px;
}
.subscribediv{
    float: left; width: 120px;
}
.subscribebar{
    height: 40px;margin-top: -8px;display: none;
}
.reaction-div{
    height: 40px;width: 77%;float: left;
}
.subscribe-box{
    height: 40px;width: 23%;float: left;text-align: center;
}

.like-details{
    padding-right: 0!important;
    margin-left: 2px!important;;
}
.like-details a{
    font-weight: normal!important;
}
.share-subsc{
    width: 100%;padding-top: 8px;padding-left: 16%;
}




.facebook-reaction{
    max-width:100%;
    height: 38px;
    padding-top:10px;
    position: relative;
}

.like-btn {
    font-weight: bold;
    /*color: #fff;*/
    position: relative;
    cursor: pointer;
    /*padding: 20px 20px 0 0;*/
    width: 85px;
    float: left;
}

.like-details:hover {
    text-decoration: underline;
}

.like-btn-default {
    background-image: url('../images/facebook.png');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: -277px -446px;
}

.like-btn-emo {
    display: inline-block;
    margin: 0 0px -3px 0;
    width: 16px;
    height: 16px;
}

.reactions-box {
    height: 50px;
    width: 360px;
    padding: 30px;
    position: absolute;
    top: -60px;
    left:0px;
    box-shadow: 1px 1px 2px #cccccc, -1px 0px 2px #eeeeee;
    border-radius: 44px 44px;
    display: none;
    /*visibility: hidden;*/
    border: 1px solid #eeeeee;
    transition: all 1s linear;
}

.reaction {
    list-style-type: none;
    cursor: pointer;
    display: inline-block;
    width: 48px;
    height: 48px;
    position: absolute;
    top: 8px;
    /*opacity: 0;
    transform: all 2s linear;
    transition: opacity .5s ease-in-out 1s, transform .07s ease-in-out 0s, top .07s ease-in-out 0s;*/
    /*transition: opacity .5s ease-in-out 1s, transform .1s ease-in-out 0s, top .1s ease-in-out 0s;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.like-btn:hover .reactions-box {
    transition: all 1s linear;
    /*visibility: visible;*/
}

.reaction-like {
    left: 10px;
    transition-delay: 0s;
    background-image: url('../images/reactions_like.png');
}

.reaction-love {
    left: 68px;
    transition-delay: 0s;
    background-image: url('../images/reactions_love.png');
}

.reaction-haha {
    left: 126px;
    transition-delay: 0s;
    background-image: url('../images/reactions_haha.png');
}

.reaction-wow {
    left: 184px;
    transition-delay: 0s;
    background-image: url('../images/reactions_wow.png');
}

.reaction-sad {
    left: 242px;
    transition-delay: 0s;
    background-image: url('../images/reactions_sad.png');
}

.reaction-angry {
    left: 300px;
    transition-delay: 0s;
    background-image: url('../images/reactions_angry.png');
}



.like-btn:hover .reaction {
    opacity: 1;
    animation-name: reaction_delay;
    animation-duration: 0s;
}

@keyframes reaction_delay {
    0% {
        width: 48px;
        height: 48px;
        top: 60px;
    }
    48% {
        width: 56px;
        height: 56px;
        top: 5px;
    }
    100% {
        width: 48px;
        height: 48px;
        top: 8px;
    }
}


.like-btn:hover .reaction-like {
    animation-delay: 0s
}

.like-btn:hover .reaction-love {
    animation-delay: .05s
}

.like-btn:hover .reaction-haha {
    animation-delay: .1s
}

.like-btn:hover .reaction-wow {
    animation-delay: .15s
}

.like-btn:hover .reaction-sad {
    animation-delay: .2s
}

.like-btn:hover .reaction-angry {
    animation-delay: .25s
}

.reaction:hover {
    transform: scale(1.3, 1.3);
    top: 2px
}



.reaction::before {
    display: inline-block;
    color: #ffffff;
    text-align: center;
    line-height: 17px;
    font-size: .7em;
    width: 80%;
    height: 17px;
    margin-left: 10%;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 20px;
    position: absolute;
    top: -25px;
    opacity: 0;
    transition: opacity .2s ease-in-out 0s;
}

.reaction:hover::before {
    opacity: 1
}

.reaction-like::before {
    content: 'Like'
}

.reaction-love::before {
    content: 'Love'
}

.reaction-haha::before {
    content: 'Haha'
}

.reaction-wow::before {
    content: 'Wow'
}


.reaction-sad::before {
    content: 'Sad'
}

.reaction-angry::before {
    content: 'Angry'
}

.like-stat {
    /* margin-top: 10px;*/
    /*width: 200px;*/
    float: left;
}


.like-btn-like{
    background-image: url('../images/reaction-small.png');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: -17px -151px;
}

.like-btn-love{
    background-image: url('../images/reaction-small.png');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 0 -168px;
}

.like-btn-haha{
    background-image: url('../images/reaction-small.png');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 0 -151px;
}

.like-btn-wow{
    background-image: url('../images/reaction-small.png');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: -17px -185px;
}

.like-btn-sad{
    background-image: url('../images/reaction-small.png');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: -17px -168px;
}

.like-btn-angry{
    background-image: url('../images/reaction-small.png');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: -17px -117px;
}

.like-btn-text-like {
    color:rgb(88, 144, 255);
}
.like-btn-text-wow,.like-btn-text-haha,.like-btn-text-sad {
    color:rgb(240, 186, 21)
}
.like-btn-text-love{
    color:rgb(242, 82, 104)
}
.like-btn-text-angry{
    color:rgb(247, 113, 75);
}

.like-emo > span{
    display: inline-block;
    margin: -6px -4px -3px 0px;
    width: 16px;
    height: 16px;
    border: 1px solid #EEE;
    border-radius: 50%;
    cursor: pointer;

}

.like-details{
    margin-left:11px;
    color:#9197a3;
    font-size:15px;

}
.liked-image-icon {
    position: absolute;
    right: 0;
    top: 25px;
}
.liked-image {
    bottom: 0;
    position: relative;
    right: 0;
}
.liked-user-name {
    text-align: left;
    vertical-align: middle;
    width: 90%;
}
.liked-user-photo {
    text-align: left;
    width: 10%;
}
.imojili {
    border: 0 none;
    margin-right: 20px;
    font-size: 20px;
}















.video-share-overlay {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    text-align:center;
    background:rgba(0,0,0,0.8);
}
.like-btn{
    width: auto!important;
}
@media screen and (max-width: 767px) {
    .fb-shar-btn a{
        padding : 2px 7px 2px 3px;
    }
    .reaction-div{
        height: 40px;width: 62%;float: left;background-color: rgba(0,0, 0, 0.06);
    }
    .subscribe-box{
        height: 40px;width: 38%;float: left;text-align: center;background-color: rgba(0,0, 0, 0.06);
    }
    .fb-shar-btn{
        float: left; width: 31px;
    }
    .subscribediv{
        float: left; width: 90px;
    }
    .fb-shar-btn {
        display: block;
    }
    .like-btn,.like-stat{
        padding-right: 0px;
    }
    .share-subsc{
        width: 142px;padding-top: 8px;padding-left: 0;float: right;
    }
    .like-btn{
        width: 57px;
        font-size: 11px;
    }
    .like-details{
        font-size: 11px;
    }
    .video-foter span{
        font-size: 10px;
    }
    .like-btn-text{
        padding-top: 3px;
    }
}

.video-foter span {
    /*color: #ffffff;*/
    display: inline-block;
    font-size: 0.9em;
    font-weight: 700;
    /*text-align: center;*/
    vertical-align: middle;
    padding-right: 5px;
}

.like-details{
    margin-left:11px;
    color:#9197a3;
    font-size:15px;

}



    .border-btn {
        border: 1px solid #A2E7FC;
        border-radius: 20px;
        color: #A2E7FC;
        display: inline-block;
        font-size: 1.052em;
        font-weight: 600;
        min-width: 90px;
        padding: 5px 10px;
        vertical-align: middle;
    }

    .video-category h2{
    color: #000;
    }
    .video-category{
        margin: 0px!important;
    }
    .watch-vdo-msg h2{color:#2C2727;font-size:1.3em;font-weight:600;padding-bottom:15px;}
    .watch-vdo-msg h2 span{color:#73AD02;font-size:1.3em;font-weight:600;padding-bottom:15px;}

    a.themeBtn, .themeBtn{
        border-radius: 20px;
    }
.watch-vdo-msg{
    padding:25px 0 0 0;
}
.watch-vdo-msg{
    border-top:0px;
}



.dropdown-menu{position:absolute;top:100%;left:-216%;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}}


.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}

.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}
button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}


.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}
.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}

.share_btns {
    background-color: #170d0c;
    border-radius: 2px;
    left: 20px;
    padding: 9px 10px;
    position: absolute;
    top: 20px;
}
.share_btns {
    background-color: black;
    border-radius: 4px;
    top: 15px;
    left:15px;
    padding: 6px 5px;
    position: absolute;

}
.share_btns .share_links {
    line-height: 1;
    font-size: 20px;
}
.share_btns .share_links li {
    padding: 1px 5px;
}
.share_btns .share_links a {
    display: block;
    line-height: 1;
}
.share_btns .share_links a:hover {
    color: #fd4a37;
}

.share_links li{border-right:1px solid #fff;display:inline-block;padding:4px 7px;vertical-align:middle}
.share_links li:last-child{border-right:none}

subscribe:hover{background-color:#fc5846}
.video-foter .grid{display:table-cell;vertical-align:middle}
/*.video-foter .grid:last-child{text-align:right}*/
.share_links a{color:#fff}
.share_links a:hover{color:#000}
.fb-shar-btn a{background-color:#03b9cc;border-radius:2px;display:inline-block;padding:4px 15px 4px 10px}
.fb-shar-btn a:hover{background-color:#8ab926}
.share-btn-icn{background-color:#fff;border-radius:50%;display:inline-block;height:24px;padding:5px 0;width:24px;margin-right:5px}
.fb-shar-btn span{color:#fff;display:inline-block;font-size:.9em;font-weight:700;vertical-align:middle;text-align:center}
.share-btn-icn .fa.fa-facebook{color:#03b9cc;display:block;font-size:15px;margin:0 auto;padding:1px}
.fb-shar-btn a:hover .fa.fa-facebook{color:#8ab926}
.video-authr{display:table;width:100%;}
.video-authr .grid{display:table-cell;vertical-align:middle}
.video-authr .grid:last-child{text-align:right}
.watch-video .play-btn::after {
    border-width: 24px 26px 24px 37px;
    left: 45px;
    top: 31px;
}


.class-for-captcha-divs > div {
    margin: 0px auto;
}

.navigation{background-color:#fff;position:absolute;top:200px;width:250px;text-align:left;z-index:9;left:-9999px;opacity:0;transition:opacity .5s ease 0s,top .3s ease 0;-webkit-transition:opacity .5s ease 0s,top .3s ease 0;border:2px solid #2B9BFB}
.toggled-left .navigation {
    left: 55px;
    opacity: 1;
    top: 100%;
    margin-top: 13px;}
.navigation::before{background-color:#fff;border:2px solid #2B9BFB;content:"";height:18px;left:44px;margin:0;position:absolute;top:-11px;transform:rotate(45deg);width:18px;border-bottom:none;border-right:none}
.nav li{padding:7px 0;width: 100%}
.nav li:last-child{border-bottom:none}
.nav li a{color:#7e6d4f;font-size:.938em;text-transform:inherit;font-weight:500}
.nav li a:hover{color:#000}
.nav{padding:10px 18px}
.profile-name{color:#7e6d4f;font-size:.93em;font-weight:700;display:inline-block}
.avtar{border-bottom:1px solid #f5d18b;margin:0 18px;padding:10px 0}
.profile-img{border-radius:50%;height:50px;width:50px;display:inline-block;vertical-align:middle;}


.img-circle {
    border-radius: 50%;
}


.text--link-invite{color:#3572BC;font-size:.943em;font-weight:700;text-decoration:underline}
.text--link-invite:hover{color:#5fd134;text-decoration:none}
.input-circle{
    width: 50px!important;
    height: 50px!important;
    display: block!important;
    border: 2px solid #02a9f1!important;
    border-radius: 50%!important;
    background-color: rgba(255,255,255,.9)!important;
    color: #89BB0A!important;
    font-size: 1.7em!important;
    font-weight: 700!important;
    text-align: center!important;
    line-height: 1.6!important;
    position: relative!important;
&:focus {
     outline: none;
 }
}
.crcle-num{
    outline: none;
    cursor: pointer;
}
#submitted{
    color: #95C232;
    font-size: 1.7em!important;
    font-weight: 700!important;
}
.total_winners{
    text-align: center;font-size: 30px;color: #fff;display: none;
}
.you_won{
    text-align: center;font-size: 40px;font-weight:650;color: #FEF200;text-shadow: 1px 1px 1px black;display: none;
}


/*button*/

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:focus, .btn:hover {
    text-decoration: none;
}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .btn:disabled {
    opacity: .65;
}

.btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active {
    background-image: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-secondary {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #727b84;
    border-color: #6c757d;
}

.btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #868e96;
    border-color: #868e96;
}

.btn-secondary:not([disabled]):not(.disabled):active, .btn-secondary:not([disabled]):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #666e76;
    box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}

.btn-success:focus, .btn-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:not([disabled]):not(.disabled):active, .btn-success:not([disabled]):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
}

.btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-warning {
    color: #111;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-warning:hover {
    color: #111;
    background-color: #e0a800;
    border-color: #d39e00;
}

.btn-warning:focus, .btn-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-warning:not([disabled]):not(.disabled):active, .btn-warning:not([disabled]):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
    color: #111;
    background-color: #d39e00;
    border-color: #c69500;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}

.btn-danger:focus, .btn-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:not([disabled]):not(.disabled):active, .btn-danger:not([disabled]):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-light {
    color: #111;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:hover {
    color: #111;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.btn-light:focus, .btn-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
    color: #111;
    background-color: #dae0e5;
    border-color: #d3d9df;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}

.btn-dark:focus, .btn-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
    background-color: #343a40;
    border-color: #343a40;
}

.btn-dark:not([disabled]):not(.disabled):active, .btn-dark:not([disabled]):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent;
}

.btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
    color: #868e96;
    background-color: transparent;
    background-image: none;
    border-color: #868e96;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #868e96;
    background-color: transparent;
}

.btn-outline-secondary:not([disabled]):not(.disabled):active, .btn-outline-secondary:not([disabled]):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
    box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}

.btn-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent;
}

.btn-outline-success:not([disabled]):not(.disabled):active, .btn-outline-success:not([disabled]):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8;
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent;
}

.btn-outline-info:not([disabled]):not(.disabled):active, .btn-outline-info:not([disabled]):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107;
}

.btn-outline-warning:hover {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent;
}

.btn-outline-warning:not([disabled]):not(.disabled):active, .btn-outline-warning:not([disabled]):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent;
}

.btn-outline-danger:not([disabled]):not(.disabled):active, .btn-outline-danger:not([disabled]):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa;
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}

.btn-outline-light:not([disabled]):not(.disabled):active, .btn-outline-light:not([disabled]):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40;
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent;
}

.btn-outline-dark:not([disabled]):not(.disabled):active, .btn-outline-dark:not([disabled]):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    background-color: transparent;
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent;
}

.btn-link:focus, .btn-link.focus {
    border-color: transparent;
    box-shadow: none;
}

.btn-link:disabled, .btn-link.disabled {
    color: #868e96;
}

.btn-lg, .btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block + .btn-block {
    margin-top: 0.5rem;
}

.hidden-lg{display:none!important}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}.hidden-print{display:none!important}}


	@media screen and (max-width: 767px) {
	    body {background-position: center -490px;min-height:inherit;}
	    .wrapper::before {background-size: 670px;}
        .wrapper {background-size: 810px;}
	    #header {padding:0px}
	    .header-in .grid {text-align: center}
	    /*.header-menu li a {max-width: 22px;}*/
	    .header-menu li {padding-left: 8px;}
	    .header-menu li a.header-button {padding: 5px 12px;font-size: .8em;}
        .logo {padding: 10px 0;max-width: 100px;}
	    .nav--secondary {text-align: center}
	    .copy-right {padding-bottom: 10px;text-align: center}
	    .nav--secondary li {padding: 0 10px}
	    .nav--secondary a {font-size: .8em;}
	    .padd-box {padding: 5px}
	    .share-media {margin: 10px 0;position: relative;top: 0;}
        .mob {display: block;}
	    .desktop {display: none;}
        .back-btn {margin:0;}
	    /*Home page*/
	    .crcle-num.big-crcle {width: 45px;height: 45px;font-size: 1.5em;}
	    .number-crcles.four-crcle ul li {padding: 0 1px;}
	    .money {font-size: 6em;text-shadow: 0px 4px 9px rgba(24, 64, 137, .9);}
	    .money sup {font-size: 2.5rem;padding: 10px 0 0 0;}
	    .timer-count {font-size: 1.2em;width: 44px;height: 44px;line-height: 40px;}
	    .timr {border: 6px solid #fff;top: -30px;}
	    .timr::before {left: -6px;top: -6px;width: 44px;height: 44px;border: 6px solid #fff;}
        .timr::after {left: -7px;top: -7px;width: 54px;height: 54px;}
	    .block-heading {font-size: 1.1em;letter-spacing: 1px;}
	    .block-heading-sub-section {font-size: 0.9em;letter-spacing: 1px;}
	    .crcle-num {width: 40px;height: 40px;font-size: 1.37em;}
	    .number-crcles.no-fill-crcles ul li {padding: 0 5px;}
	    .number-crcles ul li {padding: 1px 1px;}
	    .submit-btn {font-size: 1.15em;padding: 6px 30px;min-width: 170px;min-height: 45px;}
	    .balance {font-size: 0.95em;bottom: -16px;padding: 6px 22px;white-space: nowrap;}
	    .submit-coins h3 {font-size: 1em;}
        .submit-coins {padding: 20px 0 20px;}
        .select-option {display: block;max-width:480px;margin:0 auto;}
	    .inner-section {margin: 15px auto 0;}
	    .number-crcles.no-fill-crcles {padding: 10px 0 20px;}
	    .money::after,.money::before {width: 209px;height: 95px;top: 0px;background-size: 100%;background-repeat: no-repeat;}
	    .pic-number-section {margin: 50px auto 10px;}
	    .video-authr {padding: 10px 50px 10px 0;}
	    .choose-video {right: 10px;top: 25px;}
	    .authr-img {height: 36px;width: 36px;}
	    .video-title {font-size: .9em;}
	    .video_pages .container {padding-left: 0px;padding-right: 0px;}
        .watch-video .play-btn {height: 75px;width: 75px;border-width: 3px;}
	    .watch-video .play-btn::after {border-width: 15px 20px 15px 24px;left: 26px;top: 20px;}
	    .blnc {font-size: 1em;}
	    .top-block .grid {display: block;text-align: center;}
	    .top-block .grid:last-child {padding: 10px 0 0;text-align: center;}
	   /* .select-option {display: inline-block;}*/
	    .prizes-gift {padding: 15px;border-radius: 30px;margin-top: 0;}
	    .card-img {max-width: 60px;}
	    .prizes-gift .themeBtn.small {padding: 6px 18px;}
        .card--img {width: 70px;}
	    .card-name,.gift-value {font-size: .8em;}
	    .page-title {font-size: 1.5em;}
	    .winning-detail {display: block;text-align: center;}
	    .winning-detail .col {padding: 10px;display: inline-block;vertical-align: middle;}
        
        .mob-hide {display: none;}
        .three-grids {display:block;text-align: center;}  
        .three-grids .grid {display:inline-block;padding:15px;}       
        .three-grids .grid.one {display:block;} 
        .mob-display {display: block;}
        .tbl-data td {padding: 5px 2px;}
        .num-cell {width: 18px;text-align: center;}
        .leaderboard-block {padding: 20px 8px;}
        .avtar-name, .clndr {font-size: 0.8em;white-space: nowrap;}
        .price-value {font-size: 0.8em;}
        .highlighted-data {padding-bottom: 10px;}
        .sr-num {font-size: 0.8em;}
        .clndr{display: block;}
        .tB-padd {padding: 20px 0;}
        .howtowin {border-radius: 20px;padding: 20px 10px;}
        .pick-numbers li a {font-size: 10px;padding: 4px 5px;}
        .pick-numbers li a span {font-size: 14px;}
        .crcles-list li {padding-right: 3px;}
        .win-count {font-size: 1.2em;}
        .crcles-list li span {width: 20px;height: 20px;}
        .popup-tbl-box {width: 100%;}
        .invite-from-in {padding:50px 0;}
        .main-popup::after {content: "";position: absolute;left: 25px;top: 25px;bottom: 25px;right: 25px;
	background-image: url('../images/doted-border.png');background-repeat: no-repeat;    background-size: 100% 100%;background-position: center;}
        .form-head h2 {font-size: 1.2em;}
        .form-head h3 {font-size: 1.1em;}
        .request-invite-form input[type="submit"] {font-size: .8em;padding: 8px 12px;}
        .main-popup {padding: 30px 20px;border-radius: 40px;}
        .request-invite-form input[type="text"] {width: 150px;left:0;}
        .already-member a{display:table;margin:0 auto;}        
        .tbl-cell-box {padding:0 5px;}
        .invite-from{text-align: center;}
	}
    @media screen and (max-width:1024px) {
    .wrapper::before {left: 0;width: 100%;}
    .crcle-num {width: 58px;height: 58px;}
    .nav--secondary a,.copy-right {font-size: .8em;}
    }