.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;display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;}
#articleInfo7 .photoBox{width:50%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo7 .photoBox img{}
#articleInfo7 .info{width:42%}
#articleInfo7 .info h3{position:relative;padding:40px 0;font-size:44px;left:-20%;color:#fff;text-shadow:1px 1px 7px #000000}
#articleInfo7 .info:hover h3{animation:animatedIcon 1s;-webkit-animation:animatedIcon 1s infinite linear;-moz-animation:animatedIcon 1s infinite linear;-ms-animation:animatedIcon 1s infinite linear;-o-animation:animatedIcon 1s infinite linear}
#articleInfo7 .info p{font-size: 17px;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;text-align: justify;line-height: 230%;}
#articleInfo7 .info article{margin:30px 0 10px 20px;line-height:180%;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo7 .dc-circle{animation: 12s linear infinite rotation;display: inline-block;position: absolute;right: 0;bottom: -60px;}
@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}

@media screen and (max-width:1024px){
	#articleInfo7 .photoBox{width: 100%;}
	#articleInfo7 .info{width: 100%;margin-top: 30px;}
	#articleInfo7 .info h3{left:0;text-align:right}
	#articleInfo7 .dc-circle{display: none;}
}