/*
    slide.css
    web-communication.eu | 21/06/2016
    Copyright 2016 web-communication.eu
*/


.swiper-container {
	width: 					100%;
	height: 				100vh;
	max-height:				800px;
	margin: 				0 auto;
	cursor: 				pointer;
	background-color: 		#DDDDDD;
}


.swiper-slide {
	background-position: 		center;
	-webkit-background-size:	cover;
	-moz-background-size: 		cover;
	-o-background-size: 		cover;
	background-size: 			cover;
	overflow: hidden;
}


.slide-a1 {
	background-image: url('../images/slide_a01.jpg');
}

.slide-1 {
	background-image: url('../images/slide_01.jpg');
}

.slide-2 {
	background-image: url('../images/slide_02.jpg');
}

.slide-3 {
	background-image: url('../images/slide_03.jpg');
}

.slide-4 {
	background-image: url('../images/slide_04.jpg');
}

.slide-5 {
	background-image: url('../images/slide_15.jpg');
}

.slide-6 {
	background-image: url('../images/slide_16.jpg');
}

.slide-7 {
	background-image: url('../images/slide_18.jpg');
}

.slide-8 {
	background-image: url('../images/slide_22.jpg');
}

.slide-9 {
	background-image: url('../images/slide_25.jpg');
}

/* slide */

.fading {
	position:						absolute;
	bottom:							0;
	left:							0;
	width:							100%;
	height:							150px;

	/* webkit example */
	background-image: -webkit-gradient(
	linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.8))
	);

	/* mozilla example - FF3.6+ */
	background-image: -moz-linear-gradient(
	  rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 95%
	);
}



#slide  .content-top  {
	position:						absolute;
	bottom: 						35%;
	left:							2%;
	display:						block;
}


#slide  .content-bottom  {
	position:						absolute;
	bottom: 						15%;
	left:							2%;
	display:						block;
}




#slide .style {
	font-family: 					Verdana, sans-serif;
	font-weight: 					bold;
	font-size: 						68px;
	letter-spacing: 0.075em;
	color:							#FFFFFF;
}

#slide .style-1 {
	font-family: 					Verdana, sans-serif;
	font-weight: 					bold;
	font-size: 						64px;
	letter-spacing: 0.075em;
	color:							#436587;
	-ms-transform: 					skew(20deg); /* IE 9 */
	-webkit-transform: 				skew(20deg);
	   -moz-transform: 				skew(20deg);
	     -o-transform: 				skew(20deg);
			transform: 				skew(20deg);
}

#slide .style-2 {
	font-weight: 					normal;
	font-size: 						20px;
	color:							#000;
}




#slide .style-5,
#slide .style-6,
#slide .style-7,
#slide .style-12 {
	font-family: 					Verdana, sans-serif;
	font-weight: 					bold;
	letter-spacing: 				0.075em;
	color:							#436587;
	-ms-transform: 					skew(20deg); /* IE 9 */
	-webkit-transform: 				skew(20deg);
	   -moz-transform: 				skew(20deg);
	     -o-transform: 				skew(20deg);
			transform: 				skew(20deg);
}


#slide .style-5 {
	font-size: 						54px;
}

#slide .style-6 {
	font-size: 						54px;
}

#slide .style-7 {
	font-size: 						54px;
}

#slide .style-12 {
	font-size: 						44px;
}



#slide sup {font-size: 12px;}


#slide .content-mid {
    position:						absolute;
    bottom: 						220px;
	width:							100%;
	text-align:						center;
}


#slide .content-button {
    position:						absolute;
    bottom: 						150px;
	width:							100%;
	text-align:						center;
}


#slide .content-button-2 {
    position:						absolute;
    bottom: 						88px;
	left:							340px;
}

#slide .content-button-3 {
/*
    position:						absolute;
    bottom: 						115px;
	left:							5%;
	padding-left: 12px;
	*/
	position: relative;
	margin-top: 45px;
}




