
.main_contact { float:right; width:45%;  }
.cntxc { width:100%; padding:30px 0;  display:table;  }
.cnx_contact { width:90%; margin:auto; display:table; padding:50px 0 80px 0;  }
.cnx_contact input { border:1px solid #7B8D4F; border-radius:40px;  padding:10px 0;   }
.lbl_inpt_dw {  width:19%; float:right; height:50px; position:relative; margin:15px .5%; }
.cnx_contact .xcontact_lbl {  color:#555; font-size:1.4vw; top:15px; }
.cbox_send_dw { float:right;  width:19%; margin:15px .5%; height:50px;  } 
.xcontact_lbl { position: absolute;  pointer-events: none;  right: 20px;  top: 7px;  transition: 0.2s ease all;  color:#333; font-size:1.2vw; }
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: 0.8vw;  opacity: 1; border-top:1px solid #ccc;  border-right:1px solid #ccc; background:#fff; border-radius:5px; height:15px; display:table; padding:2px 10px; }

input:focus ~ .xcontact_lbl,input:not(:placeholder-shown) ~ .xcontact_lbl,input:focus ~ .xcontact_lbl{
  top: -25px;  bottom: 10px;  right: 5px;  font-size: 0.8vw;  opacity: 1; }
.xinput_txt {  width: 100%;  height: 100%; background:#fff; }
#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:#fff; display:table; border:1px solid #ccc; }
textarea:focus, input:focus, select:focus{ outline: none; }
.msgerr, .msgerr * { color:red;  }
.messagefrm { position:fixed; top:10px; right:0; background:rgba(255,255,255,0.8); display:none; z-index:99; padding:10px; border-left:1px solid #ccc; border-radius:10px; }
.messagefrm_ok { background:rgba(255,255,255,0.9); display:none; width:80%; max-width:650px; padding:10px; margin:auto;  }
.messagefrm_ok *, .messagefrm * { color:#000; }
.messagefrm_ok * { text-align:center; }
.messagefrm_ok h5 { font-size:1.6vw; color:#000; }
.messagefrm h5 { font-size:1.2vw; color:#000; }  
.cbox_send{ float:left;  width:100%; max-width:250px; height:50px; } 
.cbox_send button, .cbox_send_dw button{ border-radius:50px; padding:20px 0;  background: #80B728; width:100%; color:#fff;  cursor: pointer; font-size:1.2vw; } 
.cbox_send button:hover, .cbox_send_dw button:hover{ opacity:0.8; background:#999; }
	.main_contact .lbl_inpt { width:100%; clear:both; height:70px; position:relative; margin:0 0 5px 0; }
	.lbl_inpt select{ width:100%; height:45px; font-size:1.2vw; background:none; 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:1.2vw; background:none; text-indent:10px; margin:40px 1% 0 0; }
	.lbl_inpt input { text-indent:10px; font-size:1.4vw; color:#000; width:100%; height:70%; border:1px solid #ccc; background:#fff; }
.main_contact .cbox_send { width:100%; clear:both; } 
.main_contact .cbox_send button { border-radius:5px; background: #80B728; width:100%; height:100%; color:#fff;  padding:0 0 5px 0; cursor: pointer; font-size:1.2vw; } 



@media screen and (max-width: 880px) { 

	.lbl_inpt_dw {  width:99%; clear:both;  float:none;  }
	.cnx_contact .xcontact_lbl { font-size:4vw; }

	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:-5px; font-size: 2.6vw; }
	.cnx_contact input { padding:3px 0; }
	
	.cbox_send_dw { float:none;  width:99%; } 
	.cbox_send button, .cbox_send_dw button{ font-size:6vw; } 
	
	.messagefrm_ok h5 { font-size:2.6vw; }
	.messagefrm h5 { font-size:4vw; } 
	
	.main_contact { float:none; width:100%; }
	.xcontact_lbl { font-size:4vw; }
	.xcontact_lbl input { font-size:4vw; }
	.lbl_inpt  input, .lbl_inpt textarea { font-size:4vw; }
	.main_contact .cbox_send button { font-size:5vw; }


}

/*


input { font-size:1.2vw; }
.cnx_contact { width:90%; margin:0 auto 70px auto; display:table;  }
.conax h3 { font-size:4vw;}
.conax p { font-size:2vw;}
.lbl_inpt_dw {  width:20%; float:right; height:70px; position:relative; margin:5px .5%; border-radius:50px;
box-sizing: border-box;   border:1px solid #333; overflow:hidden; }
.cbox_send_dw { float:right; width:15%; margin:5px .5%; height:70px; border-radius:50px; overflow:hidden; } 
.xctnx_ttl *, .xctnx_ttl  { color:#fff;  }

.cbox_send{ float:right; margin:0 2% 0 0; height:50px; } 
.cbox_send button, .cbox_send_dw button{ background:#80B728; width:100%; height:100%; color:#fff;  cursor: pointer; font-size:2vw; font-weight: bold; } 
.cbox_send button:hover, .cbox_send_dw button:hover{ opacity:0.8; background:#999; }
	.lbl_inpt { float:right; width:49%; height:70px; position:relative; margin:0 0 5px 0.5%; }
	.lbl_inpt select{ width:100%; height:45px; font-size:1.2vw; background:none; 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:1.2vw; background:none; text-indent:10px; margin:40px 1% 0 0; }
	.lbl_inpt input { text-indent:10px; font-size:1.2vw; color:#000; width:100%; height:70%; border:1px solid #ccc; background:#fff; }
.linesearchin input { background:#fff; }
.searform .lbl_inpt { width:80%;  height:50px; margin:5px 0 0 0;  }
.searform .cbox_send { width:18%; }
.xinput_txt {  width: 100%;  height: 100%; background:#fff; }
.conax { width:100%; padding:120px 0; display:table; background: url(../../img/bgcntx.jpg) no-repeat center center ; }
.conax p, .conax h3 { color:#fff; }
#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:#fff; display:table; border:1px solid #ccc; }
textarea:focus, input:focus, select:focus{ outline: none; }
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: 2px;  bottom: 10px;  right: 10px;  font-size: 0.8vw;  opacity: 1; background:#fff; border-radius:5px; height:15px; display:table; padding:2px 10px; }
.xcontact_lbl { position: absolute;  pointer-events: none;  right: 20px;  top: 18px;  transition: 0.2s ease all;  color:#444; font-size:1.4vw; }
.msgerr, .msgerr * { color:red;  }
.messagefrm { position:fixed; top:10px; right:0; background:rgba(255,255,255,0.8); display:none; z-index:99; padding:10px; border-left:1px solid #ccc; border-radius:10px; }
.messagefrm_ok { background:rgba(255,255,255,0.9); display:none; width:80%; max-width:650px; padding:10px; margin:auto;  }
.messagefrm_ok *, .messagefrm * { color:#000; }
.messagefrm_ok * { text-align:center; }
.messagefrm_ok h5 { font-size:1.6vw; color:#000; }
.messagefrm h5 { font-size:1.2vw; color:#000; }  



*/