@charset "utf-8";
/* CSS Document */
* {
/* With these codes padding and border does not increase it's width.Gives intuitive style. */
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

form{
width:99%;
margin:0;
font-family: robotolight, Arial,Helvetica, sans-serif;
font-size:14px;
}
required {
	border: 1px solid #F03;}
/* Makes responsive fields.Sets size and field alignment. */

.inputtext{
	clear:both;
	float:left;
margin-left:15px;
margin-bottom:10px;
margin-top:3px;
width:87%;
padding:10px;
font-family:robotolight, Arial,Helvetica, sans-serif;
font-size:1em;
border-radius:3px;
border:1px solid #06F;
}

.input{
	float: right;
	clear:both;
	display:block;
	margin: 20px 6px 10px 6px;
width:auto;
padding:12px;
border-radius:5px;
border:2px solid #06F;
font-family:robotolight, Arial,Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
color: #06F;
cursor:pointer;
background-color:#FFF;
-moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.input:hover{
	border:2px solid #F00 ;
	color: #F00;
}
.input2{
	float: left;
	clear:both;
	display:block;
	margin: 20px 6px 10px 6px;
width:auto;
padding:12px;
border-radius:5px;
border:2px solid #06F;
font-family:robotolight, Arial,Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
color: #06F;
background-color:#FFF;
-moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.input2:hover{
	border:2px solid #F00 ;
	color: #F00;
}

.textarea {
	
	float:left;
	font-family:robotolight, Arial,Helvetica, sans-serif;
font-size:1em;
width:87%;
padding:8px;
margin-top:3px;
margin-left:15px;
border:1px solid #06F;
border-radius:3px;
margin-bottom:15px;
min-height:80px;
}
.inputtext:focus, .textarea:focus{
border-color:#F00;
}
@media screen and (min-device-width: 481px){
* {
/* With these codes padding and border does not increase it's width.Gives intuitive style. */
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

form{
width:99%;
margin:2px 0 0 0;
}
/* Makes responsive fields.Sets size and field alignment. */

.inputtext{
	clear:none;
	margin-left:25px;
margin-bottom:10px;
margin-top:3px;
width:40%;

}

.input{
	float:right;
	
}
.textarea{
width:40%;
padding:8px;
margin-left:15px;
margin-top:3px;
margin-bottom:20px;
resize:none;
}

}

@media screen and (min-device-width: 1025px){
* {
/* With these codes padding and border does not increase it's width. Gives intuitive style. */
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
form{
width:98%;
margin:0 auto;

}

/* Makes responsive fields. Sets size and field alignment. */


.inputtext{
font-family:robotolight, Arial,Helvetica, sans-serif;

margin-bottom:10px;
margin-top:3px;
margin-left:30px;
width:30%;

border-radius:3px;


}

/* Makes responsive fields. Sets size and field alignment. */



.input{
	float: right;
	clear:none;
	display:block;
}


.textarea{
width:30%;
padding:6px;
margin-top:3px;
margin-left:30px;
border-radius:5px;
margin-bottom:20px;
resize:none;
font-family:robotolight, Arial,Helvetica, sans-serif;

}
.inputtext:focus, .textarea:focus{
border-color:#333;
}

}