/***********************************/
/*BINARY*/
/***********************************/
.binary{
   position: relative;
   /*   overflow: hidden;
      margin-top: 10px;*/
   margin-bottom: 30px;
}
.binary .binary-top{
   margin: 0 auto;
   display: flex;
   justify-content: center;
   margin-bottom: 20px;
}
.binary .binary-top a{
   display: block;
   /*color: rgba(255, 255, 255, 0.87);*/
   text-decoration: none;
   position: relative;

}
.binary .binary-top a span.no{
   position: absolute;
   font-size: 80%;
   top: 9px;
   left: 8px;
   background-color: #fff;
   color: #181924;
   display: block;
   width: 18px;
   height: 18px;
   border-radius: 50%;
   text-align: center;
   border: 2px solid #181924;
}
.binary .binary-row{
   position: relative;
   width: 100%;
   display: flex;
   justify-content: space-around;
}
.binary .binary-lvl{
   position: relative;
   padding: 24px 5px;
   /*overflow: hidden;*/
   /*   background-image: url(../img/line.png);
      background-repeat: repeat-y;
      background-position: center;*/
}
.binary .binary-lvl.binary-lvl1{
   width: 100%;
}
.binary .binary-lvl:before{
   content: '';
   position: absolute;
   top: 0;
   left: 50%;
   height: 100%;
   width: 1px;
   background: #ccc;
}

.binary .binary-lvl:after{
   content: '';
   position: absolute;
   bottom: 0px;
   left: 25%;
   width: calc(50% + 1px);
   background-color: #ccc;
   height: 1px;
}

.binary .binary-lvl.binary-lvl2{
   /*float: left;*/
   width: 50%;
}

.binary .binary-lvl.binary-lvl3{
   /*float: left;*/
   width: 25%;
}


.binary .binary-lvl.binary-lvl4{
   /*float: left;*/
   width: 12.5%;
}


.binary .binary-lvl.binary-lvl5{
   /*float: l  eft;*/
   width: 6.25%;
   padding: 24px 5px 0;
}
.binary .binary-lvl.binary-lvl5:after{
   height: 0;
}
.binary .binary-box{
   text-align: center;
   margin: 0 auto;
   max-width: 163px;
   background-color: var(--bs-light-light);
   position: relative;
   color: #333;
   border-radius: 24px;
   /*   -webkit-box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1);
      box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1);*/
   transition: 0.5s;
}
.binary .binary-box:hover{
   /*   -webkit-box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1);
      box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1);*/
}
.binary .binary-box a{
   text-decoration: none;
}

.binary .binary-box.excellent{
   color: var(--bs-primary);
   /*   color: #fff;
      background-color: #00aeac;
      background-image: linear-gradient(310deg, #00aeac 0%, #00908e 100%);*/
}
.binary .binary-box.better{
   color: var(--bs-info);
   /*   color: #fff;
      background-color: var(--bs-info);
      background-image: linear-gradient(310deg, #2152ff 0%, #02c6f3 100%);*/
}
.binary .binary-box.well{
   color: var(--bs-warning);
   /*   color: #fff;
      background-image: linear-gradient(310deg, #627594 0%, #8ca1cb 100%);*/

}
.binary .binary-box.mem{
   color: var(--bs-danger);
   /*   color: #666666;
      background-image: linear-gradient(310deg, #CED4DA 0%, #ffffff 100%);*/

}

.binary .binary-box .binary-detail{
   position: relative;
   cursor: pointer;
   padding: 5px 0 5px;
}
.binary .binary-box .binary-detail .binary-pic{
   padding: 3px;
   z-index: 0;
   width: 80px;
   height: 80px;
   border-radius: 50%;
   left: calc(50% -(40px));
   /* top: -65px; */
   border: 1px #ccc solid;
   color: #ffffff;
   background-color: #d7d7d7;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   background-image: url(../img/no-image/no-user.png);
   margin: auto;
   position: relative;
}

.binary .binary-box .binary-detail.btn_apply .binary-pic{
   /*   width: 60px;
      height: 60px;
      left: calc(50% - (30px));*/
   background-image: url(../img/no-image/no-user-plus.png);
}

