:root {
    --color-bg: #fff;
    --color-bg2: #f0f2f5;
    --color-bg3: #cbd5e0;
    --color-back: #f9f9f9;
    --color-txt: #707070;
    --color-txt2: #000;
    --color-txt3: #4071f4;
}
@font-face {
    font-family: "yekan";src: url("fonts/sans.woff") format("woff");
}








.body {
    margin: 0px auto;

 
    background-image: radial-gradient(circle, #1b8ff9, #336ac8, #344799, #2a276b, #1b0941);
    direction: rtl;
    background-size:cover
}




.modalp{
    position: fixed;
     width: 100%;
      height: 100%;
       z-index: 9;
        top: 0px;
         background-color: rgba(0,0,0,0.4);
          padding-top: 100px;
}


.modald{
    width: 300px;
     position: relative;
      z-index: 10; border: solid 1px #dedede; 
      border-radius: 2px; 
      background-color: #ffffff;
       margin: auto;
        border-radius: 5px;
        overflow: hidden;
}


 .pan1{
width:400px;
background-color:#ffffff;
padding-top:50px;

 padding-bottom:50px;
  border-radius:2px;
   margin-left: auto;
    margin-right: auto; 
    margin-bottom: auto;
    box-shadow:#e9e9e9 0px 0px 10px;
    overflow:auto;
margin-bottom:20px;

    }




 


 .akkc1{
   background-color:#ffffff;

     padding:5px;
     margin-top:5px;
    
     margin-right:auto; 
     margin-left:auto; 
  
    
 overflow:hidden;
   
     border:solid 1px #e9e9e9;
      border-bottom:solid 3px #e9e9e9;
     box-shadow:#e9e9e9 0px 0px 10px;
     position:relative;
     padding-bottom:45px;

     margin-bottom:5px;

    
     

 }


 .akkc1_matn{
     width:100%;
     position:absolute;
     z-index:1;
     
     bottom:25px;
    background-color:rgba(255, 255, 255, 0.0);
   
     padding-top:3px;
     margin-right:2px;
     margin-left:2px;
     font-family:yekan;
     font-size:13px;
     color:#797878;
     padding-right:1px;
 }


 


 .akkc1_zmatn{
     width:100%;
     position:absolute;
     z-index:2;

    direction:ltr;
    left:3px;

   bottom:0px;
    
     margin-right:2px;
     margin-left:2px;
     font-family:yekan;
     font-size:12px;
     color:#797878;
     padding-right:5px;
 }

      
  .panm{
width:100%;
background-color:#ffffff;
padding-top:50px;

 padding-bottom:50px;
  border-radius:2px;
   margin-left: auto;
    margin-right: auto; 
    margin-bottom: auto;
    box-shadow:#e9e9e9 0px 0px 10px;
    overflow:auto;
margin-bottom:20px;

    }



 .pan2{
width:1000px;
background-color:#ffffff;
padding-top:50px;

 padding-bottom:50px;
  border-radius:2px;
   margin-left: auto;
    margin-right: auto; 
    margin-bottom: auto;
    box-shadow:#e9e9e9 0px 0px 10px;
    overflow:auto;
margin-bottom:20px;

    }

 .pan3{
     
width:800px;
background-color:#ffffff;
padding-top:50px;

 padding-bottom:50px;
  border-radius:2px;
   margin-left: auto;
    margin-right: auto; 
    margin-bottom: auto;
    box-shadow:#e9e9e9 0px 0px 10px;
    overflow:auto;
margin-bottom:20px;

    }
 

 .gymlogo{

     z-index:3;
     padding:2px;
     float:right;
     margin-right:50px;
      width:150px;
      height:150px;
      overflow:hidden;
      border-radius:100px;
      margin-top:170px;
      border:solid 1px #e9e9e9;
      position:relative;
  

 }


 .pagelogo{
     float:right;
     margin-right:50px;
      width:150px;
      height:150px;
      overflow:hidden;
      border-radius:100px;
      margin-bottom:20px;
      border:solid 1px #e9e9e9;
      box-shadow:#e9e9e9 0px 0px 10px;
      position:relative
 }


.challlogo {
    z-index: 3;
    padding: 2px;
    float: right;
    margin-right: 50px;
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius: 100px;
    margin-top: 170px;
    border: solid 1px #e9e9e9;
    position: relative;
    margin-bottom: 40px;
}


 .callcon_ch{
     position:absolute;
      top: 12px; 
      left: 10px;
      z-index:10;
       width:30px;
 }

 

 .pagelogo_ch{
     position:absolute;
      top: 122px; right: 170px;
      z-index:5;
          width:30px;
 }



 .contentimg_ch{
      position:absolute;
      top: 10px; left: 10px;
      z-index:5;
          width:30px;
 }



 .challbaner_ch{
     position:absolute;
      top: 10px; left: 10px;
      z-index:5;
          width:30px;
 }


.challbanerpan_ch {
    z-index: 2;
    position: absolute;
    width: 100%;
    overflow: hidden;
    top: 1px;
    height:250px;
    border-bottom: solid #e9e9e9 2px;
}


.gymlogo_ch {
    position: absolute;
    bottom: 50px;
    left: 10px;
    z-index: 10;
    width: 30px;
}


 .gymbaner_ch{
     position:absolute;
      top: 12px; left: 20px;
      z-index:5;
          width:30px;
 }




 .challlogo_ch{
     position:absolute;
      top: 190px; left: 1px;
      z-index:5;
          width:30px;
          
 }


 .gymtoparea{
     margin-top:250px;
     margin-right:220px;
 }


.bandm {
    width: 100%;
    position: relative;
    background-color: #fafafa;
    display: flex;
    justify-content: flex-start;
    direction:rtl;
}


.tab1 {
    position: relative;
    width: 60px;
    height: 40px;
    border-left: solid 1px #e9e9e9;
    text-align: center;
    cursor: pointer;
    padding-right:10px;
  
}

.tab2 {
    position: relative;
    width: 60px;
    height: 40px;
    border-left: solid 1px #e9e9e9;
    text-align: center;
    cursor: pointer;
    background-color: #ffffff;
    padding-right: 10px;
}


.labelt {
    font-family: yekan;
    text-align: right;
    direction: rtl;
    color: #797878;
    font-size: 14px;
}



.tbox1:hover
{
	
	border-radius:2px;
	border:solid 1px #bbb;
	color:#000;

	    box-shadow: 0px 0px 10px  #f2f2f2;
            height:35px; 
}  


.tbox1
{
    border-radius:2px;
	border:solid 1px #bbb;
	color:flavor;
	font-family:Tahoma;
	color:#000;
 	 font-size:13px;
	  padding-top:0px;
	   padding-right:3px;
	margin-left: 2px;
	margin-right: 2px;
    margin-bottom:5px;
    text-align:right;
    height:35px;
    }

.tbox1:focus
{
 
        outline:none;

}



.sbox1:hover
{
	
	border-radius:2px;
	border:solid 1px #bbb;
	color:#000;
	
	    box-shadow: 0px 0px 10px  #f2f2f2;
     
}  


.sbox1
{
    width:600px;
    border-radius:2px;
	border:solid 1px #bbb;
	color:flavor;
	font-family:Tahoma;
	color:#000;
 	 font-size:13px;
	  padding-top:0px;
	   padding-right:3px;
      
	margin-left: 2px;
	margin-right: 2px;
    margin-bottom:5px;
    text-align:right;
    height:40px;
    }

.sbox1:focus
{
 
        outline:none;

}


.simg{

    position:absolute;right:580px;top:12px;width:40px
}




       
.label{
    float:right;
    font-family:yekan;
    
    margin-left:8px;
    text-align:right;
    direction:rtl;
    color:#797878;
    font-size:14px;
    margin-top:10px;
    
    margin-right:30px;
    

}





.gym_label{
    float:right;
    font-family:yekan;
    
    margin-left:8px;
    text-align:right;
    direction:rtl;
    color:#797878;
    font-size:13px;
    margin-top:10px;
    
  
    

}


.chall_label{
    float:right;
    font-family:yekan;
    
    margin-left:8px;
    text-align:right;
    direction:rtl;
    color:#797878;
    font-size:13px;
    margin-top:10px;
    
  
    

}


.ml{
  
    font-family:yekan;
    
   
    text-align:right;
    direction:rtl;
    color:#797878;
    font-size:13px;


    

}

.validate{

    float:right;
    clear:both;
    display:block;
    font-family:yekan;
    
   
    text-align:right;
    direction:rtl;
    color:#797878;
    font-size:13px;
    margin-top:5px;
        margin-right:30px;

        background-color:#ffafaf;
        margin-bottom:5px;
        border-radius:3px;
        padding-right:5px;
        padding-left:5px;

  


}


.copyr{

    font-family:yekan;

    
    color:#797878;
    font-size:12px;
    margin-top:10px;
    
    font-weight:bold;

    display:flex;
    justify-content:center;
    text-align:center;

}

.tmentext{

    font-family:yekan;

    display:block;
    cursor:pointer;
    color:#797878;
    font-size:13px;

    
    font-weight:bold;

  
    justify-content:center;
    cursor:default;

}


.contuid {
    padding-right: 10px;
    direction: ltr;
    position: absolute;
    top: 8px;
    z-index: 5;
    background-color: #e9e9e9;
    height: 15px;
    font-family:Arial;
    color: #000000;
    font-size: 11px;
    opacity:0.9;
}


.zirmatn{
    padding-right:5px;
    padding-left:2px;
    position:relative;
    bottom:5px;
    font-family:yekan;
float:left;
    
    color:#797878;
    font-size:11px;

    
      
 


}


.ziraks{
   
 width:15px;
 position:relative;
 float:left


}


.chall_score{

    position:absolute;
    z-index:6;
    width:100px;
    height:30px;
    background-color:#e9e9e9;
    top: 300px;
     right: 75px;
     border-radius:100px;
     text-align:center;
    

      font-family: yekan;
    color: #585858;
}

.chall_score_id{

    position:absolute;
    z-index:6;
    width:100px;
    height:30px;
    margin-bottom:10px;
   top: 335px;
     left: 25px;
     border-radius:100px;
     text-align:center;

     background-color:transparent;
    



     color:#797878;
    font-size:13px;

    font-family:Arial;
    font-weight:bold;
}

.page_score{

    position:absolute;
    z-index:6;
    width:80px;
    height:35px;
    background-color:#3897f0;
    top: 10px;
   left:0px;
   border-radius:0px  10px  10px  0px ;
   padding-top:5px;
   direction:ltr;
     text-align:center;
    
     
      font-family: yekan;
    color: #ffffff;
}


.page_score2{

    position:absolute;
    z-index:6;
    width:80px;
    height:35px;
   
  
   left:0px;
   border-radius:0px  10px  10px  0px ;
   padding-top:5px;
   
     text-align:center;
    
     
      font-family: yekan;
    color: #ffffff;
    top:70px;
    background-color:#08b900;
}


.search1 {
    font-family: yekan;
    color: #797878;
    font-size: 13px;
    font-weight: bold;

    
    float:right;
}

.searchimg{
     width:40px;
     height:40px;
     overflow:hidden;
     border-radius:100px;
     border:solid 3px #e9e9e9;
     font-family:yekan;
    
float:right;

}




.searchtx{
 
     height:40px;
     margin-top:10px;
     margin-right:5px;
  
   
 
    
float:right;

}


.tmen1{
     font-family:yekan;
       text-align:right;
        direction:rtl;
        color:#797878;
           font-size:13px;
    padding:5px;

}


.tmen1:hover{
     font-family:yekan;
       text-align:right;
        direction:rtl;
        color:#797878;
           font-size:13px;
    padding-top:5px;
    padding-right:5px;
   
}


.tmen1-zir {
    background-color: #f3f3f3;
    width: 100%;
    border-bottom: solid 1px #ededed;
}






.btn1 {
    background-color: dodgerblue;
    color: white;
    font-size: 14px;
    padding-right:10px;
    padding-top:0px;
     padding-bottom:0px;
      padding-left:10px;
    border: solid 1px dodgerblue;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    font-family:yekan;
 
}

.btn1:hover {
  
    background-color: dodgerblue;
    color: white;
 
  
    border: solid 1px dodgerblue;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    font-family:yekan;

  

}



.index1{
          height:80px;
      }


.jlogo{
    
    width:100%;
}



.list_id {

    font-family:Arial;
   
    margin-top:0px;
    margin-bottom:0px;
    direction:ltr;
    text-align:right;
    color:#a0a0a0;
    position:relative;
    
    top:25px;
}

.item_free {
    font-size:12px;
    font-family: yekan;
    margin-top: 0px;
    margin-bottom: 0px;
    direction: ltr;
       color: #a0a0a0;
    position: absolute;
  }



.list_onvan {

     position:absolute;
}


.gymlogo{

float:right;
margin-right:50px;
 width:150px;
 height:150px;
 overflow:hidden;
 border-radius:100px;
 margin-bottom:50px;
 border:solid 1px #e9e9e9;
 box-shadow:#e9e9e9 0px 0px 10px;
 position:relative;

 }






.like1 {
    width:20px;
}

.like1:hover {
    width:22px;
}




 .swiper1{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }

 .swiper_kadr{

     border:solid 2px #e9e9e9;
     height:58px;
     border-radius:100px;
     padding-top:2px;
     
      margin-left:5px;
      overflow:hidden;
  
 }

  .swiper_kadr:hover{

    
   
 
  

 }

 .swiper_tx{
     
    float:right;
    font-family:yekan;
    
    margin-left:8px;
    text-align:right;
    direction:rtl;
    color:#797878;
    font-size:13px;
   
    text-wrap:normal;
 
    



 }






 .swiper_item{
     
     width:50px;
     height:50px;
  


margin-left:400px;
margin-right:auto; 

overflow:hidden;
border-radius:100px;
margin-bottom:50px;
border:solid 1px #e9e9e9;
box-shadow:#e9e9e9 0px 0px 10px;

         -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

 }


 .imgf1{
     filter: brightness(100%);
 }

 .imgf1:hover{
     filter: brightness(120%);
     transition:ease 1s;
 }



@media only screen and (max-width: 600px) {



    .challbanerpan_ch {

        height: auto;
 
    }


    .label {
   
        font-size: 13px;

    }


    .labelt {

        font-size: 13px;
    }




    .chall_score{

    top:150px;
    right:17px;
    width:70px;
    height:30px;
   
}

.chall_score_id{

   
    top:195px;
    right:8px;
    margin-bottom:10px;
  
}






    .ziraks{
   
 width:11px;



}




    .pan1 {
        width: 90%;
        background-color: #ffffff;
        padding-top: 50px;
        margin-top: 80px;
        padding-bottom: 50px;
        border-radius: 2px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: auto;
        box-shadow: #e9e9e9 0px 0px 10px;
        overflow: auto;
    }


    .panm {
        width: 100%;
        background-color: #ffffff;
        padding-top: 50px;
        margin-top: 80px;
        padding-bottom: 50px;
        border-radius: 2px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: auto;
        box-shadow: #e9e9e9 0px 0px 10px;
        overflow: auto;
      
    }


     .pan2 {
        width: 100%;
        background-color: #ffffff;
        padding-top: 50px;
        margin-top: 80px;
        padding-bottom: 50px;
        border-radius: 2px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: auto;
        box-shadow: #e9e9e9 0px 0px 10px;
        overflow: auto;
      
    }


       .pan3 {
        width: 100%;
        background-color: #ffffff;
        padding-top: 50px;
        margin-top: 80px;
        padding-bottom: 50px;
        border-radius: 2px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: auto;
        box-shadow: #e9e9e9 0px 0px 10px;
        overflow: auto;
      
    }

       .page_score{

   top: 35px;
    
}

         .page_score2{

   top: 85px;
    
}


     .akkc1{
            
     padding:2px;
  
    
       
     margin-top:5px;
     border:solid 1px #e9e9e9;
     box-shadow:#e9e9e9 0px 0px 10px;

      padding-bottom:35px;


 }

     .akkc1_matn{
     width:100%;
     position:absolute;
     z-index:1;
     right:0px;
     bottom:26px;

     margin-bottom:-5px;
     padding-top:1px;
     margin-right:2px;
     margin-left:2px;
     font-family:yekan;
     font-size:10px;
    
     padding-right:2px;
  
 }

          


     .zirmatn{

    font-size:9px;


}



    .contuid {
        display:none;

    }






     .gymlogo{

float:right;
margin-right:10px;

 width:80px;
 height:80px;
 overflow:hidden;
 border-radius:100px;
 margin-top:70px;
 border:solid 1px #e9e9e9;
 box-shadow:#e9e9e9 0px 0px 10px;
 position:relative;

 }





      .gymtoparea{
     margin-top:130px;
     margin-right:110px;
     
     position:relative;
  
 }


           .pagelogo{
     float:right;
     margin-right:30px;
      width:100px;
      height:100px;
      overflow:hidden;
      border-radius:100px;
      margin-bottom:20px;
      border:solid 1px #e9e9e9;
      box-shadow:#e9e9e9 0px 0px 10px;
      position:relative
 }


           .pagelogo_ch{
   
      top: 70px;
       right: 111px;
   
       
 }

           .gymlogo_ch{
 top: 150px; left: 10px;

           }

      .challlogo_ch{

          top:55px

           }


    .challlogo {
        margin-right: 10px;
        margin-top: 70px;
        height: 80px;
        width: 80px;
        margin-bottom: 80px;
    }


     



     .sbox1
{
width:300px;
    }


     .simg{

    position:absolute;right:280px;top:12px;width:40px
}




      
      .index1{
          height:110px;
      }

.jlogo{
    width:99%;
    
}

}



.did-floating-label-content {
    position: relative;
    margin-bottom: 40px;
    width: 300px;
    margin-left: 60px;
}

.did-floating-label {
    color: var(--color-txt3);
    font-size: 13px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    right: 15px;
    top: 13px;
    padding: 0 5px;
    background: var(--color-bg);
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    border-radius: 5px;
}

.did-floating-input, .did-floating-select {
    display: block;
    box-sizing: border-box;
    padding: 12px 20px;
    border-radius: 10px;
    color: var(--color-txt2);
    background-color: var(--color-bg2);
    font-family: yekan;
    text-align: right;
    width: 300px;
    border: none;
    &:focus


{
    outline: none;
    ~ .did-floating-label

{
    top: -14px;
    font-size: 13px;
}

}
}

.did-floating-input:not(:placeholder-shown) ~ .did-floating-label {
    top: -14px;
    font-size: 13px;
}

.did-floating-select:not([multiple]):not([size]) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%23003d71'/%3E%3C/svg%3E%0A");
    background-position: right 15px top 50%;
    background-repeat: no-repeat;
}

.did-error-input {
    .did-floating-input, .did-floating-select

{
    border: 2px solid #9d3b3b;
    color: #9d3b3b;
}

.did-floating-label {
    font-weight: 600;
    color: var(--color-txt2);
}

.did-floating-select:not([multiple]):not([size]) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%239d3b3b'/%3E%3C/svg%3E%0A");
}

}

.input-group {
    display: flex;
    .did-floating-input

{
    border-radius: 0 4px 4px 0;
    border-left: 0;
    padding-left: 0;
}

}

.input-group-append {
    display: flex;
    align-items: center;
}
.sbtbut {
    background-color: #4071f4;
    color: #fff;
    border-radius: 4px;
    width: 85px;
    height: 40px;
    border: none;
    font-family: yekan;
    position: relative;
    margin-bottom: 40px;
    cursor: pointer;
}