@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
#topBox p{margin-bottom:30px;font-weight:300;letter-spacing:1px;font-size:19px}
#topBox .box{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:50px}
#topBox .box .photo{width:50%}
#topBox .box .text{width:45%}
#topBox .box .text h3{font-size:25px;font-weight:500;margin-bottom:10px;color:#b7a280}
#topBox .box .text ol{padding-left:30px}
#topBox .box .text li{list-style:circle;font-size:18px}
#articleInfo14{position:relative;display:flex;flex-wrap:wrap}
#articleInfo14 .row{width:calc(100%/10);z-index:1;padding-bottom:80px}
#articleInfo14 .row:last-child:before{top:auto;bottom:0}
#articleInfo14 .row:last-child:nth-child(even):before{right:auto;left:-15px}
#articleInfo14 .info{margin:15px 0;transition:all 0.3s ease 0s;border-width:1px 0px 1px 1px;border-color:#bebebe;border-style:solid}
#articleInfo14 .circle{width:180px;height:180px;border-radius:50%;background:#fff;border:8px solid #cca872;float:left;margin-right:25px;position:relative}
#articleInfo14 .circle:before{content:"";width:26px;height:30px;background:#cca872;margin:auto;position:absolute;top:0;right:-33px;bottom:0;z-index:-1;box-shadow:inset 7px 0 9px -7px #444}
#articleInfo14 .circle span{display:block;width:100%;height:100%;border-radius:50%;text-align:center;line-height:165px;font-size:80px;color:#454344}
#articleInfo14 .circle span:before,#articleInfo14 .circle span:after{content:"";width:28px;height:50px;background:#fff;border-radius:0 0 0 21px;margin:auto;position:absolute;top:-54px;right:-33px;bottom:0;z-index:-1}
#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{display:flex;flex-wrap:wrap;align-items:center;flex-direction:column;padding:40px 20px;position:relative;justify-content:center}
#articleInfo14 .content:after{content:'';width:0;height:0;border-style:solid;border-width:5px 0 5px 5px;border-color:transparent transparent transparent #454545;position:absolute;right:-6px}
#articleInfo14 .row:last-child .content:after{display:none}
#articleInfo14 .row:last-child .info{border-right-width:1px}
#articleInfo14 .stitle{display:block;padding:10px;margin:10px 0 50px 0;background:#cca872;border-radius:7px;font-size:25px;color:#fff}
#articleInfo14 .title{font-size:16px;font-weight:300;color:#756d6d;margin-top:30px;text-align:center;height:54px}
#articleInfo14 .description{font-size:16px;color:#756d6d;width:100%;opacity:0;padding:0;position:absolute;left:0}
#articleInfo14 .description b{display:block;margin-bottom:10px;letter-spacing:1px;font-size:18px}
#articleInfo14 .row:hover .description{opacity:1}
#articleInfo14 .icon{width:50%;position:relative}
#articleInfo14 .icon:after{content:'';width:100%;height:100%;background:#dfdfdf;position:absolute;bottom:-10px;left:5px;z-index:-1;border-radius:50%}

@media only screen and (max-width:1024px){
	#articleInfo14 .row{width:calc(100%/5);padding-bottom:100px}
	#articleInfo14 .description{margin-top:10px}
	#articleInfo14 .row:nth-child(1) .info,#articleInfo14 .row:nth-child(2) .info,#articleInfo14 .row:nth-child(3) .info,#articleInfo14 .row:nth-child(4) .info,#articleInfo14 .row:nth-child(5) .info{margin-bottom:0}
	#articleInfo14 .row:nth-child(5) .info{border-right-width:1px}
}
@media only screen and (max-width:480px){
	#articleInfo14 .icon{width:50px}
	#articleInfo14 .title{width:calc(100% - 80px);margin:0;height:auto;text-align:left;line-height:150%}
	#articleInfo14 .content{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;padding:40px}
	#articleInfo14 .description{opacity:1;font-size:14px;padding:0;width:auto;bottom:unset;position:relative;margin:20px 0}
	#articleInfo14 .info,#articleInfo14 .row:nth-child(1) .info,#articleInfo14 .row:nth-child(2) .info,#articleInfo14 .row:nth-child(3) .info,#articleInfo14 .row:nth-child(4) .info,#articleInfo14 .row:nth-child(5) .info{position:relative;margin:0;border-width:1px}
	#articleInfo14 .row:last-child .info{border-bottom-width:1px}
	#articleInfo14 .row{width:100%;padding-bottom: 0;}
	#topBox .box .photo{width:100%}
	#topBox .box .text{width:100%;margin-top:10px}
	#articleInfo14 .content:after{border-width:5px 5px 0 5px;border-color:#454545 transparent transparent transparent;right:unset;bottom:-6px}
}