.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{margin:0}
#articleInfo12 .row h3{font-size:25px;color:var(--info);animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;line-height:170%;background:#efefef;border-left:6px solid var(--primary);font-weight:500;padding:5px 0 5px 15px;margin:15px 0}
#articleInfo12 .row article{margin:15px 0;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;text-align:justify;line-height:200%}
#articleInfo12 .row h4{margin:15px 0;font-size:18px;color:#2b2b2b;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo12 ol{padding-left:30px}
#articleInfo12 li{list-style:disc}
#articleInfo12 ol.dits{margin-top:20px;}
#articleInfo12 ol.dits li{list-style: circle;}
#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 img{margin:20px 0;-webkit-box-shadow:0 0 12px #5d5d5d;-moz-box-shadow:0 0 12px #5d5d5d;box-shadow:0 0 12px #5d5d5d}
#articleInfo12 .row img:hover{transform:scale(0.9)}
#articleInfo12 .row .downBox{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}

@media screen and (max-width:768px){
}
@media screen and (max-width:480px){
}