* {
  box-sizing: border-box;
}

body 
{
   
	background: #28292d;
   
    margin: 0;
    
}

.AllDivs
{
 width:95%;
 height:650px;
 background-color:Gray;
 margin-left:2%;   
}
.center {
 
 margin-left:60%;
  text-align:center;
 
 
}

.TextBox
{
    width:80%;
    height:40px;
     display:table;
    margin:0 auto;
     border: 1px solid #28292d;
      border-radius:7px;
}


.lbl
{
    display:table;
    margin:0 auto;
    font-family: Varela Round, Helvetica, sans-serif;
    font-size:16px;
}

.lbl_Reg
{
    
  float:right;
    font-family: Varela Round, Helvetica, sans-serif;
    font-size:14px;
}

.lbl_Reg2
{
    
  display:table;
    margin:0 auto;
    margin-top:15px;
    font-size:16px;
}
.lbl_ForgetPass
{
    display:table;
    margin:0 auto;
    font-family: Varela Round, Helvetica, sans-serif;
    font-size:12px;
}

.DivButtonSendReg
{
    width:50%;
    height:30px;
    background-color:Red;
    
}

.Button
{
     display:table;
    margin:0 auto;
    
    
    width: 50%;
    height:30px;
    
    background: -webkit-linear-gradient(top, #8f6B29, #FDE08D, #DF9F28);
	background: linear-gradient(top, #8f6B29, #FDE08D, #DF9F28);

   color:#28292d;
   border: 1px solid #28292d;
      border-radius:7px;
      
      
   
}

.ButtonContact
{
     display:table;
    margin:0 auto;
    margin-top:7px;
    width: 20%;
    height:30px;
    
  background-color:Orange;
   color:#28292d;
   border: 1px solid #28292d;
      border-radius:7px;
   
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
}

.BoxTbAndLbl
{
    
     width:90%;
    height:30px;
    display: table;
    margin: 0 auto;
   padding:10px;
   
  
    margin-top:10px;
}



 


.Button78910JQKA
{
     
  
  background: -webkit-linear-gradient(top, #8f6B29, #FDE08D, #DF9F28);
	background: linear-gradient(top, #8f6B29, #FDE08D, #DF9F28);

   color:#28292d;
    width:13%;
    height:30px;
    
   margin-top:7px;
   margin-left:10px;
 
   
}

.PanelTitleIfream
{
 background-color:#28292d;
	
  
     width:100%;
    height:42px;
   
    
}

.BoxLogin
{
    
    width:55%;
    height:350px;
    display:none;
    margin: 0 auto;
    padding-top:30px;
    margin-top:3%;
   
    
   border: 1px solid #28292d;
   
   border-radius:25px;
}

.BoxLogin2
{
    width:90%;
    height:60%;
    display: table;
    margin: 0 auto;
    border: 1px solid #28292d;
   
   border-radius:25px;
}





/*---------------------------------------*/


.BoxReg
{
    margin-top:2%;
    margin-left:33%;
   float:left;
     width:35%;
    height:370px;
    
    
    border: 1px solid #28292d;
   
   border-radius:18px;
}

.BoxTerms
{
    margin-top:2%;
   margin-left:26px;
   float:left;
     width:25%;
    height:370px;
    
    
    border: 1px solid #28292d;
   
   border-radius:18px;
}
.BoxContact
{
    margin-top:5%;
    margin-left:15%;
     width:70%;
    height:450px;
    
    
    border: 1px solid #28292d;
   
   border-radius:18px;
}
.BoxTbAndLbl_Reg
{
    float:right;
     width:60%;
    height:30px;
   
   
   padding:10px;
   
  
    margin-top:7px;
}


.TextBox_Reg
{
    width:90%;
    height:30px;
    float:right;
     border: 1px solid #28292d;
      border-radius:7px;
}

.TextBox_ContactNote
{
    width:90%;
    height:80px;
    float:right;
     border: 1px solid #28292d;
      border-radius:7px;
}

.TextBoxCode_Reg
{
    width:50%;
    height:30px;
    float:left;
    margin-top:20px;
    margin-right:3px;
     border: 1px solid #28292d;
      border-radius:10px;
}

.lbl_Reg
{
    display: table;
    margin: 0 auto;
    font-family: Varela Round, Helvetica, sans-serif;
    font-size:16px;
}


.DivCodeReg
{
    
    width:50%;
    height:40px;
    
    margin-left:30%;
   
    
}


.ButtonCodeReg
{
    float:left;
   margin-top:20px;
    width: 30%;
    height:30px;
    /*
    background: -webkit-linear-gradient(top, #8f6B29, #FDE08D, #DF9F28);
	background: linear-gradient(top, #8f6B29, #FDE08D, #DF9F28);
    */
   color:#28292d;
   border: 1px solid #28292d;
      border-radius:7px;
   
}


.DivFullNameReg
{
    width:60%;
    height:60px;
    
    float:right;
   
    margin-bottom:5px;
    margin-right:23%;
}

.DivFullNoteContect
{
    width:60%;
    height:90px;
    
    float:right;
    margin-right:23%;
}

.DivLlb_Reg
{
    width:60%;
    height:25px;
    
    float:right;
    
    margin-right:23%;
}

.DivTitleReg
{
    
    width:100%;
    height:12%;
    
    margin-top:25px;
    padding-top:5px;
    
}

.TextTitle1
{
    margin-top:10px;
  font-size:22px;
  display: table;
    margin: 0 auto;
    color:Black;
    /*
  		-webkit-mask-image: -webkit-linear-gradient(top, rgba(143,107,42,1), rgba(213,160,30,.5) 50%, rgba(254,224,141,1));
	-webkit-mask-image: linear-gradient(top, rgba(143,107,42,1), rgba(213,160,30,.5) 50%, rgba(254,224,141,1));
 */
}


.BoxForgetPass
{
    display:none;
    margin-top:5%;
    margin-left:32%;
     width:35%;
    height:200px;
    
    
    border: 1px solid #28292d;
   
   border-radius:18px;
}

.DivCloseForgetPass
{   margin-top:3px;
     width:95%;
     height:20px;
     float:right;
    
}