#articleInfo14{position:relative;display: flex;flex-wrap: wrap;}
#articleInfo14:before,#articleInfo14:after{content:"";display:block;width:100%;clear:both}
#articleInfo14:before{content:"";width:3px;height:100%;background: #e8e8e8;position:absolute;top:0;left:50%}
#articleInfo14 .row{width:50%;position:relative;z-index:1}
#articleInfo14 .row:last-child:before{top:auto;bottom:0}
#articleInfo14 .row:last-child:nth-child(even):before{right:auto;left:-15px}
#articleInfo14 .info{position:relative;transition:all 0.3s ease 0s}
#articleInfo14 .info:before{content:"";width:100%;height: 1px;background: #0a285e;position:absolute;top: 50px;left:0;z-index:-1}
#articleInfo14 .circle{width: 100px;height: 100px;border-radius:50%;background: #0a285e;position: absolute;right: -50px;display: flex;align-items: center;justify-content: center;color: #fff;flex-direction: column;font-weight: bold;font-size: 25px;}
#articleInfo14 .circle span{display:block;font-size: 15px;margin-top: 3px;font-weight: 300;}
#articleInfo14 .circle span:after{border-radius:21px 0 0 0;top:0;bottom:-56px}
#articleInfo14 .circle:hover span i{animation:flipInY 1.5s both;-webkit-animation:flipInY 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo14 .content{padding-right: 100px;position:relative;padding-top: 51px;}
#articleInfo14 .stitle{display:block;padding:10px;margin:10px 0 50px 0;background:#cca872;border-radius:7px;font-size:25px;color:#fff}
#articleInfo14 .title img{width: 100%;}
#articleInfo14 .description{font-size: 15px;color: #fff;text-align:justify;background: #0a285e;padding: 13px 20px;display: block;}
#articleInfo14 .icon{width:25px;height:25px;border-radius:50%;background:#fff;border:4px solid #cca872;position:absolute;top:82px;right:-14px}
#articleInfo14 .icon:before{content:"";width:15px;height:25px;background:#cca872;margin:auto;position:absolute;top:-1px;left:-15px;bottom:0;z-index:-1}
#articleInfo14 .icon span:before,#articleInfo14 .icon span:after{content:"";width:21px;height:25px;background:#fff;border-radius:0 0 21px 0;margin:auto;position:absolute;top:-30px;left:-15px;bottom:0;z-index:-1}
#articleInfo14 .icon span:after{border-radius:0 21px 0 0;top:0;left:-15px;bottom:-30px}
#articleInfo14 .row:nth-child(2n) .circle{left: -50px;}
#articleInfo14 .row:nth-child(2n) .circle:before{right:auto;left:-33px;box-shadow:-7px 0 9px -7px #444 inset}
#articleInfo14 .row:nth-child(2n) .circle span:before,#articleInfo14 .row:nth-child(2n) .circle span:after{right:auto;left:-33px;border-radius:0 0 21px 0}
#articleInfo14 .row:nth-child(2n) .circle span:after{border-radius:0 21px 0 0}
#articleInfo14 .row:nth-child(2n) .content{padding: 51px 0 0 100px;}
#articleInfo14 .row:nth-child(2n) .icon{right:auto;left:-14px}
#articleInfo14 .row:nth-child(2n) .icon:before,#articleInfo14 .row:nth-child(2n) .icon span:before,#articleInfo14 .row:nth-child(2n) .icon span:after{left:auto;right:-15px}
#articleInfo14 .row:nth-child(2n) .icon span:before{border-radius:0 0 0 21px}
#articleInfo14 .row:nth-child(2n) .icon span:after{border-radius:21px 0 0 0}
#articleInfo14 .row:nth-child(2n){margin-top:180px;}
#articleInfo14 .row:nth-child(even){margin-bottom:80px;}
#articleInfo14 .row:first-child,#articleInfo14 .row:last-child:nth-child(even){margin:0}

@media only screen and (max-width:990px){
	#articleInfo14:before{left: 50px;}
	#articleInfo14 .circle, #articleInfo14 .row:nth-child(2n) .circle{right:auto;position: relative;left: auto;}
	#articleInfo14 .info:before{display:none;}
	#articleInfo14 .content, #articleInfo14 .row:nth-child(2n) .content{padding: 30px 0;}
	#articleInfo14 .row{width:100%;float:none;margin-bottom:20px !important}
	#articleInfo14 .row:first-child:before,#articleInfo14 .row:last-child:before{left:auto !important;right:-13px !important}
	#articleInfo14 .row:nth-child(2n) .circle:before{right:-33px;left:auto;box-shadow:7px 0 9px -7px #444 inset}
	#articleInfo14 .row:nth-child(2n) .circle span:before,#articleInfo14 .row:nth-child(2n) .circle span:after{right:-33px;left:auto;border-radius:0 0 0 21px}


	#articleInfo14 .row:nth-child(2n) .circle span:after{border-radius:21px 0 0 0}
	#articleInfo14 .row:nth-child(2n) .icon{right:-14px;left:auto}
	#articleInfo14 .row:nth-child(2n) .icon:before,#articleInfo14 .row:nth-child(2n) .icon span:before,#articleInfo14 .row:nth-child(2n) .icon span:after{left:-15px;right:auto}
	#articleInfo14 .row:nth-child(2n) .icon span:before{border-radius:0 0 21px 0}
	#articleInfo14 .row:nth-child(2n) .icon span:after{border-radius:0 21px 0 0}
	#articleInfo14 .row:nth-child(2),#articleInfo14 .row:nth-child(odd),#articleInfo14 .row:nth-child(even){margin:0}
}