.timeline>li h2,.product-info h1 {

	font-weight:400; 
}
/*timeline*/
        .timeline {
	list-style:none;
	padding:20px 0 20px;
	position:relative;
	margin-bottom:10px;
}
/*center line*/
        .timeline:before {
	top:5px;
	bottom:0;
	position:absolute;
	content:" ";
	width:1px;
	left:50%;
	
	margin-left:-2px;
	background:#B09273;
}
.timeline>li,.editor .timeline>li {
	margin-top:10px;
	position:relative;
}
.timeline>li:first-child,.editor .timeline>li:first-child {
	margin-top:0;
}
.timeline>li .timeline-panel img,.timeline>li .timeline-panel-r img,.editor .timeline>li .timeline-panel img,.editor .timeline>li .timeline-panel-r img {
	max-width:100%;
}
.editor .timeline>li:before,.timeline>li:before,.timeline>li:after {
	content:" ";
	display:table;
	width:0;
}
.timeline>li:after {
	clear:both;
}
/*right item*/
        .editor .timeline>li>.timeline-panel,.timeline>li>.timeline-panel {
	width:44%;
	float:right;
	padding:0px;
	position:relative;
	padding:20px 2% 20px 2%;
	text-align:left;
	background:#B09273;
	border-radius:6px;
}
/*dot*/
        .timeline>li .timeline-badge {
	color:#fff;
	width:16px;
	height:16px;
	line-height:60px;
	font-size:15px;
	text-align:center;
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-9px;
	background-color:#B09273;
	z-index:100;
	border-top-right-radius:50%;
	border-top-left-radius:50%;
	border-bottom-right-radius:50%;
	border-bottom-left-radius:50%;
}
/*h2*/
        .timeline>li h2 {
	color:#fff;
	font-size:22px;
	padding:0;
	margin:0;
	line-height:24px;
	font-weight:700;  margin-bottom: 5px
}
/*p*/
        .timeline>li p {
	padding:0;
	line-height:200%;font-size: 18px; color:#fff
}
.timeline>li .timeline-panel-r h2 {
	font-size:22px;
	font-weight:bolder;
}


.timeline>li:nth-child(2n) .timeline-panel {
	float:left;
	width:42%;
}
/*right item arrow*/
        .timeline>li .timeline-panel:after {
	display:block;
	content:"";
	left:-16px;
	top:19px;
	position:absolute;
	border-style:solid;
	border-width:10px 16px 10px 0;
	border-color:transparent #B09273 transparent transparent;
}
/*left item
       arrow*/
        .timeline>li:nth-child(2n) .timeline-panel:after {
	display:block;
	content:"";
	left:auto;
	right:-16px;
	top:19px;
	position:absolute;
	border-style:solid;
	border-width:10px 0 10px 16px;
	border-color:transparent transparent transparent #B09273;
}
/** iphone & bootsrtap XS **/
        @media screen and (max-width:768px) {
	.editor .m-img100,.m-img100 {
	width:100%;
	max-width:100%;
}
			
@media screen and (max-width:768px) {	
  .timeline>li h2 {font-size:20px;}	
	  .timeline>li p {font-size: 14px;}
	
}			
			
/*end form*/
            /*---- timeline----*/
            .editor .timeline>li>.timeline-panel,.timeline>li>.timeline-panel {
	float:none;
	text-align:left;
	width:90%;
	margin:0 auto; padding: 10px 15px
}
.editor .timeline>li>.timeline-panel:after,.timeline>li>.timeline-panel:after {
	background:none;
}
.timeline>li:nth-child(2n) .timeline-panel:after {
	border:none;
}
.editor .timeline>li>.timeline-panel p,.timeline>li>.timeline-panel p {
	float:none;
}
.editor .timeline>li>.timeline-panel span,.timeline>li>.timeline-panel span {
	width:100%;
	float:none;
}
.editor .timeline>li>.timeline-panel span:first-child,.timeline>li>.timeline-panel span:first-child {
	width:100%;
}
.timeline>li>.timeline-badge {
	position:relative;
	top:auto;
	left:0px;
}
.timeline:before {
	left:30px;
	top:20px;
}
.timeline>li .timeline-panel:after {
	display:none;
}
}

.black-bg { position:relative; max-width: 1300px; width: 80%; margin: 0 auto;}