.binary .binary-box .binary-detail.empty .binary-pic{
   /*   width: 60px;
      height: 60px;
      left: calc(50% - (30px));*/
   background-image: url(../img/no-image/no-user-empty.png);
}


.binary .binary-box.excellent .binary-detail .binary-pic{
   background-color: var(--bs-primary);
   border: 2px var(--bs-primary) solid;

}
.binary .binary-box.better .binary-detail .binary-pic{
   background-color: var(--bs-info);
   border: 2px var(--bs-info) solid;
}
.binary .binary-box.well .binary-detail .binary-pic{
   background-color: var(--bs-warning);
   border: 2px var(--bs-warning) solid;
}
.binary .binary-box.mem .binary-detail .binary-pic{
   background-color: var(--bs-danger);
   border: 2px var(--bs-danger) solid;
}

.binary .binary-lvl5 .binary-box .binary-detail .binary-pic {
   width: 46px;
   height: 46px;
   left: calc(50% - (23px));
   top: -41px;
}
.binary .binary-box .binary-detail .binary-pic span.status,.binary .binary-box .binary-detail .binary-position span.status {
   width: 15px;
   height: 15px;
   border-radius: 50%;
   background-color: #ffffff;
   position: absolute;
   right: 0;
   top: 6px;
   display: none;
}
.binary .binary-box .binary-detail .binary-pic span.status.status-1,.binary .binary-box .binary-detail .binary-position span.status.status-1{
   background-color: #66cc00;
   display: block;
}
.binary .binary-box .binary-detail .binary-pic span.status.status-2,.binary .binary-box .binary-detail .binary-position span.status.status-2{
   background-color: #ffff00;
   display: block;
}
.binary .binary-box .binary-detail .binary-pic span.status.status-3,.binary .binary-box .binary-detail .binary-position span.status.status-3{
   background-color: #ff3333;
   display: block;
}
.binary .binary-box .binary-detail .binary-pic span.status.status-4,.binary .binary-box .binary-detail .binary-position span.status.status-4{
   background-color: #666666;
   display: block;
}

.binary .binary-box .binary-detail .binary-position{
   padding: 3px;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 22px;
   padding-top: 13px;
   border: none;
   background-position: top;

}
.binary .binary-box .binary-detail .binary-position:after{
   content: "N/A";
   font-weight: normal;
}
.binary .binary-lvl5 .binary-box .binary-detail .binary-position:after{

}
.binary .binary-box.mp .binary-detail .binary-position:after{
   content: "Master Dealer";
}
.binary .binary-box.gm .binary-detail .binary-position:after{
   content: "Gold";
}
.binary .binary-box.sa .binary-detail .binary-position:after{
   content: "Silver";
}
.binary .binary-box.nb .binary-detail .binary-position:after{
   content: "Member";
}

.binary .binary-lvl4 .binary-box.mp .binary-detail .binary-position:after,
.binary .binary-lvl5 .binary-box.mp .binary-detail .binary-position:after{
   content: "MD";
}
.binary .binary-lvl4 .binary-box.gm .binary-detail .binary-position:after,
.binary .binary-lvl5 .binary-box.gm .binary-detail .binary-position:after{
   content: "G";
}
.binary .binary-lvl4 .binary-box.sa .binary-detail .binary-position:after,
.binary .binary-lvl5 .binary-box.sa .binary-detail .binary-position:after{
   content: "S";
}
.binary .binary-lvl4 .binary-box.nb .binary-detail .binary-position:after,
.binary .binary-lvl5 .binary-box.nb .binary-detail .binary-position:after{
   content: "MB";
}

