.hide {display:none;}
.cur2p {cursor:pointer;}
.year:hover {background:grey; color:#fff;}
.gg2a{display:block; text-transform:uppercase; font-weight:700;}
.gg2a:hover {color:#b01625;}
.timbox {padding:30px 0px 30px 20px; margin:0 auto;}
.timbox ul {list-style-type:none; padding:0; margin:0;}
.timbox ul::after {content: ""; display:block; clear:both;}
ul.timeline1 {display:-webkit-box; display:flex; flex-wrap:wrap;}
ul.timeline1 > li {width:calc( 100% / 3 );}
/*ul.timeline1 > li:nth-of-type(odd) > .timcontent {-webkit-transform:translateY(calc(-100% - 24px)); transform:translateY(calc(-100% - 24px));}*/
ul .year {color:grey; background:#d2d2d2; display:block; position:relative; padding-left:24px; line-height:24px; font-weight:bold; font-size:18px;}
ul .year::before {content:""; width:35px; height:35px; position:absolute; background:#d2d2d2; border:3px solid #fff; border-radius:50%; left:-24px; top:calc( (36 - 24) / 2 * -1px );}
ul .year.new {border-radius:0 24px 24px 0;}
ul .year.new::after {content:""; width:5px; height:5px; display:block; border:20px solid #d2d2d2; box-sizing:border-box; border-top-color:transparent; border-right-color:transparent; border-bottom-color:transparent; position:absolute; right:-30px; top:-8px;}
ul .year.new:hover::after {content:""; width:5px; height:5px; display:block; border:20px solid grey; box-sizing:border-box; border-top-color:transparent; border-right-color:transparent; border-bottom-color:transparent; position:absolute; right:-30px; top:-8px;}
ul .timcontent {border-left:3px solid #d2d2d2; margin-left:-7px; padding:10px 0; padding-right:24px;}
ul .timcontent > li {padding-left:20px; border-bottom:4px solid #eef4f7; padding-bottom:8px; position:relative; margin-left:-8px;}
ul .timcontent > li:last-of-type {border-bottom:0; padding-bottom:0;}
ul .timcontent > li::before {content:""; display:block; position:absolute; width:7px; height:3px; border-radius:0%; background:grey; left:3px; top:9px;}
ul .timcontent > li::after {content:""; display:block; position:absolute; width:7px; height:3px; border-radius:0%; background:grey; left:3px; bottom:-3px;}
@media screen and (max-width: 1140px) {ul.timeline1 > li {width:calc( 100% / 3 );}}
@media screen and (max-width: 991px) {ul.timeline1 > li {width:calc( 100% / 2 );}}
@media screen and (max-width: 767px) {ul.timeline1 {display: block;} ul.timeline1 > li {width: 100%;} ul.timeline1 > li:nth-of-type(odd) .timcontent {-webkit-transform:none; transform:none;}}