/*
    form-newsletter.css
    asialeader.cn | 04/02/2021
    (c) Copyright 2020 web-communication.eu
*/

#confirmed {
	position:					relative;
	height: 					150px;
	margin: 					0;
	width:						100%;
	background:  				#FFFFFF url('../images/bg101.jpg') repeat top left;
	display: 					none;
	text-align: 				center;
	padding: 					50px 0;
}

#confirmed h3{
	margin: 					0;
	font-family:         		'Roboto', sans-serif;
	font-size:   		        24px;
	color:              		#333333;
	font-weight:       		    bold;
}


#confirmed p {
	margin: 					0;
	font-family:         		'Roboto', sans-serif;
	font-size:   		        16px;
	color:              		#666;
	font-weight:       		    normal;
}







/* FORM */
#form-newsletter {
	position:					relative;
	margin: 					0;
	width:						100%;
	background: 				#FFFFFF url('../images/bg101.jpg') repeat top left;
	padding: 					60px;
}

#form-newsletter .row {
	width:						100%;
	display: 					inline-block;
	margin: 					0;
	/*background: 				#ccc;*/
}








#form-newsletter .field {
	margin: 					0 auto;
	width:						46%;
	max-width: 					700px;
	min-width: 					500px;
	/*background: 				#999;*/
}




#form-newsletter .error {
	margin: 					0 auto;
	width:						46%;
	max-width: 					700px;
	min-width: 					500px;
	padding-bottom:				5px;
	padding-left:				3px;
	font-family:                Verdana, Arial, Helvetica, sans-serif;
	color:                   	#ff0000;
	font-size: 					14px;

}

#form-newsletter .testo {
	margin: 					0 auto;
	width:						46%;
	max-width: 					700px;
	min-width: 					500px;
	padding:					5px 3px;
}

#form-newsletter .testo h3{
	font-family:         		'Roboto', sans-serif;
	font-size:   		        18px;
	color:              		#111111;
	font-weight:       		    bold;
	letter-spacing: 			0.060em;
	text-indent: 				0.060em;
}


#form-newsletter form {
	width:							100%;
	margin:							0;
}


#form-newsletter input[type=text],
#form-newsletter input[type=email] {
	-webkit-appearance: 			none;
    -moz-appearance: 				none;
    appearance: 					none;
	width:							69%;/*75%;*/
	height: 						50px;
	padding: 						15px;
	 border-radius:             10px;
    -moz-border-radius:        10px;
    -webkit-border-radius:     10px;
	border:							1px solid #000000;
	font-family:                	Verdana, Arial, Helvetica, sans-serif;
	color:                   	    #000000;
	font-size: 						14px;
	float:							left;
	margin-right: 					1%;
	/*margin: 0;*/
	font-weight: 					bold;
}


#form-newsletter input[type=text]:focus,
#form-newsletter input[type=email]:focus {
	border-color:              		#000000;
    box-shadow:               		0 0 5px #000;
    -moz-box-shadow:         		0 0 5px #000;
    -webkit-box-shadow:     		0 0 5px #000;
    color:                  		#000000;
    -webkit-appearance:       	    none;
}

#form-newsletter input[type=text]:hover,
#form-newsletter input[type=email]:hover {
	border-color:              		#000000;
    box-shadow:                		0 0 5px #000;
    -moz-box-shadow:           		0 0 5px #000;
    -webkit-box-shadow:        		0 0 5px #000;
    color:                     		#000000;
    -webkit-appearance:        		none;
}

/* placeholder */
#form-newsletter ::-webkit-input-placeholder { color:#999999;}
#form-newsletter ::-moz-placeholder { color:#555555;} /* firefox 19+ */
#form-newsletter :-ms-input-placeholder { color:#999999;} /* ie */
#form-newsletter input:-moz-placeholder { color:#999999;}



#form-newsletter input.red {
	border:							1px solid #ff0000;
	background:						#ffffff;
}




/* checkbox */
#form-newsletter input[type=checkbox],
#form-newsletter input[type=radio] {
    vertical-align:            		middle;
    position:                  		relative;
    bottom:                    		1px;
	margin-top: 					2px;
	margin-left: 					10px;
	float:							left;

	/* Double-sized Checkboxes */
	-ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	-o-transform: scale(1.5); /* Opera */
}

#form-newsletter input[type=radio] {
    bottom:                    		2px;
}


#form-newsletter .link,
#form-newsletter .link:visited {
	color:                     		#0000ff;
	text-decoration:				none;
}

#form-newsletter .link:hover {
	color:                     		#0000ff;
	text-decoration:				underline;
}





/* SUBMIT */
#form-newsletter .submit,
#form-newsletter .submit:visited {
    color:                     #ffffff;
    font-family:               Arial, Helvetica, sans-serif;
    font-size:                 18px;
    font-weight:               bold;
    width:                     25%;/*24%;*/
    height:                    50px;
    background:                #000;/*#0F67CC;*/
    cursor:                    pointer;
    border:                    3px solid #000;
    padding:                   5px 10px 4px;
    text-decoration:           none;
    text-align:                center;
    display:                   inline-block;
    line-height:               1;
    -webkit-appearance:        none;
   border-radius:             10px;
    -moz-border-radius:        10px;
    -webkit-border-radius:     10px;

		/*standard*/
		/*transition-duration: .3s;*/

		/*Safari e Chrome */
		/*-webkit-transition-duration: .3s;*/

		/*Opera*/
		/*-o-transition-duration: .3s;*/

		/*Firefox*/
		/*-moz-transition-duration: .3s;*/
}

#form-newsletter .submit:hover {
    background:                #333333;/*#009CDE;*/
		border-color: #333333;
	color: 					   #ffffff;
}









/* responsive */

@media only screen and (max-width: 639px) {

	#form-newsletter .testo {
		margin: 					0;
		width:						100%;
		min-width: 					250px;
		/*text-align:					center;*/
	}

	#form-newsletter .testo h3{
		font-size:   		        4vw;/*14px; */
	}

	#form-newsletter {
		padding: 					50px 10%;
	}

	#form-newsletter .error {
		margin-left: 				0;
		min-width: 					250px;
	}

	#form-newsletter .field {
		width:						100%;
		min-width: 					250px;
	}

	#form-newsletter input[type=text],
	#form-newsletter input[type=email] {
		width:							100%;
	}

	#form-newsletter .submit,
	#form-newsletter .submit:visited {
		width:                     		100%;
		margin-top: 					15px;
	}

}



@media only screen and (min-width: 640px) and (max-width: 1135px) {

	#form-newsletter .submit,
	#form-newsletter .submit:visited {
		 width:                     30%;
	}

	#form-newsletter input[type=text],
	#form-newsletter input[type=email] {
		width:							69%;
	}
}



@media only screen and (min-width: 1136px) and (max-width: 1280px) {



}




@media only screen and (min-width: 1136px) {


}





@media only screen and (min-width: 990px) and (max-width: 1280px) {



}