/*
    flashnews.css
    web-communication.eu | 14/11/2017
    Copyright 2017 web-communication.eu
*/



.flashnews {
	position:					relative;
	margin: 					0 auto;
	width:						100%;
	background:					#eee;
	padding: 					0.66% 0;
	font-size: 					0;/*prevent white space*/
}

.flashnews .container {
	display: 					inline-block;
	text-align: 				left;
}




.flashnews .column-2 {
	position: 					relative;
	float: 						left;
	width:						49.7%;
	padding:					0;
}


.flashnews .move {
	position:					absolute;
	top:						0;
	height: 					100%;
	width:						100%;
	text-align:					center;
	padding-top: 				40%;
	font-family: 				'Michroma', sans-serif;
	background:					rgba(255,255,255,.7);
	
	opacity: 					0;
    filter: 					alpha(opacity=100);
	
	transition: all .4s ease-in-out; 
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
}

.flashnews .move:hover {
	padding-top:				20%;
	opacity: 					1.0;
    filter: 					alpha(opacity=100);
}




.flashnews .move p {
    padding: 					15px 150px;
    font-size:		            18px; 
	color: 						#555555; 
	font-weight:       		    bold; 
}

.flashnews .move h1 {
	margin: 					0;
	font-size:   		        26px; 
	color:              		#333333; 
	font-weight:       		    bold; 
}









.flashnews .button {
	position: 					relative;
	margin: 					20px;
}

#info-button {
	border: 					1px solid rgba(0,0,0,.7);
	/*background:       			rgba(0,0,0,.7);*/
	font-family:      			Arial, sans-serif;
	 font-size:        			12px;
	color:						#000000; 
	text-transform: 			uppercase;
	padding: 					8px 25px;
	text-decoration: 			none;
	-moz-border-radius: 		20px;
	-webkit-border-radius:		20px;
	border-radius: 				20px;
 }
 
 #info-button:hover{
	background-color: 			rgba(0,0,0,.7);/*#2181FF;*/
	color:            			#FFFFFF;
 }







.flashnews img {
	max-width: 					100%;
	display: 					block;
	opacity: 					1.0;
    filter: 					alpha(opacity=100);
}

.flashnews img { 
	transition: all .6s ease-in-out; 
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
}
.flashnews img:hover { 
	-webkit-transform: scale(1.1); 
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
	
	opacity: 0.3;
    filter: alpha(opacity=30);
}



.flashnews .price {
	position: 					absolute;
	bottom: 					30px;
	left: 						20px;
	font-size:		            18px; 
	/*font-weight:    		    bold;*/
	color: 						#111111; 
}


/* responsive */

@media only screen and (max-width: 1135px) {
	
	.flashnews {
	    width: 						1135px;
	}		
	
	.flashnews .move p {
		padding: 					15px 30px;
		font-size:		            14px; 
	}

	.flashnews .move h1 {
		margin: 					0;
		font-size:   		        22px; 
	}
	
	.flashnews .move:hover {
		padding-top:				16%;
	}

}


@media only screen and (min-width: 1136px) and (max-width: 1439px) {
	
	.flashnews .move p {
		padding: 					15px 60px;
		font-size:		            14px; 
	}

	.flashnews .move h1 {
		margin: 					0;
		font-size:   		        24px; 
	}
	
	.flashnews .move:hover {
		padding-top:				17%;
	}
}


@media only screen and (min-width: 1440px) and (max-width: 1679px){
	
	.flashnews .move:hover {
		padding-top:				18%;
	}
	
}