<!--- add to cart button start --->
.unlinout {
	text-decoration:none;
}
.left1_btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background-color:#3a2c5f !important;
	cursor: pointer;
	padding: 5px 22px;
	display: inline-block;
	margin: 0px 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.left1_btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.left1_btn-1 {
	color: #fff;
	border-radius:3px;
	border: 1px solid #3a2c5f;
}
.left1_btn-1c:after {
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
}
.left1_btn-1c:hover,
.left1_btn-1c:active {
	color: #3a2c5f;
	text-decoration:none;
}
.left1_btn-1c:hover:after,
.left1_btn-1c:active:after {
	width: 100%;
}
.abc {
	position: relative;
	z-index: 0;	
}


.readonlyfield {
  font-size:14px;
  color:#3a2c5f ;
  padding:10px 10px 10px 10px;
  display:block;
  width:100%;
  border:none;
  border-bottom:1px solid #a5d9fa;
  margin-bottom:25px;
}
.upfxttitle {
  color:#654da6 ; 
  font-size:16px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:10px;
  top:-22px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* =================== INPUT FIELD CSS ==================== */
.group 			  { 
  position:relative; 
  margin-bottom: 30px; 
}
.inputMaterial 				{
  font-size:14px;
  color:#777777;
  padding:10px 10px 10px 10px;
  display:block;
  width:100%;
  border:none;
  border-bottom:1px solid #654da6;
}
.inputMaterial:focus 		{ outline:none;}

/* LABEL */
label.upfxt 				 {
  color:#654da6; 
  font-size:16px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:10px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* active state */
.inputMaterial:focus ~ label, .inputMaterial:valid ~ label 		{
  top:-20px;
  font-size:16px;
  color: #3a2c5f;
}

/* BOTTOM BARS */
.bar 	{ position:relative; display:block; width:100%; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background: #3a2c5f; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
.inputMaterial:focus ~ .bar:before, .inputMaterial:focus ~ .bar:after {
  width:50%;
}

.reveal, .reveal2, .reveal3, .reveal4, .reveal5, .reveal6 {
	background-color:#FFFFFF;
	color:#aea0d3;
	border:none;
	padding:14px;
	padding:10px 10px 10px 10px;
}
.reveal:hover, .reveal2:hover, .reveal3:hover, .reveal4:hover, .reveal5:hover, .reveal6:hover {
	color:#3a2c5f ;
	background-color:#FFFFFF;
}


/* ==================== rchmenu plrocess menu ====================== */
.rchmenu {
	background-color:#e7f5fd;
}

.rchmenu > li > a{
	color:#333333;
	border-right:solid 1px #a5d9fa;
}
.rchmenu > li > a:hover{
	background-color:#1da1f2;
	color:#FFFFFF;
	border-right:solid 1px #a5d9fa;
}
.rchmenu > li.active > a{
	background-color:#1da1f2;
	color:#FFFFFF;
}


/*effect-underline*/
.effect-underline:after {
	content: '';
	position: absolute;
	left: 0;
	display: inline-block;
	height: 1em;
	width: 100%;
	border-bottom: 1px solid;
	margin-top: 8px;
	opacity: 0;
	-webkit-transition: opacity 0.50s, -webkit-transform 0.50s;
	transition: opacity 0.50s, transform 0.50s;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}
.effect-underline:hover:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}