.binary .binary-box .binary-detail .binary-reward{
   background-position: top left;
   background-repeat: no-repeat;
   background-size: contain;
   background-image: url(../_images/reward/newbe.png);
   position: absolute;
   height: 37px;
   width: 60px;
   top: -21px;
   left: 0px;
   z-index: 1;
   display: none;
}
.binary .binary-box .binary-detail .binary-reward.crown{
   background-image: url(../_images/reward/crown.png);
}
.binary .binary-box .binary-detail .binary-reward.president{
   background-image: url(../_images/reward/president.png);
}
.binary .binary-box .binary-detail .binary-reward.doublediamond{
   background-image: url(../_images/reward/doublediamond.png);
}
.binary .binary-box .binary-detail .binary-reward.diamond{
   background-image: url(../_images/reward/diamond.png);
}
.binary .binary-box .binary-detail .binary-reward.emerald{
   background-image: url(../_images/reward/emerald.png);
}
.binary .binary-box .binary-detail .binary-reward.ruby{
   background-image: url(../_images/reward/ruby.png);
}
.binary .binary-box .binary-detail .binary-reward.platinum{
   background-image: url(../_images/reward/platinum.png);
}
.binary .binary-lvl4 .binary-box .binary-detail .binary-reward{
   height: 45px;
   width: 35px;
   top: -17px;
   left: -5px;
}
.binary .binary-lvl5 .binary-box .binary-detail .binary-reward{
   height: 45px;
   width: 24px;
   top: -50px;
   left: -5px;
}

.binary .binary-box .binary-detail .binary-nutritionist{
   background-position: top left;
   background-repeat: no-repeat;
   background-size: contain;
   background-image: url(../_images/reward/ribbon-nutritionist.png);
   position: absolute;
   height: 67px;
   width: 60px;
   top: -24px;
   right: -5px;
   z-index: 2;
   display: none;
}

.binary .binary-lvl4 .binary-box .binary-detail .binary-nutritionist{
   height: 54px;
   width: 48px;
   top: -18px;
   right: -6px;
}

.binary .binary-lvl5 .binary-box .binary-detail .binary-nutritionist{
   height: 32px;
   width: 32px;
   top: -14px;
   right: -6px;
}

.binary .binary-box .binary-detail .binary-star{
   padding-top: 5px;
}
.binary .binary-box .binary-detail .binary-star .star-rate{
   width: 90px;
   margin: 0 auto;
   display: none;
}
.binary .binary-box .binary-detail .binary-star .star-rate > li{
   height: 15px;
   width: 15px;
}
.binary .binary-lvl5 .binary-box .binary-detail .binary-star {
   padding-bottom: 10px;
}
.binary .binary-lvl5 .binary-box .binary-detail .binary-star .star-rate{
   width: 62px;
}
.binary .binary-lvl5 .binary-box .binary-detail .binary-star .star-rate > li {
   height: 15px;
   width: 15px;
   margin-right: -3.5px;
}

.binary .binary-box .binary-detail .binary-name,.binary .binary-box .binary-detail .binary-code{
   padding-top: 2px;
   white-space: nowrap;
   overflow: hidden;
   margin: 0 5px;
}
.binary .binary-box .binary-detail .binary-name{
   padding-top: 0;
}
.binary .binary-box .binary-detail .binary-code{
   padding-bottom: 0;
}

.binary .binary-box .binary-btn{
   position: relative;
   overflow: hidden;
   border-bottom-left-radius: 24px;
   border-bottom-right-radius: 24px;
   width: 100%;
   display: inline-flex;
   justify-content: space-between;

}

.binary .binary-box .binary-btn .binary-btn-col{
   width: auto;
   /* font-size: 16px; */
   padding: 3px 19px;
   background-color: rgba(0, 0, 0, 0.08);
   cursor: pointer;
   position: relative;
   overflow: hidden;
   border-radius: 5px;
   width: 50%;
}
.binary .binary-box .binary-btn .binary-btn-col:hover{
   background-color: rgba(0, 0, 0, 0.15);
}
.binary .binary-box .binary-btn .binary-btn-col:last-child{
   background-color: rgba(255, 255, 255, 0.2);
}
.binary .binary-box .binary-btn .binary-btn-col:last-child:hover{
   background-color: rgba(255, 255, 255, 0.1);
}

.binary .binary-lvl4 .binary-box .binary-btn-text{
   display: none;
}
.binary .binary-lvl5 .binary-box .binary-name, .binary-lvl5 .binary-btn-text, .binary-lvl.binary-lvl5 .binary-btn{
   display: none;
}
.binary .binary-lvl5 .binary-box .binary-position {
   float: none;
   padding: 0 !important;
   min-width: 100%;
}

