/*
    full-grid.css
    asialeader.cn | 04/05/2021 | CSS
    (c) Copyright 2021 web-communication.eu
*/



.fullgrid {
	position:					relative;
	margin: 					0 auto;
	width:						100%;
	background:					#FFFFFF;
	padding: 					0;
	overflow: 					hidden;
	font-size: 					0;
}

.fullgrid .container {

	display: 					flex;
/*flex-wrap:	wrap;*/
position: 					relative;
margin: 						0 auto;
width: 							100%;


	justify-content:  center;
	align-items: 			center;
	padding: 					0;
}


.fullgrid .column {

	width: 						50%;
	margin: 					0;
	padding: 					0;
	overflow: hidden;

}

.fullgrid img {
	position: 				relative;
	margin:						0 auto;
	width: 						100%;
	display: 					block;

}


.fullgrid img.zoom {
	position: 				relative;
	margin:						0 auto;
	width: 						100%;
	display: 					block;

	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
}

.fullgrid img.zoom:hover {

	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);

}

.fullgrid .topic {

	width: 						100%;
margin: 0;
	padding: 50px 80px;

}


.fullgrid .topic p {

	font-family:         		'Roboto', sans-serif;
	font-size:  				22px;
	color: 						#555;
	font-weight: 				normal;
	letter-spacing: 			0.090em;
	text-indent: 				0.090em;
	padding: 10px 0;
	line-height: 160%;

}


.fullgrid .topic h1 {

	font-family:         		'Roboto', sans-serif;
	font-size:  				38px;
	color: 						#000000;
	font-weight: 				bold;
	letter-spacing: 			0.050em;
	text-indent: 				0.050em;
	padding-bottom: 15px;

}

.fullgrid .topic h2 {
	font-family:         		'Roboto', sans-serif;
	font-size:  				28px;
	color: 						#555555;
	font-weight: 				bold;
	letter-spacing: 			0.050em;
	text-indent: 				0.050em;
	padding-bottom: 15px;

}



.fullgrid .button-left {
	color:                     #000000;
    font-family:               Arial, Helvetica, sans-serif;
    font-size:                 18px;
    font-weight:               bold;
    cursor:                    pointer;
    border:                    3px solid #000000;
    padding:                   12px 30px;
    text-decoration:           none;
    text-align:                center;
	background-color: 			#FFFFFF;

    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*/

	position: 					absolute;
	width: 						150px;
	bottom: 					0;
	left: 						0;
}

.fullgrid .button-left:hover {

	background-color: 			#000000;
	color:            			#FFFFFF;

}

.fullgrid .button-right {
	position: 					absolute;
	bottom: 					0;
	left: 					   157px;
	width: 						88px;
	color:                     #000000;
    font-family:               Arial, Helvetica, sans-serif;
    font-size:                 26px;
    font-weight:               bold;
    cursor:                    pointer;
    border:                    3px solid #000;
    padding:                   7px 15px;
	padding-right:			   55px;
    text-decoration:           none;
    text-align:                center;

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

	background-color: 			#FFFFFF;
	 background-image:  			url('../images/addcart.png');
			background-repeat: 		no-repeat;
			background-position: 	20px -10px;
			background-size: 		64px;

	/*-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*/
}

.fullgrid .button-right:hover {
	background-color: 			#000000;
	color:            			#FFFFFF;
	background-position: 		20px -74px;
}


.fullgrid .download {
	padding: 45px 0 25px 0;
}


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

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

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

		background-image:  			url('../images/download.png');
	 		background-repeat: 		no-repeat;
	 		background-position: 	0 -10px;
	 		background-size: 		64px;

	-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*/
}



.fullgrid .download a:hover {
	background-color: 			#000000;
	color:            			#FFFFFF;
	background-position: 		0 -74px;
}




.fullgrid .button {
	padding: 45px 0 25px 0;
}


.fullgrid .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*/
}



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




.fullgrid .price {
	position: 					absolute;
	bottom: 					110px;
	left: 						0;
	font-family:         		'Open Sans', sans-serif;
	font-size:  				26px;
	color: 						#000000;
	font-weight: 				normal;
	letter-spacing: 			0.050em;
	text-indent: 				0.050em;
	text-align: center;
	width: 						100%;
	display: 					block;
}

.fullgrid .line {
	position: 					absolute;
	bottom: 					155px;
	width:						35px;
	right: 						50%;
	display: 					block;
	border-top: 1px solid #000000;
	-webkit-transform: 			translate(50%, 0);
	transform: 					translate(50%, 0);
}

.fullgrid .ship {
	position: 					absolute;
	bottom: 					12px;
	left: 						0;
	font-family:         		Verdana, sans-serif;
	font-size:  				12px;
	color: 						#555555;
	font-weight: 				normal;
	text-align: 				center;
	width: 						100%;
	padding:					3px 0;
	/*background:					#EEEEEE;*/
	display: 					block;
}

.fullgrid .ship a,
.fullgrid .ship a:visited {
	color: 						#0000FF;
	text-decoration:			underline;
}



.fullgrid .command {
	position: 					relative;
	width: 100%;
padding-bottom: 30px;

}







/* responsive */

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

	.fullgrid .column {
		width:						100%;
	}

	.fullgrid .container {
		flex-direction: column;
	}

	.fullgrid .top {
		order:					1;
	}

  .fullgrid .bottom {
		order:					2;
	}


	.fullgrid .topic {
		padding: 50px 20px;
		text-align: center;
	}



}

@media only screen and (min-width: 621px) and (max-width: 1024px) {

	.fullgrid .column {
		width:						95%;
	}

	.fullgrid .container {
		flex-direction: column;
	}

	.fullgrid .top {
		order:					1;
	}

  .fullgrid .bottom {
		order:					2;
	}


	.fullgrid .topic {
		padding: 50px 20px;

	}

}


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

	.fullgrid .topic p {


		font-size:  				18px;

		line-height: 140%;

	}


	.fullgrid .topic h1 {


		font-size:  				32px;


	}

}