@charset "utf-8";




/*  FIELDS  ============================================================================= */
#modal-02 input {
	width: 95%;
	padding: 8px;
	min-height: 37px; 
	border: 1px solid #ddd;
	color: #000;
	font-size: 12px!important;
	box-sizing: border-box;
	border-radius: 0px;
}

#modal-02 select {
	width:46%;
	padding: 8px;
	border: 1px solid #ddd;
	color: #000;
	font-size: 12px!important;
	box-sizing: border-box;
	border-radius: 0px;
	min-height: 37px; 
	margin: 1%;
}



/*  FOCUS & HOVER  ============================================================================= */
#modal-02 input.modalForm:focus {
	width: 100%;
	padding: 8px;
	border: 1px solid #ddd;
	color: #000;
	font-size: 12px;
	box-sizing: border-box;
	border-radius: 0px;
	outline-style: none;
}


#modal-02 input.modalFormButton,
#modal-02 input.modalFormButton:focus {
	margin: 0;
	padding: 10px;
	border: 0px;
	font-size: 14px;
	color: #fff;
	outline-style: none;
	transition: all 0.3s ease;
	background: #000;
	width: 95%;
}

#modal-02 input.modalFormButton:hover {
	margin: 0;
	padding: 10px;
	border: 0px;
	font-size: 14px;
	color: #fff;
	outline-style: none;
	background: #888;
	transition: all 0.3s ease;
}

#modal-02 .thirds { width: 30%; }
#modal-02 .half2 { width: 46%; }

@media screen and (max-width: 800px) {
#modal-02 select,#modal-02 .thirds{width:46%;}
	#modal-02 input,#modal-02 select{min-height:42px;}
}
@media screen and (max-width: 600px) {
#modal-02 select,#modal-02 .thirds,#modal-02 .half2{width:96%;}
}