#f1 ul.form{
    float:none;
    list-style-type:none;
    list-style-position:outside;
    margin:0 auto;
    padding:0;
}

#f1 ul.form2{
    width:300px;
    float:none;
    list-style-type:none;
    list-style-position:outside;
    margin:0 auto;
    padding:0;
}

@media (max-width: 619px) {
#f1 ul.form{
    width:300px;
}
}

@media (min-width: 620px) {
#f1 ul.form{
    width:580px;
}
}

@media (min-width: 768px) {
#f1 ul.form{
    width:700px;
}
}

@media (min-width: 992px) {
#f1 ul.form{
    width:520px;
}
}

@media (min-width: 1200px) {
#f1 ul.form{
    width:700px;
}
}

#f1 li{
    padding:12px; 
    border-bottom:1px solid #ddd;
    position:relative;
	text-align:center;
}

#f1 li.error{
    padding:12px 0 12px 4px; 
    border-bottom:1px solid #ddd;
    color:#ff0000;
    font-size:22px;
    text-align:center;
    position:relative;
}

#f1 li.np{
    padding:0; 
}

#f1  .text-style{
border: 1px solid #ccc;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
background-color:#fff;
height:40px; 
width:280px; 
overflow: hidden;
margin:0 auto;
}



#f1 .text-style input{
	font-size:18px;
    width:240px; 
	height:40px; 
	color:#23386C;
    padding:0 8px;
    border:none;
}

#f1  .text-style input:focus {
    outline: none;
}

#f1 input.filestyle[type=file]{
	font-size:18px;
    width:240px; 
	height:40px; 
	color:#23386C;
    padding:0 8px;
    border:none;
}

#f1  .textarea-style,#f1  .textarea-style2{
border: 1px solid #ccc;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
background-color:#fff;
overflow: hidden;
margin:0 auto;
}

#f1 .textarea-style textarea,#f1 .textarea-style2 textarea{
	font-size:18px;
	height:200px; 
	color:#23386C;
    padding:0 8px;
    border:none;
}

#f1 .textarea-style *,#f1 .textarea-style2 *{
vertical-align: top;
}

#f1 .textarea-style textarea,#f1 .textarea-style2 textarea {padding:8px 8px 0 8px;}

#f1  .textarea-style textarea:focus,#f1  .textarea-style2 textarea:focus {
    outline: none;
}

#f1 .textarea-style2{
    width:280px;
}
#f1 .textarea-style2 textarea{
    width:240px;
}

@media (max-width: 619px) {
#f1 .textarea-style{
    width:280px;
}
#f1 .textarea-style textarea{
    width:240px;
}
}

@media (min-width: 620px) {
#f1 .textarea-style{
    width:540px;
}
#f1 .textarea-style textarea{
    width:500px;
}
}

@media (min-width: 768px) {
#f1 .textarea-style{
    width:660px;
}
#f1 .textarea-style textarea{
    width:620px;
}
}

@media (min-width: 992px) {
#f1 .textarea-style{
    width:480px;
}
#f1 .textarea-style textarea{
    width:440px;
}
}

@media (min-width: 1200px) {
#f1 .textarea-style{
    width:660px;
}
#f1 .textarea-style textarea{
    width:620px;
}
}


/* BUTTONS */
#f1  .text-style-button,#f1  .text-style-button2{
border: 1px solid #fff;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
background-color:#fff;
height:40px; 
width:280px; 
overflow: hidden;
margin:0 auto;
}

#f1  .text-style-button{
    background-color: #00A652;
    background: -webkit-gradient(linear, left top, left bottom, from(#00A652), to(#62d098));
    background: -webkit-linear-gradient(top, #00A652, #62d098);
    background: -moz-linear-gradient(top, #00A652, #62d098);
    background: -ms-linear-gradient(top, #00A652, #62d098);
    background: -o-linear-gradient(top, #00A652, #62d098);
    background: linear-gradient(top, #00A652, #62d098);
	padding:0;
}

#f1  .text-style-button2{
    background-color: #0095DA;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095DA), to(#6FC4EB));
    background: -webkit-linear-gradient(top, #0095DA, #6FC4EB);
    background: -moz-linear-gradient(top, #0095DA, #6FC4EB);
    background: -ms-linear-gradient(top, #0095DA, #6FC4EB);
    background: -o-linear-gradient(top, #0095DA, #6FC4EB);
    background: linear-gradient(top, #0095DA, #6FC4EB);
	padding:0;
}


#f1 .text-style-button p.button,#f1 .text-style-button2 label.button{
    display:inline-block;
	float:right;
    width:230px;
	height:40px; 
	background:none;
	border:none;
    color: white;
	font-size:16px;
	font-weight:400;
	margin:0;
    padding:5px 20px 0 0;
    text-align: center;
}
#f1  .text-style-button:hover {
    opacity:.85;
	background:none;
	background-color: #62d098;
	color: #efefef;
    cursor: pointer; 
}


#f1 .text-style-button span, #f1 .text-style-button2 span{
     font-size:20px;
	 color:#fff;
	 padding:0;
	 margin:0;
}

#f1 .text-style-cb span{
     font-size:28px;
	 color:#fff;
	 padding:0;
	 margin:0;
}

#f1 .textarea-style span.glyphicons:before{display:inline-block;padding:8px 0 0 0;}
 
/* PLACEHOLDERS */
#f1 .text-style ::-webkit-input-placeholder { color:#999;font-size:13px; }
#f1 .text-style ::-moz-placeholder { color:#999;font-size:13px; } /* firefox 19+ */
#f1 .text-style :-ms-input-placeholder { color:#999;font-size:13px; } /* ie */
#f1 .text-style input:-moz-placeholder { color:#999;font-size:13px; }

/* PLACEHOLDERS */
#f1 .textarea-style ::-webkit-input-placeholder { color:#999;font-size:13px; }
#f1 .textarea-style ::-moz-placeholder { color:#999; font-size:13px;} /* firefox 19+ */
#f1 .textarea-style :-ms-input-placeholder { color:#999; font-size:13px;} /* ie */
#f1 .textarea-style input:-moz-placeholder { color:#999;font-size:13px; }