@charset "utf-8";
@import url("font-awesome.min.css");


/*============================================================
	Global Declaration
============================================================*/    
	html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%;}
	body{margin:0px; font-size:13px; font-family: 'Open Sans', sans-serif; font-weight:300;}	
	html, body {margin:0;padding:0;height:100%;}
	a{text-decoration:none;}
	a:focus,a:hover{text-decoration:none; color:#0CF;}
	
	.txstrong{font-weight:600; text-align:right;}		
	@media (max-width: 768px) {
		.txstrong{font-weight:600; text-align:left;}		
	}
	.clr{clear:both;}

/*============================================================
	Content Declaration
============================================================*/ 
.form-inner15{width:100%; margin-bottom:15px; display:block; clear:both; }
.form-inner15 .left-col{width:250px; margin-right:20px; float:left; font-size:16px !important; text-align:right; padding-top:8px;}
.form-inner15 .right-col{float:left; width: -moz-calc(100% - 270px);width: -webkit-calc(100% - 270px); width: calc(100% - 270px);}
.form-inner15 .right-col .r-c-note{font-size:13px !important; padding-top:7px; color:#999; font-style:italic;}
.form-inner15 .in-ctrl{width:100% !important;}	

.form-inner15 .select-control{width:300px; padding:6px 6px; height:auto !important;}
.form-inner15 .text-control{width:300px; padding:6px 6px;}
.form-inner15 .text-controlh{width:150px; padding:6px 6px;}
.form-inner15 .checkbox-control{margin-top:10px;}
.form-inner15 .textarea-control{width:500px; padding:6px 6px; resize:vertical;}

.form-inner15 .control-error{width:100%; color:#F00; font-size:12px; line-height:14px; padding:2px 0px 2px 10px; border-left:#C90 2px solid; margin-top:4px;}


.widget_rsmemberssignup .left-col{width: 100% !important; margin-right:0px; float:none !important; font-size:14px !important; text-align:left; margin-bottom:2px; padding-top:0px;}
.widget_rsmemberssignup .right-col{float:none; width: 100% !important;}	


	
@media screen and (max-width: 1024px) {
.form-inner15 .left-col{width: 100% !important; margin-right:0px; float:none !important; font-size:14px !important; text-align:left; margin-bottom:10px; padding-top:0px;}
.form-inner15 .right-col{float:none; width: 100% !important;}	

.form-inner15 .textarea-control{width:100%; padding:6px 6px; }
}

@media screen and (max-width: 456px) {
	.form-inner15 .select-control{width:97%; padding:6px 6px; height:auto !important;}
	.form-inner15 .text-control{width:97%; padding:6px 6px;}
	.form-inner15 .text-controlh{width:97%; padding:6px 6px;}
	.form-inner15 .checkbox-control{margin-top:10px;}
	.form-inner15 .textarea-control{width:97%; padding:6px 6px; resize:vertical;}
}


.form-signup{width:100%; margin-bottom:5px; display:block; clear:both; }
.form-signup .left-col{width:100%; margin-right:20px; font-size:13px !important; text-align:left;}
.form-signup .right-col{ width:100%; }
.form-signup .right-col .r-c-note{font-size:13px !important; padding-top:7px; color:#999; font-style:italic;}
.form-signup .in-ctrl{width:100% !important;}	

.form-signup .select-control{width:300px; padding:6px 6px; height:auto !important;}
.form-signup .text-control{width:300px; padding:6px 6px;}
.form-signup .text-controlh{width:150px; padding:6px 6px;}
.form-signup .checkbox-control{margin-top:10px;}
.form-signup .textarea-control{width:500px; padding:6px 6px; resize:vertical;}

.form-signup .control-error{width:100%; color:#F00; font-size:12px; line-height:14px; padding:2px 0px 2px 10px; border-left:#C90 2px solid; margin-top:4px;}

/* ============================================================
  COMMON
============================================================ */
.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* ============================================================
  SWITCH 1 - ROUND
============================================================ */
input.cmn-toggle-round + label {
  padding: 2px;
  width: 58px;
  height: 30px;
  background-color: #dddddd;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #f1f1f1;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
  width: 30px;
  background-color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: margin 0.4s;
  -moz-transition: margin 0.4s;
  -o-transition: margin 0.4s;
  transition: margin 0.4s;
}
input.cmn-toggle-round:checked + label:before {
  background-color: #999;
}
input.cmn-toggle-round:checked + label:after {
  margin-left: 30px;
}