.buyitnow {
	border: 					3px solid #fff;
	/*background-color: 			#2181FF;*/
	font-family:      			Arial, sans-serif;
	font-size:        			18px;
	color:						#fff;
	/*text-transform: 			uppercase;*/
	padding: 					12px 30px;
	text-decoration: 			none;
	-moz-border-radius: 		10px;
	-webkit-border-radius: 		10px;
	border-radius: 				10px;
	/*standard*/
		transition-duration: .3s;

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

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

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



 .buyitnow:hover{
	background-color: 			#FFFFFF;
	color:            			#000;
 }





.buyitnow2 {
	/*border: 					3px solid #436587;*/
	background: #FF8F27;
	font-family:      			Arial, sans-serif;
	font-size:        			18px;
	color:						#ffffff;
	padding: 					12px 30px;
	text-decoration: 			none;
	-moz-border-radius: 		10px;
	-webkit-border-radius: 		10px;
	border-radius: 				10px;
	/*standard*/
		transition-duration: .3s;

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

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

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



 .buyitnow2:hover{
	background-color: 			#F37500;
	color:            			#FFFFFF;
	text-decoration:			none;
 }




 .buyitnow3 {
 	border: 					3px solid #FFFFFF;
 	/*background-color: 			#2181FF;*/
 	font-family:      			Arial, sans-serif;
 	font-size:        			18px;
 	color:						#FFFFFF;/*#BD0926;*/
 	/*text-transform: 			uppercase;*/
 	padding: 					12px 30px;
 	text-decoration: 			none;
 	-moz-border-radius: 		10px;
 	-webkit-border-radius: 		10px;
 	border-radius: 				10px;
 	/*standard*/
 		transition-duration: .3s;

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

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

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



  .buyitnow3:hover{
 	background-color: 			#DDDDDD;
	border-color: 					#DDDDDD;
 	color:            			#000000;
  }



#slide .topic-2 {
	margin: 					0;
	position:					absolute;
	top: 						25%;
	width: 						50%;
	left: 						7%;
	padding: 					12px;
	/*text-align: 				center;
	-webkit-transform: 			translate(0, 50%);
	transform: 					translate(0, 50%);*/
	/*background: 				rgba(255, 255, 255, 0.6);*/
}


#slide .topic-3 {
	margin-left: 					10%;
	position:					absolute;
	top: 						50%;
	width: 						100%;
	max-width:		1365px;
	left: 0;
	  right: 0;
	/*	margin: 0 auto;*/

	padding: 					0;

	-webkit-transform: 			translate(0, -50%);
		transform: 					translate(0, -50%);

}

#slide .topic-box {
	width: 55%;
}

#slide .style-8 {
	font-family: 					"Arial Black", sans-serif;
	font-size: 						42px;
	color:						#FFFFFF;
	font-weight: 					bold;
}

#slide .style-9 {
	font-family: 					"Arial Black", sans-serif;
	font-size: 						72px;
	color:						#EC008C;
	font-weight: 					bold;
}

#slide .style-10 {
	font-family: 					Arial, sans-serif;
	font-size: 						22px;
	color:						#FFFFFF;
	font-style:italic;
	letter-spacing: 				0.075em;
	/*background: #ccc;*/
	line-height: 1;
}

#slide .style-11 {
	font-family: 					Arial, sans-serif;
	font-size: 						20px;
	color:						#FFFFFF;
	letter-spacing: 				0.075em;
	/*background: #ccc;*/
	line-height: 1.3;
}









#slide .style-13 {
	font-family: 				Verdana, sans-serif;
	font-size: 						32px;
	color:						#FFFFFF;/*#BD0926;*/
	font-weight: 					bold;
}


#slide .style-14 {
	font-family: 					Arial, sans-serif;
	font-size: 						22px;
	color:						#DDDDDD;/*#FF00FF;*/
	font-style:italic;
	letter-spacing: 				0.075em;
	/*background: #ccc;*/
	line-height: 1;
}

#slide .style-15 {
	font-family: 					Arial, sans-serif;
	font-size: 						20px;
	color:						#DDDDDD;/*#333333;*/
	letter-spacing: 				0.075em;
	/*background: #ccc;*/
	line-height: 1.3;
	padding-top: 10px;
}









#slide .topic {
	margin: 					0;
	position:					absolute;
	bottom: 						54%;
	width: 						100%;
	right: 						0;
	text-align: 				center;
	-webkit-transform: 			translate(0, 50%);
	transform: 					translate(0, 50%);
	/*background: 				rgba(255,255,255,.7);*/
}



#slide .topic img {
	max-width: 					150px;
	width: 						12%;
	display: 					block;
	margin: 					auto auto;
	opacity: 					0.5;
    filter: 					alpha(opacity=50); /* For IE8 and earlier */
	cursor: 					pointer;
}

#slide .topic img:hover {
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}