.editor {
	line-height:200%;
}
.editor p {
	padding-bottom:10px;
}
.editor ul {
	padding-bottom:0px;
	-webkit-padding-start:0px;
}
.editor ul li {
	padding-left:30px;
	position:relative;
}
.editor ul li:before {
	background:#1f5a52;
	margin-left:-20px;
	content:'';
	border-radius:11px;
	width:8px;
	height:8px;
	display:block;
	position:absolute;
	top:15px;
}
.editor ul li img {
	vertical-align:middle;
}
.padded-tb100 {
	padding:30px 0;
}
.editor {
	line-height:220%;
}
.width {
	width:100%;
	margin:0 auto;
	position:relative;
	z-index:9;
}
@media screen and (max-width:1199px) {
	.width,.header,#top-wrap,.oe_menu {
	width:100%;
	min-width:100%;
}
	
	.black-bg { width: 90%;}
}



@media screen and (max-width:768px) {
.padded-tb100 {
	padding:15px 0 30px 0;
}
	.black-bg { width: 94%;}
	}



/*--------gslc-------------*/

.history_wrapper{position: relative; margin: 0px; padding: 0px}

.history_list{margin: 0px; padding: 0px;margin-top: 50px;}
.history_list ul{ margin: 0px; padding: 0px;}
.history_list li { position: relative; padding-bottom: 40px;}
.history_head {padding-bottom: 70px !important;}


.history_list .item{ align-items: center;display: flex;display: -webkit-flex;}



.history_list .item .year_box{ width: 180px;margin-right: 0;margin-bottom: 0;display: flex;display: -webkit-flex; text-align: right;margin-right: 30px;align-items: center; }
.history_head .item .year_box{ width: 185px;align-items: center; }


.history_list li::after {
    content: '';
    border-left: 1px dashed #ce1414;
    position: absolute;
    top: 0;
    height: 100%;
    left: 167px;
    z-index:1;
}


.history_list .item .dot {
    width: 26px;
    height: 26px;
    border: 2px solid #ce1414;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; z-index: 2
}
.history_list .item .dot::after {
    content: '';
    background-color: #ce1414;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.history_head .item .year_box .dot{
width: 36px;
height: 36px;
border: 10px solid #ce1414;
background-color: #fff;
padding: 0;
background-clip: initial; border-radius: 50%; margin-left:8px; z-index: 2
}
.history_head .item .year_box .dot::after{ background:  none}
 .year_box span {
    display: inline-block;
    font-size: 26px;
    font-weight: bold;
    color: #ce1414;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 20px;
}

.history_list .item .content_box {
    background-color: #f5f5f5;
    padding: 40px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    vertical-align: top;

}

.history_list .item .content_box dl{padding: 0px; margin: 0px; overflow: hidden; }
.history_list .item .content_box dl dt{padding: 0px; margin: 0px; overflow: hidden; }
.history_list .item .content_box dl dd{ padding: 0px; margin: 0px; overflow: hidden; font-size: 16px; line-height: 190%}



@media screen and (max-width: 1400px) {
	.history_list .item .content_box dl dd{font-size: 14px; }	
}

 @media screen and (max-width: 1000px) {

.history_list .item{ align-items:flex-start;;display:block;display: -webkit-block;}

     .history_list .item .content_box { margin-left: 32px; padding: 20px} 
     
     
.history_list li{ padding-bottom: 20px}
     
 .history_list .item .year_box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    margin-right:10px;
    width: auto;
    margin-bottom: 5px;
    text-align:left
} 
         
     
     
     
.history_list .item .year_box .dot{width:20px; height: 20px;margin-left:3px; margin-right: 15px}  
     
     
.history_list .item .dot::after {
    content: '';
    background-color: #ce1414;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}
    
.history_head .item .year_box .dot{
width: 26px;
height: 26px;
border: 8px solid #ce1414;
background-color: #fff;
padding: 0;
background-clip: initial; border-radius: 50%; margin-left:0px; z-index: 2
}
 .year_box span {
    display:block;
    font-size: 20px;
    font-weight: bold;
    color: #ce1414;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 20px; line-height: 30px
}  
     
    

.history_list li::after {
    content: '';
    border-left: 1px dashed #ce1414;
    position: absolute;
    top: 0;
    height: 100%;
    left: 12px;
    z-index:1;
}

     
}