.wow {animation: fadeIn 1.5s both;-webkit-animation: fadeIn 1.5s both;animation-duration: 1s;-webkit-animation-duration: 1s;}
#articleInfo16 .item {overflow: hidden;position: relative;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;display: flex;flex-direction: row-reverse;align-items: center;}
#articleInfo16 .item > div {float: right;width: 55%;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 {background-position: 50%;background-repeat: no-repeat;background-size: cover;position: relative;}
#articleInfo16 .item .photo:before{content:'LUSTONE';position:absolute;font-family: 'Saira', sans-serif;font-weight: 400;color: #ffffff;bottom: -12px;font-size: 70px;line-height: 100%;left: 10px;}
#articleInfo16 .item .photo:after{content:'';position:absolute;width: 80%;height: 85%;background: #eee;bottom: 0;left: -40px;z-index: -1;}
#articleInfo16 .item .photo img {width: 100%;}
#articleInfo16 .item .info {margin: 0 7% 0 0%;width: 35%;animation-name: fadeInRight;-webkit-animation-name: fadeInRight;}
#articleInfo16 .item:nth-child(2n) .info {animation-name: fadeInLeft;-webkit-animation-name: fadeInLeft;}
#articleInfo16 .item .info h5 {font-size: 20px;color: #000000;line-height: 100%;font-weight: 400;}
#articleInfo16 .item .info h3 {padding: 20px 0 10px;border-bottom: 1px #dcdcdc solid;text-transform: uppercase;line-height: 130%;letter-spacing: 2px;font-weight: 500;font-size: 28px;color: var(--primary);}
#articleInfo16 .item .info article {margin: 20px 0 30px 0;line-height: 180%;letter-spacing: 0.5px;font-size: 17px;}
#articleInfo16 .item .info p{font-size: 24px;font-weight: bold;}
#articleInfo16 .item .info article{margin: 20px 0 20px;padding-left:20px}
#articleInfo16 .item .info article li{font-size:15px;letter-spacing:1px;font-weight:400;list-style:outside;line-height:200%;margin-bottom: 5px;}

@media screen and (max-width: 1440px) {
	#articleInfo16 .item .photo:before{font-size: 75px;}
}

@media screen and (max-width: 1280px) {
	#articleInfo16 .item .photo:before{font-size: 70px;}
}

@media screen and (max-width: 1024px) {
	#articleInfo16 .item > div, #articleInfo16 .item .info{float: none;width: 100%;margin: 0;}
	#articleInfo16 .item .photo{}
	#articleInfo16 .item .photo:after{display: none;}
	#articleInfo16 .item{
    display: flex;
    flex-direction: column-reverse;
}
}

@media screen and (max-width: 768px) {
	#articleInfo16 .item .info {margin: 0;width: 100%;}
	#articleInfo16 .item:nth-child(2n) .info h5 ,
	#articleInfo16 .item:nth-child(2n) .info h3 {margin: 0 auto 0 0;}
	#articleInfo16 .item .info h3{
    font-size: 24px;
}
}
@media screen and (max-width: 480px) {
	#articleInfo16 .item > div ,#articleInfo16 .item:nth-child(2n) > div {float: none;}
	#articleInfo16 .item .photo:before{font-size: 45px;bottom: -7px;}
	#articleInfo16 .item .photo {position: relative;margin: 0 auto;width: 100%;display: block;}
	#articleInfo16 .item .info h5{}
	#articleInfo16 .item .info h5 ,#articleInfo16 .item .info h3 ,#articleInfo16 .item:nth-child(2n) .info h5 ,#articleInfo16 .item:nth-child(2n) .info h3 {margin: 0;padding: 0 0 10px;width: 100%;position: relative;}#articleInfo16 .item .info article{margin: 30px 0;}
}
