/*.development_history{padding-top: 10%;}
.development_history_wrap{width: 83%;margin:40px auto;}*/
.ohistory{padding:4% 0;width: 90%;margin:0 auto;}
.ohistory_item{/*padding:10px 0 0  0;*/ display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-transform: rotate(0deg) scale(1) translate(0%, 0%);transform: rotate(0deg) scale(1) translate(0%, 0%);-webkit-transition: all 0.3s ease;transition: all 0.3s ease;-ms-transform: rotate(0deg) scale(1) translate(0%, 0%);}
.ohistory_date{padding-top: 20px; -webkit-box-flex: 1;-ms-flex: 1 1 0%;flex: 1 1 0%;width: 100%;text-align: right;margin-top: 5px;margin-right: 30px;margin-left: 30px;font-weight: normal;font-size: 40px;color: #d1d1d1;}
.ohistory_txt{-webkit-box-flex:5;-ms-flex:5;flex:5;position: relative;}
.ohistory_txt h4{ width: calc(100% - 20px); position: relative;padding-left: 30px;display: inline-block;color:#2c2c2c;font-size: 18px;vertical-align: top;	padding: 20px;
    margin-left: 20px;;}
.ohistory_txt h4::before {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;  content: "";width: 14px;height: 14px;display: inline-block;border:2px solid #e5e5e5;background-color:#1c58ba;	border-radius: 50%;  position: absolute;/*left: -10px;top: 0;*/     top: 30px;
    margin-top: -8px;left:-29px;}
.ohistory_ps{width: 100%; position: relative;padding-bottom: 15px;margin-bottom: 0px;font-size: 13px;opacity: 0.79;max-width: 520px;display: inline-block;min-height: 60px;}
.ohistory_txt::before {content: "";position: absolute;height: 100%;width: 1px;border-left-style: solid;border-left-width: 2px;top:5px; left: -1px;opacity: 0.17;}
/*.ohistory_item:hover{background-color: #f3f7ff; -webkit-box-shadow: rgba(0, 0, 0, 0.188235) 0px 17px 50px 0px;box-shadow: rgba(0, 0, 0, 0.188235) 0px 17px 50px 0px;-webkit-transform: translate3d(0px, -2px, 0px);transform: translate3d(0px, -2px, 0px);-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);-webkit-transition: all 0.3s ease;transition: all 0.3s ease;z-index: 10;}
.ohistory_item:hover .ohistory_txt h4::before {width: 20px;height: 20px;left: -12px;}
.ohistory_item:hover .ohistory_txt h4 {color: #0043b3;}*/



.ohistory_item:hover .ohistory_txt h4{background: #f7f7f7;}
.ohistory_item:hover .ohistory_txt h4::before{width: 20px;height: 20px;left:-32px;margin-top: -10px;}

@media (max-width: 767px){
	.development_history{padding-top: 24%;}
	.development_history .opageblock_title  {text-align: center;}
	/*.development_history_wrap{width: 94%;}*/
	.ohistory{width: 100%;}
	.ohistory_date{font-size: 20px;margin:0 20px;}
	.ohistory_txt h4{font-size: 15px;}
	.ohistory_txt h4::before{width: 9px;height: 9px;}
	.ohistory_txt::before{left: -4px;}
	.ohistory_txt h4{padding:20px 10px 10px 10px;}
	.ohistory_ps{min-height: 25px;}
	.ohistory_date{padding-top: 16px;}
}

@media (min-width: 768px) and (max-width: 1024px){
	.ohistory{width: 100%;}
	.ohistory_date{font-size: 24px;margin:0 20px;}
	.ohistory_txt h4{font-size: 18px;}
}