#slide .content-mid-over-1,
#slide .content-mid-over-2,
#slide .content-mid-over-3,
#slide .content-mid-over-4 {
    position:						absolute;

	-ms-transform: 					skew(-20deg); /* IE 9 */
	-webkit-transform: 				skew(-20deg);
	   -moz-transform: 				skew(-20deg);
	     -o-transform: 				skew(-20deg);
			transform: 				skew(-20deg);

	/*padding: 						7px 0;
	padding-left: 60px;*/
	/*border-right: 					12px solid #FF8F27;
	border-top: 					2px solid #FF8F27;

	 border-top-right-radius:             40px;
    -moz-border-top-right-radius:        40px;
    -webkit-border-top-right-radius:     40px;*/


	background: 					rgba(255, 255, 255, 0.6);/* url('images/arrow.png') no-repeat 470px 10px;*/

}

#slide .content-mid-over-5,
#slide .content-mid-over-6,
#slide .content-mid-over-7 {
    position:						absolute;
	padding: 						8px 0;
	-ms-transform: 					skew(-20deg); /* IE 9 */
	-webkit-transform: 				skew(-20deg);
	   -moz-transform: 				skew(-20deg);
	     -o-transform: 				skew(-20deg);
			transform: 				skew(-20deg);

	background: 					rgba(255, 255, 255, 0.6);
}


#slide .content-mid-over-8 {
    position:						absolute;
	padding: 						15px 0;
	-ms-transform: 					skew(-20deg); /* IE 9 */
	-webkit-transform: 				skew(-20deg);
	   -moz-transform: 				skew(-20deg);
	     -o-transform: 				skew(-20deg);
			transform: 				skew(-20deg);

	background: 					rgba(255, 255, 255, 0.6);
}

#slide .content-mid-under-1,
#slide .content-mid-under-2,
#slide .content-mid-under-3,
#slide .content-mid-under-4 {
    position:						absolute;
	-ms-transform: 					skew(-20deg); /* IE 9 */
	-webkit-transform: 				skew(-20deg);
	   -moz-transform: 				skew(-20deg);
	     -o-transform: 				skew(-20deg);
			transform: 				skew(-20deg);
	background:						rgba(0, 0, 0, 0.7);
	border-right: 					12px solid #ccc;
	border-top: 					2px solid #ccc;
	padding: 						3px 30px;
}



/*#1*/
#slide .content-mid-over-1 {
    bottom: 						110px;
	left:							-20px;
	width: 							670px;
	height: 						80px;
}

#slide .content-mid-under-1 {
    bottom: 						70px;
	left:							245px;
	width: 							320px;
	height: 						40px;
}




/*#2*/
#slide .content-mid-over-2 {

	left:							12%;

	height: 						90px;

    bottom: 						220px;
	width:							76%;
	text-align:						center;
}

#slide .content-mid-under-2 {
    bottom: 						70px;
	left:							225px;
	width: 							385px;
	height: 						40px;
}

/*#5*/
#slide .content-mid-over-5 {
	left:							14%;
	height: 						90px;
    bottom: 						220px;
	width:							72%;
	text-align:						center;
}


#slide .content-mid-over-6 {
	left:							19%;
	height: 						90px;
    bottom: 						220px;
	width:							62%;
	text-align:						center;
}


#slide .content-mid-over-7 {
	left:							11%;
	height: 						90px;
    bottom: 						220px;
	width:							78%;
	text-align:						center;
}


#slide .content-mid-over-8 {
	left:							16%;
	height: 						90px;
    bottom: 						220px;
	width:							68%;
	text-align:						center;
}





/*#3*/
#slide .content-mid-over-3 {
    bottom: 						110px;
	left:							30px;
	width: 							700px;
	height: 						70px;
}

#slide .content-mid-under-3 {
    bottom: 						70px;
	left:							345px;
	width: 							280px;
	height: 						40px;
}


/*#4*/
#slide .content-mid-over-4 {
    bottom: 						110px;
	left:							80px;
	width: 							550px;
	height: 						70px;
}

#slide .content-mid-under-4 {
    bottom: 						70px;
	left:							200px;
	width: 							460px;
	height: 						40px;
}



#slide .content-middle {
    position:						absolute;
    bottom: 						105px;
	right:							26px;
	width: 							12px;
	height: 						75px;
	background: 					#ccc;
	-ms-transform: 					skew(-20deg); /* IE 9 */
	-webkit-transform: 				skew(-20deg);
	   -moz-transform: 				skew(-20deg);
	     -o-transform: 				skew(-20deg);
			transform: 				skew(-20deg);
}

