.main_contact { width:100%;  }
.cntxc { width:100%; padding:30px 0;  display:table;  }
.cntx h2 { color:#000; }
.cnx_contact { width:90%; margin:auto; display:table; padding:70px 0;   }
.cnx_contact input { border-bottom:1px solid #ccc; padding:10px 0; background:var(--FrmBg); }
.lbl_inpt_dw {  width:19%; float:right; height:50px; position:relative; margin:0 .5%;  }
.cnx_contact .xcontact_lbl {  color:var(--FrmColorLbl); font-size:var(--FontSize1p4); top:15px; }
.cbox_send_dw {width:19%; float:right;  height:70px; margin:auto;  } 
.xcontact_lbl { position: absolute;  pointer-events: none;  right: 20px;  top: 7px;  transition: 0.2s ease all;  color:var(--FrmColorLbl); font-size:var(--FontSize1p2); }
input:focus ~ .xcontact_lbl, textarea:focus ~ .xcontact_lbl ,select:focus ~ .xcontact_lbl, input:not(:placeholder-shown) ~ .xcontact_lbl, textarea:not(:placeholder-shown) ~ .xcontact_lbl,
select:not(:empty) ~ .xcontact_lbl, option:focus ~ .xcontact_lbl
{  top: -15px;  bottom: 10px;  right: 0px;  font-size: var(--FontSize0p8);  opacity: 1; border-top:1px solid #ccc;  border-right:1px solid #ccc; background:var(--FrmBgLbl); height:15px; display:table; padding:2px 10px; color:var(--FrmColorLbl); }

input:focus ~ .xcontact_lbl,input:not(:placeholder-shown) ~ .xcontact_lbl,input:focus ~ .xcontact_lbl{
  top: -25px;  bottom: 10px;  right: 5px;  font-size:var(--FontSize0p8);  opacity: 1; }
.xinput_txt {  width: 100%;  height: 100%;  }
#success_message_x, #error_message_x { display:none;  }
input:focus:invalid { background: url(../../img/required.png) no-repeat 8px center; } 
input:invalid { background: url(../../img/must.png) no-repeat 8px center; } 
.inpttxtarea { /*background:var(--FrmBgNone);*/ background:#fff;  display:table; border:1px solid #ccc; }
textarea:focus, input:focus, select:focus{ outline: none; }
.msgerr, .msgerr * { color:var(--FrmColorMsg);   }
.messagefrm { position:fixed; top:10px; right:0; background:var(--FrmBgMsg); display:none; z-index:99; padding:10px; border-left:1px solid #ccc;  }
.messagefrm_ok { background:var(--FrmBgMsg); display:none; width:80%; max-width:650px; padding:10px; margin:auto;  }
.messagefrm_ok *, .messagefrm * { color:var(--FrmColorMsg); }
.messagefrm_ok * { text-align:center; }
.messagefrm_ok h5 { font-size:var(--FontSize1p6); color:var(--FrmColorMsg); }
.messagefrm h5 { font-size:var(--FontSize1p2); color:var(--FrmColorMsg); }  
.cbox_send{ float:right;  width:100%; max-width:250px; height:50px; } 
.cbox_send button, .cbox_send_dw button{ border:1px solid #fff; background:var(--FrmBgButt); width:100%; height:100%; color:var(--FrmColorButt);  cursor: pointer; font-size:var(--FontSize1p6); } 
.cbox_send button:hover, .cbox_send_dw button:hover{ opacity:0.8; background:var(--FrmBgButtHov); }
	.main_contact .lbl_inpt { width:100%; clear:both; height:70px; position:relative; margin:0 0 5px 0; color:#000; }
	.main_contact .xcontact_lbl { color:var(--FrmColorLbl); }
	.lbl_inpt select{ width:100%; height:45px; font-size:var(--FontSize1p2); background:var(--FrmBgNone); border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-indent:10px; }
	.lbl_inpt textarea{ width:98%; max-width:99%; height:150px; font-size:var(--FontSize1p2); background:var(--FrmBgNone); text-indent:10px; margin:40px 1% 0 0; }
	.lbl_inpt input { text-indent:10px; font-size:var(--FontSize1p2); color:var(--FrmColorInpt); width:100%; height:70%; border:1px solid #ccc;  }
.main_contact .cbox_send { width:100%; clear:both; } 
.main_contact .cbox_send button { background:var(--FrmBgButt); width:100%; height:100%; color:var(--FrmColorButt);  cursor: pointer; font-size:var(--FontSize1p2); } 


/*---------------devpage3----------------*/
#idev3butt { display:none;   }
.devpage3 .cbox_send { width:100% !important; max-width:100%; }
.devpage3 .cbox_send button { display:table; width:100% !important; border-radius:30px; text-align:center; }



@media screen and (max-width: 880px) { 
	
	.lbl_inpt_dw, .cbox_send_dw {  clear:both; width:99%; float:none; height:50px; position:relative; margin:35px .5%; }
	.cbox_send_dw { height:70px; }
	.cnx_contact input { padding:8px 0; font-size: var(--FontSize1p2); }

	/*---------------devpage3----------------*/
	.devpage3 .main_contact { display:none; margin:50px 0;  }
	#idev3butt { width:100%; margin:20px auto !important; text-align:center; border-radius:30px; display:table; background:var(--FrmBgButt); color:var(--FrmColorButt); font-size:var(--FontSize1p6); }
	#idev3 { padding:40px 0 0 0; }

}