.form-input {
height: 40px;
border: 0px;
color: white;
font-size: 14px;
outline: none;
margin: 5px 0px 5px 0px;
padding-left: 10px;
}

.form-textArea {
border: 0px;
color: white;
font-size: 14px;
outline: none;
margin: 5px 0px 5px 0px;
padding: 10px 10px 10px 10px;
}

.form-input-100 {
width: 100px;
background: url('../../img/shared/input100px40px.png') no-repeat;
background-size: 100px 40px;
}

.form-input-150 {
width: 150px;
background: url('../../img/shared/input150px40px.png') no-repeat;
background-size: 150px 40px;
}

.form-input-200 {
width: 200px;
background: url('../../img/shared/input200px40px.png') no-repeat;
background-size: 200px 40px;
}

.form-input-200-to-300 {
width: 200px;
background: url('../../img/shared/input200px40px.png') no-repeat;
background-size: 200px 40px;
}

.form-input-200-to-700 {
width: 200px;
background: url('../../img/shared/input200px40px.png') no-repeat;
background-size: 200px 40px;
}

.form-input-300 {
width: 300px;
background: url('../../img/shared/input300px40px.png') no-repeat;
background-size: 300px 40px;
}

.form-input-700 {
width: 700px;
background: url('../../img/shared/input700px40px.png') no-repeat;
background-size: 700px 40px;
}

.textArea-200-to-700 {
width: 200px;
height: 200px;
background: url('../../img/shared/textArea350px350px.png') no-repeat;
background-size: 200px 200px;
}

.form-select {
background: black;
color: white;
font-size: 14px;
height: 40px;
border: 0px;
outline: none;
}

.img-slider {
width: 80px;
height: 40px;
}

.form-button {
width: 150px;
height: 40px;
border: 1px solid white;
border-radius: 10px;
background: transparent;
color: white;
font-size: 14px;
outline: none;
}


/* 
##############################################################################################
##############################################################################################
RESPONSIVE CSS */

@media (min-width: 480px) {
	
	.form-input-200-to-300 {
	width: 200px;
	background: url('../../img/shared/input200px40px.png') no-repeat;
	background-size: 200px 40px;
	}
	
	.form-input-200-to-700 {
	width: 200px;
	background: url('../../img/shared/input200px40px.png') no-repeat;
	background-size: 200px 40px;
	}
	
	.textArea-200-to-700 {
	width: 250px;
	height: 250px;
	background: url('../../img/shared/textArea350px350px.png') no-repeat;
	background-size: 250px 250px;
	}
	
	.form-select {
	width: 200px;
	font-size: 10px;
	}	
	
}

@media (min-width: 500px) {

	.form-input-200-to-300 {
	width: 300px;
	background: url('../../img/shared/input300px40px.png') no-repeat;
	background-size: 300px 40px;
	font-size: 12px;
	}
	
	.form-input-200-to-700 {
	width: 300px;
	background: url('../../img/shared/input300px40px.png') no-repeat;
	background-size: 300px 40px;
	}
	
	.textArea-200-to-700 {
	width: 350px;
	height: 350px;
	background: url('../../img/shared/textArea350px350px.png') no-repeat;
	background-size: 350px 350px;
	}
	
	.form-select {
	width: 250px;
	font-size: 14px;
	}

}

@media (min-width: 768px) {


}

@media (min-width: 992px) {
	
	.form-input-200-to-700 {
	width: 700px;
	background: url('../../img/shared/input700px40px.png') no-repeat;
	background-size: 700px 40px;
	}
	
	.textArea-200-to-700 {
	width: 700px;
	height: 200px;
	background: url('../../img/shared/textArea700px200px.png') no-repeat;
	background-size: 700px 200px;
	}
	
}

@media (min-width: 1200px) {


	
}