#slide .content-middle-over {
    position:						absolute;
    bottom: 						70px;
	right:							50px;
	width: 							620px;
	height: 						70px;
	-ms-transform: 					skew(-20deg); /* IE 9 */
	-webkit-transform: 				skew(-20deg);
	   -moz-transform: 				skew(-20deg);
	     -o-transform: 				skew(-20deg);
			transform: 				skew(-20deg);
	padding: 						7px 30px;
	border-left: 					12px solid #ff0000;
	border-bottom: 					2px solid #ff0000;
	background: 					rgba(0, 0, 0, 0.9) url('images/arrow.png') no-repeat 520px 10px;
	background-size: 				55px;
}

#slide .content-middle-under {
    position:						absolute;
    bottom: 						140px;
	right:							30px;
	width: 							430px;
	height: 						40px;
	-ms-transform: 					skew(-20deg); /* IE 9 */
	-webkit-transform: 				skew(-20deg);
	   -moz-transform: 				skew(-20deg);
	     -o-transform: 				skew(-20deg);
			transform: 				skew(-20deg);
	background:						#ccc;
	padding: 						5px 30px;
}




#slide .content-post {
    position:						absolute;
    bottom: 						105px;
	right:							26px;
	width: 							12px;
	height: 						75px;
	background: 					#ccc;
	-ms-transform: 					skew(-20deg); /* IE 9 */
	-webkit-transform: 				skew(-20deg);
	   -moz-transform: 				skew(-20deg);
	     -o-transform: 				skew(-20deg);
			transform: 				skew(-20deg);
}

#slide .content-post-over {
    position:						absolute;
    bottom: 						70px;
	right:							50px;
	width: 							620px;
	height: 						70px;
	-ms-transform: 					skew(-20deg); /* IE 9 */
	-webkit-transform: 				skew(-20deg);
	   -moz-transform: 				skew(-20deg);
	     -o-transform: 				skew(-20deg);
			transform: 				skew(-20deg);
	padding: 						7px 30px;
	border-left: 					12px solid #ff0000;
	border-bottom: 					2px solid #ff0000;
	background: 					rgba(0, 0, 0, 0.9) url('images/arrow.png') no-repeat 400px 10px;
	background-size: 				55px;
}

#slide .content-post-under {
    position:						absolute;
    bottom: 						140px;
	right:							30px;
	width: 							430px;
	height: 						40px;
	-ms-transform: 					skew(-20deg); /* IE 9 */
	-webkit-transform: 				skew(-20deg);
	   -moz-transform: 				skew(-20deg);
	     -o-transform: 				skew(-20deg);
			transform: 				skew(-20deg);
	background:						#ccc;
	padding: 						5px 30px;
}







/* responsive */
@media only screen and (max-width: 480px) {

	
.slide-a1 {
	background-image: url('../images/slide_a01c.jpg');
}

#woi {display: none;}

	#slide .style-13 {
		font-size: 						22px;

	}

	#slide .style-15 {

		font-size: 						14px;

		line-height: 1.3;
	}

	#slide .topic-3 {
		width: 70%;
		margin: 0 auto;
		max-width:		400px;
		top: 						55%;
	
	}



	#slide .topic-box {
		width: 100%;
	}

	#slide .content-button-3 {
		margin-top: 20px;
	}

	.buyitnow3 {
  	border: 					2px solid #FFFFFF;
  	font-size:        			14px;

  	padding: 					8px 10px;

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

   }

}


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

	
.slide-a1 {
	background-image: url('../images/slide_a01c.jpg');
}

#woi {display: none;}

	#slide .style-13 {
		font-size: 						22px;

	}

	#slide .style-15 {

		font-size: 						14px;

		line-height: 1.3;
	}

	#slide .topic-3 {
	width: 70%;

		top: 						55%;

	}

	#slide .topic-box {
		width: 70%;
	}

	#slide .content-button-3 {
		margin-top: 20px;
	}

	.buyitnow3 {
		border: 					2px solid #FFFFFF;
		font-size:        			16px;

		padding: 					8px 10px;

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

	 }


}


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


	#slide .content-mid-over-5,
	#slide .content-mid-over-6,
	#slide .content-mid-over-7 {

		padding: 						13px 0;

	}

	#slide .content-mid-over-8 {

		padding: 						22px 0;

	}

	#slide .style-5 {
		font-size: 						46px;
	}

	#slide .style-6 {
		font-size: 						46px;
	}

	#slide .style-7 {
		font-size: 						46px;
	}

	#slide .style-12 {
		font-size: 						34px;
	}
/*
	#slide .topic-3 {
		top: 25%;
		max-width:		1024px;
	}
*/
}

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




	#slide .content-mid-over-8 {

		padding: 						22px 0;

	}



	#slide .style-12 {
		font-size: 						34px;
	}


}


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

	.swiper-container {
	    width: 						1920px;
	}

}