/* === MAILFORM ========================== */
@media screen {
	#cntctfrm {  }

	#cntctfrm fieldset {
		border: 0;
		border-top: 2px solid #9d9d9d;
		background: transparent;
	    display: block;
	    margin: 1em 0;
	    padding: 1em 0;
	
	}
	#cntctfrm legend {
	/*	font-size: inherit;*/
		margin: 1em 0;
		font-weight: bold;
		float:left;
	}
	#cntctfrm .row, 
	#cntctfrm .frow { clear: left;  }
	#cntctfrm .frow { padding: 0 0 1em 0; position: relative; } 

	#cntctfrm label { font-weight: 400; margin-bottom: 0; }

	#cntctfrm input[type=text], 
	#cntctfrm textarea { padding: .5em; margin: .2em 0 0 0; width: 100%; background: #fafafa; border-radius: 5px; }

	#cntctfrm textarea { height:auto; }

	#cntctfrm input[type=submit] { border: 0; }
	#cntctfrm input[type=submit]:hover { text-decoration: none; color: #fff }

	::-webkit-input-placeholder{ color:#999; }
	    :-ms-input-placeholder { color:#999; }
	        ::-moz-placeholder { color:#999; }
	         :-moz-placeholder { color:#999; }

	.row_tasty { display: none; }

	#cntctfrm input[type=text], #cntctfrm textarea {
		-webkit-transition: all 0.30s ease-in-out;
		-moz-transition: all 0.30s ease-in-out;
		-ms-transition: all 0.30s ease-in-out;
		-o-transition: all 0.30s ease-in-out;
		transition: all 0.30s ease-in-out;
		outline: 0;
		border: 1px solid #CCCCCC;	
	}
 
	#cntctfrm input[type=text]:focus, #cntctfrm textarea:focus {
	  outline: 0 !important;
	  border: 1px solid #001F96;
	  background: #fff;
	}


	/* ==== */
	#cntctfrm ul { margin-bottom: 0; }
	
	#cntctfrm ul li {
	  display: block;
	  position: relative;
	}

	/*
	#cntctfrm ul li input[type=radio]{
	  position: absolute;
	  visibility: hidden;
	}
	*/

	#cntctfrm ul li label{
	  display: block;
	  position: relative;
	  padding: 0 1.5em 0 1.9em;
	  margin: 0;
	  z-index: 9;
	  cursor: pointer;
	  -webkit-transition: all 0.25s linear;
	}

	#cntctfrm ul li .check{
	  display: block;
	  position: absolute;
	  background: #ffffff;
	  border-radius: 50%;
	  border: 1px solid #222;
	  height: 20px;
	  width: 20px;
	  top: 0;
	  left: 0;
		z-index: 5;
		transition: border .25s linear;
		-webkit-transition: border .25s linear;
	}

	#cntctfrm ul li:hover .check {
	/*  border: 5px solid #FFFFFF;*/
	}

	#cntctfrm ul li .check::before {
		display: block;
		position: absolute;
		content: '';
		border-radius: 50%;
		height: 10px;
		width: 10px;
		top: 4px;
		left: 4px;
		margin: auto;
		background: ;
		transition: background 0.25s linear;
		-webkit-transition: background 0.25s linear;
	}

	/*
	#cntctfrm input[type=radio]:checked ~ .check {
	  background: #0DFF92;
	}
	*/
	#cntctfrm input[type=radio]:checked ~ .check::before{
	  background: #999;
	}


	#cntctfrm select {
		border: 0;
		border-radius: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		padding: .5em 3em .5em 1em;
		box-shadow: none;
	
		background-color: #FFFFFF;
		background-repeat: no-repeat;
		background-position: 90% center;
		background-size: 15px;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='10px' xml:space='preserve'%3E%3Cpolyline style='fill:none;stroke:%237698c4;stroke-width:2;stroke-linecap:round' points='2,2 10,9 18,2'/%3E%3C/svg%3E");
	
	}


	/* RADIO GROUP */
	.form__label {  }
	.form__wrap {  }

	.radio .form__wrap { margin-right: -.5em; }

	#cntctfrm .radio label { font-size: inherit; width: 2.6em; padding: .3em; margin: 0 0.2em; display: inline-block; text-align: center; }
	#cntctfrm .radio label, #cntctfrm .radio label * { cursor: pointer; }
	#cntctfrm .radio .label { padding-top: .3em; padding-bottom: .3em; hyphens: auto; }
	.label__icon { width: 1.5em; height: 1.5em; margin: 0 0.75em; }

	.form__row--buttons { margin-top: 1em; } 

	#cntctfrm .has-error { color: #EC6501; }
	#cntctfrm .big { vertical-align: top; }

	/*.poll__lines > div:nth-child(even) {background: #EEE}*/
	.poll__lines > div { border-bottom: 1px solid #BBB; }
	
	/* FIELD SHOW/HIDE */
	.row--initially-hidden { max-height: 0.001rem; opacity: 0; overflow: hidden; margin-top: -1rem; transition: max-height .5s, opacity .5s, margin-top .5s; }
	
	.row_am-experienced[data-v="v-ja"] + .row_job-experience { max-height: 15rem; opacity: 1; overflow: visible; margin-top: 0;  }

	.row_nearby[data-v="v-nein"] + .row_job-mobility-type { max-height: 15rem; opacity: 1; overflow: visible; margin-top: 0; }
	

	@media(min-width: 768px){
		#cntctfrm {  }
		#cntctfrm label img { display: none; }
		#cntctfrm textarea { height: 5.2em; }
	}

	@media(max-width: 767px){
		#cntctfrm input[type=submit] { width: 100%; }
		
		#cntctfrm .label + div { display: flex; }
		#cntctfrm .frow > label { flex: 1; margin: 0 .2em; padding: 0; }
		#cntctfrm .frow > label img { padding: .2em .3em; margin: 0; width: 100%; max-width: 3em; height: auto; border-radius: 3px; overflow: hidden; }
	
		#cntctfrm input[type=radio] { display: none; }
		#cntctfrm input[type=radio]:checked + img { background: #FFF; }
	
		#cntctfrm textarea { height: 7.2em; }
	}
}