.wow {animation: fadeIn 1.5s both;-webkit-animation: fadeIn 1.5s both;animation-duration: 1s;-webkit-animation-duration: 1s;}
#articleInfo16 .item {margin: 40px auto 40px;border: 1px solid #e2e2e2;position: relative;z-index: 1;padding: 70px;width: 80%;border-radius: 20px;}
#articleInfo16 .item::before {content: '';position: absolute;z-index: -2;left: 50%;margin-left: -0.5px;top: -40px;width: 1px;height: calc(100% + 80px);background-color: #e2e2e2;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
#articleInfo16 .item::after {content: '';position: absolute;z-index: -2;left: 50%;margin-left: -9px;top: -1px;width: 18px;height: calc(100% + 2px);background-color: #fff;}
#articleInfo16 .item > div {width: 90%;animation-name: fadeInLeft;-webkit-animation-name: fadeInLeft;}
#articleInfo16 .item:nth-child(2n) > div {float: right;}
#articleInfo16 .item:nth-child(2n) .photo {animation-name: fadeInRight;-webkit-animation-name: fadeInRight;}
#articleInfo16 .item .photo {overflow: hidden;background-position: 50%;background-repeat: no-repeat;background-size: cover;-moz-border-radius: 50%;}
#articleInfo16 .item .photo img {width: 100%;}
#articleInfo16 .item .info {animation-name: fadeInRight;-webkit-animation-name: fadeInRight;margin: auto;z-index: 5;position: inherit;}
#articleInfo16 .item:nth-child(2n) .info {animation-name: fadeInLeft;-webkit-animation-name: fadeInLeft;}
#articleInfo16 .item .info h5 {line-height: 0%;margin: 20px 0 10px;color: #242424;font-size: 50px;-webkit-text-stroke: 1px rgba(115, 115, 115, 0.2);-webkit-text-fill-color: transparent;margin-left: -24px;text-align: center;letter-spacing: 0.5px;padding-left: 40px;}#articleInfo16 .item .info h3 {padding: 20px 0 0;letter-spacing: 1.3px;margin-bottom: 20px;color: var(--primary);font-size: 1.5rem;font-weight: 600;text-align: center;}
#articleInfo16 .item .info article {margin: 30px 20px 0px;line-height: 200%;color: #333;z-index: 5;font-size: 1rem;text-align: center;background: -webkit-gradient(linear, left top, right top, from(#959595), to(#959595)) 50% 0/70px 1px no-repeat;background: -webkit-linear-gradient(left, #959595, #959595) 50% 0/70px 1px no-repeat;background: -o-linear-gradient(left, #959595, #959595) 50% 0/70px 1px no-repeat;background: linear-gradient(to right, #959595, #959595) 50% 0/70px 1px no-repeat;flex-direction: row;align-items: flex-start;flex-wrap: wrap;margin-top: 20px;padding-top: 25px;}
#articleInfo16 .item .info p{text-align: center;padding-top: 30px;}
#articleInfo16 .item .info p img{border-radius: 20px;}

@media screen and (max-width: 768px) {
	#articleInfo16 .item{padding: 40px 20px;width: -webkit-fill-available;}
	#articleInfo16 .item .photo {width: 100%;top: 0;}
	#articleInfo16 .item:nth-child(2n) .photo {right: 0;}
	#articleInfo16 .item .info {margin: 0;width: 100%;}
	#articleInfo16 .item .info h5 ,#articleInfo16 .item .info h3 {margin: 0 0 0 auto;padding: 10px 2%;width: 100%;}
	#articleInfo16 .item .info h3 {padding: 15px 2%;}
	#articleInfo16 .item:nth-child(2n) .info h5 ,#articleInfo16 .item:nth-child(2n) .info h3 {margin: 0 auto 0 0;}
	#articleInfo16 .item .info{}
}
@media screen and (max-width: 480px) {
	#articleInfo16 .item > div ,#articleInfo16 .item:nth-child(2n) > div {float: none;}
	#articleInfo16 .item .photo {position: relative;margin: 0 auto 10px;width: 100%;display: block;}
	#articleInfo16 .item .info h5{font-size: 40px;display: none;}
	#articleInfo16 .item .info h3{padding: 0;}
}
