/* === MAILFORM ========================== */
#cntctfrm {  }

#cntctfrm fieldset {
	border: 0;
	background: transparent;
    display: block;
    margin: 2em 0;
    padding: 0 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 { margin-bottom: 0; }

#cntctfrm input[type=text], #cntctfrm textarea, #cntctfrm select { 
	padding: .5em .5em; margin: .2em 0 0 0; width: 100%; background-color: #aaa; color: #333;
}

#cntctfrm textarea { height:auto; }

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

.row_tasty { display: none; }

#cntctfrm input[type=text], #cntctfrm textarea, #cntctfrm select {
	-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: 0;
	border-radius: .5rem;
}
 
#cntctfrm input[type=text]:focus, #cntctfrm textarea:focus, #cntctfrm select:focus {
  outline: 0 !important;
  background-color: #fff;
}


/* ==== */
#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 2.0em 0 1.3em;
  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: 1px;
  height: 1.5em;
  width: 1.5em;
  top: 0;
  right: 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: 1px;
  height: .7em;
  width: .7em;
  top: .4em;
	left: .4em;
  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;
}





/* 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: #F5B714; font-weight: 600; }
#cntctfrm .big { vertical-align: top; }

/*.poll__lines > div:nth-child(even) {background: #EEE}*/
.poll__lines > div { border-bottom: 1px solid #BBB; }

@media(min-width: 768px){
	#cntctfrm {  }
	#cntctfrm label img { display: none; }
	#cntctfrm textarea { height: 8.8em; }
	
	#cntctfrm select {
		-webkit-appearance: none;
		-moz-appearance: none;
		padding: .5em 3em .5em .5em;
		box-shadow: none;
		width: 100%;
	
	/*	background-color: #FFFFFF;*/
		background-repeat: no-repeat;
		background-position: 95% 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:%23666666;stroke-width:2;stroke-linecap:round' points='2,2 10,9 18,2'/%3E%3C/svg%3E");
	}
}

@media(max-width: 767px){
	#cntctfrm input[type=text], #cntctfrm textarea, #cntctfrm select { font-size: 16px; }

	#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: auto; }
}