.wow{animation-name:fadeInDown;-webkit-animation-name:fadeInDown;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo7{position:relative}
#articleInfo7 .photoBox{position:absolute;padding:20px;width:50%;top:50px;left:0;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo7 .photoBox img{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s}
#articleInfo7 .photoBox:hover img{opacity:0.7;-webkit-transform:scale(0.98);transform:scale(0.98)}
#articleInfo7 .info{margin-left:20%;padding:50px 50px 50px 35%;}
#articleInfo7 .info h3{position:relative;padding: 0 0 20px 0;font-size: 36px;color:#fff;background: -webkit-gradient(linear,left top,right top,from(var(--primary)),to(var(--secondary)));background: linear-gradient(to right,var(--primary),var(--secondary));background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;}
@keyframes animatedIcon{0%{padding:40px 0}
50%{padding:20px 0 60px}
100%{padding:40px 0}
}@-o-keyframes animatedIcon{0%{padding:40px 0}
50%{padding:20px 0 60px}
100%{padding:40px 0}
}@-webkit-keyframes animatedIcon{0%{padding:40px 0}
50%{padding:20px 0 60px}
100%{padding:40px 0}
}@-moz-keyframes animatedIcon{0%{padding:40px 0}
50%{padding:20px 0 60px}
100%{padding:40px 0}
}@-ms-keyframes animatedIcon{0%{padding:40px 0}
50%{padding:20px 0 60px}
100%{padding:40px 0}
}#articleInfo7 .info p{font-size: 17px;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo7 .info article{margin: 30px 0 0px 0px;line-height:180%;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}


@media screen and (max-width:1140px){
	#articleInfo7{position:relative;}
	#articleInfo7 .photoBox{position:relative;padding:20px 5%;width:90%;top: 0;}
	#articleInfo7 .info{position:relative;margin-top: 0;margin-left:0;padding: 30px;background:none}
	#articleInfo7 .info h3{left:0;text-align:right}
}

@media screen and (max-width:480px){
	#articleInfo7 .info{margin-top:0;padding: 20px 0px;}
	#articleInfo7 .info h3{padding: 0 0 10px 0;text-align:left}
	#articleInfo7 .info article{margin-left:0}
	@keyframes animatedIcon{0%{padding:20px 0}
	50%{padding:0 0 40px}
	100%{padding:20px 0}
	}@-o-keyframes animatedIcon{0%{padding:20px 0}
	50%{padding:0 0 40px}
	100%{padding:20px 0}
	}@-webkit-keyframes animatedIcon{0%{padding:20px 0}
	50%{padding:0 0 40px}
	100%{padding:20px 0}
	}@-moz-keyframes animatedIcon{0%{padding:20px 0}
	50%{padding:0 0 40px}
	100%{padding:20px 0}
	}@-ms-keyframes animatedIcon{0%{padding:20px 0}
	50%{padding:0 0 40px}
	100%{padding:20px 0}
	}
}