.sponsor{
   padding-top: 86px;
   overflow: hidden;
   margin-bottom: 30px;
}
.sponser-pages{
   position: relative;
   padding-top: 60px;
}
.sponser-pages:before{
   content: '';
   position: absolute;
   top: calc(-100% + 60px);
   left: 50%;
   height: 100%;
   width: 1px;
   background: #ccc;
}
.sponser-pages-col{
   position: relative;
   /*overflow-y: auto;*/
}
.sponsor .binary-top{
   margin-bottom: 50px;
}

.sponsor .sponser-row-top{
   padding-bottom: 0;
   position: relative;
   z-index: 10;
}
.sponsor .sponser-row-top:before{

}

.sponsor .sponser-paging{
   position: absolute;
   /* overflow: hidden; */
   top: 24px;
   /* width: 100%; */
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
}

.sponsor .sponser-paging li{
   width: 38px;
   height: 30px;
}
.sponsor .sponser-paging li.right{
   /*float: right;*/
}

.sponsor .sponser-paging li a{
   display: block;
   padding: 3px;
   width: 30px;
   height: 30px;
   border: 1px solid #cccccc;
   background-color: #ccc;
   color: #181924;
   text-align: center;
   border-radius: 50%;
   margin: 0 4px;
}
.sponsor .sponser-paging li a:hover{
   /*color: #ddd;*/
}

.sponsor .sponsor-tb{
   position: relative;
   width: 100%;
   max-width: 1000px;
}
.sponsor .sponsor-tb.w-auto{
   width: auto;
}
.sponsor .sponsor-tb:before{
   content: "";
   position: absolute;
   top: 0px;
   width: 100%;
   border-top: 1px solid #ccc;
}

.sponsor .sponsor-tb .sponser-col {
   position: relative;
   text-align: center;
   vertical-align: top;
   padding: 0 5px;
   width: calc(100% / 5);
}
.sponsor .sponsor-tb .sponser-col:first-child:before {
   content: "";
   position: absolute;
   top: 0px;
   left: 0;
   width: 50%;
   border-top: 1px solid #181924;
}
.sponsor .sponsor-tb .sponser-col:last-child:after {
   content: "";
   position: absolute;
   top: 0px;
   right: 0;
   width: 50%;
   border-top: 1px solid #181924;
}

.sponsor .sponser-lvl1{
   padding-top: 104px;
}
.sponsor .sponser-lvl1:before{
   content: '';
   position: absolute;
   top: 0;
   left: 50%;
   height: 100%;
   width: 1px;
   background: #ccc;
}
.sponsor .sponser-lvl1 .binary-box .binary-detail .binary-countsponsor{
   position: absolute;
   left: 48%;
   bottom: -74%;
   color: #fff;
   background: #181924;
   text-align: left;
}

.sponsor .sponser-lvl2{
   padding-top: 30px;
}

.sponsor .sponser-lvl2 .sponser-lvl2-row{
   margin-top: 10px;
   position: relative;
}

.sponsor .sponser-lvl2 .sponser-lvl2-row .binary-box{
   width: 53px;
   height: 53px;
   border-radius: 50%;
   background: transparent;
   border: none;
   box-shadow: none;
}
.sponsor .sponser-lvl2 .sponser-lvl2-row .binary-box .binary-detail .binary-pic {
   width: 46px;
   height: 46px;
   left: calc(50% - (23px));
   top: 4px;
   z-index: 2;
}


.sponsor .sponser-lvl2 .sponser-lvl2-row .binary-box.md .binary-detail .binary-position:after{
   content: "MD";
}
.sponsor .sponser-lvl2 .sponser-lvl2-row .binary-box.gold .binary-detail .binary-position:after{
   content: "G";
}
.sponsor .sponser-lvl2 .sponser-lvl2-row .binary-box.silver .binary-detail .binary-position:after{
   content: "S";
}

.sponsor .sponser-lvl2 .sponser-lvl2-row .binary-box .binary-detail .binary-reward{
   height: 45px;
   width: 42px;
   top: -11px;
   left: -7px;
}

