.h1-60{
	font-weight: bold;
	font-size: 60px;
	color: #000000;
	line-height: 60px;
	padding-top: 30px;
	padding-bottom: 40px;
}


.txt-large-bold-16{
 font-family:Arial;
	font-weight: bold;
	font-size: 16px;
	color: #000000;	
	line-height : 18px;
}

#lf_f{ background:#fff; width:100%; display:block; float:left; padding:10px; margin-top:0px; margin-bottom:40px;}


ul.f_row{ list-style:none; margin-top:20px; width:100%; float:left; display:block;}
ul.f_row:nth-child(1){margin-top:0px;}
ul.f_row > li:nth-child(1){display:inline-block; float:left; font-weight:bold; }
ul.f_row > li:nth-child(1) > span{font-weight:bold; font-size:14px;}
ul.f_row > li:nth-child(2){display:inline-block; float:right;}
ul.f_row > li:nth-child(2) > span{ text-decoration:underline; font-size:12px; cursor:pointer; color:#000;}
ul.f_row li:nth-child(3){display:block; clear:both; float:left; width:100%; margin-top:5px; font-size:14px;}
ul.f_row > li > input[type=text],
ul.f_row > li > input[type=password],
ul.f_row > li > select{ width:100%;min-width:100%;max-width:100%; font-weight:bold; font-size:14px; padding:0 0 0 2%; height:38px;}
ul.f_row > li > input[type=checkbox]{margin:0 10px 0 3px;}
ul.f_row > li > button{ font-weight:bold; min-width:105px;}

input[type="checkbox"]:checked:before, input[type="radio"]:checked:before {background-size: 29px;}
input[type="checkbox"]:before, input[type="radio"]:before{width: 17px;  height: 16px; top: -3px; }

ul.cb >li{ display:inline-block; float:left;}
ul.cb >li > input[type=text]{ font-weight:bold; font-size:14px;}
ul.cb >li:nth-child(2) >img{ padding:0 10px;}
/*--------------*/
.otp_txt  {
    display: inline-block;
    text-align: left;
    border-top: 1px #ccc  solid;
    padding-top: 10px;
    cursor: pointer;
	font-size:14px;
}
.otp_txt >* {	font-size:14px;}
/*--------------*/

.txt-tooltip{position:relative;}

.txt-tooltip-content{
	position:absolute;
	opacity:0;
    padding: 0px;
	width:100%;
	height:0;
	overflow:hidden;
	
	}
.txt-tooltip-content.active{
	opacity:1; 
	overflow:visible; 
    padding: 20px 10px 30px 10px;
	
    background-color: #000;
    z-index: 9999;
    color: #fff;
    font-size: 12px;
	height:inherit;
	width:100%;
	right:0;
	top:65px;
	min-width:300px;
	
	
	 -webkit-transition: all 0.1s  ease-out;
  -o-transition: all 0.1s  ease-out;
  -moz-transition: all 0.1s  ease-out;
  transition: all 0.1s  ease-out;
	
	}
.txt-tooltip-content.active:after{
	content:'close ✖';
	border-top:1px #333 solid;
	color:#ccc;
	font-weight:bold;
	position:absolute;
	z-index:999;
	color:0;
	bottom:5px; right:10px;
	padding:3px 0 0 0;
}
.txt-tooltip-content.active:before{
	content:'';
	position:absolute;
	
	
	right:20px;
	top:-7px;
	z-index:#999;
	
	width: 0;
height: 0;
border-style: solid;
border-width: 0 7px 10px 7px;
border-color: transparent transparent #000000 transparent;
	}	



/*-----------------------------------------------------------*/
.form_bg{ /*background:#fff;*/}
    #card {
      width: 100%;
      
      position: absolute;
      -webkit-transition: -webkit-transform 0.7s;
         -moz-transition: -moz-transform 0.7s;
           -o-transition: -o-transform 0.7s;
              transition: transform 0.7s linear;
      -webkit-transform-style: preserve-3d;
         -moz-transform-style: preserve-3d;
           -o-transform-style: preserve-3d;
              transform-style: preserve-3d;
			 
    }

    #card.flipped {
      -webkit-transform: rotateY( 180deg );
         -moz-transform: rotateY( 180deg );
           -o-transform: rotateY( 180deg );
              transform: rotateY( 180deg );
    }

    #card figure {
     width:100%;
      position: absolute;
      -webkit-backface-visibility: hidden;
         -moz-backface-visibility: hidden;
           -o-backface-visibility: hidden;
              backface-visibility: hidden;
			  
			  
    }

    #card .front {
		width:100%;

    }

    #card .back {

      -webkit-transform: rotateY( 180deg );
         -moz-transform: rotateY( 180deg );
           -o-transform: rotateY( 180deg );
              transform: rotateY( 180deg );
    }

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



.select_join{ 
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAQAAABUDBdwAAAAOElEQVR4AWNg+MPwHwUyVCOEgKy5DEBwHi7wjIEDJCDB8AMqb8AABXEMf4GwlQEJ7GS4xcACYgAAUQAdaYX79kIAAAAASUVORK5CYII=)  no-repeat;  background-position: 97% 50%;

	
	}
/*--------------*/

#lf_box .div11_2_1_2{min-width:inherit;}

@media only screen and (min-width: 481px){ 
	#lf_box .div11_2_1_2{min-width:440px;}
	#lf_f{  padding:30px;}
}
@media only screen and (min-width: 769px){ 
	#lf_box .div11_2_1_2{min-width:440px;}
	#lf_f{  padding:30px;}
}