.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
.delay1{animation-delay:0.5s;-webkit-animation-delay:0.5s}
.delay2{animation-delay:1.0s;-webkit-animation-delay:1.0s}
.delay3{animation-delay:1.5s;-webkit-animation-delay:1.5s}
#articleInfo12{overflow:hidden}
#articleInfo12 .row{float:left;width:55%;margin:0}
#articleInfo12 .row h3{font-size:40px;color:#001e61;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;line-height:170%}
#articleInfo12 .row h3:after{margin-bottom:30px;width:100px;height:5px;background:#fa1e37;display:block;content:"";-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
#articleInfo12 .row h3:hover:after{width:95%}
#articleInfo12 .row article{margin: 10px 0;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;color: var(--secondary);display: flex;align-items: center;}
#articleInfo12 .row article a{color: var(--secondary);}
#articleInfo12 .row article svg{width: 20px;fill: var(--primary);margin-right: 10px;height: 20px;}
#articleInfo12 .row h4{font-size:25px;color: var(--secondary);animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;display:flex;align-items:center;margin-bottom: 40px;}
#articleInfo12 .row:nth-child(2){width:45%}
#articleInfo12 .row .topBox{overflow:hidden}
#articleInfo12 .row p{margin:0 2% 0 0;float:left;width:48%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo12 .row p:nth-child(2){margin:0 0 0 2%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo12 .row h4 img{width:30px}
#articleInfo12 .row .downBox{animation-name:fadeInUp;-webkit-animation-name:fadeInUp;background: var(--secondary);padding: 40px;border: 4px solid #c3a55e;}

@media screen and (max-width:768px){
	#articleInfo12 .row,#articleInfo12 .row:nth-child(2){margin-bottom:15px;width:100%}
}
@media screen and (max-width:480px){
	#articleInfo12 .row h3{font-size:35px}
}