.sponsor .sponser-lvl2 .sponser-lvl2-row .binary-box .binary-detail .binary-star {
   padding-bottom: 10px;
}
.sponsor .sponser-lvl2 .sponser-lvl2-row .binary-box .binary-detail .binary-star .star-rate > li {
   height: 15px;
   width: 15px;
   margin-right: -3.5px;
}

.sponsor .sponser-lvl2 .sponser-lvl2-row .binary-box .binary-detail .binary-star .star-rate{
   width: 62px;
   margin: 0 auto;
}

.sponsor .sponser-lvl2 .sponsor-box .binary-btn{
   display: none;
}
.sponsor .sponser-lvl2 .sponsor-box .binary-detail .binary-name{
   display: none;
}
.sponsor .sponser-lvl2 .sponsor-box .binary-detail .binary-countsponsor {
   position: absolute;
   right: -61px;
   top: 31px;
   color: #ccc;
   background: transparent;
   width: 100%;
   text-align: left;
}
.sponsor .sponser-lvl2 .sponsor-box .binary-detail .binary-countsponsor:before {
   content: "";
   width: 23px;
   height: 1px;
   background: #ccc;
   position: absolute;
   top: -3px;
   left: -19px;
   z-index: 1;
}
.sponsor .sponser-lvl2 .sponsor-box .binary-detail .binary-countsponsor:after {
   content: "";
   width: 1px;
   height: 5px;
   background: #ccc;
   position: absolute;
   top: -3px;
   left: 3px;
   z-index: 1;
}

@media(max-width: 1280px) {
   .binary .binary-lvl4 .binary-box .binary-detail .binary-position {
      float: none;
      padding: 8px 0 !important;
   }
   .binary .binary-lvl4 .binary-box .binary-detail .binary-name,.binary .binary-lvl4 .binary-box .binary-detail .binary-code{
      display: none;
   }
   .binary .binary-lvl4 .binary-box .binary-btn{
      display: none;
   }
}

@media (max-width: 1024px) {

   .binary .binary-lvl4 .binary-box .binary-detail .binary-pic {
      width: 46px;
      height: 46px;
      left: calc(50% - (23px));
      top: -34px;
   }
   .binary .binary-lvl4 .binary-box .binary-detail .binary-reward {
      height: 45px;
      width: 42px;
      top: -11px;
      left: -7px;
   }
   .binary .binary-lvl4 .binary-box .binary-detail .binary-star .star-rate {
      width: 65px;
      margin: 0 auto 10px;
   }
   .binary .binary-lvl4 .binary-box .binary-detail .binary-star .star-rate > li {
      height: 15px;
      width: 15px;
      margin-right: -3.5px;
   }

   .binary .binary-lvl5 .binary-box .binary-detail .binary-position{
      padding: 0px 0 !important;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      border-top: 2px #331d10 solid;
   }
   .binary .binary-lvl5 .binary-box .binary-detail .binary-star, .binary .binary-lvl5 .binary-box .binary-detail .binary-reward{
      display: none;
   }
   .binary .binary-lvl5 .binary-box .binary-detail .binary-pic {
      width: 36px;
      height: 36px;
      left: calc(50% - (18px));
   }
}

@media (max-width: 768px) {
   .binary .binary-box{
      max-width: 170px;
   }
   .binary .binary-lvl3 .binary-box{
      max-width: none;
   }
}

@media (max-width: 668px){
   .binary .binary-box.mp .binary-detail .binary-position:after{
      content: "MD";
   }
   .binary .binary-box.gm .binary-detail .binary-position:after{
      content: "G";
   }
   .binary .binary-box.sa .binary-detail .binary-position:after{
      content: "S";
   }
}

