@charset "utf-8";
/* CSS Document */

#frmreg .fInpt,
#frmcnt .fInpt,  
#frmserach input{
	
	font-size:13pt; font-family: 'Fira Sans', sans-serif; 

    border: 1px solid #ccc;
    border-radius: 10px;
    outline: none;
    text-align: left;
    background: #fff;
    color: #333;
	padding: 7px 14px;      
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.fInptIndx{  
	font-size:12pt !important; 
	padding: 8px 12px !important; 
    border: 1px solid #fd5209 !important;
    border-radius: 28px !important;    
	width:330px;
}
	
.stStar { color:#F00; }

.frInfo { color: #06F; font-size:11pt; font-style: italic;}

.formTit{ color: #F60;  }

.divTop  { display: inline-block;   }



.dFrm, .divNoLab   { margin:1.2em 0;  } 
.dFrm2 { margin:0; }
.lab  {  display: inline-block; text-align:right; width:38%; padding:3px 5px 3px 3px; font-size:13pt  } /* empty label */
.labFloat { float:left; width:32%; padding:3px; text-align:right; }

.labBlock {  display: inline-block !important; width:45% !important; } /* some fields always */ 
.frmSmBlock {  width:7em !important;   }


.divTop  { vertical-align:top; } 
.dvInptTop {
    display: inline-block;    
    width: 50%;
}
.labTop {    vertical-align: top;   }
 
.dvFldHght { display: inline-block; padding:4px; width:60%;   }

.divNoLab { padding-left:35%; padding-top:2em; }

 

.divChbx { float:left;  width:20%; padding:0 3px; text-align:right} 
.labChbox  {   float:left; width:50em;  }  
.blck { font-weight:bold;}
.sml { width:8em  !important;  }

.elemCell { float:left; border:#99FF33 1px solid; }
 

 

 

.frmIptDis { background-color: #efefef; }

.frmSm {  width:6em !important;   }

.frmArea { width:18em;}

.frmSel { width:auto !important; margin:2px; }

#frmreg .frmBut,
#frmcnt .frmBut,
#frmserach .frmBut  {  
   	 
	text-align:center;	
	font-weight: normal;
	font-size:13pt;	 
	cursor: pointer;	
    border: #069 1px solid;  
	border-radius: 10px;
	background-color: #069;
    color: #fff;
    text-shadow: none;  
    padding: 8px 14px; 
}

.frmBtIndx{
	border-radius: 28px !important;
}


#frmreg .frmBut:hover,
#frmserach .frmBut:hover {  color:#F60; }

.divButPay, .divButPay2 { float:left; width:45%; text-align:right; margin:.5em;}
.divButPay2 { text-align: left;}

input[type=text]:focus, textarea:focus { 
  background-color:#efefef; 
}

.dvSpace { height:20px; }

.spTitData { color:#666666; display:inline-block; padding:2px; text-align:right; width:30%;  }
.spData {  display:inline-block; padding:3px;   }

.spanRad { padding-right:20px; }



.frmFlx {display:flex;}





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

#frmreg .fInpt { width:97%; }	 

	.dFrm { width:98%; }
	.dFrm label    { display:block; text-align:left;  }
	.labInline { display:inline-block !important; }
	.lab   { width:100%;  text-align:left; color:#668194}
	.labTerms   { width:70% !important; display:inline-block !important;  text-align:left;}
	.divSpc { width:20px; float:left; text-align:left;  }
	.labChbox { width:98%;}	
	
	
     
	 
	.divNoLab { padding:0; }
	
	.divChbx {  width:20px; padding:3px; text-align:left} 
    .labChbox  { width:90% }
	
	.divButPay, .divButPay2 { float: none; width:100%; text-align:center;  } 
	
	.dvFldHght {  width:98%;   } 	

	
	.dvDorea  { width:98%;  }
	
	.frmFlx { flex-direction: column; }
	
	.frInfo { display:block;}
	

    .dvInptTop {
    display: block;    
    width: 100%;
   }
   
	
}

@media screen  and (max-width: 500px) { 
    .videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
    }
   .videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    } 

}


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

	.fInptIndx{ 
	 width:100%;
    }

}