/*
    centered.css
    asialeader.cn | 17/05/2021 | CSS
    (C) Copyright 2021 web-communication.eu
*/


.centered {
	position:					relative;
	margin:						0 auto;
	width:						100%;
	padding: 					0;
}




.centered .container {
	position:					relative;
	margin: 					0 auto;
	width: 						100%;
	max-width:				1024px;
	padding:					80px 0;
	text-align:					center;
}


.grey {
	background-color:			#EEEEEE;
}

.hard-grey {
	background-color:			#DDDDDD;
}

.soft-grey {
	background:  				#FFFFFF url('../images/bg101.jpg') repeat top left;
}

.centered p {
	font-family: 				'Quicksand', sans-serif;
	font-size:		      22px;
	font-weight:    		normal;
	color: 							#777777;
	line-height: 				160%;
  padding:	 					0;
}

.centered p.small {
	font-family: 				'Quicksand', sans-serif;
	font-size:		       16px;
	font-weight:    		 normal;
	color: 						 	 #777777;
	line-height: 			 	 160%;
  padding: 						 0;
}

.centered a {
	font-family: 				'Quicksand', sans-serif;
	font-size:		      22px;
	font-weight:    		normal;
	color: 							#0000FF;
	line-height: 				160%;
  padding:	 					0;
	text-decoration: none;
}

.centered a:hover {
	font-weight:    		normal;
	color: 							#0000FF;
	text-decoration: underline;
}

.centered a.small {
	font-family: 				'Quicksand', sans-serif;
  font-size:		      16px;
	font-weight:    		normal;
	color: 						  #0000FF;
	line-height: 				160%;
}

.centered a.small:hover {
	color: 					   #0000FF;
}

.centered h1 {
	font-family: 				'Quicksand', sans-serif;
	font-size:   		     32px;
	font-weight:       	 bold;
	color:               #000000;
	padding-bottom: 		 25px;
}

.centered h2 {
	font-family: 				'Quicksand', sans-serif;
	font-size:   		    42px;
	font-weight:       	bold;
	color:              #000000;
	padding: 					  10px 0;
	letter-spacing: 		0.090em;
	text-indent: 				0.090em;
}

.centered h3 {
	font-family: 				'Quicksand', sans-serif;
	font-size:		      28px;
	font-weight:    		normal;
	color: 							#777777;
	line-height: 				160%;
  padding:	 					0;
}


.centered sup {
	font-size:   		    12px;
}

.centered img {
	margin: 						0 auto;
	width: 							100%;
	max-width: 					1920px;
	display: 						block;
}

.centered img.icon-master {
	margin: 						0 auto;
	margin-bottom: 30px;
	width: 							100%;
	max-width: 					150px;
	display: 						block;
}


.centered .line {
	position: 					relative;
	margin:						  0 auto;
	width:						  70%;
	max-width:					300px;
	padding-bottom: 	  25px;
	display: 					  block;
	border-top: 				1px solid #000000;
}


.centered .button {
	  padding: 					45px 0 15px 0;
}



.centered .button a {
			color:                     #000000;
	    font-family:               Arial, Helvetica, sans-serif;
	    font-size:                 20px;
	    font-weight:               bold;
	    cursor:                    pointer;
	    border:                    2px solid #000;
	    padding:                   12px 30px;

	    text-decoration:           none;
		  background-color:		       #FFFFFF;
	    text-align:                center;

	    border-radius:             10px;
	    -moz-border-radius:        10px;
	    -webkit-border-radius:     10px;



		-webkit-transition: background-color .3s linear;/*Safari e Chrome */
	    -moz-transition: background-color .3s linear;/*Firefox*/
	    -o-transition: background-color .3s linear;/*Opera*/
	    -ms-transition: background-color .3s linear;
	    transition: background-color .3s linear;/*standard*/
}


.centered .button a:hover {
background-color: 			#000000;
color:            			#FFFFFF;
}

/*
.button-centered:hover {
	background-color: 			#555555;
	color:            			#FFFFFF;
}
*/






/* responsive */

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



	.centered .line {

		max-width:					250px;

	}

	.centered .container {

		padding: 					50px 20px;

	}

	.centered h2 {
		padding: 					  10px 0;
		font-size:   		    26px;
	}

	.centered img.icon-master {
		max-width: 					90px;
	}

}


@media only screen and (min-width: 1281px) and (max-width: 1440px) {


}



@media only screen and (min-width: 1441px) and (max-width: 1600px) {


}

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




}