@media (max-width: 480px) {
   .binary .binary-row .binary-lvl {
      padding: 40px 5px 10px;
   }
   .binary .binary-lvl2,
   .binary .binary-lvl3,
   .binary .binary-lvl4 {
      padding: 45px 3px 10px;
   }

   .binary .binary-lvl3 .binary-box .binary-detail .binary-position{
      float: none;
      padding: 5px 0 !important;
   }
   .binary .binary-lvl3 .binary-box .binary-detail .binary-name,.binary .binary-lvl3 .binary-box .binary-detail .binary-code{
      display: none;
   }

   .binary .binary-lvl3,
   .binary .binary-lvl4 {
      padding: 30px 3px 10px;
   }
   .binary .binary-lvl4 .binary-box .binary-btn{
      display: none;
   }
   .binary .binary-lvl4 .binary-box .binary-detail .binary-position{
      min-width: 100%;
   }

   .sponser-col .binary-position{
      float: none;
      padding: 4px 0 !important;
   }
   .sponser-col .binary-name{
      display: none;
   }
   .binary .binary-lvl3 .binary-box .binary-btn .binary-btn-text {
      display: none;
   }

   .binary .binary-lvl3 .binary-box .binary-detail .binary-pic {
      width: 46px;
      height: 46px;
      left: calc(50% - (23px));
      top: -34px;
   }
   .binary .binary-lvl3 .binary-box .binary-detail .binary-reward {
      height: 45px;
      width: 42px;
      top: -11px;
      left: -7px;
   }
   .binary .binary-lvl3 .binary-box .binary-detail .binary-star .star-rate {
      width: 65px;
      margin: 0 auto 10px;
   }
   .binary .binary-lvl3 .binary-box .binary-detail .binary-star .star-rate > li {
      height: 15px;
      width: 15px;
      margin-right: -3.5px;
   }


   .binary .binary-lvl4 .binary-box .binary-detail .binary-position{
      padding: 0px 0 !important;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
   }
   .binary .binary-lvl4 .binary-box .binary-detail .binary-star, .binary .binary-row .binary-lvl.binary-lvl4 .binary-box .binary-detail .binary-reward{
      display: none;
   }
   .binary .binary-lvl4 .binary-box .binary-detail .binary-pic {
      width: 36px;
      height: 36px;
      left: calc(50% - (18px));
   }

   .binary .binary-row-lvl5{
      display: none;
   }

   .sponsor .sponser-lvl2 {
      margin-left: 0%;
   }

   .sponsor .sponser-lvl1 .binary-box .binary-detail .binary-reward {
      height: 45px;
      width: 42px;
      top: -11px;
      left: -7px;
   }

   .sponsor .sponser-lvl1 .binary-box .binary-detail .binary-pic {
      width: 46px;
      height: 46px;
      left: calc(50% - (23px));
      top: -34px;
   }
   .sponsor .sponser-lvl1 .binary-box .binary-detail .binary-star .star-rate {
      width: 65px;
      margin: 0 auto 10px;
   }
   .sponsor .sponser-lvl1 .binary-box .binary-detail .binary-star .star-rate > li {
      height: 15px;
      width: 15px;
      margin-right: -3.5px;
   }
   .sponsor .sponser-lvl1 .binary-box .binary-btn .binary-btn-text {
      display: none;
   }

   .sponsor .sponser-lvl2 .sponser-lvl2-row .binary-box .binary-detail .binary-pic {
      width: 36px;
      height: 36px;
      left: calc(50% - (18px));
   }

   .sponsor .sponser-lvl2 .sponser-lvl2-row .binary-box .binary-detail .binary-position {
      padding: 0px 0 !important;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
   }

   .sponsor .sponser-lvl2 .sponser-lvl2-row .binary-box .binary-detail .binary-star,
   .sponsor .sponser-lvl2 .sponser-lvl2-row .binary-box .binary-detail .binary-reward {
      display: none;
   }

   .sponsor .sponser-lvl2 .sponser-lvl2-row {
      margin-bottom: 38px;
   }
   .sponsor .sponser-lvl2 .sponser-lvl2-row:last-child {
      margin-bottom: 0;
   }
}

@media (max-width: 376px) {
   .binary .binary-lvl2 .binary-box .binary-btn .binary-btn-text{
      display: none;
   }
}

.binary-summary{
   right: 0;
   top: 0;
   z-index: 2;
}

@media (min-width: 768px) {
   .binary-summary{
      right: 40px;
      top: 10px;
      z-index: 0;
   }
}